@vueless/storybook 1.2.0 → 1.2.1-beta.0

package/bin/commands/index.js

@@ -0,0 +1,5 @@
+import { storybookInit } from "./init.js";
+
+export const commands = {
+  init: storybookInit,
+};

package/bin/commands/init.js

@@ -0,0 +1,86 @@
+/* eslint-disable no-console */
+
+import path from "node:path";
+import { cwd } from "node:process";
+import { styleText } from "node:util";
+import { readFile, writeFile } from "node:fs/promises";
+import { cpSync, renameSync, existsSync } from "node:fs";
+
+import { detectTypeScript } from "vueless/utils/node/helper.js";
+
+/**
+ * Initializes the Storybook configuration by determining the appropriate settings for TypeScript or JavaScript projects.
+ * It copies the corresponding Storybook preset directory and adds Storybook-related commands to the project.
+ * This function handles the setup required for running Storybook in the current project.
+ *
+ * @return {Promise<void>} A promise that resolves once the initialization process is complete.
+ */
+export async function storybookInit() {
+  const __dirname = path.dirname(new URL(import.meta.url).pathname);
+  const sourceTs = path.join(__dirname, "..", ".storybook-ts");
+  const sourceJs = path.join(__dirname, "..", ".storybook-js");
+  const target = path.join(cwd(), ".storybook");
+
+  (await detectTypeScript())
+    ? copyStorybookPreset(sourceTs, target)
+    : copyStorybookPreset(sourceJs, target);
+
+  await addStorybookCommands();
+}
+
+/**
+ * Copy Storybook preset to target directory.
+ * @param {string} source - Source directory.
+ * @param {string} target - Target directory.
+ * @param {Object} options - Options object.
+ * @param {boolean} options.consoles - Show console messages.
+ */
+function copyStorybookPreset(source, target, { consoles = true } = {}) {
+  if (existsSync(target)) {
+    const timestamp = Date.now();
+    const renamedTarget = `${target}-backup-${timestamp}`;
+
+    renameSync(target, renamedTarget);
+
+    if (consoles) {
+      console.log(
+        styleText(
+          "yellow",
+          `Current Storybook preset backed into: '${path.basename(renamedTarget)}'. Remove it before commit.`,
+        ),
+      );
+    }
+  }
+
+  cpSync(source, target, { recursive: true, force: true });
+
+  if (consoles) {
+    console.log(
+      styleText("green", `Storybook preset successfully saved into '${path.basename(target)}'.`),
+    );
+  }
+}
+
+/**
+ * Add Storybook commands to package.json.
+ */
+async function addStorybookCommands() {
+  try {
+    const storybookCommands = {
+      "sb:dev": "storybook dev -p 6006 --no-open",
+      "sb:dev:docs": "storybook dev -p 6006 --docs --no-open",
+      "sb:build": "storybook build --docs",
+      "sb:preview": "vite preview --host --outDir=storybook-static",
+    };
+
+    const packageJsonPath = path.resolve(cwd(), "package.json");
+    const data = await readFile(packageJsonPath, "utf8");
+    const packageJson = JSON.parse(data);
+
+    packageJson.scripts = { ...packageJson.scripts, ...storybookCommands };
+
+    await writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n", "utf8");
+  } catch (error) {
+    console.error("Error:", error);
+  }
+}

package/bin/constants.js

@@ -0,0 +1,3 @@
+/* System error codes */
+export const DEFAULT_EXIT_CODE = 0;
+export const FAILURE_CODE = 1;

package/bin/index.js

@@ -1,89 +1,25 @@
 #!/usr/bin/env node
+
 /* eslint-disable no-console */
 
-import path from "node:path";
-import { cwd } from "node:process";
 import { styleText } from "node:util";
-import fs, { promises } from "node:fs";
-import { detectTypeScript } from "vueless/utils/node/helper.js";
-
-const __dirname = path.dirname(new URL(import.meta.url).pathname);
-const sourceTs = path.join(__dirname, "..", ".storybook-ts");
-const sourceJs = path.join(__dirname, "..", ".storybook-js");
-const target = path.join(cwd(), ".storybook");
-
-const hasTypeScript = await detectTypeScript();
-
-hasTypeScript ? copyStorybookPreset(sourceTs, target) : copyStorybookPreset(sourceJs, target);
-
-await addStorybookCommands();
 
-/**
- * Copy Storybook preset to target directory.
- * @param {string} source - Source directory.
- * @param {string} target - Target directory.
- * @param {Object} options - Options object.
- * @param {boolean} options.consoles - Show console messages.
- */
-function copyStorybookPreset(source, target, { consoles = true } = {}) {
-  if (fs.existsSync(target)) {
-    const timestamp = new Date().valueOf();
-    const renamedTarget = `${target}-backup-${timestamp}`;
+import { commands } from "./commands/index.js";
+import { DEFAULT_EXIT_CODE, FAILURE_CODE } from "./constants.js";
 
-    fs.renameSync(target, renamedTarget);
+const [command, ...options] = process.argv.slice(2);
 
-    const warnMessage = styleText(
-      "yellow",
-      `Current Storybook preset backed into: '${path.basename(renamedTarget)}' folder. Remove it before commit.`,
-    );
-
-    console.log(warnMessage);
+try {
+  if (!command || command === "undefiend") {
+    process.exit(DEFAULT_EXIT_CODE);
   }
 
-  fs.mkdirSync(target, { recursive: true });
-
-  const files = fs.readdirSync(source);
-
-  files.forEach((file) => {
-    const srcFile = path.join(source, file);
-    const destFile = path.join(target, file);
-    const stat = fs.lstatSync(srcFile);
-
-    stat.isDirectory()
-      ? copyStorybookPreset(srcFile, destFile, { consoles: false })
-      : fs.copyFileSync(srcFile, destFile);
-  });
-
-  if (consoles) {
-    const successMessage = styleText(
-      "green",
-      `Storybook preset successfully saved into '${path.basename(target)}' folder.`,
-    );
-
-    console.log(successMessage);
-  }
-}
-
-/**
- * Add Storybook commands to package.json.
- */
-async function addStorybookCommands() {
-  try {
-    const storybookCommands = {
-      "sb:dev": "storybook dev -p 6006 --no-open",
-      "sb:dev:docs": "storybook dev -p 6006 --docs --no-open",
-      "sb:build": "storybook build --docs",
-      "sb:preview": "vite preview --host --outDir=storybook-static",
-    };
-
-    const packageJsonPath = path.resolve(cwd(), "package.json");
-    const data = await promises.readFile(packageJsonPath, "utf8");
-    const packageJson = JSON.parse(data);
-
-    packageJson.scripts = { ...packageJson.scripts, ...storybookCommands };
-
-    await promises.writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n", "utf8");
-  } catch (error) {
-    console.error("Error:", error);
+  if (command in commands) {
+    commands[command](options);
+  } else {
+    throw new Error(styleText("red", `There is no such command: ${command}`));
   }
+} catch (error) {
+  console.error(styleText("red", error.message));
+  process.exit(error.code || FAILURE_CODE);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook",
-  "version": "1.2.0",
+  "version": "1.2.1-beta.0",
   "description": "Simplifies Storybook configuration for Vueless UI library.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",