@hardimpactdev/craft-ui 0.0.1 → 0.0.2

package/dist/src/composables/useToast.d.ts

@@ -0,0 +1,61 @@
+import { Ref, InjectionKey } from 'vue';
+export declare const toastMaxInjectionKey: InjectionKey<Ref<number | undefined>>;
+export interface Toast {
+    id: string | number;
+    title?: string;
+    description?: string;
+    icon?: string;
+    avatar?: object;
+    color?: 'primary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    close?: boolean;
+    duration?: number;
+    actions?: Array<{
+        label: string;
+        click?: () => void;
+        [key: string]: unknown;
+    }>;
+    onClick?: (toast: Toast) => void;
+}
+declare global {
+    interface Window {
+        __CRAFT_TOASTS_DATA__?: Toast[];
+        __CRAFT_TOAST_ID__?: number;
+    }
+}
+export declare function useToast(): {
+    toasts: Ref<{
+        id: string | number;
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        avatar?: object | undefined;
+        color?: "primary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+        close?: boolean | undefined;
+        duration?: number | undefined;
+        actions?: {
+            [x: string]: unknown;
+            label: string;
+            click?: (() => void) | undefined;
+        }[] | undefined;
+        onClick?: ((toast: Toast) => void) | undefined;
+    }[], Toast[] | {
+        id: string | number;
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        avatar?: object | undefined;
+        color?: "primary" | "success" | "info" | "warning" | "error" | "neutral" | undefined;
+        close?: boolean | undefined;
+        duration?: number | undefined;
+        actions?: {
+            [x: string]: unknown;
+            label: string;
+            click?: (() => void) | undefined;
+        }[] | undefined;
+        onClick?: ((toast: Toast) => void) | undefined;
+    }[]>;
+    add: (toast: Partial<Toast>) => Toast;
+    update: (id: string | number, toast: Omit<Partial<Toast>, "id">) => void;
+    remove: (id: string | number) => void;
+    clear: () => void;
+};

package/dist/src/layouts/auth/AuthSimpleLayout.vue.d.ts

@@ -0,0 +1,27 @@
+import { Method } from '@inertiajs/core';
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    logoLink: string | {
+        url: string;
+        method: Method;
+    };
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        logo?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layouts/settings/SettingsLayout.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/lib/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,4 @@
+import { trans as ___ } from 'laravel-vue-i18n';
+export { cn } from './cn';
+export { __ };
+export declare function can(permission: string): boolean;

package/dist/src/plugins/i18n.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install: (app: any, options: any) => void;
+};
+export default _default;

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

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

package/dist/vite/craftPlugin.js

@@ -0,0 +1,105 @@
+function craft() {
+  const plugins = [];
+  plugins.push({
+    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;
+      }
+    },
+    load(id) {
+      if (id === "virtual:craft") {
+        return `
+          import { createInertiaApp } from "@inertiajs/vue3";
+          import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
+          import { createApp, h } from "vue";
+          import { i18n } from "@hardimpactdev/craft-ui";
+          import { TooltipProvider } from "reka-ui";
+
+          const appName = import.meta.env.VITE_APP_NAME || "Laravel";
+
+          export function initializeCraft(options) {
+            const { enhanceVue, layouts } = options || {};
+
+            return createInertiaApp({
+              title: (title) => \`\${title} - \${appName}\`,
+              resolve: (name) => {
+                  const pages = import.meta.glob('/resources/js/pages/**/*.vue', {
+                      eager: true,
+                  });
+
+                  const page = pages[\`/resources/js/pages/\${name}.vue\`];
+
+                  let defaultLayout = undefined;
+
+                  if (layouts) {
+                    Object.entries(layouts).forEach(([key, value]) => {
+                      if(name.startsWith(key)) {
+                        defaultLayout = value;
+                      }
+
+                      if(!defaultLayout && layouts.default) {
+                        defaultLayout = layouts.default;
+                      }
+                    });
+                  }
+
+                  if(!page) {
+                    const errorMessage = \`Page not found: \${name}.vue\`;
+
+                    console.error(\`[Inertia] \${errorMessage}\`);
+                  }
+
+                  page.default.layout = defaultLayout;
+                  return page;
+              },
+              setup({ el, App, props, plugin }) {
+                // Get the language files and transform the paths
+                const langGlob = import.meta.glob("/lang/*.json", { eager: true });
+
+                // Transform absolute paths to relative paths expected by i18n
+                const transformedLangs = {};
+                Object.entries(langGlob).forEach(([absolutePath, module]) => {
+                  // Convert "/lang/en.json" to "../../lang/en.json"
+                  const relativePath = absolutePath.replace('/lang/', '../../lang/');
+                  transformedLangs[relativePath] = module;
+                });
+
+                let app = createApp({ render: () => h(TooltipProvider, null, () => h(App, props)) })
+                  .use(plugin)
+                  .use(i18n, {
+                    langs: transformedLangs,
+                    changeLanguageRoute: '/change-language',
+                  });
+
+                if (enhanceVue) {
+                  app = enhanceVue(app);
+                }
+
+                app.mount(el);
+              },
+              progress: {
+                includeCSS: false,
+              },
+            });
+          }`;
+      }
+    }
+  });
+  return plugins;
+}
+export {
+  craft
+};

package/dist/vite/ts/craftPlugin.ts

@@ -0,0 +1,109 @@
+export function craft() {
+  const plugins = [];
+
+  // Core plugin
+  plugins.push({
+    name: 'craft',
+    enforce: 'pre',
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: [
+            '@hardimpactdev/craft-ui',
+            '@tailwindcss/vite',
+            'laravel-vue-i18n/vite'
+          ]
+        }
+      };
+    },
+
+    resolveId(id: string) {
+      if (id === 'virtual:craft') {
+        return id;
+      }
+    },
+    load(id: string) {
+      if (id === 'virtual:craft') {
+        return `
+          import { createInertiaApp } from "@inertiajs/vue3";
+          import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
+          import { createApp, h } from "vue";
+          import { i18n } from "@hardimpactdev/craft-ui";
+          import { TooltipProvider } from "reka-ui";
+
+          const appName = import.meta.env.VITE_APP_NAME || "Laravel";
+
+          export function initializeCraft(options) {
+            const { enhanceVue, layouts } = options || {};
+
+            return createInertiaApp({
+              title: (title) => \`\${title} - \${appName}\`,
+              resolve: (name) => {
+                  const pages = import.meta.glob('/resources/js/pages/**/*.vue', {
+                      eager: true,
+                  });
+
+                  const page = pages[\`/resources/js/pages/\${name}.vue\`];
+
+                  let defaultLayout = undefined;
+
+                  if (layouts) {
+                    Object.entries(layouts).forEach(([key, value]) => {
+                      if(name.startsWith(key)) {
+                        defaultLayout = value;
+                      }
+
+                      if(!defaultLayout && layouts.default) {
+                        defaultLayout = layouts.default;
+                      }
+                    });
+                  }
+
+                  if(!page) {
+                    const errorMessage = \`Page not found: \${name}.vue\`;
+
+                    console.error(\`[Inertia] \${errorMessage}\`);
+                  }
+
+                  page.default.layout = defaultLayout;
+                  return page;
+              },
+              setup({ el, App, props, plugin }) {
+                // Get the language files and transform the paths
+                const langGlob = import.meta.glob("/lang/*.json", { eager: true });
+
+                // Transform absolute paths to relative paths expected by i18n
+                const transformedLangs = {};
+                Object.entries(langGlob).forEach(([absolutePath, module]) => {
+                  // Convert "/lang/en.json" to "../../lang/en.json"
+                  const relativePath = absolutePath.replace('/lang/', '../../lang/');
+                  transformedLangs[relativePath] = module;
+                });
+
+                let app = createApp({ render: () => h(TooltipProvider, null, () => h(App, props)) })
+                  .use(plugin)
+                  .use(i18n, {
+                    langs: transformedLangs,
+                    changeLanguageRoute: '/change-language',
+                  });
+
+                if (enhanceVue) {
+                  app = enhanceVue(app);
+                }
+
+                app.mount(el);
+              },
+              progress: {
+                includeCSS: false,
+              },
+            });
+          }`;
+      }
+    },
+  });
+
+  // Add other plugins
+  // plugins.push(plugin());
+
+  return plugins;
+}

package/package.json

@@ -41,12 +41,13 @@
       "import": "./dist/craft-ui.js",
       "types": "./dist/index.d.ts"
     },
+    "./style.css": "./dist/craft-ui.css",
     "./vite": {
       "import": "./dist/vite/defineCraftConfig.js",
       "types": "./dist/src/vite/defineCraftConfig.d.ts"
     }
   },
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -55,7 +56,11 @@
     "preview": "vite preview",
     "storybook": "LAUNCH_EDITOR=cursor storybook dev -p 6006",
     "copy-vite-plugin": "mkdir -p dist/vite/ts && cp -r src/vite/*.ts dist/vite/ts/ && npx esbuild src/vite/*.ts --outdir=dist/vite --format=esm",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix"
   },
   "dependencies": {
     "@iconify/vue": "^5.0.0",
@@ -75,6 +80,7 @@
     "laravel-vite-plugin": "^2.0.1",
     "laravel-vue-i18n": "^2.8.0",
     "lucide-vue-next": "^0.562.0",
+    "oxlint": "^1.39.0",
     "reka-ui": "^2.7.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
@@ -100,6 +106,7 @@
     "@vitest/coverage-v8": "^4.0.16",
     "@vue/tsconfig": "^0.8.1",
     "glob": "^13.0.0",
+    "oxfmt": "^0.24.0",
     "playwright": "^1.57.0",
     "storybook": "^10.1.11",
     "typescript": "~5.9.3",