ui-thing 0.0.4 → 0.0.5

package/src/utils/installPackages.ts

@@ -1,28 +1,28 @@
-import { execa } from "execa";
-import _ from "lodash";
-import ora from "ora";
-
-export const installPackages = async (
-  packageManager: string,
-  deps?: string[] | string,
-  devDeps?: string | string[]
-) => {
-  if (typeof deps === "string") {
-    deps = [deps];
-  }
-  if (typeof devDeps === "string") {
-    devDeps = [devDeps];
-  }
-
-  const depsSpinner = ora("Installing dependencies...").start();
-  if (!_.isUndefined(deps) && !_.isEmpty(deps)) {
-    await execa(packageManager, [packageManager === "yarn" ? "add" : "install", ...deps]);
-  }
-  depsSpinner.text = "Installing dev dependencies...";
-  if (!_.isUndefined(devDeps) && !_.isEmpty(devDeps)) {
-    await execa(packageManager, [packageManager === "yarn" ? "add" : "install", "-D", ...devDeps]);
-  }
-  await execa(packageManager, ["run", "postinstall"]);
-
-  depsSpinner.succeed("Installed dependencies!");
-};
+import { execa } from "execa";
+import _ from "lodash";
+import ora from "ora";
+
+export const installPackages = async (
+  packageManager: string,
+  deps?: string[] | string,
+  devDeps?: string | string[]
+) => {
+  if (typeof deps === "string") {
+    deps = [deps];
+  }
+  if (typeof devDeps === "string") {
+    devDeps = [devDeps];
+  }
+
+  const depsSpinner = ora("Installing dependencies...").start();
+  if (!_.isUndefined(deps) && !_.isEmpty(deps)) {
+    await execa(packageManager, [packageManager === "yarn" ? "add" : "install", ...deps]);
+  }
+  depsSpinner.text = "Installing dev dependencies...";
+  if (!_.isUndefined(devDeps) && !_.isEmpty(devDeps)) {
+    await execa(packageManager, [packageManager === "yarn" ? "add" : "install", "-D", ...devDeps]);
+  }
+  await execa(packageManager, ["run", "postinstall"]);
+
+  depsSpinner.succeed("Installed dependencies!");
+};

package/src/utils/printFancyBoxMessage.ts

@@ -1,19 +1,19 @@
-import boxen from "boxen";
-import figlet from "figlet";
-import type { Options } from "boxen";
-
-export const printFancyBoxMessage = (title: string, boxOptions?: Options, description?: string) => {
-  console.log("\n");
-  console.log(
-    boxen(figlet.textSync(title), {
-      borderColor: "greenBright",
-      padding: 1,
-      borderStyle: "round",
-      titleAlignment: "center",
-      ...boxOptions,
-    })
-  );
-  if (description) {
-    console.log(`\n${description}`);
-  }
-};
+import boxen from "boxen";
+import figlet from "figlet";
+import type { Options } from "boxen";
+
+export const printFancyBoxMessage = (title: string, boxOptions?: Options, description?: string) => {
+  console.log("\n");
+  console.log(
+    boxen(figlet.textSync(title), {
+      borderColor: "greenBright",
+      padding: 1,
+      borderStyle: "round",
+      titleAlignment: "center",
+      ...boxOptions,
+    })
+  );
+  if (description) {
+    console.log(`\n${description}`);
+  }
+};

package/src/utils/promptForComponents.ts

@@ -1,17 +1,17 @@
-import prompts from "prompts";
-
-import allComponents from "../comp";
-
-export const promptUserForComponents = async (): Promise<string[]> => {
-  const { components } = await prompts({
-    type: "autocompleteMultiselect",
-    name: "components",
-    message: "Select the components you want to add",
-    choices: allComponents.map((c) => ({ title: c.name, value: c.value })),
-    onRender(kleur) {
-      // @ts-ignore
-      this.msg = kleur.bgCyan(" Choose components ") + "  Select the components you want to add";
-    },
-  });
-  return components;
-};
+import prompts from "prompts";
+
+import allComponents from "../comp";
+
+export const promptUserForComponents = async (): Promise<string[]> => {
+  const { components } = await prompts({
+    type: "autocompleteMultiselect",
+    name: "components",
+    message: "Select the components you want to add",
+    choices: allComponents.map((c) => ({ title: c.name, value: c.value })),
+    onRender(kleur) {
+      // @ts-ignore
+      this.msg = kleur.bgCyan(" Choose components ") + "  Select the components you want to add";
+    },
+  });
+  return components;
+};

package/src/utils/uiConfigPrompt.ts

@@ -1,73 +1,73 @@
-import kleur from "kleur";
-import prompts from "prompts";
-
-import { CSS_THEME_OPTIONS } from "./constants";
-
-export const initPrompts = async () => {
-  const response = await prompts([
-    {
-      name: "theme",
-      type: "autocomplete",
-      message: "Which theme do you want to start with?",
-      choices: CSS_THEME_OPTIONS,
-    },
-    {
-      name: "tailwindCSSLocation",
-      type: "text",
-      message: "Where is your tailwind.css file located?",
-      initial: "assets/css/tailwind.css",
-    },
-    {
-      name: "tailwindConfigLocation",
-      type: "text",
-      message: "Where is your tailwind.config file located?",
-      initial: "tailwind.config.js",
-    },
-    {
-      name: "componentsLocation",
-      type: "text",
-      message: "Where should your components be stored?",
-      initial: "components/UI",
-    },
-    {
-      name: "composablesLocation",
-      type: "text",
-      message: "Where should your composables be stored?",
-      initial: "composables",
-    },
-    {
-      name: "utilsLocation",
-      type: "text",
-      message: "Where should your utils be stored?",
-      initial: "utils",
-    },
-    {
-      name: "force",
-      type: "confirm",
-      message: "Should we just replace component files if they already exist?",
-      initial: true,
-    },
-    {
-      name: "useDefaultFilename",
-      type: "confirm",
-      message: "Would you like to use the default filename when adding components?",
-      initial: true,
-    },
-    {
-      name: "packageManager",
-      type: "select",
-      message: "Which package manager do you use?",
-      choices: [
-        { title: "NPM", value: "npm" },
-        { title: "Yarn", value: "yarn" },
-        { title: "PNPM", value: "pnpm" },
-        { title: "Bun", value: "bun" },
-      ],
-    },
-  ]);
-  if (!response || Object.keys(response).length < 9) {
-    console.log(kleur.red("Incomplete configuration submitted. Exiting..."));
-    return process.exit(0);
-  }
-  return response;
-};
+import kleur from "kleur";
+import prompts from "prompts";
+
+import { CSS_THEME_OPTIONS } from "./constants";
+
+export const initPrompts = async () => {
+  const response = await prompts([
+    {
+      name: "theme",
+      type: "autocomplete",
+      message: "Which theme do you want to start with?",
+      choices: CSS_THEME_OPTIONS,
+    },
+    {
+      name: "tailwindCSSLocation",
+      type: "text",
+      message: "Where is your tailwind.css file located?",
+      initial: "assets/css/tailwind.css",
+    },
+    {
+      name: "tailwindConfigLocation",
+      type: "text",
+      message: "Where is your tailwind.config file located?",
+      initial: "tailwind.config.js",
+    },
+    {
+      name: "componentsLocation",
+      type: "text",
+      message: "Where should your components be stored?",
+      initial: "components/UI",
+    },
+    {
+      name: "composablesLocation",
+      type: "text",
+      message: "Where should your composables be stored?",
+      initial: "composables",
+    },
+    {
+      name: "utilsLocation",
+      type: "text",
+      message: "Where should your utils be stored?",
+      initial: "utils",
+    },
+    {
+      name: "force",
+      type: "confirm",
+      message: "Should we just replace component files if they already exist?",
+      initial: true,
+    },
+    {
+      name: "useDefaultFilename",
+      type: "confirm",
+      message: "Would you like to use the default filename when adding components?",
+      initial: true,
+    },
+    {
+      name: "packageManager",
+      type: "select",
+      message: "Which package manager do you use?",
+      choices: [
+        { title: "NPM", value: "npm" },
+        { title: "Yarn", value: "yarn" },
+        { title: "PNPM", value: "pnpm" },
+        { title: "Bun", value: "bun" },
+      ],
+    },
+  ]);
+  if (!response || Object.keys(response).length < 9) {
+    console.log(kleur.red("Incomplete configuration submitted. Exiting..."));
+    return process.exit(0);
+  }
+  return response;
+};

package/src/utils/writeFile.ts

@@ -1,18 +1,18 @@
-import fs from "node:fs";
-import path from "node:path";
-
-import { fileExists } from "./fileExists";
-
-export const writeFile = async (filePath: string, fileContent: string) => {
-  // check if the file exists
-  const exists = await fileExists(filePath);
-  // if it doesn't, create it
-  if (!exists) {
-    // if it doesn't, create it
-    const folderPath = path.dirname(filePath);
-    if (!fs.existsSync(folderPath)) {
-      fs.mkdirSync(folderPath, { recursive: true });
-    }
-  }
-  fs.writeFileSync(filePath, fileContent);
-};
+import fs from "node:fs";
+import path from "node:path";
+
+import { fileExists } from "./fileExists";
+
+export const writeFile = async (filePath: string, fileContent: string) => {
+  // check if the file exists
+  const exists = await fileExists(filePath);
+  // if it doesn't, create it
+  if (!exists) {
+    // if it doesn't, create it
+    const folderPath = path.dirname(filePath);
+    if (!fs.existsSync(folderPath)) {
+      fs.mkdirSync(folderPath, { recursive: true });
+    }
+  }
+  fs.writeFileSync(filePath, fileContent);
+};

package/tsconfig.json

@@ -1,16 +1,16 @@
-{
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "**/*.spec.ts", "dist"],
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "commonjs",
-    "outDir": "dist",
-    "rootDir": "src",
-    "strict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true
-  }
-}
+{
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.spec.ts", "dist"],
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "commonjs",
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true
+  }
+}

package/tsup.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig({
-  sourcemap: true,
-  entry: ["src/index.ts"],
-  dts: true,
-  clean: true,
-  format: ["esm"],
-  minify: true,
-  target: "esnext",
-  outDir: "dist",
-});
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  sourcemap: true,
+  entry: ["src/index.ts"],
+  dts: true,
+  clean: true,
+  format: ["esm"],
+  minify: true,
+  target: "esnext",
+  outDir: "dist",
+});