@wordup-md/nuxt-layer-shadcn-unocss 0.2.0

package/public/iconesjs.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 284 284" xmlns="http://www.w3.org/2000/svg">
+<path fill="var(--primary)" d="M145.755 81.37C105.991 81.37 81.058 98.5802 67.1536 113.001C49.174 131.799 39.1017 156.724 39 182.669C39 209.43 49.4699 234.063 68.4727 252.018C87.1308 269.654 112.325 279.37 139.397 279.37C167.694 279.37 194.065 269.335 213.661 251.108C233.865 232.314 245 206.274 245 177.823C245 117.433 194.54 81.37 145.755 81.37ZM146.338 263.011C135.941 263.129 125.639 261.039 116.12 256.881C106.601 252.722 98.0828 246.591 91.1358 238.898C76.4826 222.633 68.7342 200.317 68.7342 174.336C68.7342 149.868 75.9479 129.809 89.6146 116.334C101.63 104.514 118.6 97.871 137.377 97.7291C159.957 97.7291 179.233 105.483 192.947 120.187C207.921 136.239 215.848 160.376 215.848 189.868C215.848 240.387 180.933 263.011 146.338 263.011Z"/>
+<path fill="var(--primary)" d="M209 63.37H186.205L142.081 19.4378L97.6962 63.37H76L137.356 3.37H147.655L209 63.37Z"/>
+</svg>

package/scripts/buildContentDoc-cli.ts

@@ -0,0 +1,8 @@
+import { generateAndSaveContentDoc } from './buildContentDoc'
+
+generateAndSaveContentDoc()
+  .then(() => process.exit(0))
+  .catch((err: Error) => {
+    console.error(err)
+    process.exit(1)
+  })

package/scripts/buildContentDoc.ts

@@ -0,0 +1,165 @@
+import { readdir, readFile, stat, writeFile } from 'fs/promises'
+import { join } from 'path'
+import { parse } from 'yaml'
+import * as flat from 'flat'
+
+interface TreeNode {
+  title: string
+  _id?: string
+  _path?: string
+  data?: Record<string, unknown>
+  content?: string
+  children?: TreeNode[]
+  description?: string
+  icon?: string
+}
+
+export async function buildContentTree(dirPath: string): Promise<TreeNode[]> {
+  const tree: TreeNode[] = []
+
+  try {
+    const files = await readdir(dirPath)
+
+    for (const file of files) {
+      const fullPath = join(dirPath, file)
+      const stats = await stat(fullPath)
+
+      // Skip hidden files and _dir.yml
+      if (file.startsWith('.') || file === '_dir.yml') {
+        continue
+      }
+
+      if (stats.isDirectory()) {
+        // Handle directory
+        const children = await buildContentTree(fullPath)
+        if (children.length > 0) {
+          let dir: TreeNode = {
+            title: file,
+            children,
+          }
+
+          const dirConfigPath = join(fullPath, '_dir.yml')
+          if (await stat(dirConfigPath).catch(() => false)) {
+            const _dir = await readFile(fullPath + '/_dir.yml', 'utf-8')
+            const yaml = parse(_dir)
+            dir = {
+              ...dir,
+              ...yaml,
+            }
+
+            // Get relative path from content dir
+            const relativePath = fullPath.split('content/')[1]
+            dir._path = relativePath.replaceAll(/(^|\/)\d+\./g, '/').replace(/^\//, '')
+          }
+
+          tree.push(dir)
+        }
+      }
+      else {
+        const _content = await readFile(fullPath, 'utf-8')
+        const { content, data } = parseFrontMatter(_content)
+        // Get relative path from content dir
+        const relativePath = fullPath.split('content/')[1]
+        const pathWithoutExt = relativePath.replaceAll(/(^|\/)\d+\./g, '/').replace(/\.md$/, '').replace(/^\//, '')
+
+        // Extract the numeric prefix if it exists
+        // const numMatch = pathWithoutExt.match(/^(\d+)\./)
+        const node: TreeNode = {
+          title: pathWithoutExt, // Remove numeric prefix from title
+          _id: 'content:' + relativePath.replace(/\//g, ':'),
+          _path: pathWithoutExt,
+          content,
+          ...data,
+        }
+
+        if (node._path !== 'index' && !/^test.*/i.test(node._path || '') && !node._path?.startsWith('_'))
+          tree.push(node)
+        // if (numMatch) {
+        //   // Use the number as index (subtract 1 since arrays are 0-based)
+        //   const index = parseInt(numMatch[1]) - 1
+        //   tree.splice(index, 0, node)
+        // }
+        // else {
+        //   // If no number prefix, just push to the end
+
+        // }
+      }
+    }
+
+    // Sort items with numeric prefixes first, then alphabetically
+    // return tree.sort((a, b) => {
+    //   const aMatch = a._path.match(/^(\d+)\./)
+    //   const bMatch = b._path.match(/^(\d+)\./)
+
+    //   // If both have numeric prefixes, sort by number
+    //   if (aMatch && bMatch) {
+    //     const aNum = parseInt(aMatch[1])
+    //     const bNum = parseInt(bMatch[1])
+    //     if (aNum !== bNum) {
+    //       return aNum - bNum
+    //     }
+    //   }
+
+    //   // If only one has prefix, it goes first
+    //   if (aMatch && !bMatch) return -1
+    //   if (!aMatch && bMatch) return 1
+
+    //   // Otherwise sort alphabetically
+    //   return a.title.localeCompare(b.title)
+    // })
+    return tree
+  }
+  catch (err) {
+    console.error('Error reading directory:', err)
+    return []
+  }
+}
+
+export async function generateAndSaveContentDoc(file: string = 'content-doc.json'): Promise<void> {
+  try {
+    // Get the root directory of the project
+    const rootDir = process.cwd()
+    const basePath = join(rootDir, '.playground/content')
+
+    // Generate the tree
+    const tree = await buildContentTree(basePath)
+
+    // Write to components-tree.json in the root directory
+    const outputPath = join(rootDir, 'public', file)
+    await writeFile(
+      outputPath,
+      JSON.stringify(tree, null, 2),
+      'utf-8',
+    )
+
+    console.log(`Components tree saved to ${outputPath}`)
+  }
+  catch (err) {
+    console.error('Error generating or saving component tree:', err)
+    throw err
+  }
+}
+
+const FRONTMATTER_DELIMITER_DEFAULT = '---'
+const LF = '\n'
+const CR = '\r'
+export function parseFrontMatter(content: string) {
+  let data: Record<string, unknown> = {}
+  if (content.startsWith(FRONTMATTER_DELIMITER_DEFAULT)) {
+    const idx = content.indexOf(LF + FRONTMATTER_DELIMITER_DEFAULT)
+    if (idx !== -1) {
+      const hasCarriageReturn = content[idx - 1] === CR
+      const frontmatter = content.slice(4, idx - (hasCarriageReturn ? 1 : 0))
+      if (frontmatter) {
+        data = parse(frontmatter)
+        content = content.slice(idx + 4 + (hasCarriageReturn ? 1 : 0))
+      }
+    }
+  }
+
+  return {
+    content,
+    // unflatten frontmatter data. convert `parent.child` keys into `parent: { child: ... }`
+    data: flat.unflatten(data || {}, {}) as Record<string, unknown>,
+  }
+}

package/tailwind.config.js

@@ -0,0 +1 @@
+export default {}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.playground/.nuxt/tsconfig.json"
+}

package/uno.config.mjs

@@ -0,0 +1,58 @@
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import extractorMdc from '@unocss/extractor-mdc'
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetWind3,
+  transformerDirectives,
+} from 'unocss'
+import presetAnimations from 'unocss-preset-animations'
+
+import mdcEditorPreset from '@unpress/mdc-editor/unocss-preset'
+import nuxtLayerPreset from './lib/uno-preset.ts'
+
+const currentDir = dirname(fileURLToPath(import.meta.url))
+
+export default defineConfig({
+  presets: [
+    presetWind3(),
+    presetAttributify(),
+    presetIcons({
+      scale: 1.2,
+      cdn: 'https://esm.sh/',
+    }),
+    presetTypography(),
+    presetAnimations(),
+    nuxtLayerPreset(),
+    mdcEditorPreset(),
+  ],
+  extractors: [
+    extractorMdc(),
+  ],
+  transformers: [
+    transformerDirectives(),
+  ],
+  content: {
+    filesystem: [
+      'content/**/*.md',
+      `${join(currentDir, 'content')}/**/*.{md,yaml,yml}`,
+    ],
+    pipeline: {
+      include: [
+        // the default
+        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
+        // include js/ts files
+        'components/ui/**/*.{js,ts}',
+        // include css files
+        'assets/**/*.css',
+        // Need this for layer
+        `${join(currentDir, 'components/ui')}/**/*.{js,ts}`,
+        `${join(currentDir, 'assets')}/**/*.css`,
+      ],
+    },
+  },
+})

package/utils/index.ts

@@ -0,0 +1,12 @@
+export function classToString(classAttr: string | string[] | Record<string, boolean> | unknown) {
+  if (Array.isArray(classAttr))
+    return classAttr.join(' ')
+
+  if (typeof classAttr === 'object' && classAttr !== null)
+    return Object.entries(classAttr)
+      .filter(([_, value]) => value) // Filter out falsy values
+      .map(([key]) => key)
+      .join(' ')
+
+  return classAttr ? String(classAttr) : ''
+}