Skip to content

Conversation

@techniq
Copy link
Owner

@techniq techniq commented Oct 16, 2025

Goals

  • Provide complete / standalone / isolated examples with easy copy and paste and ability to open in Svelte REPL/Playground or Stackblitz
  • New Examples browse page with filtering
  • Automatically find related examples for all components
  • Expose APIs (generated from $prop() types)
  • Improved search (sub-section)
  • Improved design
  • Better separation of library and docs dependencies

Closes #620

PR also

  • Adds settings (default layer type and debug)
  • Layer improvements
    • respects layer setting (default)
    • integrates debug setting (overall and padding bounds)

TODO

Existing

  • Create new docs projects at {project_root}/docs}
  • Setup content-collections
  • Setup mdsx
  • Setup Tailwind / Theme select
  • Setup unplugin-icons
  • Setup Svelte UX
  • Table of Contents
  • Analytics
  • Integrate renderContext (svg/canvas/html) setting
  • Integrate debug setting
  • Setup CI (build)
  • Deploy new site to Cloudflare (new directory)
  • Identify pattern to define examples
    • preprocess markdown code blocks
      • Pro
        • Faster to migrate
        • Quick to iterate
      • Con
        • More difficult to implement (find old preprocessor)
    • Separate page per example (almost 700)
      • Pro
        • Better tooling (prettier, errors)
        • Easier to implement (?raw for source)
        • Full examples (<script>)
        • Easier to open in REPL
      • Con
        • More intensive (almost 700)
        • Each needs distinct name
  • Migrate all examples
  • Search
  • Responsive layout
  • light/dark shiki themes
  • Remove old site (after migrated)
  • Update Getting Started
  • Fix screenshots (show full examples (multi-chart), hide controls)
  • Fix data warning (box value in object)

New


Structure

I'm also thinking we have the following sections (not rigid, but general ideas):

possibly

  • Updates (News / Blog)

Issues

@changeset-bot
Copy link

changeset-bot bot commented Oct 16, 2025

🦋 Changeset detected

Latest commit: 781b0f2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages
Name Type
layerchart Minor
shadcn-svelte-1 Patch
svelteux-2 Patch
skeleton-3 Patch
skeleton4 Patch
standalone Patch
daisyui-5 Patch
docs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Contributor

github-actions bot commented Oct 16, 2025

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
layerchart ✅ Ready (View Log) Visit Preview 781b0f2

@pkg-pr-new
Copy link

pkg-pr-new bot commented Oct 16, 2025

Open in StackBlitz

npm i https://pkg.pr.new/layerchart@659

commit: 781b0f2

cycle4passion and others added 2 commits January 31, 2026 11:50
* fix for empty layers toggle showing small circle

* initial

* move to footer

* Landing Page Stats

- Stats handled by src/lib/Stats.svelte
- stats loaded via svelte remote function $lib/stats.remote.ts
- stats nonblock via {#await}
- for scrolling NPM downloads - Used ScrollValue from Svelte-UX
- npm scrolling paused if not in viewport (used runed inViewport). This allows for consistent 1st visualization.
- npm scrolling also pauses if npm hovered - less jarring
- all stats are links to corresponding pages (NPM, Github, Discord, Bluesky)
- responsive design dropping to block at small screens

* refine using runed's useInterval with pause/resume

* Use `GITHUB_API_TOKEN` if available (docs/.env, env var).  Improve error handling

---------

Co-authored-by: Sean Lynch <[email protected]>
* fix for empty layers toggle showing small circle

* missing-clips
@github-actions github-actions bot requested a deployment to Preview January 31, 2026 17:37 Abandoned
* Open in LLM feature

* removed grok

* open-in-llm-component

- rewrote copy for LLMs

* minor copy change

* used markdown icons

* llms.txt - 3 levels

1. Individual pages like `layerchart.com/docs/components/Linechart/llms.txt .`

2. Site links index at `layerchart.com/llms.txt`

3. Complete text at `layerchart.com/docs/llms.txt .`

API endpoint creation for sections

1. Getting Started
2. Guide Pages
3. Components
4. Individual Examples
5. Utils

Added processMarkdownContent(content) to handle custom markdown conversion to vanilla MD for LLMs. In `docs/src/lib/markdown/utils.ts`

* fix spelling error

* another spelling fix

* Change OpenLLMs.svelte to OpenWithButton.svelte

- cleaned up logic on `ddocs/src/routes/docs/guides/[name]/llms.txt/+server.ts` was getting title by url name, now uses frontmatter like others.

* Change "View Page Markdown" to open in modal

* refine OpenWithButton

* update `p` markdown component to only apply margins when within main (not nested in note, blockquote, etc)

* refine some wording

* Create guides content collection and use to build menu

* Extract and consolidate common llms.txt utils

* Add common sortCollection util

* add component links to examples llms.txt

* consolidate more logic into llms/utils.ts

* Replace `fs`/`path` usage with Vite's `import.meta.glob`

* Move processMarkdownContent to llms/utils.ts

* processMarkdownContent within generateComponentMarkdown / generateUtilMarkdown

* include `:example { }`directives

* cleanup

* move related section to bottom of component docs (also matches llms.txt)

* Add examples to component llms.txt

* Rename `Component docs` to just `Components` when viewing an example

* Extract generateExampleMarkdown from request handler into llms/tuils.ts

* move generateFullLlmsTxt to llms/utils.ts, always use markdownResponse (remove textResponse)

* move generateLlmsTxt to llms/utils.ts,

* replace generateGuidesSection with generateCollectionListSection

* Uwe docsUrl in `inlineExampleDirectives` and `generateComponentMarkdown` to build example links

* remove unneeded exports

* cleanup types

* delete outdated tests

* update docs test setup to match packages/layerchart

* add llms tests and add to ci

* Add LLMs link to frontpage footer

* Update LLMs docs

* Disable docs tests until contentCollections() can be enabled without triggering `__dirname is not defined`

---------

Co-authored-by: Sean Lynch <[email protected]>
techniq and others added 4 commits February 1, 2026 11:30
…o v2). If dagre was bumped to v2, was getting: `"Dynamic require of "@dagrejs/graphlib" is not supported"`
* fix for empty layers toggle showing small circle

* add missing clips for tree examples
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants