@dropi/ui-components 1.0.13 → 1.0.15

package/dist/scripts/init.js

@@ -0,0 +1,89 @@
+#!/usr/bin/env node
+const readline = require("readline");
+const { execSync } = require("child_process");
+
+// Check if running in CI used to avoid blocking builds
+if (process.env.CI) {
+  process.exit(0);
+}
+
+// 1. Check for Environment Variable (Silent Mode)
+const installMode = process.env.DROPI_INSTALL_MODE; // 'standalone' | 'micro'
+
+if (installMode) {
+  if (installMode.toLowerCase() === "standalone") {
+    installDeps();
+  } else {
+    console.log(
+      "\nℹ️  Modo Micro Frontend seleccionado via variable de entorno.",
+    );
+  }
+  process.exit(0);
+}
+
+// 2. Check for Interactive TTY
+if (!process.stdout.isTTY || !process.stdin.isTTY) {
+  console.log("\x1b[36m%s\x1b[0m", "\n👋 @dropi/ui-components instalada.");
+  console.log(
+    "\x1b[33m%s\x1b[0m",
+    "⚠️  No se detectó una terminal interactiva (se omitió la configuración automática).",
+  );
+  console.log(
+    "\nPara configurar las dependencias (si es una app Standalone), ejecuta manualmente:",
+  );
+  console.log("\x1b[1m%s\x1b[0m", "   npx dropi-setup\n");
+  process.exit(0);
+}
+
+// 3. Interactive Mode
+const rl = readline.createInterface({
+  input: process.stdin,
+  output: process.stdout,
+});
+
+console.log(
+  "\x1b[36m%s\x1b[0m",
+  "\n👋 Completando instalación de @dropi/ui-components...",
+  "\n   Configuración de entorno Angular.",
+);
+
+rl.question(
+  "\n¿Es este un proyecto Standalone (React/Vue/Vanilla) que necesita descargar las dependencias? (s/N): ",
+  (answer) => {
+    const isYes = ["s", "si", "y", "yes"].includes(answer.toLowerCase().trim());
+
+    if (isYes) {
+      installDeps();
+    } else {
+      console.log(
+        "\x1b[33m%s\x1b[0m",
+        "\nℹ️  Modo Micro Frontend: No se instalaron dependencias adicionales.",
+      );
+      console.log(
+        "    Asegúrate de que tu Host provea Angular y Zone.js vía Module Federation.\n",
+      );
+    }
+    rl.close();
+  },
+);
+
+function installDeps() {
+  console.log(
+    "\n📦 Instalando dependencias requeridas (Angular v18 + Zone.js)...",
+  );
+  try {
+    execSync(
+      "npm install zone.js @angular/core@^18.2.0 @angular/common@^18.2.0 @angular/compiler@^18.2.0 @angular/platform-browser@^18.2.0 @angular/platform-browser-dynamic@^18.2.0 @angular/router@^18.2.0 @angular/elements@^18.2.0",
+      { stdio: "inherit" },
+    );
+    console.log(
+      "\x1b[32m%s\x1b[0m",
+      "\n✅ Dependencias instaladas correctamente.\n",
+    );
+  } catch (e) {
+    console.error(
+      "\x1b[31m%s\x1b[0m",
+      "\n❌ Error al instalar dependencias. Intenta ejecutar manualmente npm install.",
+    );
+  }
+}

package/dist/scripts/restore-postinstall.js

@@ -0,0 +1,20 @@
+const fs = require("fs");
+const path = require("path");
+
+const packageJsonPath = path.join(__dirname, "../dist/package.json");
+
+try {
+  const packageJson = require(packageJsonPath);
+
+  if (!packageJson.scripts) {
+    packageJson.scripts = {};
+  }
+
+  packageJson.scripts.postinstall = "node scripts/init.js";
+
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  console.log("✅ Restored postinstall script in dist/package.json");
+} catch (error) {
+  console.error("❌ Error restoring postinstall script:", error);
+  process.exit(1);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/ui-components",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Dropi UI Components - Framework-agnostic Web Components library built with Angular Elements",
   "keywords": [
     "web-components",
@@ -15,7 +15,9 @@
   "scripts": {
     "build": "ng-packagr -p ng-package.json",
     "copy:tokens": "cp src/styles.scss ./dist/dropi-tokens.css",
-    "build:complete": "npm run build && npm run copy:tokens",
+    "copy:scripts": "cp -r scripts ./dist/scripts",
+    "restore:postinstall": "node scripts/restore-postinstall.js",
+    "build:complete": "npm run build && npm run copy:tokens && npm run copy:scripts && npm run restore:postinstall",
     "postinstall": "node scripts/init.js"
   },
   "bin": {

package/scripts/init.js

@@ -73,7 +73,7 @@ function installDeps() {
   );
   try {
     execSync(
-      "npm install zone.js @angular/core@^18.2.0 @angular/common@^18.2.0 @angular/compiler@^18.2.0 @angular/platform-browser@^18.2.0 @angular/platform-browser-dynamic@^18.2.0",
+      "npm install zone.js @angular/core@^18.2.0 @angular/common@^18.2.0 @angular/compiler@^18.2.0 @angular/platform-browser@^18.2.0 @angular/platform-browser-dynamic@^18.2.0 @angular/router@^18.2.0 @angular/elements@^18.2.0",
       { stdio: "inherit" },
     );
     console.log(

package/scripts/restore-postinstall.js

@@ -0,0 +1,20 @@
+const fs = require("fs");
+const path = require("path");
+
+const packageJsonPath = path.join(__dirname, "../dist/package.json");
+
+try {
+  const packageJson = require(packageJsonPath);
+
+  if (!packageJson.scripts) {
+    packageJson.scripts = {};
+  }
+
+  packageJson.scripts.postinstall = "node scripts/init.js";
+
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  console.log("✅ Restored postinstall script in dist/package.json");
+} catch (error) {
+  console.error("❌ Error restoring postinstall script:", error);
+  process.exit(1);
+}