@catalystsoftware/ui 1.0.16 → 1.0.17

package/README.md

@@ -2,6 +2,16 @@
 
 A comprehensive React component library with 100+ production-ready components for building modern web applications.
 
+## UPDATE
+
+Adding a new line option 'Configure Import Call'. Configures your package.json and tsconfig.json files to allow the use of '#icons' and '#catalyst' in-place of the traditional '~/components/catalyst-ui' and '@catalystsoftware/icons'
+
+```javascript
+import { Command, CommandGroup, CommandItem, CommandList, cn } from '#catalyst'
+import { X } from '#icons'
+```
+Selecting the full installation will also configure your project for this use as well.
+
 ## Installation
 
 ### Quick Start
@@ -101,7 +111,7 @@ Catalyst UI automatically detects and uses your package manager:
 
 ### Config File (Optional)
 
-Create a `catalyst.config.jsonc` file in your project root to customize installation behavior:
+Create a `config.catalyst` file in your project root to customize installation behavior:
 
 ```bash
 bunx @catalystsoftware/ui

package/dist/index.js

@@ -200595,7 +200595,7 @@ var DEFAULT_CONFIG = {
   components: "app/"
 };
 async function loadConfig() {
-  const configPath = path2.join(process.cwd(), "catalyst.config.jsonc");
+  const configPath = path2.join(process.cwd(), "config.catalyst");
   try {
     await fs.access(configPath);
     const content = await fs.readFile(configPath, "utf-8");
@@ -200607,7 +200607,7 @@ async function loadConfig() {
   }
 }
 async function createConfig() {
-  const configPath = path2.join(process.cwd(), "catalyst.config.jsonc");
+  const configPath = path2.join(process.cwd(), "config.catalyst");
   const configContent = `
 {
     "theme": "blue", 
@@ -200623,7 +200623,7 @@ async function createConfig() {
     "components": "app/" 
 }`;
   await fs.writeFile(configPath, configContent, "utf-8");
-  console.log(source_default.green("\u2713 Created catalyst.config.jsonc"));
+  console.log(source_default.green("\u2713 Created config.catalyst"));
 }
 var API_URL = "https://catalyst-software.vercel.app/Catalyst/UI/code/verify/premium";
 var API_TIMEOUT = 5000;
@@ -200695,6 +200695,7 @@ async function showPremiumMenu() {
     { name: `${source_default.bold("Configure Only")} ${source_default.gray("\u2192 Tailwind + PostCSS setup")}`, value: "configure-tailwind-postcss" },
     { name: `${source_default.bold("Configure with Ngin")} ${source_default.gray("\u2192 Tailwind + PostCSS + Ngin preset")}`, value: "configure-ngin" },
     { name: `${source_default.bold("Create Config")} ${source_default.gray("\u2192 Configure installation options with pre-configured config file")}`, value: "create-config" },
+    { name: `${source_default.bold("Configure Import Call")} ${source_default.gray("\u2192 Allows the use of #catalyst & #icons")}`, value: "import-call" },
     { name: `${source_default.red("\u2717 Exit")}`, value: "exit" }
   ];
   const notToggled = "\u25C7";
@@ -200725,6 +200726,7 @@ async function showFreeMenu() {
     { name: `${source_default.bold("Configure Only")} ${source_default.gray("\u2192 Tailwind + PostCSS setup")}`, value: "configure-tailwind-postcss" },
     { name: `${source_default.bold("Configure with Ngin")} ${source_default.gray("\u2192 Tailwind + PostCSS + Ngin preset")}`, value: "configure-ngin" },
     { name: `${source_default.bold("Create Config")} ${source_default.gray("\u2192 Configure installation options with pre-configured config file")}`, value: "create-config" },
+    { name: `${source_default.bold("Configure Import Call")} ${source_default.gray("\u2192 Allows the use of #catalyst & #icons")}`, value: "import-call" },
     { name: `${source_default.red("\u2717 Exit")}`, value: "exit" }
   ];
   const notToggled = "\u25C7";
@@ -200801,6 +200803,7 @@ async function installAllComponents(includePremium, config) {
   }
   spinner.succeed(source_default.green(`Installed ${installed} components`));
   await createIndexFiles();
+  await configureProjectPaths();
 }
 async function createIndexFiles() {
   const spinner = ora2({ frames: ["\u28F7", "\u28EF", "\u28DF", "\u287F", "\u28BF", "\u28FB", "\u28FD", "\u28FE"], suffixText: "Creating index files..." }).start();
@@ -201029,6 +201032,42 @@ async function selectComponentsInteractive(includePremium) {
   await createIndexFiles();
   spinner.succeed(source_default.green(`Installed ${selectedComponents.length} components`));
 }
+async function configureProjectPaths() {
+  const spinner = ora2("Configuring project paths...").start();
+  const pathsToAdd = {
+    "#catalyst/*": "./app/components/catalyst-ui/*",
+    "#icons": "@catalystsoftware/icons",
+    "#utils/*": "./app/components/catalyst-ui/utils/*",
+    "#prisma": "./app/components/catalyst-ui/utils/prisma.ts",
+    "#auth": "./app/components/catalyst-ui/utils/auth.ts",
+    "#auth_session": "./app/components/catalyst-ui/utils/auth_session.ts",
+    "#access": "./app/components/catalyst-ui/utils/user-based-access-rules.tsx",
+    "#blocks": "./app/components/catalyst-ui/blocks/index.ts",
+    "#hooks": "./app/components/catalyst-ui/hooks/index.ts"
+  };
+  try {
+    const pkgPath = path2.join(process.cwd(), "package.json");
+    const pkg = JSON.parse(await fs.readFile(pkgPath, "utf-8"));
+    pkg.imports = { ...pkg.imports, ...pathsToAdd };
+    await fs.writeFile(pkgPath, JSON.stringify(pkg, null, 2));
+    const tsPath = path2.join(process.cwd(), "tsconfig.json");
+    const tsConfigText = await fs.readFile(tsPath, "utf-8");
+    const tsConfig = JSON.parse(tsConfigText);
+    if (!tsConfig.compilerOptions)
+      tsConfig.compilerOptions = {};
+    if (!tsConfig.compilerOptions.paths)
+      tsConfig.compilerOptions.paths = {};
+    Object.entries(pathsToAdd).forEach(([key, val]) => {
+      const tsVal = key === "#icons" ? ["node_modules/@catalystsoftware/icons"] : [val];
+      tsConfig.compilerOptions.paths[key] = tsVal;
+    });
+    await fs.writeFile(tsPath, JSON.stringify(tsConfig, null, 2));
+    spinner.succeed(source_default.green("Project paths configured successfully"));
+  } catch (error) {
+    spinner.fail(source_default.red("Failed to configure project paths"));
+    console.error(error);
+  }
+}
 async function handleAction(action, isPremium) {
   let spinner;
   try {
@@ -201084,6 +201123,9 @@ async function handleAction(action, isPremium) {
       case "select-all-components":
         await selectComponentsInteractive(true);
         break;
+      case "import-call":
+        await configureProjectPaths();
+        break;
       case "exit":
         console.log(source_default.cyan(`
   Goodbye!`));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@catalystsoftware/ui",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Catalyst UI Component Library CLI",
   "type": "module",
   "main": "dist/index.js",
@@ -39,6 +39,7 @@
     "ora": "^7.0.1"
   },
   "devDependencies": {
+    "@types/bun": "^1.3.6",
     "@types/inquirer": "^9.0.7",
     "@types/node": "^20.10.5",
     "esbuild": "^0.19.10",