🚀 Next

apps/website/package.json

@@ -7,6 +7,7 @@
     "build": "next build",
     "build:prod": "pnpm build:registry && pnpm build",
     "build:registry": "tsx ./src/components/registry/check-registry.ts && tsx ./src/components/registry/build-registry.ts",
+    "build:registry:cli": "tsx ./src/components/registry/check-registry.ts && tsx ./src/components/registry/build-registry-cli.ts",
     "build:cc": "content-collections build",
     "start": "next start",
     "check:lint": "eslint ./src",

apps/website/public/registry-cli.json

@@ -0,0 +1,360 @@
+[
+  {
+    "title": "Shiki Highlighter",
+    "fileType": "ts",
+    "fileSource": "src/utils/shiki/highlight.ts",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-highlighter",
+      "type": "registry:lib",
+      "dependencies": [
+        "shiki",
+        "@shikijs/themes",
+        "@shikijs/langs"
+      ],
+      "registryDependencies": [
+        "shiki-css"
+      ],
+      "target": "src/utils/shiki/highlight.ts"
+    }
+  },
+  {
+    "title": "Sugar High Highlighter",
+    "fileType": "ts",
+    "fileSource": "src/utils/sugar-high/highlight.ts",
+    "group": "sugar-high",
+    "shadcnRegistry": {
+      "name": "sugar-high-highlighter",
+      "type": "registry:lib",
+      "dependencies": [
+        "sugar-high"
+      ],
+      "registryDependencies": [
+        "sugar-high-css"
+      ],
+      "target": "src/utils/sugar-high/highlight.ts"
+    }
+  },
+  {
+    "title": "Copy to Clipboard",
+    "fileType": "ts",
+    "fileSource": "src/utils/copy.ts",
+    "shadcnRegistry": {
+      "name": "copy-to-clipboard",
+      "type": "registry:lib",
+      "target": "src/utils/copy.ts"
+    }
+  },
+  {
+    "title": "React to Text Converter",
+    "fileType": "ts",
+    "fileSource": "src/utils/react-to-text.ts",
+    "shadcnRegistry": {
+      "name": "react-to-text",
+      "type": "registry:lib",
+      "target": "src/utils/react-to-text.ts"
+    }
+  },
+  {
+    "title": "Package Manager Store",
+    "fileType": "ts",
+    "fileSource": "src/stores/packageManager.ts",
+    "shadcnRegistry": {
+      "name": "package-manager-store",
+      "type": "registry:file",
+      "target": "src/stores/packageManager.ts",
+      "dependencies": [
+        "zustand"
+      ]
+    }
+  },
+  {
+    "title": "Shiki CSS",
+    "fileType": "css",
+    "fileSource": "src/styles/shiki.css",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-css",
+      "type": "registry:file",
+      "target": "src/styles/shiki.css"
+    }
+  },
+  {
+    "title": "Sugar High CSS",
+    "fileType": "css",
+    "fileSource": "src/styles/sugar-high.css",
+    "group": "sugar-high",
+    "shadcnRegistry": {
+      "name": "sugar-high-css",
+      "type": "registry:file",
+      "target": "src/styles/sugar-high.css"
+    }
+  },
+  {
+    "title": "Shiki Transformer - Show Line Numbers",
+    "fileType": "ts",
+    "fileSource": "src/utils/shiki/transformers/show-line-numbers.ts",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-show-line-numbers",
+      "type": "registry:lib",
+      "dependencies": [
+        "shiki"
+      ],
+      "target": "src/utils/shiki/transformers/show-line-numbers.ts"
+    }
+  },
+  {
+    "title": "Shiki Transformer - Word Wrap",
+    "fileType": "ts",
+    "fileSource": "src/utils/shiki/transformers/word-wrap.ts",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-word-wrap",
+      "type": "registry:lib",
+      "dependencies": [
+        "shiki"
+      ],
+      "target": "src/utils/shiki/transformers/word-wrap.ts"
+    }
+  },
+  {
+    "title": "Shiki Transformer - Add to Pre Element",
+    "fileType": "ts",
+    "fileSource": "src/utils/shiki/transformers/add-to-pre-element.ts",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-add-to-pre-element",
+      "type": "registry:lib",
+      "dependencies": [
+        "shiki"
+      ],
+      "target": "src/utils/shiki/transformers/add-to-pre-element.ts"
+    }
+  },
+  {
+    "title": "Shiki Transformer - Line Anchors",
+    "fileType": "ts",
+    "fileSource": "src/utils/shiki/transformers/line-anchors.ts",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "shiki-line-anchors",
+      "type": "registry:lib",
+      "dependencies": [
+        "shiki"
+      ],
+      "registryDependencies": [
+        "shiki-css",
+        "shiki-show-line-numbers"
+      ],
+      "target": "src/utils/shiki/transformers/line-anchors.ts"
+    }
+  },
+  {
+    "title": "Code Block - Structure",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/code-block.tsx",
+    "shadcnRegistry": {
+      "name": "code-block",
+      "type": "registry:component",
+      "dependencies": [
+        "lucide-react",
+        "@react-symbols/icons"
+      ],
+      "target": "src/components/code-block/code-block.tsx"
+    }
+  },
+  {
+    "title": "Code Block - MDX Shiki",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/mdx/pre-shiki.tsx",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "mdx-shiki",
+      "type": "registry:component",
+      "devDependencies": [
+        "@types/mdx"
+      ],
+      "registryDependencies": [
+        "react-to-text",
+        "copy-to-clipboard",
+        "code-block"
+      ],
+      "target": "src/components/code-block/mdx/pre-shiki.tsx"
+    }
+  },
+  {
+    "title": "Code Block - MDX Sugar High",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/mdx/pre-sugar-high.tsx",
+    "group": "sugar-high",
+    "shadcnRegistry": {
+      "name": "mdx-sugar-high",
+      "type": "registry:component",
+      "devDependencies": [
+        "@types/mdx"
+      ],
+      "registryDependencies": [
+        "react-to-text",
+        "sugar-high-highlighter",
+        "copy-to-clipboard",
+        "code-block"
+      ],
+      "target": "src/components/code-block/mdx/pre-sugar-high.tsx"
+    }
+  },
+  {
+    "title": "Code Block - Client Shiki",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/client/shiki.tsx",
+    "group": "shiki",
+    "shadcnRegistry": {
+      "name": "client-shiki",
+      "type": "registry:component",
+      "dependencies": [
+        "shiki"
+      ],
+      "registryDependencies": [
+        "shiki-highlighter"
+      ],
+      "target": "src/components/code-block/client/shiki.tsx"
+    }
+  },
+  {
+    "title": "Code Block - Client Sugar High",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/client/sugar-high.tsx",
+    "group": "sugar-high",
+    "shadcnRegistry": {
+      "name": "client-sugar-high",
+      "type": "registry:component",
+      "registryDependencies": [
+        "sugar-high-highlighter"
+      ],
+      "target": "src/components/code-block/client/sugar-high.tsx"
+    }
+  },
+  {
+    "title": "Code Block - Client Sugar High + Line Numbers",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/client/sugar-high.tsx",
+    "group": "sugar-high",
+    "shadcnRegistry": {
+      "name": "client-sugar-high-line-numbers",
+      "type": "registry:component",
+      "registryDependencies": [
+        "sugar-high-highlighter"
+      ],
+      "target": "src/components/code-block/client/sugar-high.tsx"
+    }
+  },
+  {
+    "title": "Copy Button",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/copy-button.tsx",
+    "shadcnRegistry": {
+      "name": "copy-button",
+      "type": "registry:component",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "copy-to-clipboard"
+      ],
+      "target": "src/components/code-block/copy-button.tsx"
+    }
+  },
+  {
+    "title": "Blocks - Inline Code",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/blocks/inline-code.tsx",
+    "group": "blocks",
+    "shadcnRegistry": {
+      "name": "block-inline-code",
+      "type": "registry:block",
+      "registryDependencies": [
+        "shiki-highlighter",
+        "copy-button",
+        "code-block",
+        "client-shiki"
+      ],
+      "target": "src/components/code-block/blocks/inline-code.tsx"
+    }
+  },
+  {
+    "title": "Blocks - Copy + Text Morph",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/blocks/copy-text-morph.tsx",
+    "group": "blocks",
+    "shadcnRegistry": {
+      "name": "block-copy-text-morph",
+      "type": "registry:block",
+      "dependencies": [
+        "motion"
+      ],
+      "target": "src/components/code-block/blocks/copy-text-morph.tsx"
+    }
+  },
+  {
+    "title": "Blocks - Select Package Manager",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/blocks/copy-with-select-package-manager.tsx",
+    "group": "blocks",
+    "shadcnRegistry": {
+      "name": "block-select-package-manager",
+      "type": "registry:block",
+      "dependencies": [
+        "@react-symbols/icons"
+      ],
+      "registryDependencies": [
+        "shiki-highlighter",
+        "copy-button",
+        "code-block",
+        "client-shiki",
+        "package-manager-store"
+      ],
+      "target": "src/components/code-block/blocks/copy-with-select-package-manager.tsx"
+    }
+  },
+  {
+    "title": "Blocks - Tabs Package Manager",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/blocks/copy-with-tabs-package-manager.tsx",
+    "group": "blocks",
+    "shadcnRegistry": {
+      "name": "block-tabs-package-manager",
+      "type": "registry:block",
+      "dependencies": [
+        "@react-symbols/icons"
+      ],
+      "registryDependencies": [
+        "shiki-highlighter",
+        "copy-button",
+        "code-block",
+        "client-shiki",
+        "package-manager-store"
+      ],
+      "target": "src/components/code-block/blocks/copy-with-tabs-package-manager.tsx"
+    }
+  },
+  {
+    "title": "Blocks - Multi Tabs",
+    "fileType": "tsx",
+    "fileSource": "src/components/code-block/blocks/multi-tabs.tsx",
+    "group": "blocks",
+    "shadcnRegistry": {
+      "name": "block-multi-tabs",
+      "type": "registry:block",
+      "dependencies": [
+        "@react-symbols/icons"
+      ],
+      "registryDependencies": [
+        "shiki-highlighter",
+        "copy-button",
+        "code-block",
+        "client-shiki"
+      ],
+      "target": "src/components/code-block/blocks/multi-tabs.tsx"
+    }
+  }
+]

apps/website/src/components/mdx/mdx-components.tsx

@@ -11,6 +11,7 @@ import DocNeutralColors from "@/components/docs/doc-neutral-colors";
 import CodeBlockSugarHighExample from "@/components/previews/code-block-sugar-high-example";
 import { CodeBlockSelectPkg } from "@/components/code-block/blocks/copy-with-select-package-manager";
 import { CodeBlockTabsPkg } from "@/components/code-block/blocks/copy-with-tabs-package-manager";
+import LineAnchorsExample from "@/components/previews/line-anchors-example";
 
 import {
   CreateReactApp,
@@ -55,6 +56,7 @@ const MDXCustomComponents: MDXComponents = {
   CreateReactApp,
   HighlightsAvailable,
   DocNeutralColors,
+  LineAnchorsExample,
 };
 
 export { MDXCustomComponents };