@vueless/nuxt 0.0.9-beta.2 → 0.0.9-beta.20

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.13.0"
   },
-  "version": "0.0.9-beta.2",
+  "version": "0.0.9-beta.20",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,10 +1,21 @@
+import path from 'node:path';
+import { cwd } from 'node:process';
+import fs from 'node:fs';
 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 { TailwindCSS, Vueless } from 'vueless/plugin-vite.js';
 import { getNuxtDirs } from 'vueless/utils/node/helper.js';
 import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
+import { COMPONENTS, VUELESS_CONFIG_FILE_NAME } from 'vueless/constants.js';
 
+
+
+// -- Unbuild CommonJS Shims --
+import __cjs_url__ from 'url';
+import __cjs_path__ from 'path';
+import __cjs_mod__ from 'module';
+const __filename = __cjs_url__.fileURLToPath(import.meta.url);
+const __dirname = __cjs_path__.dirname(__filename);
+const require = __cjs_mod__.createRequire(import.meta.url);
 const module = defineNuxtModule({
   meta: {
     name: "@vueless/nuxt",
@@ -21,13 +32,14 @@ const module = defineNuxtModule({
     const { resolve } = createResolver(import.meta.url);
     const { mirrorCacheDir, debug } = _options;
     _nuxt.options.build.transpile.push("vueless");
-    _nuxt.hook("vite:extendConfig", (config) => {
+    _nuxt.hook("vite:extendConfig", async (config) => {
       config.plugins = config.plugins || [];
       config.plugins.push(
         TailwindCSS(),
         Vueless({ mode: "nuxt-module", mirrorCacheDir, debug })
       );
     });
+    _nuxt.options.runtimeConfig.public.vueless = await getVuelessConfig();
     await createTailwindSafelist({
       targetFiles: getNuxtDirs()
     });
@@ -42,5 +54,28 @@ 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
+  };
+  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 (await import(`data:text/javascript,${encodeURIComponent(code)}`)).default || {};
+}
 
 export { module as default };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.2",
+  "version": "0.0.9-beta.20",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -58,7 +58,7 @@
     "@nuxt/kit": "^3.13.1",
     "@tailwindcss/vite": "^4.0.14",
     "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.7"
+    "vueless": "^0.0.825-beta.60"
   },
   "devDependencies": {
     "@material-symbols/svg-500": "^0.29.1",
@@ -70,7 +70,7 @@
     "@types/node": "latest",
     "changelogen": "^0.5.5",
     "eslint": "^9.12.0",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.1",
     "release-it": "^17.6.0",
     "typescript": "latest",
     "vitest": "^3.0.5",

package/dist/runtime/plugin.js

@@ -1,16 +1,37 @@
 import { createVueless, setTheme } from "vueless";
+import { COLOR_MODE_KEY, AUTO_MODE_KEY, LIGHT_MODE_SELECTOR, DARK_MODE_SELECTOR, PRIMARY_COLOR_KEY, NEUTRAL_COLOR_KEY, ROUNDING_KEY } from "vueless/constants";
+import { ColorMode } from "vueless/types";
 import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
 import vTooltip from "vueless/directives/tooltip/vTooltip";
+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 vueless = createVueless(config);
   _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?.[PRIMARY_COLOR_KEY];
+    const neutral = cookies?.[NEUTRAL_COLOR_KEY];
+    const rounding = cookies?.[ROUNDING_KEY];
+    const colorMode = cookies?.[COLOR_MODE_KEY];
+    const isCachedAutoMode = Boolean(Number(cookies?.[AUTO_MODE_KEY]));
+    const themeRootVariables = setTheme({ primary, neutral, rounding, colorMode }, isCachedAutoMode);
+    const colorModeClass = colorMode === ColorMode.Dark ? DARK_MODE_SELECTOR : LIGHT_MODE_SELECTOR;
     _nuxtApp.ssrContext?.head.push({
-      style: [{ innerHTML: themeRootVariables }]
+      style: [{ innerHTML: themeRootVariables }],
+      htmlAttrs: { class: colorModeClass }
     });
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.2",
+  "version": "0.0.9-beta.20",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -58,7 +58,7 @@
     "@nuxt/kit": "^3.13.1",
     "@tailwindcss/vite": "^4.0.14",
     "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.7"
+    "vueless": "^0.0.825-beta.60"
   },
   "devDependencies": {
     "@material-symbols/svg-500": "^0.29.1",
@@ -70,7 +70,7 @@
     "@types/node": "latest",
     "changelogen": "^0.5.5",
     "eslint": "^9.12.0",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.1",
     "release-it": "^17.6.0",
     "typescript": "latest",
     "vitest": "^3.0.5",