@hybridly/vite 0.5.6 → 0.5.7

package/dist/index.cjs

@@ -45,6 +45,14 @@ const debug = {
 function isPackageInstalled(name, paths = [process.cwd()]) {
   return localPkg.isPackageExists(name, { paths });
 }
+function importPackage(name, paths = [process.cwd()]) {
+  const mod = localPkg.resolveModule(name, { paths });
+  if (!mod) {
+    console.warn(`Could not resolve package [${name}]`);
+    return;
+  }
+  return localPkg.importModule(mod);
+}
 function toKebabCase(key) {
   const result = key.replace(/([A-Z])/g, " $1").trim();
   return result.split(" ").join("-").toLowerCase();
@@ -419,21 +427,7 @@ function getAutoImportsOptions(options, config) {
   );
 }
 
-function HybridlyResolver(linkName = "RouterLink") {
-  return {
-    type: "component",
-    resolve: (name) => {
-      if (name === linkName) {
-        return {
-          from: "hybridly/vue",
-          name: "RouterLink",
-          as: linkName
-        };
-      }
-    }
-  };
-}
-function getVueComponentsOptions(options, config) {
+async function getVueComponentsOptions(options, config) {
   if (options.vueComponents === false) {
     return {};
   }
@@ -441,6 +435,7 @@ function getVueComponentsOptions(options, config) {
   const customCollections = Array.isArray(options.customIcons) ? options.customIcons : options.customIcons?.collections ?? [];
   const overrideResolvers = options.overrideResolvers ? Array.isArray(options.overrideResolvers) ? options.overrideResolvers : [options.overrideResolvers] : false;
   const hasHeadlessUI = isPackageInstalled("@headlessui/vue");
+  const hasRadix = isPackageInstalled("radix-vue");
   return utils.merge(
     {
       dirs: [
@@ -451,6 +446,7 @@ function getVueComponentsOptions(options, config) {
       resolvers: overrideResolvers || [
         ...hasIcons ? [iconsResolver__default({ customCollections })] : [],
         ...hasHeadlessUI ? [resolvers.HeadlessUiResolver({ prefix: options?.vueComponents?.headlessUiPrefix ?? "Headless" })] : [],
+        ...hasRadix ? [await RadixResolver(options?.vueComponents?.radixPrefix)] : [],
         ProvidedComponentListResolver(config),
         HybridlyResolver(options.vueComponents?.linkName)
       ]
@@ -459,6 +455,24 @@ function getVueComponentsOptions(options, config) {
     { overwriteArray: false }
   );
 }
+async function RadixResolver(prefix = "Radix") {
+  const radix = await importPackage("radix-vue/resolver");
+  return radix.default({ prefix });
+}
+function HybridlyResolver(linkName = "RouterLink") {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name === linkName) {
+        return {
+          from: "hybridly/vue",
+          name: "RouterLink",
+          as: linkName
+        };
+      }
+    }
+  };
+}
 function ProvidedComponentListResolver(config) {
   function resolveComponentPath(name) {
     const kebabName = toKebabCase(name);
@@ -555,7 +569,7 @@ async function plugin(options = {}) {
     layout(options, config),
     options.laravel !== false && laravel__default(getLaravelOptions(options, config)),
     options.run !== false && run__default(getRunOptions(options)),
-    options.vueComponents !== false && vueComponents__default(getVueComponentsOptions(options, config)),
+    options.vueComponents !== false && vueComponents__default(await getVueComponentsOptions(options, config)),
     options.autoImports !== false && autoimport__default(getAutoImportsOptions(options, config)),
     options.icons !== false && icons__default(getIconsOptions(options, config)),
     options.vue !== false && vue__default(getVueOptions(options)),

package/dist/index.d.cts

@@ -31,6 +31,8 @@ type VueComponentsOptions = Parameters<typeof vueComponents>[0] & {
     linkName?: string;
     /** Custom prefix for Headless UI components. */
     headlessUiPrefix?: string;
+    /** Custom prefix for Radix components. */
+    radixPrefix?: string;
 };
 type CustomResolvers = ComponentResolver | ComponentResolver[];
 type CustomComponentsOptions = VueComponentsOptions;

package/dist/index.d.mts

@@ -31,6 +31,8 @@ type VueComponentsOptions = Parameters<typeof vueComponents>[0] & {
     linkName?: string;
     /** Custom prefix for Headless UI components. */
     headlessUiPrefix?: string;
+    /** Custom prefix for Radix components. */
+    radixPrefix?: string;
 };
 type CustomResolvers = ComponentResolver | ComponentResolver[];
 type CustomComponentsOptions = VueComponentsOptions;

package/dist/index.d.ts

@@ -31,6 +31,8 @@ type VueComponentsOptions = Parameters<typeof vueComponents>[0] & {
     linkName?: string;
     /** Custom prefix for Headless UI components. */
     headlessUiPrefix?: string;
+    /** Custom prefix for Radix components. */
+    radixPrefix?: string;
 };
 type CustomResolvers = ComponentResolver | ComponentResolver[];
 type CustomComponentsOptions = VueComponentsOptions;

package/dist/index.mjs

@@ -2,7 +2,7 @@ import laravel from 'laravel-vite-plugin';
 import path from 'node:path';
 import fs from 'node:fs';
 import makeDebugger from 'debug';
-import { isPackageExists } from 'local-pkg';
+import { isPackageExists, resolveModule, importModule } from 'local-pkg';
 import { execSync } from 'node:child_process';
 import MagicString from 'magic-string';
 import run from 'vite-plugin-run';
@@ -27,6 +27,14 @@ const debug = {
 function isPackageInstalled(name, paths = [process.cwd()]) {
   return isPackageExists(name, { paths });
 }
+function importPackage(name, paths = [process.cwd()]) {
+  const mod = resolveModule(name, { paths });
+  if (!mod) {
+    console.warn(`Could not resolve package [${name}]`);
+    return;
+  }
+  return importModule(mod);
+}
 function toKebabCase(key) {
   const result = key.replace(/([A-Z])/g, " $1").trim();
   return result.split(" ").join("-").toLowerCase();
@@ -401,21 +409,7 @@ function getAutoImportsOptions(options, config) {
   );
 }
 
-function HybridlyResolver(linkName = "RouterLink") {
-  return {
-    type: "component",
-    resolve: (name) => {
-      if (name === linkName) {
-        return {
-          from: "hybridly/vue",
-          name: "RouterLink",
-          as: linkName
-        };
-      }
-    }
-  };
-}
-function getVueComponentsOptions(options, config) {
+async function getVueComponentsOptions(options, config) {
   if (options.vueComponents === false) {
     return {};
   }
@@ -423,6 +417,7 @@ function getVueComponentsOptions(options, config) {
   const customCollections = Array.isArray(options.customIcons) ? options.customIcons : options.customIcons?.collections ?? [];
   const overrideResolvers = options.overrideResolvers ? Array.isArray(options.overrideResolvers) ? options.overrideResolvers : [options.overrideResolvers] : false;
   const hasHeadlessUI = isPackageInstalled("@headlessui/vue");
+  const hasRadix = isPackageInstalled("radix-vue");
   return merge(
     {
       dirs: [
@@ -433,6 +428,7 @@ function getVueComponentsOptions(options, config) {
       resolvers: overrideResolvers || [
         ...hasIcons ? [iconsResolver({ customCollections })] : [],
         ...hasHeadlessUI ? [HeadlessUiResolver({ prefix: options?.vueComponents?.headlessUiPrefix ?? "Headless" })] : [],
+        ...hasRadix ? [await RadixResolver(options?.vueComponents?.radixPrefix)] : [],
         ProvidedComponentListResolver(config),
         HybridlyResolver(options.vueComponents?.linkName)
       ]
@@ -441,6 +437,24 @@ function getVueComponentsOptions(options, config) {
     { overwriteArray: false }
   );
 }
+async function RadixResolver(prefix = "Radix") {
+  const radix = await importPackage("radix-vue/resolver");
+  return radix.default({ prefix });
+}
+function HybridlyResolver(linkName = "RouterLink") {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name === linkName) {
+        return {
+          from: "hybridly/vue",
+          name: "RouterLink",
+          as: linkName
+        };
+      }
+    }
+  };
+}
 function ProvidedComponentListResolver(config) {
   function resolveComponentPath(name) {
     const kebabName = toKebabCase(name);
@@ -537,7 +551,7 @@ async function plugin(options = {}) {
     layout(options, config),
     options.laravel !== false && laravel(getLaravelOptions(options, config)),
     options.run !== false && run(getRunOptions(options)),
-    options.vueComponents !== false && vueComponents(getVueComponentsOptions(options, config)),
+    options.vueComponents !== false && vueComponents(await getVueComponentsOptions(options, config)),
     options.autoImports !== false && autoimport(getAutoImportsOptions(options, config)),
     options.icons !== false && icons(getIconsOptions(options, config)),
     options.vue !== false && vue(getVueOptions(options)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybridly/vite",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "Vite plugin for Hybridly",
   "keywords": [
     "hybridly",
@@ -50,7 +50,7 @@
     "unplugin-icons": "^0.17.1",
     "unplugin-vue-components": "^0.25.2",
     "vite-plugin-run": "^0.5.1",
-    "@hybridly/core": "0.5.6"
+    "@hybridly/core": "0.5.7"
   },
   "devDependencies": {
     "@iconify/json": "^2.2.133",