uirules 0.0.1 → 0.0.2

package/README.md

@@ -0,0 +1,72 @@
+# UIRules CLI
+
+CLI tool to generate UI guidelines from your design system.
+
+## Installation
+
+```bash
+npm install -g uirules
+```
+
+## Usage
+
+```bash
+npx uirules generate
+```
+
+## Local Development
+
+### Testing locally with npm link
+
+1. Build the CLI:
+
+```bash
+cd apps/cli
+bun run build
+```
+
+2. Create a global symlink:
+
+```bash
+npm link
+```
+
+3. In another project, link the package:
+
+```bash
+cd /path/to/your-project
+npm link uirules
+```
+
+4. Now you can run the CLI:
+
+```bash
+npx uirules generate
+```
+
+### Unlinking
+
+When done testing, remove the symlinks:
+
+```bash
+# In the test project
+npm unlink uirules
+
+# In the CLI directory
+npm unlink
+```
+
+### Development mode
+
+For active development with auto-reload:
+
+```bash
+cd apps/cli
+bun run dev
+```
+
+Or run directly without building:
+
+```bash
+bun run src/app.ts generate
+```

package/dist/app.js

@@ -1,5 +1,4 @@
 #!/usr/bin/env node
-#!/usr/bin/env node
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -45,12 +44,14 @@ import path from "path";
 import { fileURLToPath } from "url";
 var init_esm_shims = __esm({
   "../../node_modules/.bun/tsup@8.5.1+9c4d6a5e75102cb2/node_modules/tsup/assets/esm_shims.js"() {
+    "use strict";
   }
 });
 
 // ../../node_modules/.bun/delayed-stream@1.0.0/node_modules/delayed-stream/lib/delayed_stream.js
 var require_delayed_stream = __commonJS({
   "../../node_modules/.bun/delayed-stream@1.0.0/node_modules/delayed-stream/lib/delayed_stream.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var Stream = __require("stream").Stream;
     var util3 = __require("util");
@@ -143,6 +144,7 @@ var require_delayed_stream = __commonJS({
 // ../../node_modules/.bun/combined-stream@1.0.8/node_modules/combined-stream/lib/combined_stream.js
 var require_combined_stream = __commonJS({
   "../../node_modules/.bun/combined-stream@1.0.8/node_modules/combined-stream/lib/combined_stream.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var util3 = __require("util");
     var Stream = __require("stream").Stream;
@@ -8838,6 +8840,7 @@ var require_db = __commonJS({
 // ../../node_modules/.bun/mime-db@1.52.0/node_modules/mime-db/index.js
 var require_mime_db = __commonJS({
   "../../node_modules/.bun/mime-db@1.52.0/node_modules/mime-db/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = require_db();
   }
@@ -8937,6 +8940,7 @@ var require_mime_types = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/defer.js
 var require_defer = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/defer.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = defer;
     function defer(fn) {
@@ -8953,6 +8957,7 @@ var require_defer = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/async.js
 var require_async = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/async.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var defer = require_defer();
     module.exports = async;
@@ -8977,6 +8982,7 @@ var require_async = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/abort.js
 var require_abort = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/abort.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = abort;
     function abort(state) {
@@ -8994,6 +9000,7 @@ var require_abort = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/iterate.js
 var require_iterate = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/iterate.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var async = require_async();
     var abort = require_abort();
@@ -9028,6 +9035,7 @@ var require_iterate = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/state.js
 var require_state = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/state.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = state;
     function state(list, sortMethod) {
@@ -9051,6 +9059,7 @@ var require_state = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/terminator.js
 var require_terminator = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/lib/terminator.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var abort = require_abort();
     var async = require_async();
@@ -9069,6 +9078,7 @@ var require_terminator = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/parallel.js
 var require_parallel = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/parallel.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var iterate = require_iterate();
     var initState = require_state();
@@ -9097,6 +9107,7 @@ var require_parallel = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/serialOrdered.js
 var require_serialOrdered = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/serialOrdered.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var iterate = require_iterate();
     var initState = require_state();
@@ -9132,6 +9143,7 @@ var require_serialOrdered = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/serial.js
 var require_serial = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/serial.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var serialOrdered = require_serialOrdered();
     module.exports = serial;
@@ -9144,6 +9156,7 @@ var require_serial = __commonJS({
 // ../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/index.js
 var require_asynckit = __commonJS({
   "../../node_modules/.bun/asynckit@0.4.0/node_modules/asynckit/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     module.exports = {
       parallel: require_parallel(),
@@ -10443,6 +10456,7 @@ var require_proxy_from_env = __commonJS({
 // ../../node_modules/.bun/ms@2.1.3/node_modules/ms/index.js
 var require_ms = __commonJS({
   "../../node_modules/.bun/ms@2.1.3/node_modules/ms/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var s = 1e3;
     var m = s * 60;
@@ -10560,6 +10574,7 @@ var require_ms = __commonJS({
 // ../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/common.js
 var require_common = __commonJS({
   "../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/common.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     function setup(env2) {
       createDebug.debug = createDebug;
@@ -10738,6 +10753,7 @@ var require_common = __commonJS({
 // ../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/browser.js
 var require_browser = __commonJS({
   "../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/browser.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     exports.formatArgs = formatArgs;
     exports.save = save;
@@ -11041,6 +11057,7 @@ function createSupportsColor(stream4, options = {}) {
 var env, flagForceColor, supportsColor, supports_color_default;
 var init_supports_color = __esm({
   "../../node_modules/.bun/supports-color@10.2.2/node_modules/supports-color/index.js"() {
+    "use strict";
     init_esm_shims();
     ({ env } = process2);
     if (hasFlag("no-color") || hasFlag("no-colors") || hasFlag("color=false") || hasFlag("color=never")) {
@@ -11059,6 +11076,7 @@ var init_supports_color = __esm({
 // ../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/node.js
 var require_node = __commonJS({
   "../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/node.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var tty2 = __require("tty");
     var util3 = __require("util");
@@ -11234,6 +11252,7 @@ var require_node = __commonJS({
 // ../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/index.js
 var require_src = __commonJS({
   "../../node_modules/.bun/debug@4.4.3/node_modules/debug/src/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
       module.exports = require_browser();
@@ -11246,6 +11265,7 @@ var require_src = __commonJS({
 // ../../node_modules/.bun/follow-redirects@1.15.11/node_modules/follow-redirects/debug.js
 var require_debug = __commonJS({
   "../../node_modules/.bun/follow-redirects@1.15.11/node_modules/follow-redirects/debug.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var debug;
     module.exports = function() {
@@ -11267,6 +11287,7 @@ var require_debug = __commonJS({
 // ../../node_modules/.bun/follow-redirects@1.15.11/node_modules/follow-redirects/index.js
 var require_follow_redirects = __commonJS({
   "../../node_modules/.bun/follow-redirects@1.15.11/node_modules/follow-redirects/index.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var url2 = __require("url");
     var URL2 = url2.URL;
@@ -11766,15 +11787,14 @@ init_esm_shims();
 import "dotenv/config";
 import { Command as Command2 } from "commander";
 
-// src/commands/index.ts
-init_esm_shims();
-
 // src/commands/generate.ts
 init_esm_shims();
 import { Command } from "commander";
 import ora from "ora";
-import { readFile, writeFile } from "fs/promises";
+import { readFile, writeFile, mkdir } from "fs/promises";
 import { join as join3 } from "path";
+import { Readable as Readable2 } from "stream";
+import unzipper from "unzipper";
 
 // ../../packages/sdk/src/index.ts
 init_esm_shims();
@@ -11786,12 +11806,14 @@ __export(api_exports, {
   createProject: () => createProject,
   deleteProject: () => deleteProject,
   exportProject: () => exportProject,
+  exportSkills: () => exportSkills,
   getProject: () => getProject,
   listProjects: () => listProjects,
   needInitBrand: () => needInitBrand,
   needInitProject: () => needInitProject,
   previewGuidelines: () => previewGuidelines,
   updateProject: () => updateProject,
+  updateProjectGuidelines: () => updateProjectGuidelines,
   uploadGithubProject: () => uploadGithubProject,
   uploadProject: () => uploadProject
 });
@@ -15510,15 +15532,17 @@ var {
 } = axios_default;
 
 // ../../packages/sdk/src/client.ts
-var API_URL = process.env.UIRULES_API_URL || "https://app.uirules.com.ua";
+var API_URL = process.env.UIRULES_API_URL || "http://localhost:4000/";
 var AXIOS_INSTANCE = axios_default.create({
   baseURL: API_URL,
   withCredentials: true
 });
 var customInstance = async (config, options) => {
+  const responseType = config.responseType === "blob" ? "arraybuffer" : config.responseType;
   const { data } = await AXIOS_INSTANCE({
     ...config,
-    ...options
+    ...options,
+    responseType
   });
   return data;
 };
@@ -15648,6 +15672,30 @@ var uploadGithubProject = (id, uploadGithubRequest, options) => {
     options
   );
 };
+var updateProjectGuidelines = (updateGuidelinesRequest, options) => {
+  const formData = new FormData();
+  formData.append(`brandContent`, JSON.stringify(updateGuidelinesRequest.brandContent));
+  formData.append(`guidelineContent`, JSON.stringify(updateGuidelinesRequest.guidelineContent));
+  return customInstance(
+    {
+      url: `/api/project/guidelines`,
+      method: "PUT",
+      headers: { "Content-Type": "multipart/form-data" },
+      data: formData
+    },
+    options
+  );
+};
+var exportSkills = (options) => {
+  return customInstance(
+    {
+      url: `/api/project/skills`,
+      method: "GET",
+      responseType: "blob"
+    },
+    options
+  );
+};
 var exportProject = (id, options) => {
   return customInstance(
     {
@@ -15666,7 +15714,7 @@ init_esm_shims();
 init_esm_shims();
 import http3 from "http";
 import open from "open";
-var WEB_URL = process.env.UIRULES_WEB_URL || "https://app.uirules.com.ua";
+var WEB_URL = process.env.UIRULES_WEB_URL || "http://localhost:3000";
 async function authenticate() {
   return new Promise((resolve, reject) => {
     const server = http3.createServer((req, res) => {
@@ -15767,6 +15815,11 @@ function saveConfig(updates) {
   const updated = { ...current, ...updates };
   writeFileSync(CONFIG_FILE, JSON.stringify(updated, null, 2));
 }
+function clearConfig() {
+  if (existsSync(CONFIG_FILE)) {
+    writeFileSync(CONFIG_FILE, "{}");
+  }
+}
 function isAuthenticated() {
   const config = getConfig();
   return !!config.sessionToken;
@@ -15785,6 +15838,27 @@ function getAuthOptions() {
     }
   };
 }
+function isUnauthorizedError(error) {
+  if (typeof error !== "object" || error === null) return false;
+  const err = error;
+  return err.response?.status === 401;
+}
+async function withAuthRetry(apiCall, onReAuth) {
+  let authOptions = getAuthOptions();
+  try {
+    return await apiCall(authOptions);
+  } catch (error) {
+    if (isUnauthorizedError(error)) {
+      clearConfig();
+      onReAuth?.();
+      const token = await authenticate();
+      saveConfig({ sessionToken: token });
+      authOptions = getAuthOptions();
+      return await apiCall(authOptions);
+    }
+    throw error;
+  }
+}
 
 // src/lib/scanner.ts
 init_esm_shims();
@@ -15849,6 +15923,9 @@ async function promptSelectFile(files) {
 // src/commands/generate.ts
 var generateCommand = new Command("generate").description("Initialize UIRules and generate guidelines").action(async () => {
   const spinner = ora();
+  const handleReAuth = () => {
+    spinner.start("Session expired. Re-authenticating...");
+  };
   try {
     if (!isAuthenticated()) {
       spinner.start("Opening browser for authentication...");
@@ -15858,22 +15935,18 @@ var generateCommand = new Command("generate").description("Initialize UIRules an
     } else {
       console.log("Already authenticated.\n");
     }
-    const authOptions = getAuthOptions();
-    spinner.start("Checking your projects...");
-    const projects = await api_exports.listProjects(authOptions);
+    spinner.start("Checking your brand...");
+    const projects = await withAuthRetry(api_exports.listProjects, handleReAuth);
     spinner.stop();
-    let projectId;
-    if (projects.length === 0) {
-      console.log("\nNo projects found. Let's create one!\n");
-      const name = await promptProjectName();
-      spinner.start("Creating project...");
-      const project = await api_exports.createProject({ name }, authOptions);
-      projectId = project.id;
-      spinner.succeed(`Project "${name}" created!`);
+    let projectName;
+    const hasProjects = projects.length > 0;
+    if (!hasProjects) {
+      console.log("No brand found. Let's create one!\n");
+      projectName = await promptProjectName();
     } else {
-      projectId = projects[0].id;
-      console.log(`
-Using project: ${projects[0].name}
+      const firstProject = projects[0];
+      projectName = firstProject.name;
+      console.log(`Using brand: ${projectName}
 `);
     }
     spinner.start("Scanning for globals.css...");
@@ -15887,26 +15960,74 @@ Using project: ${projects[0].name}
       process.exit(1);
     }
     const selectedFile = cssFiles.length === 1 ? cssFiles[0] : await promptSelectFile(cssFiles);
-    console.log(`
-Using: ${selectedFile}
+    console.log(`Using: ${selectedFile}
 `);
     spinner.start("Reading CSS file...");
     const cssPath = join3(process.cwd(), selectedFile);
     const cssContent = await readFile(cssPath, "utf-8");
     spinner.succeed(`Read ${selectedFile}`);
     spinner.start("Generating guidelines...");
-    const result = await api_exports.previewGuidelines(
-      {
-        css: new Blob([cssContent], { type: "text/css" }),
-        components: new Blob(["{}"], { type: "application/json" })
-      },
-      authOptions
+    const guidelinesPayload = {
+      css: new File([cssContent], "globals.css", { type: "text/css" }),
+      components: new File(["{}"], "components.json", {
+        type: "application/json"
+      })
+    };
+    const result = await withAuthRetry(
+      (opts) => api_exports.previewGuidelines(guidelinesPayload, opts),
+      handleReAuth
     );
     spinner.succeed("Guidelines generated!");
+    const brand = result.brands?.at(0);
+    const guideline = result.guidelines?.at(0);
+    if (!brand || !guideline) {
+      throw new Error("Failed to generate guideline content");
+    }
+    spinner.start("Saving brand...");
+    let savedProject;
+    if (!hasProjects) {
+      savedProject = await withAuthRetry(
+        (opts) => api_exports.completeProject(
+          {
+            name: projectName,
+            brandContent: brand.content,
+            guidelineContent: guideline.content
+          },
+          opts
+        ),
+        handleReAuth
+      );
+    } else {
+      savedProject = await withAuthRetry(
+        (opts) => api_exports.updateProjectGuidelines(
+          {
+            brandContent: brand.content,
+            guidelineContent: guideline.content
+          },
+          opts
+        ),
+        handleReAuth
+      );
+    }
+    spinner.succeed("Brand saved!");
     spinner.start("Writing export.md...");
-    const markdown = formatGuidelines(result);
+    const markdown = await withAuthRetry(
+      (opts) => api_exports.exportProject(savedProject.project.id, opts),
+      handleReAuth
+    );
     await writeFile("export.md", markdown);
     spinner.succeed("Guidelines saved to export.md!");
+    spinner.start("Installing Cursor Skills...");
+    const skillsBuffer = await withAuthRetry(
+      (opts) => api_exports.exportSkills(opts),
+      handleReAuth
+    );
+    const targetDir = join3(process.cwd(), ".cursor", "skills");
+    await mkdir(targetDir, { recursive: true });
+    await new Promise((resolve, reject) => {
+      Readable2.from(skillsBuffer).pipe(unzipper.Extract({ path: process.cwd() })).on("close", resolve).on("error", reject);
+    });
+    spinner.succeed("Cursor Skills installed to .cursor/skills/");
     console.log("\nDone! Your UI guidelines are ready.\n");
   } catch (error) {
     spinner.fail("An error occurred");
@@ -15918,9 +16039,6 @@ Error: ${error.message}
     process.exit(1);
   }
 });
-function formatGuidelines(result) {
-  return "# UI Guidelines\n\n```json\n" + JSON.stringify(result, null, 2) + "\n```\n";
-}
 
 // src/app.ts
 var program = new Command2().name("uirules").description("Generate UI guidelines from your design system").version("0.0.1");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uirules",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "CLI tool to generate UI guidelines from your design system",
   "type": "module",
   "bin": {
@@ -24,21 +24,23 @@
   "bugs": {
     "url": "https://github.com/UI-Rules/app/issues"
   },
-  "author": "",
+  "author": "kapishdima",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "dev": "tsx watch ./src/app.ts",
+    "develop": "bun --watch ./src/app.ts",
     "start": "node dist/app.js",
     "build": "tsup",
     "prepublishOnly": "bun run build"
   },
   "devDependencies": {
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
     "@types/node": "^22.15.3",
+    "@types/unzipper": "^0.10.11",
     "@uirules/auth": "*",
     "@uirules/core": "*",
     "@uirules/db": "*",
@@ -58,6 +60,7 @@
     "open": "^10.0.0",
     "ora": "^9.0.0",
     "tsup": "^8.5.1",
+    "unzipper": "^0.12.3",
     "zod": "^3.23.0"
   }
 }