@vueless/storybook 1.2.7-beta.1 → 1.2.7-beta.3

package/.storybook-js/main.js

@@ -3,8 +3,12 @@ import { defineConfigWithVueless } from "@vueless/storybook";
 
 export default defineConfigWithVueless({
   stories: [
-    /* Define a path to your own component stories. */
-    // "../src/**/stories.{js,jsx,ts,tsx}",
+    /* Path to the project component stories. */
+    // "../src/**/stories.js",
     // "../src/**/docs.mdx",
+    //
+    /* Path to the custom vueless component stories. */
+    // "../.vueless/components/**/stories.js",
+    // "../.vueless/components/**/docs.mdx",
   ],
 });

package/.storybook-ts/main.ts

@@ -3,8 +3,12 @@ import { defineConfigWithVueless } from "@vueless/storybook";
 
 export default defineConfigWithVueless({
   stories: [
-    /* Define a path to your own component stories. */
-    // "../src/**/stories.{js,jsx,ts,tsx}",
+    /* Path to the project component stories. */
+    // "../src/**/stories.ts",
     // "../src/**/docs.mdx",
+    //
+    /* Path to the custom vueless component stories. */
+    // "../.vueless/components/**/stories.ts",
+    // "../.vueless/components/**/docs.mdx",
   ],
 });

package/index.js

@@ -18,7 +18,7 @@ import {
 export function defineConfigWithVueless(config) {
   return (async () => ({
     ...config,
-    stories: [...config.stories, ...(await getVuelessStoriesGlob(config?.vuelessEnv))],
+    stories: [...(config.stories || []), ...(await getVuelessStoriesGlob(config?.vuelessEnv))],
     addons: [
       ...new Set([
         ...(config.addons || []),
@@ -30,12 +30,12 @@ export function defineConfigWithVueless(config) {
     ],
     staticDirs: ["public"],
     framework: {
-      ...config.framework,
+      ...(config.framework || {}),
       name: "@storybook/vue3-vite",
       options: {
-        ...config.framework?.options,
+        ...(config.framework?.options || {}),
         builder: {
-          ...config.framework?.options?.builder,
+          ...(config.framework?.options?.builder || {}),
           viteConfigPath: ".storybook/vite.config.js",
         },
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook",
-  "version": "1.2.7-beta.1",
+  "version": "1.2.7-beta.3",
   "description": "Simplifies Storybook configuration for Vueless UI library.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
@@ -17,27 +17,28 @@
     "lint:fix": "eslint --fix src/",
     "lint:ci": "eslint --no-fix --max-warnings=0",
     "release:prepare": "rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md dist/",
-    "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
-    "release:patch": "release-it patch --ci --npm.publish --git.tag --github.release",
-    "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
-    "release:major": "release-it major --ci --npm.publish --git.tag --github.release"
+    "release:beta": "release-it --increment=prerelease --preRelease=beta --ci --no-git.tag --no-github.release",
+    "release:patch": "release-it patch --ci",
+    "release:minor": "release-it minor --ci",
+    "release:major": "release-it major --ci"
   },
   "dependencies": {
-    "@storybook/addon-docs": "9.1.5",
-    "@storybook/addon-links": "9.1.5",
-    "@storybook/addon-themes": "9.1.5",
-    "@storybook/vue3-vite": "9.1.5",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-themes": "^9.1.10",
+    "@storybook/vue3-vite": "^9.1.10",
     "@vueless/storybook-dark-mode": "^9.0.8",
     "chokidar": "^4.0.3",
     "esbuild": "^0.25.9",
     "globby": "^14.1.0",
     "mkdirp": "^3.0.1",
     "prettier2": "npm:prettier@2.8.8",
-    "storybook": "9.1.5",
+    "storybook": "^9.1.10",
     "vue-docgen-api": "^4.79.2"
   },
   "devDependencies": {
     "@release-it/bumper": "^7.0.5",
+    "@release-it/conventional-changelog": "^10.0.1",
     "@stylistic/eslint-plugin": "^5.2.3",
     "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.1",
@@ -51,10 +52,11 @@
     "tailwindcss": "^4.1.12",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.40.0",
+    "vite": "^7.1.9",
     "vue": "latest",
     "vue-router": "latest",
     "vue-tsc": "^3.0.6",
-    "vueless": "^1.2.2"
+    "vueless": "^1.2.5"
   },
   "type": "module",
   "main": "index.js",
@@ -71,6 +73,7 @@
       "vue": "latest",
       "vue-template-compiler": "latest"
     },
+    "conventional-changelog-conventionalcommits": "8.0.0",
     "storybook": "$storybook"
   },
   "resolutions": {

package/webTypes/lib/build.js

@@ -6,6 +6,7 @@ import chokidar from "chokidar";
 import { globbySync } from "globby";
 import { parse } from "vue-docgen-api";
 import _ from "lodash-es";
+import { VUELESS_USER_COMPONENTS_DIR, VUELESS_LIBRARY } from "vueless/constants.js";
 
 export default async function build(config, vuelessConfig, srcDir) {
   config.outFile = path.resolve(config.cwd, config.outFile);
@@ -111,6 +112,25 @@ export function getDefaultConfigJson(fileContents) {
   return (0, eval)("(" + objectString + ")"); // Converting into JS object
 }
 
+/**
+ * Retrieves the default values from the provided component custom properties.
+ */
+export function getCustomPropsDefaults(props) {
+  const customPropsDefaults = {};
+
+  if (!props) {
+    return customPropsDefaults;
+  }
+
+  for (const [key, value] of Object.entries(props)) {
+    if (value.default) {
+      customPropsDefaults[key] = value.default;
+    }
+  }
+
+  return customPropsDefaults;
+}
+
 function getDefaultConfigFileName(folderPath) {
   const folder = fs.readdirSync(path.dirname(folderPath));
 
@@ -138,7 +158,11 @@ function getType(prop) {
 async function extractInformation(absolutePath, config, vuelessConfig) {
   const doc = await parse(config.cwd + "/" + absolutePath, {
     /* Allow to parse vueless components from node_modules. */
-    validExtends: (filePath) => filePath.replace(/\\/g, "/").includes(config.srcDir),
+    validExtends: (filePath) => {
+      const path = filePath.replace(/\\/g, "/");
+
+      return path.includes(config.srcDir) || path.includes(VUELESS_USER_COMPONENTS_DIR);
+    },
     ...config.apiOptions,
   });
   const name = doc.name || doc.displayName;
@@ -154,11 +178,12 @@ async function extractInformation(absolutePath, config, vuelessConfig) {
     defaultConfig = getDefaultConfigJson(defaultConfigContent);
   }
 
-  const globalConfigComponents = vuelessConfig?.component || {};
+  const globalConfigComponents = vuelessConfig?.components || {};
 
   const defaults = _.merge(
     defaultConfig?.defaults || {},
     globalConfigComponents[name]?.defaults || {},
+    getCustomPropsDefaults(globalConfigComponents[name]?.props),
   );
 
   doc.docsBlocks?.forEach((block) => {
@@ -175,7 +200,7 @@ async function extractInformation(absolutePath, config, vuelessConfig) {
 
   const componentPath = ensureRelative(path.relative(config.cwd, absolutePath));
   // Prevent "Chose declaration" duplication issue in Intellij
-  const source = !componentPath.includes("vueless")
+  const source = !componentPath.includes(VUELESS_LIBRARY)
     ? { source: { module: componentPath, symbol: doc.exportName } }
     : {};
 

package/webTypes/lib/config.js

@@ -4,8 +4,14 @@ import { cwd } from "node:process";
 import { readFile } from "fs/promises";
 import { pathToFileURL } from "node:url";
 import esbuild from "esbuild";
+import {
+  VUELESS_CACHE_DIR,
+  VUELESS_LOCAL_DIR,
+  VUELESS_PACKAGE_DIR,
+  SRC_USER_COMPONENTS_DIR,
+  VUELESS_USER_COMPONENTS_DIR,
+} from "vueless/constants.js";
 
-const CACHE_PATH = "./node_modules/.cache/vueless";
 const WEB_TYPES_CONFIG_FILE_NAME = "web-types.config";
 
 export async function extractConfig() {
@@ -15,13 +21,17 @@ export async function extractConfig() {
   const config = await getConfig();
 
   const components = config?.isVuelessEnv
-    ? ["src/**/*.vue"]
-    : ["node_modules/vueless/**/*.vue", "src/components/**/*.vue", ".vueless/components/**/*.vue"];
+    ? [`${VUELESS_LOCAL_DIR}/**/*.vue`]
+    : [
+        `${VUELESS_PACKAGE_DIR}/**/*.vue`,
+        `${SRC_USER_COMPONENTS_DIR}/**/*.vue`,
+        `${VUELESS_USER_COMPONENTS_DIR}/**/*.vue`,
+      ];
 
   return {
     cwd: cwd(),
     components,
-    outFile: `${CACHE_PATH}/web-types.json`,
+    outFile: `./${VUELESS_CACHE_DIR}/web-types.json`,
     packageName: packageJson["name"],
     packageVersion: packageJson["version"],
     descriptionMarkup: "markdown",
@@ -33,7 +43,7 @@ export async function extractConfig() {
 async function getConfig() {
   const configPathJs = path.resolve(cwd(), `${WEB_TYPES_CONFIG_FILE_NAME}.js`);
   const configPathTs = path.resolve(cwd(), `${WEB_TYPES_CONFIG_FILE_NAME}.ts`);
-  const configOutPath = path.join(cwd(), `${CACHE_PATH}/${WEB_TYPES_CONFIG_FILE_NAME}.mjs`);
+  const configOutPath = path.join(cwd(), `${VUELESS_CACHE_DIR}/${WEB_TYPES_CONFIG_FILE_NAME}.mjs`);
 
   let config = {};