Homepage playground: bundle-roast editorial theme with light/dark support#264
Draft
PuruVJ wants to merge 365 commits into
Draft
Homepage playground: bundle-roast editorial theme with light/dark support#264PuruVJ wants to merge 365 commits into
PuruVJ wants to merge 365 commits into
Conversation
…ponents for better readability
…eme handling in HeroExample
…nd types feat: change publishConfig to include exports for package.json in solid, svelte, vanilla, and vue packages chore: remove deprecated test files and test helpers from svelte package fix: update playground configurations to exclude @neoDrag dependencies from optimization chore: upgrade prettier-plugin-svelte to version 3.4.0 in playground/svelte package
… plugin bundle sizes
…tcher integration
…h new plugin examples and reactive features chore: enhance global CSS styles for code blocks and blockquotes refactor: remove unused plugin constants and streamline nav logic for core framework docs: add comprehensive documentation for @neodrag/core, including usage examples and error handling fix: improve legacy draggable implementation for Svelte with proper cleanup build: update llm.sh script to collect TypeScript and MDX files for documentation
…reMultitouch, legacyTranslate, onDrag events, position control, recomputeBounds, threshold, and transform options. Clean up related Svelte components and markdown files to streamline the documentation and improve clarity.
…l packages - Modified the constructor of DraggableFactory to accept DEFAULTS directly. - Updated instantiation of DraggableFactory in React, Solid, Svelte, Vanilla, and Vue packages to use DEFAULTS.
…tion - Simplified descriptions and usage examples for touchAction plugin. - Enhanced clarity on default behaviors and configurations. - Improved formatting for code snippets and examples. - Updated transform plugin documentation to emphasize visual transformations and GPU acceleration. - Removed redundant sections and improved overall readability.
…nt and user preferences
…nd add draggable example in Svelte
Restore a 3.5rem toolbar row with centered controls, transform-based icon zoom (fixed slot height, icons grow upward), plain GitHub link, and theme switcher sizing without extra margin that blew out alignment. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Drop the fixed TOC aside and headings plumbing. Article content uses the full docs shell width instead of a narrow 68ch column. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Use live icon width for layout slots instead of transform scale inside a fixed cell. Each framework item widens on hover so adjacent icons shift, while the dock bar stays h-14 with vertical overflow for large icons. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Restore a solid oklch shell+brand fill on dock-shell-fill and strengthen the outer bevel frame. Inner icon slots stay transparent. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Move dock chrome to ::before layers and disable clip-path on the toolbar chain. Anchor framework icons to the bottom of their slots so expansion grows upward out of the fixed-height dock. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Use 3–6% brand in the shell fill and ~78–82% transparent borders instead of the heavy 14% fill and 68% opaque orange frame. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Magnification still uses the wide distance curve; labels, brand chip, and underline now require the pointer within ~27px of an icon center. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Reverts dock paint to shell+brand LCH mixes and brand-tinted frame from commit 68eff8f, removing oklch/shell-mix dock tokens and rectangular fills. Desktop keeps shaped ::before layers only for magnification overflow; critical CSS no longer pins dock backgrounds so stylesheet rules can apply. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Remove clip-path:none from nested dock bevels and restore transparent backgrounds for dock-zoom slots so only the outer shell keeps the chamfered fill. Improves theme switcher icon contrast on docs routes. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Framework links in the desktop toolbar only navigated; menu_view.toggle() ran on every click and briefly opened the mobile nav panel before routing. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Replace brand+transparent frame, dividers, and shadows that read as pure Svelte orange on top of a neutral shell fill. Docs dock now uses one palette: shell tinted by framework brand at different strengths, with brand reserved for icon accents (hover, selected underline). Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Remove per-icon dock-angular-bevel wrappers so icons sit on the shell only; use inline theme switcher with a 3-column grid thumb; center icons in the h-14 bar via flex alignment while keeping hover labels and overflow for magnification. Co-authored-by: Cursor <cursoragent@cursor.com>
Ensure toolbar slot buttons use display flex with higher specificity so icons rest vertically centered in the h-14 bar after stripping bevel wrappers. Co-authored-by: Cursor <cursoragent@cursor.com>
Remove flex-center overrides on framework icon slots so bottom-anchored magnification can grow above the h-14 toolbar; align dock-zoom to flex-end. Co-authored-by: Cursor <cursoragent@cursor.com>
Use flex column with bottom padding so icons rest optically centered at rest while origin-bottom magnification still grows upward without clipping. Align dock-zoom and toolbar with items-center instead of items-end. Co-authored-by: Cursor <cursoragent@cursor.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Redesigns the Neodrag homepage playground using the bundle-roast editorial language (mono kickers, panel sections, terminal code chrome) while keeping the Neodrag color palette and existing playground behavior.
Changes
neo/dragwordmark,▍kickers, numbered scenario list)$ neodrag --adapter …), adapter chips, theme-aware inset code block.home-playgrounddriven bybody[data-theme]— Shiki blocks still flip via existingthemes.cssrulesTesting
pnpm install && pnpm --filter @neodrag/core compile && pnpm --filter @neodrag/svelte compile && pnpm --filter docs build