vueless 0.0.478-beta.21 → 0.0.478-beta.23

package/constants.js

@@ -191,5 +191,4 @@ export const NESTED_COMPONENT_REG_EXP = /\{U[^}]*}/g;
 export const DYNAMIC_COLOR_PATTERN = "{color}";
 export const TAILWIND_CLASS_DELIMITER = ":";
 export const CACHE_PATH = "node_modules/.cache/vueless";
-export const WEB_TYPES_FILE_NAME_WITH_EXT = "web-types.json";
 export const VUELESS_CONFIG_FILE_NAME = "vueless.config";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.478-beta.21",
+  "version": "0.0.478-beta.23",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -27,12 +27,13 @@
     "access": "public"
   },
   "scripts": {
-    "dev:docs": "npx @vueless/web-types && node .scripts/icons && storybook dev -p 6006 --docs --no-open",
-    "dev": "npx @vueless/web-types && node .scripts/icons && STORYBOOK_FULL=1 storybook dev -p 6006 --no-open",
-    "build": "npx @vueless/web-types && node .scripts/icons && storybook build --docs",
+    "pre:start": "npx @vueless/web-types && node .scripts/icons",
+    "dev:docs": "npm run pre:start && storybook dev -p 6006 --docs --no-open",
+    "dev": "npm run pre:start && STORYBOOK_FULL=1 storybook dev -p 6006 --no-open",
+    "build": "npm run pre:start && storybook build --docs",
     "preview": "vite preview --host --outDir=storybook-static",
     "ts:check": "vue-tsc --build --force",
-    "release:prepare": "npx @vueless/web-types && node .scripts/icons && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md node_modules/.cache/vueless/web-types.json dist/ && node .scripts/package",
+    "release:prepare": "npm run pre:start && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md node_modules/.cache/vueless/web-types.json dist/ && node .scripts/package",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
     "release:patch": "release-it patch --ci --npm.publish",
     "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",

package/{vite.js → plugin-vite.js}

@@ -8,7 +8,7 @@ import UnpluginVueComponents from "unplugin-vue-components/vite";
 import { loadSvg } from "./utils/node/loaderSvg.js";
 import { copyIcons, removeIcons } from "./utils/node/loaderIcon.js";
 import { createTailwindSafelist, clearTailwindSafelist } from "./utils/node/tailwindSafelist.js";
-import { addWebTypesToPackageJson, getNuxtFiles, getVueSourceFile } from "./utils/node/helper.js";
+import { getNuxtFiles, getVueSourceFile } from "./utils/node/helper.js";
 import { componentResolver, directiveResolver } from "./utils/node/vuelessResolver.js";
 
 /* Automatically importing Vueless components on demand */
@@ -25,7 +25,7 @@ export const VuelessUnpluginComponents = (options) =>
   – Loads SVG images as a Vue components.
  */
 export const Vueless = function (options = {}) {
-  const { mode, debug, env, include, noWebTypesInPackageJson } = options;
+  const { mode, debug, env, include } = options;
 
   const isNuxt = mode === "nuxt-module";
   const srcDir = isNuxt ? process.cwd() : getVueSourceFile();
@@ -72,9 +72,6 @@ export const Vueless = function (options = {}) {
       if (config.command === "dev" || config.command === "serve") {
         /* remove dynamically copied icons on dev server start */
         await removeIcons({ debug, isNuxt });
-
-        /* add web-types config to the package.json */
-        addWebTypesToPackageJson({ env, debug, noWebTypesInPackageJson });
       }
     },
 
@@ -87,7 +84,7 @@ export const Vueless = function (options = {}) {
     load: async (id) => await loadSvg(id, options),
 
     handleHotUpdate: async ({ file, read }) => {
-      if (!isNuxt && [".js", ".ts", ".vue"].some((ext) => file.endsWith(ext))) {
+      if (!isNuxt && [".js", ".jsx", ".ts", ".tsx", ".vue"].some((ext) => file.endsWith(ext))) {
         const fileContent = await read();
 
         if (fileContent.includes("safelist:") || fileContent.includes("color=")) {

package/utils/node/helper.js

@@ -1,35 +1,6 @@
 import path from "path";
-import fs, { statSync } from "fs";
+import { statSync } from "fs";
 import { readdir } from "node:fs/promises";
-import { CACHE_PATH, WEB_TYPES_FILE_NAME_WITH_EXT } from "../../constants.js";
-
-export function addWebTypesToPackageJson({ env, debug, noWebTypesInPackageJson } = {}) {
-  if (env === "vueless" || noWebTypesInPackageJson) return;
-
-  const projectWebTypesPath = path.join(process.cwd(), CACHE_PATH, WEB_TYPES_FILE_NAME_WITH_EXT);
-
-  const webTypesPath = fs.existsSync(projectWebTypesPath)
-    ? `./${CACHE_PATH}/${WEB_TYPES_FILE_NAME_WITH_EXT}`
-    : `./node_modules/vueless/${WEB_TYPES_FILE_NAME_WITH_EXT}`;
-
-  try {
-    const packageJsonPath = path.resolve(process.cwd(), "package.json");
-    const data = fs.readFileSync(packageJsonPath, "utf8");
-    let packageJson = JSON.parse(data);
-
-    packageJson["web-types"] = webTypesPath;
-
-    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n", "utf8");
-
-    if (debug) {
-      // eslint-disable-next-line no-console
-      console.error("Web-types added to project package.json", webTypesPath);
-    }
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error("Error:", error);
-  }
-}
 
 export async function getDirFiles(dirPath, ext, { recursive = true, exclude = [] } = {}) {
   let fileNames = [];

package/utils/storybook.ts

@@ -41,7 +41,18 @@ const [webTypes]: WebTypes[] = Object.values(
 );
 
 const getComponentData = (componentName: ComponentNames) => {
-  return webTypes.contributions.html.tags.find((item: Tag) => item.name === componentName);
+  const component = webTypes?.contributions?.html?.tags?.find(
+    (item: Tag) => item.name === componentName,
+  );
+
+  if (!component) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      "The component docs data is missing. Probably the `web-types.json` file is missing or have incorrect format.",
+    );
+  }
+
+  return component;
 };
 
 export function getSlotNames(componentName: string | undefined) {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.478-beta.21",
+  "version": "0.0.478-beta.23",
   "contributions": {
     "html": {
       "description-markup": "markdown",