vueless 0.0.646 → 0.0.647

package/constants.js

@@ -212,6 +212,7 @@ export const DEFAULT_SVGO_CONFIG = {
 /* Vueless general */
 export const ICONS_DIR = "assets/icons";
 export const VUELESS_LIBRARY = "vueless";
+export const STORYBOOK_DIR = "storybook";
 export const VUELESS_CONFIG_FILE_NAME = "vueless.config";
 export const VUELESS_CACHE_DIR = "node_modules/.cache/vueless";
 export const VUELESS_DIR = `node_modules/${VUELESS_LIBRARY}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.646",
+  "version": "0.0.647",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/plugin-vite.js

@@ -12,6 +12,7 @@ import { getNuxtFiles, getVueFiles } from "./utils/node/helper.js";
 import { componentResolver, directiveResolver } from "./utils/node/vuelessResolver.js";
 import { setCustomPropTypes, removeCustomPropTypes } from "./utils/node/dynamicProps.js";
 import { buildWebTypes } from "./utils/node/webTypes.js";
+import { hideHiddenStories, showHiddenStories } from "./utils/node/dynamicStories.js";
 
 /* Automatically importing Vueless components on demand */
 export const VuelessUnpluginComponents = (options) =>
@@ -36,6 +37,8 @@ export const Vueless = function (options = {}) {
 
   /* if server stopped by developer (Ctrl+C) */
   process.on("SIGINT", async () => {
+    await showHiddenStories(isVuelessEnv);
+
     await removeCustomPropTypes(isVuelessEnv);
 
     /* remove cached icons */
@@ -68,7 +71,9 @@ export const Vueless = function (options = {}) {
       }
 
       if ((config.command.includes("sb:") && mode === "storybook") || isVuelessEnv) {
+        await showHiddenStories(isVuelessEnv);
         await buildWebTypes();
+        await hideHiddenStories(isVuelessEnv);
       }
 
       if (config.command === "build") {

package/utils/node/dynamicProps.js

@@ -11,20 +11,19 @@ const CLOSING_BRACKET = "}";
 const IGNORE_PROP = "@ignore";
 const CUSTOM_PROP = "@custom";
 
-const VUELESS_SRC = path.join(VUELESS_DIR, VUELESS_LOCAL_DIR);
-
 const PROPS_INTERFACE_REG_EXP = /export\s+interface\s+Props\s*{([^}]*)}/s;
 const UNION_SYMBOLS_REG_EXP = /[?|:"|;]/g;
 const WORD_IN_QUOTE_REG_EXP = /"([^"]+)"/g;
 
 export async function setCustomPropTypes(isVuelessEnv) {
-  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_SRC;
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const customProps =
-      componentName in vuelessConfig.component && vuelessConfig.component[componentName].props;
+    const componentGlobalConfig = vuelessConfig.component[componentName];
+    const customProps = componentGlobalConfig && componentGlobalConfig.props;
+    const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
 
-    if (customProps) {
+    if (customProps && !isHiddenStories) {
       await cacheComponentTypes(path.join(srcDir, componentDir));
       await modifyComponentTypes(
         path.join(srcDir, componentDir),
@@ -35,7 +34,7 @@ export async function setCustomPropTypes(isVuelessEnv) {
 }
 
 export async function removeCustomPropTypes(isVuelessEnv) {
-  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_SRC;
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const componentDir of Object.values(COMPONENTS)) {
     await restoreComponentTypes(path.join(srcDir, componentDir));

package/utils/node/dynamicStories.js

@@ -0,0 +1,65 @@
+import path from "node:path";
+import { existsSync } from "node:fs";
+import { cwd } from "node:process";
+import { rename, readdir } from "node:fs/promises";
+
+import { vuelessConfig } from "./vuelessConfig.js";
+import { COMPONENTS, VUELESS_DIR, VUELESS_LOCAL_DIR, STORYBOOK_DIR } from "../../constants.js";
+
+async function hideComponentStories(storybookPath) {
+  if (existsSync(storybookPath)) {
+    const storyFiles = await readdir(storybookPath);
+    const visibleFiles = storyFiles.filter((storybookFile) => !storybookFile.includes("hidden"));
+
+    await Promise.all(
+      visibleFiles.map((storybookFile) => {
+        const [fileName, extension] = storybookFile.split(".");
+
+        return rename(
+          path.join(storybookPath, storybookFile),
+          path.join(storybookPath, `${fileName}_hidden.${extension}`),
+        );
+      }),
+    );
+  }
+}
+
+async function showComponentStories(storybookPath) {
+  if (existsSync(storybookPath)) {
+    const storyFiles = await readdir(storybookPath);
+    const hiddenFiles = storyFiles.filter((storybookFile) => storybookFile.includes("hidden"));
+
+    await Promise.all(
+      hiddenFiles.map((storybookFile) => {
+        const [fileName, extension] = storybookFile.split(".");
+        const [originalFileName] = fileName.split("_");
+
+        return rename(
+          path.join(storybookPath, storybookFile),
+          path.join(storybookPath, `${originalFileName}.${extension}`),
+        );
+      }),
+    );
+  }
+}
+
+export async function hideHiddenStories(isVuelessEnv) {
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
+
+  for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
+    const componentGlobalConfig = vuelessConfig.component[componentName];
+    const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
+
+    if (isHiddenStories) {
+      await hideComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
+    }
+  }
+}
+
+export async function showHiddenStories(isVuelessEnv) {
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
+
+  for await (const componentDir of Object.values(COMPONENTS)) {
+    await showComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
+  }
+}