@resee-movies/nuxt-ux 0.0.2 → 0.0.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@resee-movies/nuxt-ux",
   "configKey": "ux",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -1,6 +1,20 @@
-import { useNuxt, addTemplate, resolvePath, logger, installModule, addVitePlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addServerScanDir } from '@nuxt/kit';
+import { useNuxt, addTemplate, resolvePath, logger, addVitePlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addServerScanDir } from '@nuxt/kit';
+import { toNonNullableArray } from '@resee-movies/utilities/arrays/to-non-nullable-array';
 import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
+import { existsSync } from 'node:fs';
+import { createRequire } from 'node:module';
+
+function resolveModuleDirectory(entry, ...packagePaths) {
+  const packageName = entry.includes("/") ? entry.startsWith("@") ? entry.split("/").slice(0, 2).join("/") : entry.split("/")[0] : entry;
+  const require = createRequire(import.meta.url);
+  const lookupPaths = require.resolve.paths(entry)?.map((p) => join(p, packageName));
+  const directory = lookupPaths?.find((p) => existsSync(p));
+  if (directory && packagePaths.length) {
+    return join(directory, ...packagePaths);
+  }
+  return directory;
+}
 
 const IMPORT_REGEX = /(?<=\s|^|;|\})@import\s+["']tailwindcss["']/gmu;
 function getDefaults(config) {
@@ -16,9 +30,9 @@ async function importCSS(nuxt = useNuxt(), options) {
   const sources = nuxt.options._layers.map(
     (layer) => layer.config.srcDir || layer.cwd
   );
-  const plugins = options?.plugins ?? [];
+  const plugins = toNonNullableArray(options?.plugins ?? []);
   if (options?.sources) {
-    sources.push(...options.sources);
+    sources.push(...toNonNullableArray(options.sources));
   }
   await nuxt.callHook("tailwindcss:sources:extend", sources);
   const sourcesTemplate = addTemplate({
@@ -68,9 +82,9 @@ async function importCSS(nuxt = useNuxt(), options) {
       write: true,
       getContents: () => {
         return [
-          `@import 'tailwindcss';`,
+          `@import ${JSON.stringify(resolveModuleDirectory("tailwindcss"))};`,
           `@import ${JSON.stringify(sourcesTemplate.dst)};`,
-          ...(options?.imports ?? []).map((item) => `@import ${JSON.stringify(item)};`)
+          ...toNonNullableArray(options?.imports ?? []).map((item) => `@import ${JSON.stringify(item)};`)
         ].join("\n");
       }
     }).dst
@@ -91,38 +105,46 @@ async function importCSS(nuxt = useNuxt(), options) {
   });
 }
 
-async function importModules(nuxt = useNuxt()) {
-  await installModule("@nuxt/fonts", {
-    families: [
-      {
-        name: "Archivo",
-        provider: "google",
-        styles: ["normal"],
-        weights: [200, 300, 400, 500]
+function importModules() {
+  const NuxtFonts = {
+    defaults: {
+      families: [
+        {
+          name: "Archivo",
+          provider: "google",
+          styles: ["normal"],
+          weights: [200, 300, 400, 500]
+        }
+      ]
+    }
+  };
+  const Primevue = {
+    defaults: {
+      autoImport: false,
+      loadStyles: false,
+      importPT: {
+        from: "#resee-movies-nuxt-ux-primevue-passthrough"
+      },
+      options: {
+        unstyled: true
+      },
+      composables: {
+        include: ["useToast"]
+      },
+      directives: {
+        prefix: "Prime",
+        include: ["Tooltip"]
+      },
+      components: {
+        prefix: "Prime",
+        include: ["Message", "ProgressBar", "ProgressSpinner", "Tag", "Toast"]
       }
-    ]
-  });
-  await installModule("@primevue/nuxt-module", {
-    autoImport: false,
-    loadStyles: false,
-    importPT: {
-      from: "#resee-movies-nuxt-ux-primevue-passthrough"
-    },
-    options: {
-      unstyled: true
-    },
-    composables: {
-      include: ["useToast"]
-    },
-    directives: {
-      prefix: "Prime",
-      include: ["Tooltip"]
-    },
-    components: {
-      prefix: "Prime",
-      include: ["Message", "ProgressBar", "ProgressSpinner", "Tag", "Toast"]
     }
-  }, nuxt);
+  };
+  return {
+    "@nuxt/fonts": NuxtFonts,
+    "@primevue/nuxt-module": Primevue
+  };
 }
 
 const Builder = "@nuxt/vite-builder";
@@ -158,24 +180,24 @@ const module = defineNuxtModule({
     name: "@resee-movies/nuxt-ux",
     configKey: "ux"
   },
+  moduleDependencies: () => importModules(),
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     const components = resolver.resolve("./runtime/components/");
     const composables = resolver.resolve("./runtime/composables/");
     const server = resolver.resolve("./runtime/server/");
     const stylesheet = resolver.resolve("./runtime/theme/css/styles.css");
-    nuxt.options.alias["#resee-movies-nuxt-ux-primevue-passthrough"] = resolver.resolve("./runtime/theme/primevue/index.ts");
+    nuxt.options.alias["#resee-movies-nuxt-ux-primevue-passthrough"] = await resolver.resolvePath("./runtime/theme/primevue/index", { extensions: ["ts", "js"] });
     const sources = options.tailwind?.sources?.slice() ?? [];
     const plugins = options.tailwind?.plugins?.slice() ?? [];
     const imports = options.tailwind?.plugins?.slice() ?? [];
     sources.push(components);
-    plugins.push("@egoist/tailwindcss-icons");
+    plugins.push(await resolvePath("@egoist/tailwindcss-icons"));
     imports.push(stylesheet);
     addComponentsDir({ path: components });
     addImportsDir([composables]);
     addServerScanDir([server]);
     await importTailwind(nuxt);
-    await importModules(nuxt);
     nuxt.hook("modules:done", async () => {
       await importCSS(nuxt, { sources, plugins, imports });
     });

package/dist/runtime/types/index.d.ts

@@ -2,9 +2,9 @@ export interface ModuleOptions {
     defaultColorMode?: 'lite' | 'dark';
     usePreferredColorScheme?: boolean;
     tailwind?: {
-        plugins?: string[];
-        sources?: string[];
-        imports?: string[];
+        plugins?: (string | undefined)[];
+        sources?: (string | undefined)[];
+        imports?: (string | undefined)[];
     };
 }
 export interface ModuleHooks {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@resee-movies/nuxt-ux",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "The next-gen user experience library for ReSee Movies - currently in development. ",
   "repository": {
     "url": "https://github.com/ReSee-Movies/nuxt-ux.git"