@vueless/nuxt 0.0.9-beta.3 → 0.0.9-beta.31

package/dist/module.d.mts

@@ -1,9 +1,11 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 declare const _default: _nuxt_schema.NuxtModule<{
+    include: never[];
     mirrorCacheDir: string;
     debug: boolean;
 }, {
+    include: never[];
     mirrorCacheDir: string;
     debug: boolean;
 }, false>;

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.13.0"
   },
-  "version": "0.0.9-beta.3",
+  "version": "0.0.9-beta.31",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.1",
+    "unbuild": "3.5.0"
   }
 }

package/dist/module.mjs

@@ -1,9 +1,10 @@
-import { defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
-import TailwindCSS from '@tailwindcss/vite';
-import { COMPONENTS } from 'vueless/constants.js';
-import { Vueless } from 'vueless/plugin-vite.js';
-import { getNuxtDirs } from 'vueless/utils/node/helper.js';
-import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
+import path from 'node:path';
+import { cwd } from 'node:process';
+import fs from 'node:fs';
+import { defineNuxtModule, createResolver, hasNuxtModule, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
+import { TailwindCSS, Vueless } from 'vueless/plugin-vite.js';
+import { cacheMergedConfigs } from 'vueless/utils/node/helper.js';
+import { NUXT_MODULE_ENV, VUELESS_PACKAGE_DIR, COMPONENTS, VUELESS_CONFIG_FILE_NAME } from 'vueless/constants.js';
 
 const module = defineNuxtModule({
   meta: {
@@ -14,23 +15,45 @@ const module = defineNuxtModule({
     }
   },
   defaults: {
+    include: [],
     mirrorCacheDir: "",
     debug: false
   },
   async setup(_options, _nuxt) {
+    const { include, mirrorCacheDir, debug } = _options;
     const { resolve } = createResolver(import.meta.url);
-    const { mirrorCacheDir, debug } = _options;
+    const { vuelessConfig, dependencies } = await getVuelessConfig();
+    _nuxt.options.runtimeConfig.public.vueless = vuelessConfig;
     _nuxt.options.build.transpile.push("vueless");
-    _nuxt.hook("vite:extendConfig", (config) => {
+    if (hasNuxtModule("@nuxtjs/i18n")) {
+      _nuxt.hook("i18n:registerModule", (register) => {
+        register({
+          langDir: resolve("../node_modules/vueless/locales"),
+          locales: [
+            { code: "en", name: "English", file: "en.json" }
+          ]
+        });
+      });
+    }
+    _nuxt.hook("vite:extendConfig", async (config) => {
       config.plugins = config.plugins || [];
       config.plugins.push(
         TailwindCSS(),
-        Vueless({ mode: "nuxt-module", mirrorCacheDir, debug })
+        Vueless({ env: NUXT_MODULE_ENV, mirrorCacheDir, debug, include })
       );
     });
-    await createTailwindSafelist({
-      targetFiles: getNuxtDirs()
-    });
+    if (_nuxt.options.dev) {
+      const chokidarPath = require.resolve("chokidar");
+      const chokidar = await import(chokidarPath);
+      const watcher = chokidar.watch(dependencies, { ignoreInitial: true });
+      watcher.on("change", async () => {
+        const { dependencies: newDependencies } = await getVuelessConfig();
+        watcher.unwatch(dependencies);
+        watcher.add(newDependencies);
+        _nuxt.callHook("restart");
+      });
+    }
+    await cacheMergedConfigs(VUELESS_PACKAGE_DIR);
     addPlugin(resolve("./runtime/plugin"));
     for (const componentName in COMPONENTS) {
       addComponent({
@@ -42,5 +65,33 @@ const module = defineNuxtModule({
     addImportsDir("vueless/utils");
   }
 });
+async function getVuelessConfig() {
+  const esbuildPath = require.resolve("esbuild");
+  const esbuild = await import(esbuildPath);
+  const esbuildConfig = {
+    bundle: true,
+    platform: "node",
+    format: "esm",
+    target: "ESNext",
+    loader: { ".ts": "ts" },
+    write: false,
+    metafile: true
+    // Generate dependency tree
+  };
+  const configPathJs = path.join(cwd(), `${VUELESS_CONFIG_FILE_NAME}.js`);
+  const configPathTs = path.join(cwd(), `${VUELESS_CONFIG_FILE_NAME}.ts`);
+  let result = null;
+  if (fs.existsSync(configPathJs)) {
+    result = await esbuild.build({ ...esbuildConfig, entryPoints: [configPathJs] });
+  }
+  if (fs.existsSync(configPathTs)) {
+    result = await esbuild.build({ ...esbuildConfig, entryPoints: [configPathTs] });
+  }
+  const code = result?.outputFiles?.[0]?.text || "";
+  return {
+    vuelessConfig: (await import(`data:text/javascript,${encodeURIComponent(code)}`)).default || {},
+    dependencies: Object.keys(result?.metafile?.inputs || {})
+  };
+}
 
 export { module as default };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.3",
+  "version": "0.0.9-beta.31",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -27,21 +27,20 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
+      "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     "dist"
   ],
   "scripts": {
-    "dev": "nuxi dev playground",
+    "dev": "npm run dev:prepare && nuxi dev playground",
+    "dev:prepare": "nuxi cleanup playground && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "dev:build": "nuxi build playground",
     "dev:preview": "nuxi preview playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "prepack": "nuxt-module-build build && cp package.json LICENSE README.md dist/",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
     "release:patch": "release-it patch --ci --npm.publish",
@@ -55,26 +54,24 @@
     "install": "npx nuxi prepare"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.13.1",
-    "@tailwindcss/vite": "^4.0.14",
-    "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.17"
+    "@nuxt/kit": "^3.17.4",
+    "vueless": "^0.0.825-beta.186"
   },
   "devDependencies": {
-    "@material-symbols/svg-500": "^0.29.1",
-    "@nuxt/devtools": "^1.4.1",
-    "@nuxt/eslint-config": "^0.5.7",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.13.2",
-    "@nuxt/test-utils": "^3.14.1",
+    "@material-symbols/svg-500": "^0.31.4",
+    "@nuxt/devtools": "^2.4.1",
+    "@nuxt/eslint-config": "^1.4.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.4",
+    "@nuxt/test-utils": "^3.19.1",
     "@types/node": "latest",
     "changelogen": "^0.5.5",
-    "eslint": "^9.12.0",
-    "nuxt": "^3.15.4",
-    "release-it": "^17.6.0",
+    "eslint": "^9.27.0",
+    "nuxt": "^3.17.4",
+    "release-it": "^19.0.2",
     "typescript": "latest",
-    "vitest": "^3.0.5",
-    "vue-tsc": "^2.1.6"
+    "vitest": "^3.1.4",
+    "vue-tsc": "^2.2.10"
   },
   "repository": {
     "type": "git",
@@ -82,6 +79,5 @@
   },
   "bugs": {
     "url": "https://github.com/vuelessjs/vueless-module-nuxt/issues"
-  },
-  "web-types": "./node_modules/vueless/web-types.json"
+  }
 }

package/dist/runtime/plugin.js

@@ -1,16 +1,72 @@
 import { createVueless, setTheme } from "vueless";
+import createVueI18nAdapter from "vueless/adapter.locale/vue-i18n";
+import {
+  TEXT,
+  OUTLINE,
+  ROUNDING,
+  PRIMARY_COLOR,
+  NEUTRAL_COLOR,
+  AUTO_MODE_KEY,
+  COLOR_MODE_KEY,
+  DARK_MODE_CLASS,
+  LIGHT_MODE_CLASS,
+  DISABLED_OPACITY
+} from "vueless/constants";
+import { ColorMode } from "vueless/types";
 import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
 import vTooltip from "vueless/directives/tooltip/vTooltip";
+import { vuelessConfig } from "vueless/utils/ui";
+import { useRuntimeConfig } from "#imports";
 import { defineNuxtPlugin } from "#app";
+function parseCookies(cookieHeader) {
+  if (!cookieHeader) return {};
+  return cookieHeader.split(";").reduce((acc, cookie) => {
+    const [key, value] = cookie.trim().split("=");
+    if (key) acc[key] = value;
+    return acc;
+  }, {});
+}
 export default defineNuxtPlugin((_nuxtApp) => {
-  const vueless = createVueless();
+  const config = useRuntimeConfig().public.vueless;
+  const vuelessOptions = { config };
+  if ("$i18n" in _nuxtApp) {
+    vuelessOptions.i18n = {
+      adapter: createVueI18nAdapter({ global: _nuxtApp.$i18n })
+    };
+  }
+  const vueless = createVueless(vuelessOptions);
   _nuxtApp.vueApp.use(vueless, []);
   _nuxtApp.vueApp.directive("clickOutside", vClickOutside);
   _nuxtApp.vueApp.directive("tooltip", vTooltip);
   if (import.meta.server) {
-    const themeRootVariables = setTheme();
+    const event = _nuxtApp.ssrContext?.event;
+    const cookies = parseCookies(event?.node.req.headers.cookie);
+    const primary = cookies?.[`vl-${PRIMARY_COLOR}`];
+    const neutral = cookies?.[`vl-${NEUTRAL_COLOR}`];
+    const text = {
+      xs: cookies?.[`vl-${TEXT}-xs`],
+      sm: cookies?.[`vl-${TEXT}-sm`],
+      md: cookies?.[`vl-${TEXT}-md`],
+      lg: cookies?.[`vl-${TEXT}-lg`]
+    };
+    const outline = {
+      sm: cookies?.[`vl-${OUTLINE}-sm`],
+      md: cookies?.[`vl-${OUTLINE}-md`],
+      lg: cookies?.[`vl-${OUTLINE}-lg`]
+    };
+    const rounding = {
+      sm: cookies?.[`vl-${ROUNDING}-sm`],
+      md: cookies?.[`vl-${ROUNDING}-md`],
+      lg: cookies?.[`vl-${ROUNDING}-lg`]
+    };
+    const disabledOpacity = cookies?.[`vl-${DISABLED_OPACITY}`];
+    const colorMode = cookies?.[COLOR_MODE_KEY] || vuelessConfig.colorMode || ColorMode.Light;
+    const isCachedAutoMode = Boolean(Number(cookies?.[AUTO_MODE_KEY]));
+    const themeRootVariables = setTheme({ primary, neutral, text, outline, rounding, disabledOpacity, colorMode }, isCachedAutoMode);
+    const colorModeClass = colorMode === ColorMode.Dark ? DARK_MODE_CLASS : LIGHT_MODE_CLASS;
     _nuxtApp.ssrContext?.head.push({
-      style: [{ innerHTML: themeRootVariables }]
+      style: [{ innerHTML: themeRootVariables }],
+      htmlAttrs: { class: colorModeClass }
     });
   }
 });

package/dist/types.d.mts

@@ -1,7 +1,7 @@
 import type { NuxtModule } from '@nuxt/schema'
 
-import type { default as Module } from './module.js'
+import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { default } from './module.js'
+export { default } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.3",
+  "version": "0.0.9-beta.31",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -27,21 +27,20 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
+      "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     "dist"
   ],
   "scripts": {
-    "dev": "nuxi dev playground",
+    "dev": "npm run dev:prepare && nuxi dev playground",
+    "dev:prepare": "nuxi cleanup playground && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "dev:build": "nuxi build playground",
     "dev:preview": "nuxi preview playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "prepack": "nuxt-module-build build && cp package.json LICENSE README.md dist/",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
     "release:patch": "release-it patch --ci --npm.publish",
@@ -55,26 +54,24 @@
     "install": "npx nuxi prepare"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.13.1",
-    "@tailwindcss/vite": "^4.0.14",
-    "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.17"
+    "@nuxt/kit": "^3.17.4",
+    "vueless": "^0.0.825-beta.186"
   },
   "devDependencies": {
-    "@material-symbols/svg-500": "^0.29.1",
-    "@nuxt/devtools": "^1.4.1",
-    "@nuxt/eslint-config": "^0.5.7",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.13.2",
-    "@nuxt/test-utils": "^3.14.1",
+    "@material-symbols/svg-500": "^0.31.4",
+    "@nuxt/devtools": "^2.4.1",
+    "@nuxt/eslint-config": "^1.4.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.4",
+    "@nuxt/test-utils": "^3.19.1",
     "@types/node": "latest",
     "changelogen": "^0.5.5",
-    "eslint": "^9.12.0",
-    "nuxt": "^3.15.4",
-    "release-it": "^17.6.0",
+    "eslint": "^9.27.0",
+    "nuxt": "^3.17.4",
+    "release-it": "^19.0.2",
     "typescript": "latest",
-    "vitest": "^3.0.5",
-    "vue-tsc": "^2.1.6"
+    "vitest": "^3.1.4",
+    "vue-tsc": "^2.2.10"
   },
   "repository": {
     "type": "git",
@@ -82,6 +79,5 @@
   },
   "bugs": {
     "url": "https://github.com/vuelessjs/vueless-module-nuxt/issues"
-  },
-  "web-types": "./node_modules/vueless/web-types.json"
+  }
 }

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,11 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-declare const _default: _nuxt_schema.NuxtModule<{
-    mirrorCacheDir: string;
-    debug: boolean;
-}, {
-    mirrorCacheDir: string;
-    debug: boolean;
-}, false>;
-
-export { _default as default };

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'