@resee-movies/nuxt-ux 0.0.2 → 0.0.3

package/dist/module.json

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

package/dist/module.mjs

@@ -1,6 +1,22 @@
 import { useNuxt, addTemplate, resolvePath, logger, installModule, 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';
+import NuxtFontsModule from '@nuxt/fonts';
+import NuxtPrimevueModule from '@primevue/nuxt-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 +32,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 +84,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
@@ -92,7 +108,7 @@ async function importCSS(nuxt = useNuxt(), options) {
 }
 
 async function importModules(nuxt = useNuxt()) {
-  await installModule("@nuxt/fonts", {
+  await installModule(NuxtFontsModule, {
     families: [
       {
         name: "Archivo",
@@ -102,7 +118,7 @@ async function importModules(nuxt = useNuxt()) {
       }
     ]
   });
-  await installModule("@primevue/nuxt-module", {
+  await installModule(NuxtPrimevueModule, {
     autoImport: false,
     loadStyles: false,
     importPT: {
@@ -169,7 +185,7 @@ const module = defineNuxtModule({
     const plugins = options.tailwind?.plugins?.slice() ?? [];
     const imports = options.tailwind?.plugins?.slice() ?? [];
     sources.push(components);
-    plugins.push("@egoist/tailwindcss-icons");
+    plugins.push(resolveModuleDirectory("@egoist/tailwindcss-icons", "dist", "index.js"));
     imports.push(stylesheet);
     addComponentsDir({ path: components });
     addImportsDir([composables]);

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.3",
   "description": "The next-gen user experience library for ReSee Movies - currently in development. ",
   "repository": {
     "url": "https://github.com/ReSee-Movies/nuxt-ux.git"