abckit 0.0.45 → 0.0.49

package/dist/module.d.mts

@@ -124,6 +124,21 @@ interface ModulesConfig {
      * @default false (or true if all: true)
      */
     sentry?: boolean;
+    /**
+     * Enable Redis/Dragonfly storage driver
+     * @default false
+     */
+    redis?: boolean;
+    /**
+     * Enable S3/R2 storage driver
+     * @default false
+     */
+    s3?: boolean;
+    /**
+     * Enable local disk storage driver
+     * @default false
+     */
+    disk?: boolean;
 }
 interface ModuleOptions {
     /**

package/dist/module.mjs

@@ -1,9 +1,11 @@
-import { updateRuntimeConfig, addTypeTemplate, addServerScanDir, addRouteMiddleware, defineNuxtModule, createResolver } from '@nuxt/kit';
+import { addTypeTemplate, addServerScanDir, addRouteMiddleware, defineNuxtModule, createResolver } from '@nuxt/kit';
 import { defu } from 'defu';
 import { join } from 'node:path';
 import { networkInterfaces } from 'node:os';
+import { existsSync } from 'node:fs';
+import { consola } from 'consola';
 
-const CORE_MODULES = ["tailwindcss", "notivue", "icon", "colada", "colorMode", "vueuse", "pinia", "veeValidate", "graphql", "persistedState", "ionic", "scripts"];
+const CORE_MODULES = ["tailwindcss", "notivue", "icon", "colada", "colorMode", "vueuse", "pinia", "veeValidate", "persistedState", "scripts"];
 function resolveModule(modules, key) {
   if (modules?.[key] !== void 0) {
     return modules[key];
@@ -83,11 +85,6 @@ const IMGPROXY_DEFAULTS = {
   storageUrl: "",
   cdnDomains: []
 };
-const STORAGE_DEFAULTS = {
-  redis: false,
-  s3: false,
-  disk: false
-};
 const APP_HEAD_LINKS = [
   { rel: "icon", type: "image/png", href: "/favicon-96x96.png", sizes: "96x96" },
   { rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
@@ -179,22 +176,17 @@ async function setupRuntimeConfig(nuxt, options, isSentryEnabled) {
     }
   };
   nuxt.options.runtimeConfig.imgproxy = defu(nuxt.options.runtimeConfig.imgproxy, IMGPROXY_DEFAULTS);
-  nuxt.options.runtimeConfig.storage = defu(nuxt.options.runtimeConfig.storage, STORAGE_DEFAULTS);
+  nuxt.options.runtimeConfig.modules = defu(nuxt.options.runtimeConfig.modules, {
+    s3: options.modules?.s3 ?? false,
+    redis: options.modules?.redis ?? false,
+    disk: options.modules?.disk ?? false
+  });
   nuxt.options.runtimeConfig.public = defu(nuxt.options.runtimeConfig.public, {
     siteUrl: isMobileBuild ? mobileBaseURL : "http://localhost:3000",
     isMobile: isMobileBuild,
     debug: nuxt.options.dev,
     imgproxy: IMGPROXY_DEFAULTS
   });
-  await updateRuntimeConfig({
-    modules: defu(options.modules, {
-      s3: false,
-      graphql: false,
-      redis: false,
-      disk: false,
-      ionic: false
-    })
-  });
 }
 function setupAppHead(nuxt) {
   const siteUrl = nuxt.options.runtimeConfig.public.siteUrl;
@@ -330,6 +322,136 @@ function setupDevtools(nuxt) {
   });
 }
 
+const FEATURE_GROUPS = {
+  core: {
+    name: "Core UI",
+    description: "UI components, auth, state management",
+    packages: [
+      "reka-ui",
+      "better-auth",
+      "@nuxtjs/tailwindcss",
+      "tailwindcss",
+      "@nuxtjs/color-mode",
+      "@pinia/nuxt",
+      "pinia",
+      "@pinia/colada-nuxt",
+      "@pinia/colada",
+      "@vueuse/nuxt",
+      "@vueuse/core",
+      "@vee-validate/nuxt",
+      "vee-validate",
+      "notivue",
+      "@nuxt/icon",
+      "@nuxt/scripts",
+      "pinia-plugin-persistedstate",
+      "vaul-vue",
+      "vue-sonner",
+      "embla-carousel-vue",
+      "vue-input-otp",
+      "date-fns",
+      "zod"
+    ],
+    installCommand: `pnpm add reka-ui better-auth @nuxtjs/tailwindcss tailwindcss @nuxtjs/color-mode \\
+  @pinia/nuxt pinia @pinia/colada-nuxt @pinia/colada @pinia/colada-plugin-auto-refetch \\
+  @vueuse/nuxt @vueuse/core @vee-validate/nuxt vee-validate \\
+  notivue @nuxt/icon @nuxt/scripts pinia-plugin-persistedstate \\
+  vaul-vue vue-sonner embla-carousel-vue vue-input-otp date-fns zod uuid ofetch`
+  },
+  graphql: {
+    name: "GraphQL",
+    description: "GraphQL API with Yoga",
+    packages: ["graphql", "graphql-yoga", "nitro-graphql", "graphql-scalars", "@graphql-tools/utils"],
+    installCommand: "pnpm add graphql graphql-yoga nitro-graphql graphql-scalars @graphql-tools/utils graphql-config"
+  },
+  ionic: {
+    name: "Ionic/Mobile UI",
+    description: "Ionic Vue components",
+    packages: ["@ionic/vue", "@nuxtjs/ionic"],
+    installCommand: "pnpm add @ionic/vue @nuxtjs/ionic"
+  },
+  capacitor: {
+    name: "Capacitor",
+    description: "Native mobile features",
+    packages: ["@capacitor/core", "@capacitor/preferences", "@capacitor/app"],
+    installCommand: `pnpm add @capacitor/core @capacitor/cli @capacitor/preferences @capacitor/app \\
+  @capacitor/browser @capacitor/device @capacitor/haptics @capacitor/network \\
+  @capacitor/splash-screen @capacitor/status-bar capacitor-native-settings`
+  },
+  sentry: {
+    name: "Sentry",
+    description: "Error tracking",
+    packages: ["@sentry/nuxt"],
+    installCommand: "pnpm add @sentry/nuxt"
+  },
+  database: {
+    name: "Database",
+    description: "Drizzle ORM + PostgreSQL + Redis",
+    packages: ["drizzle-orm", "pg", "ioredis"],
+    installCommand: "pnpm add drizzle-orm drizzle-kit drizzle-zod pg ioredis"
+  },
+  storage: {
+    name: "S3 Storage",
+    description: "S3/R2 file storage",
+    packages: ["aws4fetch", "unstorage"],
+    installCommand: "pnpm add aws4fetch unstorage"
+  },
+  i18n: {
+    name: "Internationalization",
+    description: "Multi-language support",
+    packages: ["@nuxtjs/i18n"],
+    installCommand: "pnpm add @nuxtjs/i18n"
+  },
+  polar: {
+    name: "Polar",
+    description: "Polar.sh payments",
+    packages: ["@polar-sh/sdk"],
+    installCommand: "pnpm add @polar-sh/sdk"
+  },
+  table: {
+    name: "Data Table",
+    description: "TanStack Table",
+    packages: ["@tanstack/vue-table"],
+    installCommand: "pnpm add @tanstack/vue-table"
+  },
+  charts: {
+    name: "Charts",
+    description: "Unovis charts",
+    packages: ["@unovis/vue"],
+    installCommand: "pnpm add @unovis/vue @unovis/ts"
+  },
+  editor: {
+    name: "Markdown Editor",
+    description: "MD Editor V3",
+    packages: ["md-editor-v3"],
+    installCommand: "pnpm add md-editor-v3"
+  }
+};
+function isPackageInstalled(pkg, nodeModulesPath) {
+  const pkgPath = join(nodeModulesPath, pkg);
+  return existsSync(pkgPath);
+}
+function checkDependencies(nuxt, features) {
+  const nodeModulesPath = join(nuxt.options.rootDir, "node_modules");
+  const warnings = [];
+  for (const [key, enabled] of Object.entries(features)) {
+    if (!enabled)
+      continue;
+    const group = FEATURE_GROUPS[key];
+    if (!group)
+      continue;
+    const missing = group.packages.filter((pkg) => !isPackageInstalled(pkg, nodeModulesPath));
+    if (missing.length > 0) {
+      warnings.push(`
+${group.name} (${group.description}):`);
+      warnings.push(`  Missing: ${missing.join(", ")}`);
+      warnings.push(`  Install: ${group.installCommand}`);
+    }
+  }
+  if (warnings.length > 0) {
+    consola.warn(`[abckit] Missing peer dependencies detected:${warnings.join("\n")}`);
+  }
+}
+
 const module$1 = defineNuxtModule({
   meta: {
     name: "abckit",
@@ -348,13 +470,25 @@ const module$1 = defineNuxtModule({
     },
     npm: false
   },
-  moduleDependencies: getModuleDependencies,
+  async moduleDependencies(nuxt) {
+    const deps = getModuleDependencies(nuxt);
+    return deps;
+  },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     nuxt.options.abckit = defu(nuxt.options.abckit, options);
     const isEnabled = createModuleChecker(nuxt.options.abckit);
     const isSentryEnabled = isEnabled("sentry", "sentry");
-    isEnabled("graphql", "graphql");
+    const isGraphqlEnabled = isEnabled("graphql", "graphql");
+    const isIonicEnabled = isEnabled("ionic");
+    if (nuxt.options.dev) {
+      checkDependencies(nuxt, {
+        core: true,
+        graphql: isGraphqlEnabled,
+        ionic: isIonicEnabled,
+        sentry: isSentryEnabled
+      });
+    }
     setupDevtools(nuxt);
     await setupRuntimeConfig(nuxt, options, isSentryEnabled);
     setupAppHead(nuxt);

package/dist/runtime/components/ui/auto-form/AutoFormFieldArray.d.vue.ts

@@ -1,34 +0,0 @@
-import type { Config } from './interface.js';
-import * as z from 'zod';
-declare const __VLS_export: <T extends z.ZodAny>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        fieldName: string;
-        required?: boolean;
-        config?: Config<T>;
-        schema?: z.ZodArray<T>;
-        disabled?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("vue").DefineProps<import("@vue/shared").LooseRequired<{
-            fieldName: string;
-            required?: boolean;
-            config?: Config<T>;
-            schema?: z.ZodArray<T>;
-            disabled?: boolean;
-        }>, "required" | "disabled" | (Config<T> | undefined extends boolean | undefined ? (boolean & Config<T>) | undefined extends undefined ? never : "config" : never)>) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/ui/auto-form/AutoFormFieldArray.vue.d.ts

@@ -1,34 +0,0 @@
-import type { Config } from './interface.js';
-import * as z from 'zod';
-declare const __VLS_export: <T extends z.ZodAny>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        fieldName: string;
-        required?: boolean;
-        config?: Config<T>;
-        schema?: z.ZodArray<T>;
-        disabled?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("vue").DefineProps<import("@vue/shared").LooseRequired<{
-            fieldName: string;
-            required?: boolean;
-            config?: Config<T>;
-            schema?: z.ZodArray<T>;
-            disabled?: boolean;
-        }>, "required" | "disabled" | (Config<T> | undefined extends boolean | undefined ? (boolean & Config<T>) | undefined extends undefined ? never : "config" : never)>) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/ui/auto-form/AutoFormFieldObject.d.vue.ts

@@ -1,34 +0,0 @@
-import type { ZodObject, ZodRawShape } from 'zod';
-import type { Config } from './interface.js';
-declare const __VLS_export: <T extends ZodRawShape>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        fieldName: string;
-        required?: boolean;
-        config?: Config<T>;
-        schema?: ZodObject<T>;
-        disabled?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("vue").DefineProps<import("@vue/shared").LooseRequired<{
-            fieldName: string;
-            required?: boolean;
-            config?: Config<T>;
-            schema?: ZodObject<T>;
-            disabled?: boolean;
-        }>, "required" | "disabled" | (Config<T> | undefined extends boolean | undefined ? (boolean & Config<T>) | undefined extends undefined ? never : "config" : never)>) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/ui/auto-form/AutoFormFieldObject.vue.d.ts

@@ -1,34 +0,0 @@
-import type { ZodObject, ZodRawShape } from 'zod';
-import type { Config } from './interface.js';
-declare const __VLS_export: <T extends ZodRawShape>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        fieldName: string;
-        required?: boolean;
-        config?: Config<T>;
-        schema?: ZodObject<T>;
-        disabled?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: import("vue").DefineProps<import("@vue/shared").LooseRequired<{
-            fieldName: string;
-            required?: boolean;
-            config?: Config<T>;
-            schema?: ZodObject<T>;
-            disabled?: boolean;
-        }>, "required" | "disabled" | (Config<T> | undefined extends boolean | undefined ? (boolean & Config<T>) | undefined extends undefined ? never : "config" : never)>) => any;
-    };
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "abckit",
   "type": "module",
-  "version": "0.0.45",
+  "version": "0.0.49",
   "description": "Nuxt 4 module — UI components, auth, storage, GraphQL",
   "author": "productdevbook",
   "license": "MIT",
@@ -28,9 +28,6 @@
   ],
   "private": false,
   "sideEffects": false,
-  "workspaces": [
-    "playground/*"
-  ],
   "exports": {
     ".": {
       "types": "./dist/module.d.mts",
@@ -72,6 +69,13 @@
     "dist"
   ],
   "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "consola": "^3.4.2",
+    "defu": "^6.1.4",
+    "tailwind-merge": "^3.4.0"
+  },
+  "peerDependencies": {
     "@better-auth/oauth-provider": "^1.4.12",
     "@capacitor/android": "^8.0.1",
     "@capacitor/app": "^8.0.0",
@@ -116,12 +120,8 @@
     "aws4fetch": "^1.0.20",
     "better-auth": "^1.4.12",
     "capacitor-native-settings": "^7.0.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "consola": "^3.4.2",
     "dataloader": "^2.2.3",
     "date-fns": "^4.1.0",
-    "defu": "^6.1.4",
     "drizzle-kit": "^0.31.8",
     "drizzle-orm": "^0.45.1",
     "drizzle-zod": "^0.8.3",
@@ -132,27 +132,158 @@
     "graphql-yoga": "^5.18.0",
     "ioredis": "^5.9.1",
     "md-editor-v3": "^6.3.1",
-    "nitro": "https://pkg.pr.new/nitrojs/nitro@99691fc",
     "nitro-graphql": "^2.0.0-beta.65",
     "notivue": "^2.4.5",
+    "ofetch": "^2.0.0-alpha.3",
     "pg": "^8.16.3",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
     "reka-ui": "^2.7.0",
-    "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "unstorage": "^2.0.0-alpha.5",
     "uuid": "^13.0.0",
     "vaul-vue": "^0.4.1",
     "vee-validate": "5.0.0-beta.0",
-    "vite-tsconfig-paths": "^6.0.4",
     "vue-input-otp": "^0.3.2",
     "vue-router": "^4.6.4",
     "vue-sonner": "^2.0.9",
-    "vue-tsc": "^3.2.2",
     "zod": "^4.3.5"
   },
+  "peerDependenciesMeta": {
+    "@better-auth/oauth-provider": {
+      "optional": true
+    },
+    "@capacitor/android": {
+      "optional": true
+    },
+    "@capacitor/app": {
+      "optional": true
+    },
+    "@capacitor/browser": {
+      "optional": true
+    },
+    "@capacitor/cli": {
+      "optional": true
+    },
+    "@capacitor/core": {
+      "optional": true
+    },
+    "@capacitor/device": {
+      "optional": true
+    },
+    "@capacitor/geolocation": {
+      "optional": true
+    },
+    "@capacitor/haptics": {
+      "optional": true
+    },
+    "@capacitor/ios": {
+      "optional": true
+    },
+    "@capacitor/network": {
+      "optional": true
+    },
+    "@capacitor/preferences": {
+      "optional": true
+    },
+    "@capacitor/push-notifications": {
+      "optional": true
+    },
+    "@capacitor/splash-screen": {
+      "optional": true
+    },
+    "@capacitor/status-bar": {
+      "optional": true
+    },
+    "@capgo/capacitor-social-login": {
+      "optional": true
+    },
+    "@graphql-tools/utils": {
+      "optional": true
+    },
+    "@ionic/vue": {
+      "optional": true
+    },
+    "@nuxtjs/i18n": {
+      "optional": true
+    },
+    "@nuxtjs/ionic": {
+      "optional": true
+    },
+    "@openfga/sdk": {
+      "optional": true
+    },
+    "@polar-sh/sdk": {
+      "optional": true
+    },
+    "@sentry/nuxt": {
+      "optional": true
+    },
+    "@tailwindcss/typography": {
+      "optional": true
+    },
+    "@tanstack/vue-table": {
+      "optional": true
+    },
+    "@unovis/vue": {
+      "optional": true
+    },
+    "@vueuse/router": {
+      "optional": true
+    },
+    "@vueuse/sound": {
+      "optional": true
+    },
+    "apiful": {
+      "optional": true
+    },
+    "aws4fetch": {
+      "optional": true
+    },
+    "capacitor-native-settings": {
+      "optional": true
+    },
+    "dataloader": {
+      "optional": true
+    },
+    "drizzle-kit": {
+      "optional": true
+    },
+    "drizzle-orm": {
+      "optional": true
+    },
+    "drizzle-zod": {
+      "optional": true
+    },
+    "graphql": {
+      "optional": true
+    },
+    "graphql-config": {
+      "optional": true
+    },
+    "graphql-scalars": {
+      "optional": true
+    },
+    "graphql-yoga": {
+      "optional": true
+    },
+    "ioredis": {
+      "optional": true
+    },
+    "md-editor-v3": {
+      "optional": true
+    },
+    "nitro-graphql": {
+      "optional": true
+    },
+    "pg": {
+      "optional": true
+    },
+    "unstorage": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^7.0.0",
     "@nuxt/eslint": "latest",
@@ -162,11 +293,14 @@
     "@types/node": "^25.0.8",
     "@types/pg": "^8.16.0",
     "eslint": "^9.39.2",
+    "nitro": "https://pkg.pr.new/nitrojs/nitro@99691fc",
     "nuxt": "https://pkg.pr.new/nuxt@33005",
     "rolldown": "1.0.0-beta.60",
     "shadcn-vue": "^2.4.3",
     "typescript": "^5.9.3",
-    "vue": "^3.5.26"
+    "vite-tsconfig-paths": "^6.0.4",
+    "vue": "^3.5.26",
+    "vue-tsc": "^3.2.2"
   },
   "resolutions": {
     "abckit": "workspace:*"