@miethe/ui 0.2.0

package/dist/utils/readme-utils.js

@@ -0,0 +1,164 @@
+/**
+ * README and first-paragraph extraction utilities for markdown content.
+ *
+ * These utilities are generic and work with any entry type that has a `path`
+ * field and optionally `content` and `metadata` fields. The `CatalogEntry`
+ * type from SkillMeat structurally satisfies `ReadmeSearchEntry`, so no
+ * call-site changes are required in the main app.
+ */
+/**
+ * Extract README content from folder artifacts.
+ *
+ * Looks for README.md or readme.md files in the folder's direct artifacts
+ * and extracts a summary (first paragraph or summary section).
+ *
+ * @param folderPath - The folder path to find README for
+ * @param entries - All catalog entries to search
+ * @returns Extracted summary string or null if no README found
+ *
+ * @example
+ * ```ts
+ * const readme = extractFolderReadme('plugins/dev-tools', catalogEntries);
+ * // Returns: "A collection of development tools for..."
+ * ```
+ */
+export function extractFolderReadme(folderPath, entries) {
+    // Validate inputs
+    if (!folderPath || !entries || entries.length === 0) {
+        return null;
+    }
+    // Normalize folder path
+    const normalizedFolderPath = folderPath.replace(/\\/g, '/').trim();
+    if (!normalizedFolderPath || normalizedFolderPath === '/') {
+        return null;
+    }
+    // Look for README files directly in this folder
+    // Path should be: folderPath/README.md or folderPath/readme.md
+    const readmeEntry = entries.find((entry) => {
+        if (!entry.path || typeof entry.path !== 'string') {
+            return false;
+        }
+        const normalizedPath = entry.path.replace(/\\/g, '/').trim();
+        // Check if this entry is directly in the folder (not in a subfolder)
+        // Pattern: folderPath/filename.md
+        if (!normalizedPath.startsWith(normalizedFolderPath + '/')) {
+            return false;
+        }
+        // Extract the part after the folder path
+        const remainder = normalizedPath.substring(normalizedFolderPath.length + 1);
+        // Check if it's a direct child (no additional slashes)
+        if (remainder.includes('/')) {
+            return false;
+        }
+        // Check if filename is README.md (case-insensitive)
+        return remainder.toLowerCase() === 'readme.md';
+    });
+    if (!readmeEntry) {
+        return null;
+    }
+    // Try to extract content from the entry
+    const content = readmeEntry.content;
+    if (content && typeof content === 'string') {
+        return extractFirstParagraph(content);
+    }
+    // Fallback: check if there's metadata with description
+    // This would come from frontmatter or other metadata sources
+    const metadata = readmeEntry.metadata;
+    if (metadata && typeof metadata === 'object' && metadata['description']) {
+        return typeof metadata['description'] === 'string'
+            ? metadata['description']
+            : null;
+    }
+    return null;
+}
+/**
+ * Extract the first meaningful paragraph from markdown content.
+ *
+ * Skips headings, empty lines, and frontmatter.
+ * Returns first paragraph of at least 20 characters.
+ * Truncates at 300 characters with ellipsis if longer.
+ *
+ * @param content - Raw markdown content
+ * @returns First paragraph or null if none found
+ *
+ * @example
+ * ```ts
+ * const markdown = `---
+ * title: My Doc
+ * ---
+ * # Heading
+ *
+ * This is the first paragraph with meaningful content.
+ *
+ * This is the second paragraph.
+ * `;
+ * const paragraph = extractFirstParagraph(markdown);
+ * // Returns: "This is the first paragraph with meaningful content."
+ * ```
+ */
+export function extractFirstParagraph(content) {
+    if (!content || typeof content !== 'string') {
+        return null;
+    }
+    // Strip YAML frontmatter (content between --- delimiters at start)
+    let processedContent = content;
+    const frontmatterMatch = /^---\s*\n([\s\S]*?)\n---\s*(\n|$)/;
+    if (frontmatterMatch.test(content)) {
+        processedContent = content.replace(frontmatterMatch, '');
+    }
+    // Split into lines
+    const lines = processedContent.split('\n');
+    // Find first meaningful paragraph
+    let paragraphLines = [];
+    let inParagraph = false;
+    let inCodeBlock = false;
+    for (const line of lines) {
+        const trimmed = line.trim();
+        // Handle code block delimiters
+        if (trimmed.startsWith('```')) {
+            inCodeBlock = !inCodeBlock;
+            continue;
+        }
+        // Skip lines inside code blocks
+        if (inCodeBlock) {
+            continue;
+        }
+        // Skip empty lines
+        if (trimmed === '') {
+            // If we were building a paragraph, we've reached its end
+            if (inParagraph && paragraphLines.length > 0) {
+                break;
+            }
+            continue;
+        }
+        // Skip headings (lines starting with #)
+        if (trimmed.startsWith('#')) {
+            continue;
+        }
+        // Skip list items and other special markdown syntax
+        if (trimmed.startsWith('-') ||
+            trimmed.startsWith('*') ||
+            trimmed.startsWith('>') ||
+            trimmed.startsWith('|')) {
+            continue;
+        }
+        // This looks like paragraph content
+        inParagraph = true;
+        paragraphLines.push(trimmed);
+    }
+    // Join paragraph lines
+    if (paragraphLines.length === 0) {
+        return null;
+    }
+    const paragraph = paragraphLines.join(' ').trim();
+    // Check minimum length requirement
+    if (paragraph.length < 20) {
+        return null;
+    }
+    // Truncate at 300 characters with ellipsis
+    if (paragraph.length > 300) {
+        return paragraph.substring(0, 297) + '...';
+    }
+    return paragraph;
+}
+//# sourceMappingURL=readme-utils.js.map

package/dist/utils/readme-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readme-utils.js","sourceRoot":"","sources":["../../src/utils/readme-utils.ts"],"names":[],"mappings":"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"}

package/dist/utils/type-colors.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Type-color utilities
+ *
+ * Generic color-coding helpers for artifact/entity type indicators.
+ * Maps string type keys to Tailwind CSS classes for left-border accents
+ * and subtle background tints.
+ *
+ * These utilities are intentionally agnostic to any specific type system —
+ * they accept plain strings and fall back gracefully for unknown values.
+ */
+/**
+ * Default left-border color class for artifact types.
+ *
+ * Maps type strings to Tailwind `border-l-{color}-{shade}` classes.
+ * Combine with `border-l-4` on the card root to produce a colour-coded
+ * left accent bar.
+ *
+ * Extend or override this map in consumer applications by spreading into
+ * a new record and passing it to `getTypeBarColor`.
+ */
+export declare const typeBarColors: Record<string, string>;
+/** Fallback border color for unrecognised / unknown type strings. */
+export declare const TYPE_BAR_FALLBACK = "border-l-gray-400";
+/**
+ * Resolve the left-border color class for a given type string.
+ *
+ * Safe to call with arbitrary strings — unknown types receive the neutral
+ * gray fallback rather than throwing.
+ *
+ * @param type - Artifact or entity type string (e.g. 'skill', 'agent')
+ * @param colorMap - Optional custom map; defaults to the built-in `typeBarColors`
+ *
+ * @example
+ * ```ts
+ * getTypeBarColor('skill')   // 'border-l-purple-500'
+ * getTypeBarColor('unknown') // 'border-l-gray-400'
+ * ```
+ */
+export declare function getTypeBarColor(type: string, colorMap?: Record<string, string>): string;
+/**
+ * Subtle background tint classes per type string.
+ *
+ * Applied at larger display sizes (compact, standard, expanded).
+ * At smaller sizes the left-border accent alone provides sufficient
+ * type differentiation.
+ *
+ * Values use very low opacity so the tint is visible but non-distracting.
+ */
+export declare const artifactTypeCardTints: Record<string, string>;
+/**
+ * Resolve the background tint class for a given type string.
+ *
+ * Returns an empty string for unrecognised types, making it safe to call
+ * with arbitrary input.
+ *
+ * Note: tier-based suppression (e.g. omitting the tint at xs-minified) is
+ * the responsibility of the consumer. This function only resolves the class
+ * for the type; it does not filter by tier.
+ *
+ * @param type - Artifact or entity type string (e.g. 'skill', 'agent')
+ * @param tintMap - Optional custom map; defaults to `artifactTypeCardTints`
+ *
+ * @example
+ * ```ts
+ * getCardTint('skill')    // 'bg-purple-500/[0.02] dark:bg-purple-500/[0.03]'
+ * getCardTint('unknown')  // ''
+ * ```
+ */
+export declare function getCardTint(type: string, tintMap?: Record<string, string>): string;
+//# sourceMappingURL=type-colors.d.ts.map

package/dist/utils/type-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-colors.d.ts","sourceRoot":"","sources":["../../src/utils/type-colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmBhD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,QAAQ,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC/C,MAAM,CAER;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmBxD,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAyB,GACtD,MAAM,CAER"}

package/dist/utils/type-colors.js

@@ -0,0 +1,118 @@
+/**
+ * Type-color utilities
+ *
+ * Generic color-coding helpers for artifact/entity type indicators.
+ * Maps string type keys to Tailwind CSS classes for left-border accents
+ * and subtle background tints.
+ *
+ * These utilities are intentionally agnostic to any specific type system —
+ * they accept plain strings and fall back gracefully for unknown values.
+ */
+// ---------------------------------------------------------------------------
+// Type bar colors (left border accent)
+// ---------------------------------------------------------------------------
+/**
+ * Default left-border color class for artifact types.
+ *
+ * Maps type strings to Tailwind `border-l-{color}-{shade}` classes.
+ * Combine with `border-l-4` on the card root to produce a colour-coded
+ * left accent bar.
+ *
+ * Extend or override this map in consumer applications by spreading into
+ * a new record and passing it to `getTypeBarColor`.
+ */
+export const typeBarColors = {
+    skill: 'border-l-purple-500',
+    command: 'border-l-blue-500',
+    agent: 'border-l-green-500',
+    hook: 'border-l-pink-500',
+    mcp: 'border-l-orange-500',
+    workflow: 'border-l-cyan-500',
+    composite: 'border-l-indigo-500',
+    context_module: 'border-l-sky-400',
+    template: 'border-l-purple-400',
+    group: 'border-l-green-400',
+    deployment_set: 'border-l-orange-400',
+    context_pack: 'border-l-teal-500',
+    bundle: 'border-l-violet-500',
+    project_config: 'border-l-slate-400',
+    spec_file: 'border-l-slate-400',
+    rule_file: 'border-l-slate-400',
+    context_file: 'border-l-slate-300',
+    progress_template: 'border-l-slate-300',
+};
+/** Fallback border color for unrecognised / unknown type strings. */
+export const TYPE_BAR_FALLBACK = 'border-l-gray-400';
+/**
+ * Resolve the left-border color class for a given type string.
+ *
+ * Safe to call with arbitrary strings — unknown types receive the neutral
+ * gray fallback rather than throwing.
+ *
+ * @param type - Artifact or entity type string (e.g. 'skill', 'agent')
+ * @param colorMap - Optional custom map; defaults to the built-in `typeBarColors`
+ *
+ * @example
+ * ```ts
+ * getTypeBarColor('skill')   // 'border-l-purple-500'
+ * getTypeBarColor('unknown') // 'border-l-gray-400'
+ * ```
+ */
+export function getTypeBarColor(type, colorMap = typeBarColors) {
+    return colorMap[type] ?? TYPE_BAR_FALLBACK;
+}
+// ---------------------------------------------------------------------------
+// Card background tints
+// ---------------------------------------------------------------------------
+/**
+ * Subtle background tint classes per type string.
+ *
+ * Applied at larger display sizes (compact, standard, expanded).
+ * At smaller sizes the left-border accent alone provides sufficient
+ * type differentiation.
+ *
+ * Values use very low opacity so the tint is visible but non-distracting.
+ */
+export const artifactTypeCardTints = {
+    skill: 'bg-purple-500/[0.02] dark:bg-purple-500/[0.03]',
+    command: 'bg-blue-500/[0.02] dark:bg-blue-500/[0.03]',
+    agent: 'bg-green-500/[0.02] dark:bg-green-500/[0.03]',
+    hook: 'bg-pink-500/[0.02] dark:bg-pink-500/[0.03]',
+    mcp: 'bg-orange-500/[0.02] dark:bg-orange-500/[0.03]',
+    workflow: 'bg-cyan-500/[0.02] dark:bg-cyan-500/[0.03]',
+    composite: 'bg-indigo-500/[0.02] dark:bg-indigo-500/[0.03]',
+    context_module: 'bg-sky-400/[0.02] dark:bg-sky-400/[0.03]',
+    template: 'bg-purple-400/[0.02] dark:bg-purple-400/[0.03]',
+    group: 'bg-green-400/[0.02] dark:bg-green-400/[0.03]',
+    deployment_set: 'bg-orange-400/[0.02] dark:bg-orange-400/[0.03]',
+    context_pack: 'bg-teal-500/[0.02] dark:bg-teal-500/[0.03]',
+    bundle: 'bg-violet-500/[0.02] dark:bg-violet-500/[0.03]',
+    project_config: 'bg-slate-500/[0.02] dark:bg-slate-500/[0.03]',
+    spec_file: 'bg-slate-500/[0.02] dark:bg-slate-500/[0.03]',
+    rule_file: 'bg-slate-500/[0.02] dark:bg-slate-500/[0.03]',
+    context_file: 'bg-slate-400/[0.02] dark:bg-slate-400/[0.03]',
+    progress_template: 'bg-slate-400/[0.02] dark:bg-slate-400/[0.03]',
+};
+/**
+ * Resolve the background tint class for a given type string.
+ *
+ * Returns an empty string for unrecognised types, making it safe to call
+ * with arbitrary input.
+ *
+ * Note: tier-based suppression (e.g. omitting the tint at xs-minified) is
+ * the responsibility of the consumer. This function only resolves the class
+ * for the type; it does not filter by tier.
+ *
+ * @param type - Artifact or entity type string (e.g. 'skill', 'agent')
+ * @param tintMap - Optional custom map; defaults to `artifactTypeCardTints`
+ *
+ * @example
+ * ```ts
+ * getCardTint('skill')    // 'bg-purple-500/[0.02] dark:bg-purple-500/[0.03]'
+ * getCardTint('unknown')  // ''
+ * ```
+ */
+export function getCardTint(type, tintMap = artifactTypeCardTints) {
+    return tintMap[type] ?? '';
+}
+//# sourceMappingURL=type-colors.js.map

package/dist/utils/type-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-colors.js","sourceRoot":"","sources":["../../src/utils/type-colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,8EAA8E;AAC9E,uCAAuC;AACvC,8EAA8E;AAE9E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,GAAG,EAAE,qBAAqB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,qBAAqB;IAChC,cAAc,EAAE,kBAAkB;IAClC,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,cAAc,EAAE,qBAAqB;IACrC,YAAY,EAAE,mBAAmB;IACjC,MAAM,EAAE,qBAAqB;IAC7B,cAAc,EAAE,oBAAoB;IACpC,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;IAC/B,YAAY,EAAE,oBAAoB;IAClC,iBAAiB,EAAE,oBAAoB;CACxC,CAAC;AAEF,qEAAqE;AACrE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,eAAe,CAC7B,IAAY,EACZ,WAAmC,aAAa;IAEhD,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC;AAC7C,CAAC;AAED,8EAA8E;AAC9E,wBAAwB;AACxB,8EAA8E;AAE9E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,KAAK,EAAE,gDAAgD;IACvD,OAAO,EAAE,4CAA4C;IACrD,KAAK,EAAE,8CAA8C;IACrD,IAAI,EAAE,4CAA4C;IAClD,GAAG,EAAE,gDAAgD;IACrD,QAAQ,EAAE,4CAA4C;IACtD,SAAS,EAAE,gDAAgD;IAC3D,cAAc,EAAE,0CAA0C;IAC1D,QAAQ,EAAE,gDAAgD;IAC1D,KAAK,EAAE,8CAA8C;IACrD,cAAc,EAAE,gDAAgD;IAChE,YAAY,EAAE,4CAA4C;IAC1D,MAAM,EAAE,gDAAgD;IACxD,cAAc,EAAE,8CAA8C;IAC9D,SAAS,EAAE,8CAA8C;IACzD,SAAS,EAAE,8CAA8C;IACzD,YAAY,EAAE,8CAA8C;IAC5D,iBAAiB,EAAE,8CAA8C;CAClE,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,WAAW,CACzB,IAAY,EACZ,UAAkC,qBAAqB;IAEvD,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC7B,CAAC"}

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "@miethe/ui",
+  "version": "0.2.0",
+  "description": "Reusable UI components for file trees, content viewing, diff, editors, and entity management — extracted from SkillMeat",
+  "author": "Nick Miethe <miethe.dev@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/miethe/homelab",
+    "directory": "development/skillmeat/skillmeat/web/packages/ui"
+  },
+  "homepage": "https://github.com/miethe/homelab/tree/main/development/skillmeat/skillmeat/web/packages/ui#readme",
+  "bugs": {
+    "url": "https://github.com/miethe/homelab/issues"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "file-tree",
+    "diff-viewer",
+    "codemirror",
+    "markdown",
+    "radix-ui",
+    "tailwindcss"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./content-viewer": {
+      "types": "./dist/content-viewer/index.d.ts",
+      "import": "./dist/content-viewer/index.js",
+      "default": "./dist/content-viewer/index.js"
+    },
+    "./diff": {
+      "types": "./dist/diff/index.d.ts",
+      "import": "./dist/diff/index.js",
+      "default": "./dist/diff/index.js"
+    },
+    "./editor": {
+      "types": "./dist/editor/index.d.ts",
+      "import": "./dist/editor/index.js",
+      "default": "./dist/editor/index.js"
+    },
+    "./display": {
+      "types": "./dist/display/index.d.ts",
+      "import": "./dist/display/index.js",
+      "default": "./dist/display/index.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives/index.js",
+      "default": "./dist/primitives/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
+    },
+    "./filters": {
+      "types": "./dist/filters/index.d.ts",
+      "import": "./dist/filters/index.js",
+      "default": "./dist/filters/index.js"
+    },
+    "./pickers": {
+      "types": "./dist/pickers/index.d.ts",
+      "import": "./dist/pickers/index.js",
+      "default": "./dist/pickers/index.js"
+    },
+    "./bulk-actions": {
+      "types": "./dist/bulk-actions/index.d.ts",
+      "import": "./dist/bulk-actions/index.js",
+      "default": "./dist/bulk-actions/index.js"
+    }
+  },
+  "files": ["dist", "README.md", "CHANGELOG.md", "package.json"],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "type-check": "tsc --noEmit",
+    "check-size": "node scripts/check-bundle-size.js",
+    "prepublishOnly": "pnpm clean && pnpm build",
+    "publish:npm": "npm publish --access public"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "react": "^18.0 || ^19.0",
+    "react-dom": "^18.0 || ^19.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@codemirror/commands": "^6.7.1",
+    "@codemirror/lang-markdown": "^6.3.1",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.35.0",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.575.0",
+    "react-markdown": "^9.0.1",
+    "remark-gfm": "^4.0.0",
+    "tailwind-merge": "^2.5.4"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
+}