@slats/claude-assets-sync 0.1.0 → 0.1.1

package/dist/components/add/BulkAddView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface BulkAddViewProps {
+    pattern: string;
+    cwd: string;
+    local?: boolean;
+    ref?: string;
+}
+/**
+ * Bulk add view — scans dependencies by regex, scans assets, and syncs all found assets.
+ */
+export declare const BulkAddView: React.FC<BulkAddViewProps>;

package/dist/components/add/BulkAddView.mjs

@@ -0,0 +1,167 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { useState, useEffect } from 'react';
+import { scanPackageAssets } from '../../core/packageScanner.mjs';
+import { syncPackage } from '../../core/sync.mjs';
+import { asyncPool } from '../../utils/asyncPool.mjs';
+import { readProjectDependencies, filterByPattern } from '../../utils/dependencies.mjs';
+import { StepRunner } from '../shared/StepRunner.mjs';
+import { Table } from '../shared/Table.mjs';
+
+const BulkAddView = ({ pattern, cwd, local = false, ref, }) => {
+    const [phase, setPhase] = useState('scanning-deps');
+    const [matches, setMatches] = useState([]);
+    const [scanSteps, setScanSteps] = useState([]);
+    const [syncSteps, setSyncSteps] = useState([]);
+    const [results, setResults] = useState([]);
+    const [errorMessage, setErrorMessage] = useState('');
+    useEffect(() => {
+        const run = async () => {
+            setPhase('scanning-deps');
+            let matched;
+            try {
+                const deps = readProjectDependencies(cwd);
+                matched = filterByPattern(deps, pattern);
+            }
+            catch (err) {
+                setErrorMessage(err instanceof Error ? err.message : String(err));
+                setPhase('error');
+                return;
+            }
+            setMatches(matched);
+            if (matched.length === 0) {
+                setResults([]);
+                setPhase('done');
+                return;
+            }
+            setPhase('scanning-assets');
+            const initialScanSteps = matched.map((name) => ({
+                name,
+                status: 'pending',
+            }));
+            setScanSteps(initialScanSteps);
+            const packagesWithAssets = [];
+            const scanResults = [];
+            await asyncPool(3, matched, async (pkgName) => {
+                setScanSteps((prev) => prev.map((s) => s.name === pkgName ? { ...s, status: 'running' } : s));
+                try {
+                    const trees = await scanPackageAssets(pkgName, {
+                        local,
+                        ref,
+                        cwd,
+                    });
+                    const hasAssets = trees.length > 0;
+                    if (hasAssets) {
+                        packagesWithAssets.push(pkgName);
+                        setScanSteps((prev) => prev.map((s) => s.name === pkgName
+                            ? { ...s, status: 'success', output: `${trees.length} asset type(s)` }
+                            : s));
+                    }
+                    else {
+                        scanResults.push({ name: pkgName, status: 'skipped', assetCount: 0 });
+                        setScanSteps((prev) => prev.map((s) => s.name === pkgName ? { ...s, status: 'skipped' } : s));
+                    }
+                }
+                catch (err) {
+                    const msg = err instanceof Error ? err.message : String(err);
+                    const isNoAssets = /no repository|asset path.*does not exist|not found in (local workspace|node_modules)/i.test(msg);
+                    if (isNoAssets) {
+                        scanResults.push({ name: pkgName, status: 'skipped', assetCount: 0 });
+                        setScanSteps((prev) => prev.map((s) => s.name === pkgName ? { ...s, status: 'skipped' } : s));
+                    }
+                    else {
+                        scanResults.push({ name: pkgName, status: 'error', assetCount: 0, error: msg });
+                        setScanSteps((prev) => prev.map((s) => s.name === pkgName
+                            ? { ...s, status: 'failed', error: msg }
+                            : s));
+                    }
+                }
+            });
+            if (packagesWithAssets.length === 0) {
+                setResults(scanResults);
+                setPhase('done');
+                return;
+            }
+            setPhase('syncing');
+            const initialSyncSteps = packagesWithAssets.map((name) => ({
+                name,
+                status: 'pending',
+            }));
+            setSyncSteps(initialSyncSteps);
+            await asyncPool(3, packagesWithAssets, async (pkgName) => {
+                setSyncSteps((prev) => prev.map((s) => s.name === pkgName ? { ...s, status: 'running' } : s));
+                try {
+                    const result = await syncPackage(pkgName, {
+                        force: true,
+                        dryRun: false,
+                        local,
+                        ref,
+                        flat: true,
+                    }, cwd, undefined, undefined);
+                    if (result.success && !result.skipped) {
+                        const assetCount = Object.values(result.syncedFiles ?? {}).reduce((sum, files) => sum + files.length, 0);
+                        scanResults.push({ name: pkgName, status: 'synced', assetCount });
+                        setSyncSteps((prev) => prev.map((s) => s.name === pkgName
+                            ? { ...s, status: 'success', output: `${assetCount} file(s)` }
+                            : s));
+                    }
+                    else if (result.skipped) {
+                        scanResults.push({ name: pkgName, status: 'skipped', assetCount: 0 });
+                        setSyncSteps((prev) => prev.map((s) => s.name === pkgName ? { ...s, status: 'skipped' } : s));
+                    }
+                    else {
+                        const msg = result.reason ?? 'Sync failed';
+                        scanResults.push({ name: pkgName, status: 'error', assetCount: 0, error: msg });
+                        setSyncSteps((prev) => prev.map((s) => s.name === pkgName
+                            ? { ...s, status: 'failed', error: msg }
+                            : s));
+                    }
+                }
+                catch (err) {
+                    const msg = err instanceof Error ? err.message : String(err);
+                    scanResults.push({ name: pkgName, status: 'error', assetCount: 0, error: msg });
+                    setSyncSteps((prev) => prev.map((s) => s.name === pkgName
+                        ? { ...s, status: 'failed', error: msg }
+                        : s));
+                }
+            });
+            setResults(scanResults);
+            setPhase('done');
+        };
+        run();
+    }, []);
+    if (phase === 'scanning-deps') {
+        return (jsx(Box, { children: jsxs(Text, { color: "cyan", children: [jsx(Spinner, { type: "dots" }), " Scanning dependencies matching /", pattern, "/..."] }) }));
+    }
+    if (phase === 'error') {
+        return (jsx(Box, { flexDirection: "column", children: jsxs(Text, { color: "red", children: ["Error: ", errorMessage] }) }));
+    }
+    if (phase === 'scanning-assets') {
+        return (jsxs(Box, { flexDirection: "column", children: [jsx(Box, { marginBottom: 1, children: jsxs(Text, { children: ["Found ", jsx(Text, { bold: true, children: matches.length }), " matching package(s). Scanning assets..."] }) }), jsx(StepRunner, { steps: scanSteps, currentStep: scanSteps.findIndex((s) => s.status === 'running'), total: scanSteps.length })] }));
+    }
+    if (phase === 'syncing') {
+        return (jsxs(Box, { flexDirection: "column", children: [jsx(Box, { marginBottom: 1, children: jsx(Text, { children: "Syncing packages..." }) }), jsx(StepRunner, { steps: syncSteps, currentStep: syncSteps.findIndex((s) => s.status === 'running'), total: syncSteps.length })] }));
+    }
+    if (phase === 'done') {
+        const synced = results.filter((r) => r.status === 'synced').length;
+        const skipped = results.filter((r) => r.status === 'skipped').length;
+        const errors = results.filter((r) => r.status === 'error').length;
+        if (results.length === 0) {
+            return (jsx(Box, { flexDirection: "column", children: jsxs(Text, { color: "yellow", children: ["No packages matched pattern /", pattern, "/"] }) }));
+        }
+        const rows = results.map((r) => {
+            const statusCell = r.status === 'synced'
+                ? '✓ synced'
+                : r.status === 'skipped'
+                    ? '⏭ skipped'
+                    : `✗ error`;
+            const assetsCell = r.status === 'synced' ? String(r.assetCount) : r.error ?? '-';
+            return [r.name, statusCell, assetsCell];
+        });
+        return (jsxs(Box, { flexDirection: "column", children: [jsx(Table, { headers: ['Package', 'Status', 'Assets'], rows: rows }), jsx(Box, { marginTop: 1, children: jsxs(Text, { children: [jsxs(Text, { color: "green", children: [synced, " synced"] }), jsx(Text, { children: ", " }), jsxs(Text, { color: "blue", children: [skipped, " skipped"] }), jsx(Text, { children: ", " }), jsxs(Text, { color: errors > 0 ? 'red' : 'gray', children: [errors, " errors"] })] }) })] }));
+    }
+    return null;
+};
+
+export { BulkAddView };