@smart-coder-labs/apple-design-system 1.0.16 → 1.2.0

package/README.md

@@ -58,6 +58,20 @@ Esto:
 
 ---
 
+### `update`
+
+Actualiza los componentes instalados en tu proyecto a la última versión disponible.
+
+```bash
+npx @smart-coder-labs/apple-design-system update [Componente]
+```
+
+Esto:
+1. Comprueba si hay versiones nuevas de los componentes en tu carpeta `components/ui`.
+2. Te pregunta antes de sobrescribir cualquier archivo.
+
+---
+
 ## ✨ Características
 
 - 🎨 **Estilo Apple Premium** - Minimalista, elegante y aireado

package/dist/cli/commands/update-components.d.ts

@@ -0,0 +1,2 @@
+export declare const updateComponents: () => Promise<void>;
+//# sourceMappingURL=update-components.d.ts.map

package/dist/cli/commands/update-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-components.d.ts","sourceRoot":"","sources":["../../../cli/commands/update-components.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,qBA4H5B,CAAC"}

package/dist/cli/commands/update-components.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateComponents = void 0;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+const prompts_1 = __importDefault(require("prompts"));
+const registry_1 = require("../utils/registry");
+const updateComponents = async () => {
+    // 1. Load config
+    let config = { componentsDir: "./components/ui" };
+    if (fs_extra_1.default.existsSync("design-system.json")) {
+        try {
+            config = await fs_extra_1.default.readJSON("design-system.json");
+        }
+        catch (e) {
+            console.warn("Could not read design-system.json, using defaults.");
+        }
+    }
+    else {
+        console.warn("design-system.json not found. Using default ./components/ui");
+    }
+    const resolvedComponentsDir = path_1.default.resolve(process.cwd(), config.componentsDir);
+    // 2. Check if components directory exists
+    if (!fs_extra_1.default.existsSync(resolvedComponentsDir)) {
+        console.log(chalk_1.default.yellow(`Components directory not found at ${config.componentsDir}`));
+        return;
+    }
+    // 3. Get installed components
+    const spinner = (0, ora_1.default)("Scanning for installed components...").start();
+    const files = await fs_extra_1.default.readdir(resolvedComponentsDir);
+    const availableComponents = await (0, registry_1.getAvailableComponents)();
+    const installedComponents = files
+        .filter((file) => file.endsWith(".tsx") || file.endsWith(".ts"))
+        .map((file) => path_1.default.basename(file, path_1.default.extname(file)))
+        .filter((name) => availableComponents.includes(name))
+        .sort();
+    spinner.stop();
+    if (installedComponents.length === 0) {
+        console.log(chalk_1.default.yellow("No installed components found."));
+        return;
+    }
+    console.log(chalk_1.default.blue(`\nFound ${installedComponents.length} installed components:\n`));
+    // 4. Present selection options
+    const response = await (0, prompts_1.default)([
+        {
+            type: "select",
+            name: "updateMode",
+            message: "What would you like to do?",
+            choices: [
+                { title: "Update all components", value: "all" },
+                { title: "Select specific components", value: "select" },
+            ],
+        },
+    ]);
+    let componentsToUpdate = [];
+    if (response.updateMode === "all") {
+        componentsToUpdate = installedComponents;
+        console.log(chalk_1.default.green(`\n✓ Selected all ${installedComponents.length} components`));
+    }
+    else {
+        // Let user select specific components
+        const selectResponse = await (0, prompts_1.default)({
+            type: "multiselect",
+            name: "items",
+            message: "Which components would you like to update?",
+            choices: installedComponents.map((c) => ({ title: c, value: c })),
+            min: 1,
+        });
+        componentsToUpdate = selectResponse.items;
+        if (!componentsToUpdate || componentsToUpdate.length === 0) {
+            console.log(chalk_1.default.yellow("No components selected."));
+            return;
+        }
+        console.log(chalk_1.default.green(`\n✓ Selected ${componentsToUpdate.length} components`));
+    }
+    // 5. Fetch and update components
+    const updateSpinner = (0, ora_1.default)("Updating components...").start();
+    let successCount = 0;
+    let failCount = 0;
+    for (const component of componentsToUpdate) {
+        updateSpinner.text = `Updating ${component}...`;
+        try {
+            const source = await (0, registry_1.getComponentSource)(component);
+            if (!source) {
+                updateSpinner.warn(`Component '${component}' not found in registry.`);
+                failCount++;
+                continue;
+            }
+            const destPath = path_1.default.resolve(resolvedComponentsDir, `${component}.tsx`);
+            await fs_extra_1.default.writeFile(destPath, source);
+            updateSpinner.succeed(`Updated ${component}`);
+            successCount++;
+        }
+        catch (error) {
+            updateSpinner.warn(`Failed to update ${component}: ${error}`);
+            failCount++;
+        }
+    }
+    updateSpinner.stop();
+    // 6. Summary
+    console.log(chalk_1.default.bold("\n=== Update Summary ==="));
+    console.log(chalk_1.default.green(`✓ Successfully updated: ${successCount} components`));
+    if (failCount > 0) {
+        console.log(chalk_1.default.red(`✗ Failed to update: ${failCount} components`));
+    }
+    console.log(chalk_1.default.bold.green("\nDone!"));
+};
+exports.updateComponents = updateComponents;
+//# sourceMappingURL=update-components.js.map

package/dist/cli/commands/update-components.js.map

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

package/dist/cli/index.js

@@ -5,6 +5,7 @@ const commander_1 = require("commander");
 const init_1 = require("./commands/init");
 const add_1 = require("./commands/add");
 const update_1 = require("./commands/update");
+const update_components_1 = require("./commands/update-components");
 const program = new commander_1.Command();
 program
     .name("apple-design-system")
@@ -24,5 +25,9 @@ program
     .description("Update installed components to the latest version")
     .argument("[components...]", "The components to update")
     .action((components) => (0, update_1.update)(components));
+program
+    .command("update-components")
+    .description("Interactively update components from the design system (with UI selection)")
+    .action(() => (0, update_components_1.updateComponents)());
 program.parse();
 //# sourceMappingURL=index.js.map

package/dist/cli/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../cli/index.ts"],"names":[],"mappings":";;;AACA,yCAAoC;AACpC,0CAAuC;AACvC,wCAAqC;AACrC,8CAA2C;AAE3C,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,qBAAqB,CAAC;KAC3B,WAAW,CAAC,8DAA8D,CAAC;KAC3E,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CAAC,4CAA4C,CAAC;KACzD,MAAM,CAAC,WAAI,CAAC,CAAC;AAEhB,OAAO;KACJ,OAAO,CAAC,KAAK,CAAC;KACd,WAAW,CAAC,iCAAiC,CAAC;KAC9C,QAAQ,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;KACpD,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAA,SAAG,EAAC,UAAU,CAAC,CAAC,CAAC;AAE3C,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,mDAAmD,CAAC;KAChE,QAAQ,CAAC,iBAAiB,EAAE,0BAA0B,CAAC;KACvD,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAA,eAAM,EAAC,UAAU,CAAC,CAAC,CAAC;AAE9C,OAAO,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../cli/index.ts"],"names":[],"mappings":";;;AACA,yCAAoC;AACpC,0CAAuC;AACvC,wCAAqC;AACrC,8CAA2C;AAC3C,oEAAgE;AAEhE,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,qBAAqB,CAAC;KAC3B,WAAW,CAAC,8DAA8D,CAAC;KAC3E,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CAAC,4CAA4C,CAAC;KACzD,MAAM,CAAC,WAAI,CAAC,CAAC;AAEhB,OAAO;KACJ,OAAO,CAAC,KAAK,CAAC;KACd,WAAW,CAAC,iCAAiC,CAAC;KAC9C,QAAQ,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;KACpD,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAA,SAAG,EAAC,UAAU,CAAC,CAAC,CAAC;AAE3C,OAAO;KACJ,OAAO,CAAC,QAAQ,CAAC;KACjB,WAAW,CAAC,mDAAmD,CAAC;KAChE,QAAQ,CAAC,iBAAiB,EAAE,0BAA0B,CAAC;KACvD,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAA,eAAM,EAAC,UAAU,CAAC,CAAC,CAAC;AAE9C,OAAO;KACJ,OAAO,CAAC,mBAAmB,CAAC;KAC5B,WAAW,CAAC,4EAA4E,CAAC;KACzF,MAAM,CAAC,GAAG,EAAE,CAAC,IAAA,oCAAgB,GAAE,CAAC,CAAC;AAEpC,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-coder-labs/apple-design-system",
-  "version": "1.0.16",
+  "version": "1.2.0",
   "description": "Design system completo estilo Apple (macOS/iOS/VisionOS) con Framer Motion",
   "keywords": [
     "apple-design-system",
@@ -41,10 +41,16 @@
     "README.md",
     "LICENSE"
   ],
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "scripts": {
     "clean": "rm -rf dist",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
     "build": "npm run clean && tsc -p tsconfig.build.json",
     "build:registry": "ts-node scripts/build-registry.ts",
     "prepublishOnly": "npm run build",
@@ -52,22 +58,23 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "canvas-confetti": "^1.9.4",
     "chalk": "^4.1.2",
     "commander": "^11.1.0",
     "fs-extra": "^11.2.0",
-    "html2canvas": "^1.4.1",
-    "jspdf": "^4.0.0",
-    "markdown-it": "^14.1.0",
     "ora": "^5.4.1",
-    "prompts": "^2.4.2",
-    "tailwind-merge": "^3.4.0",
-    "zod": "^3.22.4"
+    "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.0.8",
-    "@storybook/addon-onboarding": "^10.0.8",
-    "@storybook/react-vite": "^10.0.8",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-onboarding": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@tailwindcss/postcss": "^4.1.18",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/canvas-confetti": "^1.9.0",
     "@types/fs-extra": "^11.0.4",
     "@types/google.maps": "^3.58.1",
     "@types/html2canvas": "^0.5.35",
@@ -77,19 +84,29 @@
     "@types/prompts": "^2.4.9",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/ui": "^4.1.6",
     "autoprefixer": "^10.4.16",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "framer-motion": "^12.23.24",
+    "html2canvas": "^1.4.1",
+    "jsdom": "^29.1.1",
+    "jspdf": "^4.0.0",
     "lucide-react": "^0.554.0",
+    "markdown-it": "^14.1.0",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "storybook": "^10.0.8",
+    "storybook": "^10.4.0",
+    "storybook-dark-mode": "^5.0.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
     "ts-node": "^10.9.2",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vitest": "^4.1.5",
+    "vitest-axe": "^0.1.0",
+    "zod": "^3.22.4"
   },
   "peerDependencies": {
     "react": "^19.2.0",