@hardimpactdev/craft-ui 0.0.4 → 0.0.5

package/dist/src/vite/defineCraftConfig.d.ts

@@ -0,0 +1,26 @@
+import { UserConfig } from 'vite';
+interface CraftConfigOptions {
+    laravel?: {
+        input: string | string[];
+        publicDirectory?: string;
+        buildDirectory?: string;
+        ssr?: string | string[];
+        ssrOutputDirectory?: string;
+        refresh?: boolean | string | string[];
+        hotFile?: string;
+        detectTls?: string | boolean;
+        valetTls?: string | boolean;
+        transformOnServe?: (code: string, url: string) => string;
+    };
+}
+export declare function defineCraftConfig(options?: CraftConfigOptions): UserConfig;
+/**
+ * Craft Vite plugin that provides virtual module for app initialization
+ */
+export declare function craft(): {
+    name: string;
+    enforce: "pre";
+    resolveId(id: string): "virtual:craft" | undefined;
+    load(id: string): "\n          import { createInertiaApp } from \"@inertiajs/vue3\";\n          import { resolvePageComponent } from \"laravel-vite-plugin/inertia-helpers\";\n          import { createApp, h } from \"vue\";\n          import { i18n } from \"@hardimpactdev/craft-ui\";\n          import { TooltipProvider } from \"reka-ui\";\n\n          const appName = import.meta.env.VITE_APP_NAME || \"Laravel\";\n\n          export function initializeCraft(options) {\n            const { enhanceVue, layouts } = options || {};\n\n            return createInertiaApp({\n              title: (title) => `${title} - ${appName}`,\n              resolve: (name) => {\n                  const pages = import.meta.glob('/resources/js/pages/**/*.vue', {\n                      eager: true,\n                  });\n\n                  const page = pages[`/resources/js/pages/${name}.vue`];\n\n                  let defaultLayout = undefined;\n\n                  if (layouts) {\n                    Object.entries(layouts).forEach(([key, value]) => {\n                      if(name.startsWith(key)) {\n                        defaultLayout = value;\n                      }\n\n                      if(!defaultLayout && layouts.default) {\n                        defaultLayout = layouts.default;\n                      }\n                    });\n                  }\n\n                  if(!page) {\n                    const errorMessage = `Page not found: ${name}.vue`;\n\n                    console.error(`[Inertia] ${errorMessage}`);\n                  }\n\n                  page.default.layout = defaultLayout;\n                  return page;\n              },\n              setup({ el, App, props, plugin }) {\n                // Get the language files and transform the paths\n                const langGlob = import.meta.glob(\"/lang/*.json\", { eager: true });\n\n                // Transform absolute paths to relative paths expected by i18n\n                const transformedLangs = {};\n                Object.entries(langGlob).forEach(([absolutePath, module]) => {\n                  // Convert \"/lang/en.json\" to \"../../lang/en.json\"\n                  const relativePath = absolutePath.replace('/lang/', '../../lang/');\n                  transformedLangs[relativePath] = module;\n                });\n\n                let app = createApp({ render: () => h(TooltipProvider, null, () => h(App, props)) })\n                  .use(plugin)\n                  .use(i18n, {\n                    langs: transformedLangs,\n                    changeLanguageRoute: '/change-language',\n                  });\n\n                if (enhanceVue) {\n                  app = enhanceVue(app);\n                }\n\n                app.mount(el);\n              },\n              progress: {\n                includeCSS: false,\n              },\n            });\n          }" | undefined;
+};
+export {};

package/dist/vite/{craftPlugin.js → defineCraftConfig.js}

@@ -1,19 +1,29 @@
+function defineCraftConfig(options = {}) {
+  const laravelConfig = options.laravel ?? {
+    input: ["resources/js/app.ts"]
+  };
+  return {
+    plugins: [
+      // These will be dynamically imported by the consuming app
+      // We provide the config structure, they provide the actual plugins
+    ],
+    optimizeDeps: {
+      exclude: [
+        "@hardimpactdev/craft-ui",
+        "@tailwindcss/vite",
+        "laravel-vue-i18n/vite"
+      ]
+    },
+    // Store laravel config for the consuming app to use
+    define: {
+      __CRAFT_LARAVEL_CONFIG__: JSON.stringify(laravelConfig)
+    }
+  };
+}
 function craft() {
-  const plugins = [];
-  plugins.push({
+  return {
     name: "craft",
     enforce: "pre",
-    config() {
-      return {
-        optimizeDeps: {
-          exclude: [
-            "@hardimpactdev/craft-ui",
-            "@tailwindcss/vite",
-            "laravel-vue-i18n/vite"
-          ]
-        }
-      };
-    },
     resolveId(id) {
       if (id === "virtual:craft") {
         return id;
@@ -97,9 +107,9 @@ function craft() {
           }`;
       }
     }
-  });
-  return plugins;
+  };
 }
 export {
-  craft
+  craft,
+  defineCraftConfig
 };

package/dist/vite/ts/{craftPlugin.ts → defineCraftConfig.ts}

@@ -1,27 +1,58 @@
-export function craft() {
-  const plugins = [];
+import type { UserConfig } from 'vite'
+
+interface CraftConfigOptions {
+  laravel?: {
+    input: string | string[]
+    publicDirectory?: string
+    buildDirectory?: string
+    ssr?: string | string[]
+    ssrOutputDirectory?: string
+    refresh?: boolean | string | string[]
+    hotFile?: string
+    detectTls?: string | boolean
+    valetTls?: string | boolean
+    transformOnServe?: (code: string, url: string) => string
+  }
+}
 
-  // Core plugin
-  plugins.push({
-    name: 'craft',
-    enforce: 'pre',
-    config() {
-      return {
-        optimizeDeps: {
-          exclude: [
-            '@hardimpactdev/craft-ui',
-            '@tailwindcss/vite',
-            'laravel-vue-i18n/vite'
-          ]
-        }
-      };
+export function defineCraftConfig(options: CraftConfigOptions = {}): UserConfig {
+  const laravelConfig = options.laravel ?? {
+    input: ['resources/js/app.ts'],
+  }
+
+  return {
+    plugins: [
+      // These will be dynamically imported by the consuming app
+      // We provide the config structure, they provide the actual plugins
+    ],
+    optimizeDeps: {
+      exclude: [
+        '@hardimpactdev/craft-ui',
+        '@tailwindcss/vite',
+        'laravel-vue-i18n/vite'
+      ]
     },
+    // Store laravel config for the consuming app to use
+    define: {
+      __CRAFT_LARAVEL_CONFIG__: JSON.stringify(laravelConfig)
+    }
+  }
+}
+
+/**
+ * Craft Vite plugin that provides virtual module for app initialization
+ */
+export function craft() {
+  return {
+    name: 'craft',
+    enforce: 'pre' as const,
 
     resolveId(id: string) {
       if (id === 'virtual:craft') {
-        return id;
+        return id
       }
     },
+
     load(id: string) {
       if (id === 'virtual:craft') {
         return `
@@ -100,10 +131,5 @@ export function craft() {
           }`;
       }
     },
-  });
-
-  // Add other plugins
-  // plugins.push(plugin());
-
-  return plugins;
+  }
 }

package/package.json

@@ -51,7 +51,7 @@
       "types": "./dist/src/vite/defineCraftConfig.d.ts"
     }
   },
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/dist/src/vite/craftPlugin.d.ts

@@ -1,4 +0,0 @@
-export declare function craft(): {
-    name: string;
-    enforce: string;
-}[];