@open-cloud-initiative/editor-x 0.0.1

package/lib/package.ts

@@ -0,0 +1,144 @@
+import { promises as fs, readdirSync } from 'node:fs'
+import { readFile } from 'node:fs/promises'
+import { join } from 'node:path'
+import postcss from 'postcss'
+import postcssNested from 'postcss-nested'
+import type { RegistryItem } from 'shadcn/schema'
+
+type PackageJson = {
+    name: string
+    version: string
+    description: string
+    dependencies?: Record<string, string>
+    devDependencies?: Record<string, string>
+}
+
+export const getPackage = async (packageName: string) => {
+    const packageDir = join(process.cwd())
+    const packagePath = join(packageDir, 'package.json')
+    const packageJson = JSON.parse(await readFile(packagePath, 'utf-8')) as PackageJson
+
+    const kiboDependencies = Object.keys(packageJson.dependencies || {}).filter(
+        (dep) => dep.startsWith('@repo') && dep !== '@repo/shadcn-ui',
+    )
+
+    const dependencies = Object.keys(packageJson.dependencies || {}).filter(
+        (dep) => !['react', 'react-dom', '@repo/shadcn-ui', ...kiboDependencies].includes(dep),
+    )
+
+    const devDependencies = Object.keys(packageJson.devDependencies || {}).filter(
+        (dep) => !['@repo/typescript-config', '@types/react', '@types/react-dom', 'typescript'].includes(dep),
+    )
+
+    const packageFiles = readdirSync(packageDir, { withFileTypes: true })
+    const tsxFiles = packageFiles.filter((file) => file.isFile() && file.name.endsWith('.tsx'))
+
+    const cssFiles = packageFiles.filter((file) => file.isFile() && file.name.endsWith('.css'))
+
+    const files: RegistryItem['files'] = []
+
+    for (const file of tsxFiles) {
+        const filePath = join(packageDir, file.name)
+        const content = await fs.readFile(filePath, 'utf-8')
+
+        files.push({
+            type: 'registry:ui',
+            path: file.name,
+            content,
+            target: `components/${packageName}/${file.name}`,
+        })
+    }
+
+    const registryDependencies =
+        files
+            .map((f) => f.content)
+            .join('\n')
+            .match(/@\/components\/ui\/([a-z-]+)/g)
+            ?.map((path) => path.split('/').pop())
+            .filter((name): name is string => !!name) || []
+
+    const css: RegistryItem['css'] = {}
+
+    for (const file of cssFiles) {
+        const contents = await fs.readFile(join(packageDir, file.name), 'utf-8')
+
+        // Process CSS with PostCSS to handle nested selectors
+        const processed = await postcss([postcssNested]).process(contents, {
+            from: undefined,
+        })
+
+        // Parse the processed CSS and convert to JSON structure
+        const ast = postcss.parse(processed.css)
+
+        ast.walkAtRules('layer', (atRule) => {
+            const layerName = `@layer ${atRule.params}`
+            css[layerName] = {}
+
+            // First pass: process non-media rules
+            atRule.walkRules((rule) => {
+                // Skip rules that are inside media queries
+                if (rule.parent && rule.parent.type === 'atrule' && (rule.parent as any).name === 'media') {
+                    return
+                }
+
+                const selector = rule.selector
+                const ruleObj: Record<string, string> = {}
+
+                // Process all declarations
+                rule.walkDecls((decl) => {
+                    ruleObj[decl.prop] = decl.value
+                })
+
+                if (Object.keys(ruleObj).length > 0) {
+                    css[layerName][selector] = ruleObj
+                }
+            })
+
+            // Second pass: process media query rules as top-level entries
+            atRule.walkAtRules('media', (mediaRule) => {
+                const mediaQuery = `@media ${mediaRule.params}`
+
+                // Create a top-level media query entry if it doesn't exist
+                if (!css[layerName][mediaQuery]) {
+                    css[layerName][mediaQuery] = {}
+                }
+
+                mediaRule.walkRules((rule) => {
+                    const selector = rule.selector
+                    const mediaObj: Record<string, string> = {}
+
+                    rule.walkDecls((decl) => {
+                        mediaObj[decl.prop] = decl.value
+                    })
+
+                    if (Object.keys(mediaObj).length > 0) {
+                        // Store the selector inside the media query
+                        css[layerName][mediaQuery][selector] = mediaObj
+                    }
+                })
+            })
+        })
+    }
+
+    let type: RegistryItem['type'] = 'registry:ui'
+
+    if (!Object.keys(files).length && Object.keys(css).length) {
+        type = 'registry:style'
+    }
+
+    const response: RegistryItem = {
+        $schema: 'https://ui.shadcn.com/schema/registry-item.json',
+        name: packageName,
+        type,
+        title: packageName,
+        description: packageJson.description,
+        author: 'Sebastian Döll (@katallaxie)',
+        dependencies,
+        devDependencies,
+        registryDependencies,
+        files,
+        css,
+    }
+
+    return response
+}

package/lib/preferences-config.ts

@@ -0,0 +1,72 @@
+/**
+ * How each preference should be saved.
+ *
+ * "client-cookie"  → write cookie on the browser only.
+ * "server-cookie"  → write cookie through a Server Action.
+ * "localStorage"   → save only on the client (non-layout stuff).
+ * "none"           → no saving, resets on reload.
+ *
+ * Layout-critical prefs (sidebar_variant / sidebar_collapsible)
+ * must stay consistent during SSR → so they can’t use localStorage.
+ * Others are flexible and can use any persistence.
+ */
+
+import type { ThemeMode, ThemePreset } from './theme'
+
+export type PreferencePersistence = 'none' | 'client-cookie' | 'server-cookie' | 'localStorage'
+
+/**
+ * All available preference keys and their value types.
+ */
+export type PreferenceValueMap = {
+    theme_mode: ThemeMode
+    theme_preset: ThemePreset
+}
+
+export type PreferenceKey = keyof PreferenceValueMap
+
+/**
+ * Layout-critical keys → these affect SSR UI (sidebar shape)
+ * so they must be accessible on the server.
+ */
+export const LAYOUT_CRITICAL_KEYS = [] as const
+export type LayoutCriticalKey = (typeof LAYOUT_CRITICAL_KEYS)[number]
+
+/**
+ * Everything else is non-critical and can be read from the client.
+ */
+export type NonCriticalKey = Exclude<PreferenceKey, LayoutCriticalKey>
+
+/**
+ * Layout-critical cannot use "localStorage" because SSR needs the value.
+ * So remove it from allowed persistence types for those keys.
+ */
+type LayoutCriticalPersistence = Exclude<PreferencePersistence, 'localStorage'>
+
+/**
+ * Final config:
+ * - layout-critical keys → restricted persistence
+ * - non-critical keys → can use any persistence
+ */
+type PreferencePersistenceConfig = {
+    [K in LayoutCriticalKey]: LayoutCriticalPersistence
+} & {
+    [K in NonCriticalKey]: PreferencePersistence
+}
+
+/**
+ * Default preference values on first load.
+ */
+export const PREFERENCE_DEFAULTS: PreferenceValueMap = {
+    theme_mode: 'light',
+    theme_preset: 'default',
+}
+
+/**
+ * How each preference is persisted.
+ * You can change these per-key.
+ */
+export const PREFERENCE_PERSISTENCE: PreferencePersistenceConfig = {
+    theme_mode: 'client-cookie',
+    theme_preset: 'client-cookie',
+}

package/lib/preferences-storage.ts

@@ -0,0 +1,20 @@
+'use client'
+
+import { setLocalStorageValue } from './localstorage-client'
+import { PREFERENCE_PERSISTENCE, type PreferenceKey } from './preferences-config'
+
+export async function persistPreference(key: PreferenceKey, value: string) {
+    const mode = PREFERENCE_PERSISTENCE[key]
+
+    switch (mode) {
+        case 'none':
+            return
+
+        case 'localStorage':
+            setLocalStorageValue(key, value)
+            return
+
+        default:
+            return
+    }
+}

package/lib/theme-utils.ts

@@ -0,0 +1,12 @@
+export function applyThemeMode(value: 'light' | 'dark') {
+    const doc = document.documentElement
+    doc.classList.add('disable-transitions')
+    doc.classList.toggle('dark', value === 'dark')
+    requestAnimationFrame(() => {
+        doc.classList.remove('disable-transitions')
+    })
+}
+
+export function applyThemePreset(value: string) {
+    document.documentElement.setAttribute('data-theme-preset', value)
+}

package/lib/theme.ts

@@ -0,0 +1,50 @@
+export const THEME_MODE_OPTIONS = [
+    { label: 'Light', value: 'light' },
+    { label: 'Dark', value: 'dark' },
+] as const
+
+export const THEME_MODE_VALUES = THEME_MODE_OPTIONS.map((o) => o.value)
+export type ThemeMode = (typeof THEME_MODE_VALUES)[number]
+
+// --- generated:themePresets:start ---
+
+export const THEME_PRESET_OPTIONS = [
+    {
+        label: 'Default',
+        value: 'default',
+        primary: {
+            light: 'oklch(0.205 0 0)',
+            dark: 'oklch(0.922 0 0)',
+        },
+    },
+    {
+        label: 'Brutalist',
+        value: 'brutalist',
+        primary: {
+            light: 'oklch(0.6489 0.237 26.9728)',
+            dark: 'oklch(0.7044 0.1872 23.1858)',
+        },
+    },
+    {
+        label: 'Soft Pop',
+        value: 'soft-pop',
+        primary: {
+            light: 'oklch(0.5106 0.2301 276.9656)',
+            dark: 'oklch(0.6801 0.1583 276.9349)',
+        },
+    },
+    {
+        label: 'Tangerine',
+        value: 'tangerine',
+        primary: {
+            light: 'oklch(0.64 0.17 36.44)',
+            dark: 'oklch(0.64 0.17 36.44)',
+        },
+    },
+] as const
+
+export const THEME_PRESET_VALUES = THEME_PRESET_OPTIONS.map((p) => p.value)
+
+export type ThemePreset = (typeof THEME_PRESET_OPTIONS)[number]['value']
+
+// --- generated:themePresets:end ---

package/lib/tiptap-utils.ts

@@ -0,0 +1,45 @@
+import { type Editor } from "@tiptap/core";
+
+export const NODE_HANDLES_SELECTED_STYLE_CLASSNAME =
+  "node-handles-selected-style";
+
+export function isValidUrl(url: string) {
+  return /^https?:\/\/\S+$/.test(url);
+}
+
+export const duplicateContent = (editor: Editor) => {
+  const { view } = editor;
+  const { state } = view;
+  const { selection } = state;
+
+  editor
+    .chain()
+    .insertContentAt(
+      selection.to,
+      /* eslint-disable */
+      // @ts-nocheck
+      selection.content().content.firstChild?.toJSON(),
+      {
+        updateSelection: true,
+      }
+    )
+    .focus(selection.to)
+    .run();
+};
+
+export function getUrlFromString(str: string) {
+  if (isValidUrl(str)) {
+    return str;
+  }
+  try {
+    if (str.includes(".") && !str.includes(" ")) {
+      return new URL(`https://${str}`).toString();
+    }
+  } catch {
+    return null;
+  }
+}
+
+export function absoluteUrl(path: string) {
+  return `${process.env.NEXT_PUBLIC_APP_URL}${path}`;
+}

package/lib/utils.ts

@@ -0,0 +1,11 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+// pnpx shadcn add dropdown-menu tooltip scroll-area popover separator dropdown-menu label input drawer checkbox separator command tabs dropdown-menu
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs))
+}
+
+export function absoluteUrl(path: string) {
+    return `${process.env.NEXT_PUBLIC_APP_URL}${path}`
+}

package/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/next.config.mjs

@@ -0,0 +1,11 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    reactStrictMode: true,
+    output: 'export',
+    basePath: process.env.BASE_PATH ?? '',
+    images: {
+        unoptimized: true,
+    },
+}
+
+export default nextConfig

package/package.json

@@ -0,0 +1,92 @@
+{
+    "name": "@open-cloud-initiative/editor-x",
+    "version": "0.0.1",
+    "scripts": {
+        "dev": "next dev --turbopack",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint",
+        "export": "next export",
+        "registry:build": "shadcn build"
+    },
+    "dependencies": {
+        "@floating-ui/dom": "^1.7.4",
+        "@radix-ui/react-checkbox": "^1.1.3",
+        "@radix-ui/react-collapsible": "^1.1.2",
+        "@radix-ui/react-dialog": "^1.1.5",
+        "@radix-ui/react-dropdown-menu": "^2.1.5",
+        "@radix-ui/react-label": "^2.1.1",
+        "@radix-ui/react-popover": "^1.1.5",
+        "@radix-ui/react-scroll-area": "^1.2.2",
+        "@radix-ui/react-separator": "^1.1.1",
+        "@radix-ui/react-slot": "^1.2.4",
+        "@radix-ui/react-tabs": "^1.1.2",
+        "@radix-ui/react-toggle": "^1.1.1",
+        "@radix-ui/react-toggle-group": "^1.1.1",
+        "@radix-ui/react-tooltip": "^1.1.7",
+        "@tiptap/core": "^3.15.3",
+        "@tiptap/extension-code-block-lowlight": "^3.15.3",
+        "@tiptap/extension-color": "^3.15.3",
+        "@tiptap/extension-floating-menu": "^3.15.3",
+        "@tiptap/extension-heading": "^3.15.3",
+        "@tiptap/extension-image": "^3.15.3",
+        "@tiptap/extension-link": "^3.15.3",
+        "@tiptap/extension-list": "^3.15.3",
+        "@tiptap/extension-placeholder": "^3.15.3",
+        "@tiptap/extension-subscript": "^3.15.3",
+        "@tiptap/extension-superscript": "^3.15.3",
+        "@tiptap/extension-table": "^3.15.3",
+        "@tiptap/extension-text-align": "^3.15.3",
+        "@tiptap/extension-text-style": "^3.15.3",
+        "@tiptap/extension-typography": "^3.15.3",
+        "@tiptap/extension-underline": "^3.15.3",
+        "@tiptap/markdown": "^3.15.3",
+        "@tiptap/pm": "^3.15.3",
+        "@tiptap/react": "^3.15.3",
+        "@tiptap/starter-kit": "^3.15.3",
+        "@tiptap/suggestion": "^3.15.3",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "1.1.1",
+        "fuse.js": "^7.1.0",
+        "lowlight": "^3.3.0",
+        "lucide-react": "^0.562.0",
+        "next": "16.1.1",
+        "next-themes": "^0.4.6",
+        "postcss-nested": "^7.0.2",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
+        "react-resizable-panels": "^3.0.6",
+        "shadcn": "3.6.3",
+        "tailwind-merge": "^3.4.0",
+        "tailwindcss-animate": "^1.0.7",
+        "tippy.js": "^6.3.7",
+        "vaul": "^1.1.2",
+        "zustand": "^5.0.9"
+    },
+    "devDependencies": {
+        "@eslint/eslintrc": "^3",
+        "@tailwindcss/postcss": "^4.1.18",
+        "@tiptap/extension-highlight": "^3.15.3",
+        "@total-typescript/ts-reset": "^0.6.1",
+        "@types/node": "^25.0.3",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "@typescript-eslint/parser": "^8.51.0",
+        "babel-plugin-react-compiler": "^1.0.0",
+        "eslint": "^9.39.2",
+        "eslint-config-google": "^0.14.0",
+        "eslint-config-next": "^16.1.1",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-import-resolver-typescript": "^4.4.4",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-prettier": "^5.5.4",
+        "postcss": "^8.5.6",
+        "prettier": "^3.7.4",
+        "prettier-eslint": "^16.4.2",
+        "prettier-plugin-tailwindcss": "^0.7.2",
+        "tailwindcss": "^4.1.5",
+        "tw-animate-css": "^1.4.0",
+        "typescript": "^5"
+    }
+}

package/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+    plugins: {
+        '@tailwindcss/postcss': {},
+    },
+}
+
+export default config

package/prettier.config.mjs

@@ -0,0 +1,15 @@
+// prettier.config.js, .prettierrc.js, prettier.config.mjs, or .prettierrc.mjs
+
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+const config = {
+    semi: false,
+    trailingComma: "all",
+    singleQuote: true,
+    printWidth: 120,
+    tabWidth: 4
+};
+
+export default config;

package/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/public/r/editor-x.json

@@ -0,0 +1,85 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "editor-x",
+  "title": "editor-x",
+  "author": "Sebastian Döll (@katallaxie)",
+  "dependencies": [
+    "@floating-ui/dom",
+    "@radix-ui/react-checkbox",
+    "@radix-ui/react-collapsible",
+    "@radix-ui/react-dialog",
+    "@radix-ui/react-dropdown-menu",
+    "@radix-ui/react-label",
+    "@radix-ui/react-popover",
+    "@radix-ui/react-scroll-area",
+    "@radix-ui/react-separator",
+    "@radix-ui/react-slot",
+    "@radix-ui/react-tabs",
+    "@radix-ui/react-toggle",
+    "@radix-ui/react-toggle-group",
+    "@radix-ui/react-tooltip",
+    "@tiptap/core",
+    "@tiptap/extension-code-block-lowlight",
+    "@tiptap/extension-color",
+    "@tiptap/extension-floating-menu",
+    "@tiptap/extension-heading",
+    "@tiptap/extension-image",
+    "@tiptap/extension-link",
+    "@tiptap/extension-list",
+    "@tiptap/extension-placeholder",
+    "@tiptap/extension-subscript",
+    "@tiptap/extension-superscript",
+    "@tiptap/extension-table",
+    "@tiptap/extension-text-align",
+    "@tiptap/extension-text-style",
+    "@tiptap/extension-typography",
+    "@tiptap/extension-underline",
+    "@tiptap/markdown",
+    "@tiptap/pm",
+    "@tiptap/react",
+    "@tiptap/starter-kit",
+    "@tiptap/suggestion",
+    "class-variance-authority",
+    "clsx",
+    "cmdk",
+    "fuse.js",
+    "lowlight",
+    "lucide-react",
+    "next",
+    "next-themes",
+    "postcss-nested",
+    "react-resizable-panels",
+    "shadcn",
+    "tailwind-merge",
+    "tailwindcss-animate",
+    "tippy.js",
+    "vaul",
+    "zustand"
+  ],
+  "devDependencies": [
+    "@eslint/eslintrc",
+    "@tailwindcss/postcss",
+    "@tiptap/extension-highlight",
+    "@total-typescript/ts-reset",
+    "@types/node",
+    "@typescript-eslint/parser",
+    "babel-plugin-react-compiler",
+    "eslint",
+    "eslint-config-google",
+    "eslint-config-next",
+    "eslint-config-prettier",
+    "eslint-import-resolver-typescript",
+    "eslint-plugin-import",
+    "eslint-plugin-prettier",
+    "postcss",
+    "prettier",
+    "prettier-eslint",
+    "prettier-plugin-tailwindcss",
+    "tailwindcss",
+    "tw-animate-css"
+  ],
+  "registryDependencies": [],
+  "files": [],
+  "css": {},
+  "type": "registry:ui"
+}