@slats/claude-assets-sync 0.1.0 → 0.1.2

package/dist/components/list/index.d.ts

@@ -7,3 +7,4 @@ export { ListCommand } from './ListCommand.js';
 export type { EditableTreeItemProps } from './EditableTreeItem.js';
 export type { SyncedPackageTreeProps } from './SyncedPackageTree.js';
 export type { ListCommandProps } from './ListCommand.js';
+export type { ListPhase, SelectItem, PackageDetailInfo } from './types.js';

package/dist/components/list/types.d.ts

@@ -0,0 +1,14 @@
+export type ListPhase = 'loading' | 'main-menu' | 'package-list' | 'package-detail' | 'sync-action' | 'remove-action' | 'update-action' | 'edit-assets' | 'status-view' | 'confirming' | 'done' | 'error';
+export interface SelectItem {
+    label: string;
+    value: string;
+}
+export interface PackageDetailInfo {
+    prefix: string;
+    originalName: string;
+    version: string;
+    local: boolean;
+    syncedAt?: string;
+    files: Record<string, any[]>;
+    totalAssets: number;
+}

package/dist/components/remove/RemoveConfirm.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ink = require('ink');
+var React = require('react');
+var Confirm = require('../shared/Confirm.cjs');
+require('ink-spinner');
+
+const RemoveConfirm = ({ packageName, filesToRemove, onConfirm, }) => {
+    const { exit } = ink.useApp();
+    const handleConfirm = React.useCallback((yes) => {
+        onConfirm(yes);
+        exit();
+    }, [onConfirm, exit]);
+    return (jsxRuntime.jsx(Confirm.Confirm, { message: `Remove ${filesToRemove.length} file(s) from ${packageName}?`, onConfirm: handleConfirm, defaultYes: false }));
+};
+
+exports.RemoveConfirm = RemoveConfirm;

package/dist/components/remove/RemoveConfirm.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface RemoveConfirmProps {
+    packageName: string;
+    filesToRemove: Array<{
+        assetType: string;
+        path: string;
+    }>;
+    onConfirm: (yes: boolean) => void;
+}
+export declare const RemoveConfirm: React.FC<RemoveConfirmProps>;
+export {};

package/dist/components/remove/RemoveConfirm.mjs

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { useApp } from 'ink';
+import { useCallback } from 'react';
+import { Confirm } from '../shared/Confirm.mjs';
+import 'ink-spinner';
+
+const RemoveConfirm = ({ packageName, filesToRemove, onConfirm, }) => {
+    const { exit } = useApp();
+    const handleConfirm = useCallback((yes) => {
+        onConfirm(yes);
+        exit();
+    }, [onConfirm, exit]);
+    return (jsx(Confirm, { message: `Remove ${filesToRemove.length} file(s) from ${packageName}?`, onConfirm: handleConfirm, defaultYes: false }));
+};
+
+export { RemoveConfirm };

package/dist/components/shared/Confirm.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ink = require('ink');
+var React = require('react');
+
+const Confirm = ({ message, onConfirm, defaultYes = true, }) => {
+    const [answered, setAnswered] = React.useState(false);
+    ink.useInput((input, key) => {
+        if (answered)
+            return;
+        if (input === 'y' || input === 'Y') {
+            setAnswered(true);
+            onConfirm(true);
+        }
+        else if (input === 'n' || input === 'N') {
+            setAnswered(true);
+            onConfirm(false);
+        }
+        else if (key.return) {
+            setAnswered(true);
+            onConfirm(defaultYes);
+        }
+    });
+    const yText = defaultYes ? jsxRuntime.jsx(ink.Text, { bold: true, children: "Y" }) : jsxRuntime.jsx(ink.Text, { dimColor: true, children: "y" });
+    const nText = defaultYes ? jsxRuntime.jsx(ink.Text, { dimColor: true, children: "n" }) : jsxRuntime.jsx(ink.Text, { bold: true, children: "N" });
+    return (jsxRuntime.jsxs(ink.Text, { children: [jsxRuntime.jsx(ink.Text, { color: "cyan", children: "? " }), message, " ", jsxRuntime.jsx(ink.Text, { color: "gray", children: "[" }), yText, jsxRuntime.jsx(ink.Text, { color: "gray", children: "/" }), nText, jsxRuntime.jsx(ink.Text, { color: "gray", children: "]" })] }));
+};
+
+exports.Confirm = Confirm;

package/dist/components/shared/Confirm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ConfirmProps {
+    message: string;
+    onConfirm: (yes: boolean) => void;
+    defaultYes?: boolean;
+}
+export declare const Confirm: React.FC<ConfirmProps>;
+export {};

package/dist/components/shared/Confirm.mjs

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useInput, Text } from 'ink';
+import { useState } from 'react';
+
+const Confirm = ({ message, onConfirm, defaultYes = true, }) => {
+    const [answered, setAnswered] = useState(false);
+    useInput((input, key) => {
+        if (answered)
+            return;
+        if (input === 'y' || input === 'Y') {
+            setAnswered(true);
+            onConfirm(true);
+        }
+        else if (input === 'n' || input === 'N') {
+            setAnswered(true);
+            onConfirm(false);
+        }
+        else if (key.return) {
+            setAnswered(true);
+            onConfirm(defaultYes);
+        }
+    });
+    const yText = defaultYes ? jsx(Text, { bold: true, children: "Y" }) : jsx(Text, { dimColor: true, children: "y" });
+    const nText = defaultYes ? jsx(Text, { dimColor: true, children: "n" }) : jsx(Text, { bold: true, children: "N" });
+    return (jsxs(Text, { children: [jsx(Text, { color: "cyan", children: "? " }), message, " ", jsx(Text, { color: "gray", children: "[" }), yText, jsx(Text, { color: "gray", children: "/" }), nText, jsx(Text, { color: "gray", children: "]" })] }));
+};
+
+export { Confirm };

package/dist/components/shared/MenuItem.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ink = require('ink');
+
+const MenuItem = ({ isSelected = false, label, }) => {
+    if (label === 'Delete' || label === 'Remove') {
+        return (jsxRuntime.jsx(ink.Text, { bold: isSelected, color: "red", children: label }));
+    }
+    const match = label.match(/^(.+?)\s+\((\d+)\)$/);
+    if (match) {
+        const [, name, count] = match;
+        return (jsxRuntime.jsxs(ink.Text, { children: [jsxRuntime.jsx(ink.Text, { bold: isSelected, children: name }), " ", jsxRuntime.jsxs(ink.Text, { dimColor: true, children: ["(", count, ")"] })] }));
+    }
+    return jsxRuntime.jsx(ink.Text, { bold: isSelected, children: label });
+};
+
+exports.MenuItem = MenuItem;

package/dist/components/shared/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MenuItemProps {
+    isSelected?: boolean;
+    label: string;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export {};

package/dist/components/shared/MenuItem.mjs

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Text } from 'ink';
+
+const MenuItem = ({ isSelected = false, label, }) => {
+    if (label === 'Delete' || label === 'Remove') {
+        return (jsx(Text, { bold: isSelected, color: "red", children: label }));
+    }
+    const match = label.match(/^(.+?)\s+\((\d+)\)$/);
+    if (match) {
+        const [, name, count] = match;
+        return (jsxs(Text, { children: [jsx(Text, { bold: isSelected, children: name }), " ", jsxs(Text, { dimColor: true, children: ["(", count, ")"] })] }));
+    }
+    return jsx(Text, { bold: isSelected, children: label });
+};
+
+export { MenuItem };

package/dist/components/shared/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ProgressBarProps {
+    percent: number;
+    width?: number;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};

package/dist/components/shared/StepRunner.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ink = require('ink');
+var Spinner = require('ink-spinner');
+
+const StepIcon = ({ status }) => {
+    switch (status) {
+        case 'success':
+            return jsxRuntime.jsx(ink.Text, { color: "green", children: "\u2713" });
+        case 'running':
+            return (jsxRuntime.jsx(ink.Text, { color: "yellow", children: jsxRuntime.jsx(Spinner, { type: "dots" }) }));
+        case 'skipped':
+            return jsxRuntime.jsx(ink.Text, { color: "blue", children: "\u23ED" });
+        case 'failed':
+            return jsxRuntime.jsx(ink.Text, { color: "red", children: "\u2717" });
+        case 'pending':
+        default:
+            return jsxRuntime.jsx(ink.Text, { color: "gray", children: "\u25CB" });
+    }
+};
+const StepStatusText = ({ step }) => {
+    switch (step.status) {
+        case 'success':
+            return (jsxRuntime.jsxs(ink.Text, { color: "green", children: ["Done", step.duration != null
+                        ? ` (${Math.round(step.duration / 1000)}s)`
+                        : ''] }));
+        case 'running':
+            return jsxRuntime.jsx(ink.Text, { color: "yellow", children: "Running..." });
+        case 'skipped':
+            return jsxRuntime.jsx(ink.Text, { color: "blue", children: "Skipped" });
+        case 'failed':
+            return (jsxRuntime.jsxs(ink.Text, { color: "red", children: ["Failed", step.error ? `: ${step.error}` : ''] }));
+        case 'pending':
+        default:
+            return null;
+    }
+};
+const StepItemView = ({ step, index, total, isLast, }) => (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", marginBottom: isLast ? 0 : 1, children: [jsxRuntime.jsxs(ink.Text, { children: ['  ', jsxRuntime.jsx(StepIcon, { status: step.status }), jsxRuntime.jsxs(ink.Text, { children: [' ', jsxRuntime.jsxs(ink.Text, { bold: true, children: ["Step ", index + 1, "/", total] }), '  ', step.name] })] }), step.output && step.status !== 'pending' && (jsxRuntime.jsxs(ink.Text, { color: "gray", children: ['            ', step.output] })), jsxRuntime.jsxs(ink.Text, { children: ['            ', jsxRuntime.jsx(StepStatusText, { step: step })] })] }));
+const StepRunner = ({ steps, total }) => {
+    const completedSteps = [];
+    const activeSteps = [];
+    steps.forEach((step, idx) => {
+        const indexed = { ...step, idx };
+        if (step.status === 'success' ||
+            step.status === 'failed' ||
+            step.status === 'skipped') {
+            completedSteps.push(indexed);
+        }
+        else {
+            activeSteps.push(indexed);
+        }
+    });
+    const lastIdx = steps.length - 1;
+    return (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", children: [jsxRuntime.jsx(ink.Static, { items: completedSteps, children: (item) => (jsxRuntime.jsx(StepItemView, { step: item, index: item.idx, total: total, isLast: item.idx === lastIdx && activeSteps.length === 0 }, item.idx)) }), activeSteps.map((item) => (jsxRuntime.jsx(StepItemView, { step: item, index: item.idx, total: total, isLast: item.idx === lastIdx }, item.idx)))] }));
+};
+
+exports.StepRunner = StepRunner;

package/dist/components/shared/StepRunner.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface StepResult {
+    name: string;
+    status: 'pending' | 'running' | 'success' | 'failed' | 'skipped';
+    error?: string;
+    duration?: number;
+    output?: string;
+}
+interface StepRunnerProps {
+    steps: StepResult[];
+    currentStep: number;
+    total: number;
+}
+export declare const StepRunner: React.FC<StepRunnerProps>;
+export {};

package/dist/components/shared/StepRunner.mjs

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Static, Text } from 'ink';
+import Spinner from 'ink-spinner';
+
+const StepIcon = ({ status }) => {
+    switch (status) {
+        case 'success':
+            return jsx(Text, { color: "green", children: "\u2713" });
+        case 'running':
+            return (jsx(Text, { color: "yellow", children: jsx(Spinner, { type: "dots" }) }));
+        case 'skipped':
+            return jsx(Text, { color: "blue", children: "\u23ED" });
+        case 'failed':
+            return jsx(Text, { color: "red", children: "\u2717" });
+        case 'pending':
+        default:
+            return jsx(Text, { color: "gray", children: "\u25CB" });
+    }
+};
+const StepStatusText = ({ step }) => {
+    switch (step.status) {
+        case 'success':
+            return (jsxs(Text, { color: "green", children: ["Done", step.duration != null
+                        ? ` (${Math.round(step.duration / 1000)}s)`
+                        : ''] }));
+        case 'running':
+            return jsx(Text, { color: "yellow", children: "Running..." });
+        case 'skipped':
+            return jsx(Text, { color: "blue", children: "Skipped" });
+        case 'failed':
+            return (jsxs(Text, { color: "red", children: ["Failed", step.error ? `: ${step.error}` : ''] }));
+        case 'pending':
+        default:
+            return null;
+    }
+};
+const StepItemView = ({ step, index, total, isLast, }) => (jsxs(Box, { flexDirection: "column", marginBottom: isLast ? 0 : 1, children: [jsxs(Text, { children: ['  ', jsx(StepIcon, { status: step.status }), jsxs(Text, { children: [' ', jsxs(Text, { bold: true, children: ["Step ", index + 1, "/", total] }), '  ', step.name] })] }), step.output && step.status !== 'pending' && (jsxs(Text, { color: "gray", children: ['            ', step.output] })), jsxs(Text, { children: ['            ', jsx(StepStatusText, { step: step })] })] }));
+const StepRunner = ({ steps, total }) => {
+    const completedSteps = [];
+    const activeSteps = [];
+    steps.forEach((step, idx) => {
+        const indexed = { ...step, idx };
+        if (step.status === 'success' ||
+            step.status === 'failed' ||
+            step.status === 'skipped') {
+            completedSteps.push(indexed);
+        }
+        else {
+            activeSteps.push(indexed);
+        }
+    });
+    const lastIdx = steps.length - 1;
+    return (jsxs(Box, { flexDirection: "column", children: [jsx(Static, { items: completedSteps, children: (item) => (jsx(StepItemView, { step: item, index: item.idx, total: total, isLast: item.idx === lastIdx && activeSteps.length === 0 }, item.idx)) }), activeSteps.map((item) => (jsx(StepItemView, { step: item, index: item.idx, total: total, isLast: item.idx === lastIdx }, item.idx)))] }));
+};
+
+export { StepRunner };

package/dist/components/shared/Table.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ink = require('ink');
+
+const Table = ({ headers, rows, columnWidths, }) => {
+    const widths = columnWidths ??
+        headers.map((header, colIdx) => {
+            const dataMax = rows.reduce((max, row) => Math.max(max, (row[colIdx] ?? '').length), 0);
+            return Math.max(header.length, dataMax) + 2;
+        });
+    const padCell = (text, width) => {
+        return text.padEnd(width);
+    };
+    const separator = widths.map((w) => '─'.repeat(w)).join('  ');
+    return (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", children: [jsxRuntime.jsx(ink.Text, { children: headers.map((h, i) => (jsxRuntime.jsxs(ink.Text, { bold: true, children: [padCell(h, widths[i]), i < headers.length - 1 ? '  ' : ''] }, i))) }), jsxRuntime.jsx(ink.Text, { color: "gray", children: separator }), rows.map((row, rowIdx) => (jsxRuntime.jsx(ink.Text, { children: row.map((cell, colIdx) => (jsxRuntime.jsxs(ink.Text, { children: [padCell(cell, widths[colIdx]), colIdx < row.length - 1 ? '  ' : ''] }, colIdx))) }, rowIdx)))] }));
+};
+
+exports.Table = Table;

package/dist/components/shared/Table.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TableProps {
+    headers: string[];
+    rows: string[][];
+    columnWidths?: number[];
+}
+export declare const Table: React.FC<TableProps>;
+export {};

package/dist/components/shared/Table.mjs

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Text } from 'ink';
+
+const Table = ({ headers, rows, columnWidths, }) => {
+    const widths = columnWidths ??
+        headers.map((header, colIdx) => {
+            const dataMax = rows.reduce((max, row) => Math.max(max, (row[colIdx] ?? '').length), 0);
+            return Math.max(header.length, dataMax) + 2;
+        });
+    const padCell = (text, width) => {
+        return text.padEnd(width);
+    };
+    const separator = widths.map((w) => '─'.repeat(w)).join('  ');
+    return (jsxs(Box, { flexDirection: "column", children: [jsx(Text, { children: headers.map((h, i) => (jsxs(Text, { bold: true, children: [padCell(h, widths[i]), i < headers.length - 1 ? '  ' : ''] }, i))) }), jsx(Text, { color: "gray", children: separator }), rows.map((row, rowIdx) => (jsx(Text, { children: row.map((cell, colIdx) => (jsxs(Text, { children: [padCell(cell, widths[colIdx]), colIdx < row.length - 1 ? '  ' : ''] }, colIdx))) }, rowIdx)))] }));
+};
+
+export { Table };

package/dist/components/shared/index.d.ts

@@ -0,0 +1,6 @@
+export { Confirm } from './Confirm.js';
+export { MenuItem } from './MenuItem.js';
+export { ProgressBar } from './ProgressBar.js';
+export { StepRunner } from './StepRunner.js';
+export type { StepResult } from './StepRunner.js';
+export { Table } from './Table.js';

package/dist/core/cli.cjs

@@ -38,23 +38,19 @@ const createProgram = () => {
     program
         .command('add')
         .description('Add a package with interactive asset selection')
-        .requiredOption('-p, --package <name>', 'Package name to add')
+        .option('-p, --package <name>', 'Package name to add')
+        .option('--pattern <regex>', 'Regex pattern to bulk add matching packages')
         .option('-l, --local', 'Read packages from local workspace instead of node_modules', false)
         .option('-r, --ref <ref>', 'Git ref (branch, tag, or commit) to fetch from')
         .action(async (opts) => {
         await add.runAddCommand({
             package: opts.package,
+            pattern: opts.pattern,
             local: opts.local,
             ref: opts.ref,
         });
     });
-    program
-        .command('list')
-        .description('List all synced packages')
-        .option('--json', 'Output as JSON')
-        .action(async (opts) => {
-        await list.runListCommand({ json: opts.json });
-    });
+    list.registerListCommand(program);
     program
         .command('remove')
         .description('Remove a synced package')

package/dist/core/cli.mjs

@@ -1,6 +1,6 @@
 import { Command } from 'commander';
 import { runSyncCommand } from '../commands/sync.mjs';
-import { runListCommand } from '../commands/list.mjs';
+import { registerListCommand } from '../commands/list.mjs';
 import { runRemoveCommand } from '../commands/remove.mjs';
 import { runStatusCommand } from '../commands/status.mjs';
 import { runMigrateCommand } from '../commands/migrate.mjs';
@@ -36,23 +36,19 @@ const createProgram = () => {
     program
         .command('add')
         .description('Add a package with interactive asset selection')
-        .requiredOption('-p, --package <name>', 'Package name to add')
+        .option('-p, --package <name>', 'Package name to add')
+        .option('--pattern <regex>', 'Regex pattern to bulk add matching packages')
         .option('-l, --local', 'Read packages from local workspace instead of node_modules', false)
         .option('-r, --ref <ref>', 'Git ref (branch, tag, or commit) to fetch from')
         .action(async (opts) => {
         await runAddCommand({
             package: opts.package,
+            pattern: opts.pattern,
             local: opts.local,
             ref: opts.ref,
         });
     });
-    program
-        .command('list')
-        .description('List all synced packages')
-        .option('--json', 'Output as JSON')
-        .action(async (opts) => {
-        await runListCommand({ json: opts.json });
-    });
+    registerListCommand(program);
     program
         .command('remove')
         .description('Remove a synced package')

package/dist/core/constants.cjs

@@ -3,6 +3,7 @@
 var version = require('../version.cjs');
 
 const CLAUDE_BASE_DIR = '.claude';
+const DEFAULT_ASSET_PATH = 'docs/claude';
 const META_FILES = {
     SYNC_META: '.sync-meta.json',
     UNIFIED_SYNC_META: '.claude/.sync-meta.json',
@@ -20,6 +21,7 @@ const FS_PATTERNS = {
 };
 
 exports.CLAUDE_BASE_DIR = CLAUDE_BASE_DIR;
+exports.DEFAULT_ASSET_PATH = DEFAULT_ASSET_PATH;
 exports.DEFAULT_ASSET_TYPES = DEFAULT_ASSET_TYPES;
 exports.FS_PATTERNS = FS_PATTERNS;
 exports.META_FILES = META_FILES;

package/dist/core/constants.d.ts

@@ -2,6 +2,10 @@
  * Base directory for Claude assets
  */
 export declare const CLAUDE_BASE_DIR: ".claude";
+/**
+ * Default asset path when claude.assetPath is not configured
+ */
+export declare const DEFAULT_ASSET_PATH: "docs/claude";
 /**
  * Asset directory names
  */
@@ -22,7 +26,7 @@ export declare const META_FILES: {
  * Schema versions for metadata files
  */
 export declare const SCHEMA_VERSIONS: {
-    readonly UNIFIED_SYNC_META: "0.1.0";
+    readonly UNIFIED_SYNC_META: "0.1.2";
     readonly LEGACY_SYNC_META: "1.0.0";
     readonly SKILL_UNIT_FORMAT: "2";
 };

package/dist/core/constants.mjs

@@ -1,6 +1,7 @@
 import { VERSION } from '../version.mjs';
 
 const CLAUDE_BASE_DIR = '.claude';
+const DEFAULT_ASSET_PATH = 'docs/claude';
 const META_FILES = {
     SYNC_META: '.sync-meta.json',
     UNIFIED_SYNC_META: '.claude/.sync-meta.json',
@@ -17,4 +18,4 @@ const FS_PATTERNS = {
     GITHUB_SHORTHAND: /^github:([^/]+)\/([^/]+)$/,
 };
 
-export { CLAUDE_BASE_DIR, DEFAULT_ASSET_TYPES, FS_PATTERNS, META_FILES, SCHEMA_VERSIONS };
+export { CLAUDE_BASE_DIR, DEFAULT_ASSET_PATH, DEFAULT_ASSET_TYPES, FS_PATTERNS, META_FILES, SCHEMA_VERSIONS };

package/dist/core/io.mjs

@@ -1,4 +1,4 @@
-import { existsSync, readFileSync, writeFileSync, mkdirSync, readdirSync } from 'node:fs';
+import { existsSync, readFileSync, writeFileSync, readdirSync, mkdirSync } from 'node:fs';
 import { dirname } from 'node:path';
 
 function readJsonFile(path) {