docs: copy page button (#2365)

Author: huntabyte

.gitignore

@@ -84,8 +84,6 @@ web_modules/
 # Output of 'npm pack'
 *.tgz
 
-# Yarn Integrity file
-.yarn-integrity
 
 # dotenv environment variable files
 .env
@@ -98,13 +96,6 @@ web_modules/
 # Stores VSCode versions used for testing VSCode extensions
 .vscode-test
 
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
-generated-assets
 
 # JetBrains IDEs
 .idea/
@@ -115,7 +106,8 @@ docs/static/themes.css
 docs/static/schema/registry.json
 docs/static/schema/registry-item.json
 docs/src/__registry__
-
-
+docs/static/docs
+docs/static/llms.txt
+docs/static/docs.md
 
 registry-template/static/r

docs/content/components/sidebar.md

@@ -785,7 +785,7 @@ Here's an example of a `Sidebar.MenuAction` that renders a `DropdownMenu`.
 <Sidebar.MenuItem>
   <Sidebar.MenuButton>
     {#snippet child({ props })}
-      <a href="#" {...props}>
+      <a href="##" {...props}>
         <House />
         <span>Home</span>
       </a>

docs/content/index.md

@@ -8,7 +8,7 @@ description: Re-usable components built with Bits UI and Tailwind CSS.
   import Callout from '$lib/components/callout.svelte';
 </script>
 
-An unofficial, community-led [Svelte](https://svelte.dev) port of [shadcn/ui](https://ui.shadcn.com). We are not affiliated with [shadcn](https://twitter.com/shadcn), but we did get his blessing before creating a Svelte version of his work. This project was born out of the need for a similar project for the Svelte ecosystem.
+An unofficial, community-led [Svelte](https://svelte.dev) port of [shadcn/ui](https://ui.shadcn.com). We are not affiliated with [shadcn](https://x.com/shadcn), but we did get his blessing before creating a Svelte version of his work. This project was born out of the need for a similar project for the Svelte ecosystem.
 
 **This is not a component library. It is how you build your component library.**
 

docs/package.json

@@ -7,11 +7,13 @@
 		"dev": "pnpm --reporter append-only --color \"/dev:/\"",
 		"dev:content": "velite dev --watch",
 		"dev:svelte": "vite dev",
-		"build": "pnpm build:content && pnpm build:svelte",
+		"build": "pnpm build:content && pnpm build:llm-placeholders && pnpm build:svelte && pnpm build:llms",
 		"build:content": "velite && tsx scripts/velite/velite-update-json.ts",
 		"build:svelte": "vite build",
 		"build:registry": "tsx scripts/build-registry.ts build-registry",
 		"build:screenshots": "tsx scripts/capture-registry.ts",
+		"build:llms": "tsx scripts/build-llms.ts",
+		"build:llm-placeholders": "tsx scripts/build-llm-placeholders.ts",
 		"replace:velite": "tsx scripts/velite/velite-watch-output.ts",
 		"sync": "pnpm build:registry && pnpm build:content && svelte-kit sync",
 		"preview": "vite preview",
@@ -40,31 +42,38 @@
 		"@types/d3-scale": "^4.0.8",
 		"@types/d3-shape": "^3.1.7",
 		"@types/hast": "^3.0.4",
+		"@types/jsdom": "^27.0.0",
 		"@types/lodash.template": "^4.5.3",
 		"@types/mdast": "^4.0.4",
 		"acorn": "^8.15.0",
 		"bits-ui": "^2.11.0",
 		"chrono-node": "^2.8.4",
 		"clsx": "^2.1.1",
+		"consola": "^3.4.2",
 		"d3-scale": "^4.0.2",
 		"d3-shape": "^3.2.0",
 		"embla-carousel-autoplay": "^8.6.0",
 		"embla-carousel-svelte": "^8.6.0",
 		"estree-walker": "^3.0.3",
 		"formsnap": "^2.0.1",
+		"globby": "^15.0.0",
 		"hast-util-to-html": "^9.0.1",
+		"jsdom": "^27.0.0",
 		"layerchart": "2.0.0-next.27",
 		"little-date": "^1.0.0",
 		"lodash.template": "^4.5.0",
 		"magic-string": "^0.30.12",
 		"mdsx": "^0.0.7",
 		"mode-watcher": "^1.1.0",
-		"package-manager-detector": "^1.3.0",
+		"package-manager-detector": "^1.5.0",
 		"paneforge": "^1.0.2",
+		"rehype-parse": "^9.0.1",
 		"rehype-pretty-code": "^0.14.1",
+		"rehype-remark": "^10.0.1",
 		"rehype-slug": "^6.0.0",
 		"remark-code-import": "^1.2.0",
 		"remark-gfm": "^4.0.0",
+		"remark-stringify": "^11.0.0",
 		"rimraf": "^6.0.1",
 		"rollup-plugin-visualizer": "^6.0.3",
 		"runed": "^0.34.0",

docs/scripts/build-llm-placeholders.ts

@@ -0,0 +1,35 @@
+/**
+ * Creates empty markdown files so that they are loaded into the manifest for
+ * the cloudflare build and we can manually update them after we build so we don't
+ * need to build twice or try to manipulate the manifest post build.
+ */
+
+import { globby } from "globby";
+import { mkdir, writeFile } from "node:fs/promises";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+async function main() {
+	try {
+		const files = (await globby(["content/**/*.md"])).map((filePath) => {
+			const newPath = filePath.replace("content/", "docs/");
+			if (newPath.endsWith("/index.md")) return newPath.replace("/index.md", ".md");
+			return newPath;
+		});
+
+		for (const file of files) {
+			const outputPath = join(__dirname, "../static", file);
+			const outputDir = dirname(outputPath);
+			await mkdir(outputDir, { recursive: true });
+			await writeFile(outputPath, "\n", "utf-8");
+		}
+
+		await writeFile(join(__dirname, "../static/llms.txt"), "\n", "utf-8");
+	} catch (error) {
+		console.error("Error building LLM placeholder files:", error);
+	}
+}
+
+main();