ui-thing 0.1.4 → 0.1.5

package/src/types.ts

@@ -1,35 +1,35 @@
-export type UIConfig = {
-  theme: string;
-  tailwindCSSLocation: string;
-  tailwindConfigLocation: string;
-  componentsLocation: string;
-  composablesLocation: string;
-  utilsLocation: string;
-  force: boolean;
-  useDefaultFilename: boolean;
-  packageManager: string;
-};
-
-export type InitOptions = { force?: boolean; yes?: boolean };
-
-export type Component = {
-  name: string;
-  value: string;
-  deps?: string[];
-  devDeps?: string[];
-  nuxtModules?: string[];
-  instructions?: string[];
-  files: Composable[];
-  utils: Composable[];
-  composables: Composable[];
-  plugins: Composable[];
-  components?: string[];
-  askValidator?: boolean;
-  overrides?: Record<string, any>;
-};
-
-export type Composable = {
-  fileName: string;
-  dirPath: string;
-  fileContent: string;
-};
+export type UIConfig = {
+  theme: string;
+  tailwindCSSLocation: string;
+  tailwindConfigLocation: string;
+  componentsLocation: string;
+  composablesLocation: string;
+  utilsLocation: string;
+  force: boolean;
+  useDefaultFilename: boolean;
+  packageManager: string;
+};
+
+export type InitOptions = { force?: boolean; yes?: boolean };
+
+export type Component = {
+  name: string;
+  value: string;
+  deps?: string[];
+  devDeps?: string[];
+  nuxtModules?: string[];
+  instructions?: string[];
+  files: Composable[];
+  utils: Composable[];
+  composables: Composable[];
+  plugins: Composable[];
+  components?: string[];
+  askValidator?: boolean;
+  overrides?: Record<string, any>;
+};
+
+export type Composable = {
+  fileName: string;
+  dirPath: string;
+  fileContent: string;
+};

package/src/utils/config.ts

@@ -1,100 +1,100 @@
-import { join } from "path";
-import { loadConfig } from "c12";
-import fse from "fs-extra";
-import kleur from "kleur";
-import _ from "lodash";
-import { loadFile, ProxifiedModule, writeFile } from "magicast";
-import { addNuxtModule, getDefaultExportOptions } from "magicast/helpers";
-import prompts from "prompts";
-
-import { InitOptions, UIConfig } from "../types";
-import { initPrompts } from "./uiConfigPrompt";
-
-const currentDir = process.cwd();
-const uiConfigFilename = "ui-thing.config.ts";
-const defaultConfig = {
-  theme: "zinc",
-  tailwindCSSLocation: "assets/css/tailwind.css",
-  tailwindConfigLocation: "tailwind.config.js",
-  componentsLocation: "components/Ui",
-  composablesLocation: "composables",
-  utilsLocation: "utils",
-  force: true,
-  useDefaultFilename: true,
-  packageManager: "npm",
-};
-
-export const getNuxtConfig = async () => {
-  if (!fse.existsSync("nuxt.config.ts")) {
-    console.log(kleur.red(`No ${kleur.bgWhite(`nuxt.config.ts`)} file found. Exiting...`));
-    return process.exit(0);
-  }
-  const nuxtConfig = await loadFile(join(currentDir, "nuxt.config.ts"));
-  const defaultExport = getDefaultExportOptions(nuxtConfig);
-  return { nuxtConfig, defaultExport };
-};
-
-export const getUIConfig = async (options?: InitOptions) => {
-  const configFileExists = fse.existsSync(uiConfigFilename);
-  let uiConfig: UIConfig = {} as UIConfig;
-
-  if (!configFileExists || options?.force) {
-    // if option yes is passed, use default values
-    if (options?.yes) {
-      uiConfig = defaultConfig;
-    } else {
-      uiConfig = await initPrompts();
-    }
-    await fse.writeFile(uiConfigFilename, `export default ${JSON.stringify(uiConfig, null, 2)}`);
-    // Check if user chose pnpm as package manager
-    if (uiConfig.packageManager === "pnpm") {
-      // check if a .npmrc file exists
-      const npmrcExists = fse.existsSync(".npmrc");
-      // as the user if they want to create a .npmrc file
-      if (npmrcExists) {
-        const { confirmCreateNpmrc } = await prompts({
-          type: "confirm",
-          name: "confirmCreateNpmrc",
-          message: "A .npmrc file already exists. Do you want to overwrite it?",
-          initial: false,
-        });
-        if (confirmCreateNpmrc) {
-          await fse.writeFile(".npmrc", "shamefully-hoist=true\nstrict-peer-dependencies=false\n");
-        }
-      } else {
-        await fse.writeFile(".npmrc", "shamefully-hoist=true\nstrict-peer-dependencies=false\n");
-      }
-    }
-  } else {
-    const data = await loadConfig({
-      configFile: uiConfigFilename.replace(".ts", ""),
-    });
-    uiConfig = data.config as UIConfig;
-  }
-  if (_.isEmpty(uiConfig)) {
-    await getUIConfig({ force: true });
-  }
-  createConfigPaths(uiConfig);
-  return uiConfig;
-};
-
-export const createConfigPaths = (uiConfig: UIConfig) => {
-  // Esnure files exists
-  if (uiConfig.tailwindCSSLocation) fse.ensureFileSync(uiConfig.tailwindConfigLocation);
-  if (uiConfig.tailwindConfigLocation) fse.ensureFileSync(uiConfig.tailwindCSSLocation);
-  if (uiConfig.componentsLocation) fse.ensureDirSync(uiConfig.componentsLocation);
-  if (uiConfig.composablesLocation) fse.ensureDirSync(uiConfig.composablesLocation);
-  if (uiConfig.utilsLocation) fse.ensureDirSync(uiConfig.utilsLocation);
-};
-
-export const addModuleToConfig = (cfg: ProxifiedModule, modules: string[] | string) => {
-  if (typeof modules === "string") {
-    modules = [modules];
-  }
-  modules.forEach((m) => addNuxtModule(cfg, m));
-  return cfg;
-};
-
-export const updateConfig = async (cfg: ProxifiedModule, fileName = "nuxt.config.ts") => {
-  await writeFile(cfg.$ast, fileName);
-};
+import { join } from "path";
+import { loadConfig } from "c12";
+import fse from "fs-extra";
+import kleur from "kleur";
+import _ from "lodash";
+import { loadFile, ProxifiedModule, writeFile } from "magicast";
+import { addNuxtModule, getDefaultExportOptions } from "magicast/helpers";
+import prompts from "prompts";
+
+import { InitOptions, UIConfig } from "../types";
+import { initPrompts } from "./uiConfigPrompt";
+
+const currentDir = process.cwd();
+const uiConfigFilename = "ui-thing.config.ts";
+const defaultConfig = {
+  theme: "zinc",
+  tailwindCSSLocation: "assets/css/tailwind.css",
+  tailwindConfigLocation: "tailwind.config.js",
+  componentsLocation: "components/Ui",
+  composablesLocation: "composables",
+  utilsLocation: "utils",
+  force: true,
+  useDefaultFilename: true,
+  packageManager: "npm",
+};
+
+export const getNuxtConfig = async () => {
+  if (!fse.existsSync("nuxt.config.ts")) {
+    console.log(kleur.red(`No ${kleur.bgWhite(`nuxt.config.ts`)} file found. Exiting...`));
+    return process.exit(0);
+  }
+  const nuxtConfig = await loadFile(join(currentDir, "nuxt.config.ts"));
+  const defaultExport = getDefaultExportOptions(nuxtConfig);
+  return { nuxtConfig, defaultExport };
+};
+
+export const getUIConfig = async (options?: InitOptions) => {
+  const configFileExists = fse.existsSync(uiConfigFilename);
+  let uiConfig: UIConfig = {} as UIConfig;
+
+  if (!configFileExists || options?.force) {
+    // if option yes is passed, use default values
+    if (options?.yes) {
+      uiConfig = defaultConfig;
+    } else {
+      uiConfig = await initPrompts();
+    }
+    await fse.writeFile(uiConfigFilename, `export default ${JSON.stringify(uiConfig, null, 2)}`);
+    // Check if user chose pnpm as package manager
+    if (uiConfig.packageManager === "pnpm") {
+      // check if a .npmrc file exists
+      const npmrcExists = fse.existsSync(".npmrc");
+      // as the user if they want to create a .npmrc file
+      if (npmrcExists) {
+        const { confirmCreateNpmrc } = await prompts({
+          type: "confirm",
+          name: "confirmCreateNpmrc",
+          message: "A .npmrc file already exists. Do you want to overwrite it?",
+          initial: false,
+        });
+        if (confirmCreateNpmrc) {
+          await fse.writeFile(".npmrc", "shamefully-hoist=true\nstrict-peer-dependencies=false\n");
+        }
+      } else {
+        await fse.writeFile(".npmrc", "shamefully-hoist=true\nstrict-peer-dependencies=false\n");
+      }
+    }
+  } else {
+    const data = await loadConfig({
+      configFile: uiConfigFilename.replace(".ts", ""),
+    });
+    uiConfig = data.config as UIConfig;
+  }
+  if (_.isEmpty(uiConfig)) {
+    await getUIConfig({ force: true });
+  }
+  createConfigPaths(uiConfig);
+  return uiConfig;
+};
+
+export const createConfigPaths = (uiConfig: UIConfig) => {
+  // Esnure files exists
+  if (uiConfig.tailwindCSSLocation) fse.ensureFileSync(uiConfig.tailwindConfigLocation);
+  if (uiConfig.tailwindConfigLocation) fse.ensureFileSync(uiConfig.tailwindCSSLocation);
+  if (uiConfig.componentsLocation) fse.ensureDirSync(uiConfig.componentsLocation);
+  if (uiConfig.composablesLocation) fse.ensureDirSync(uiConfig.composablesLocation);
+  if (uiConfig.utilsLocation) fse.ensureDirSync(uiConfig.utilsLocation);
+};
+
+export const addModuleToConfig = (cfg: ProxifiedModule, modules: string[] | string) => {
+  if (typeof modules === "string") {
+    modules = [modules];
+  }
+  modules.forEach((m) => addNuxtModule(cfg, m));
+  return cfg;
+};
+
+export const updateConfig = async (cfg: ProxifiedModule, fileName = "nuxt.config.ts") => {
+  await writeFile(cfg.$ast, fileName);
+};

package/src/utils/promptForComponents.ts

@@ -1,20 +1,20 @@
-import prompts from "prompts";
-
-import allComponents from "../comps";
-import { Component } from "../types";
-
-export const promptUserForComponents = async (all?: boolean): Promise<string[]> => {
-  // If all is true, return all components
-  if (all) return allComponents.map((c: Component) => c.value);
-  const { components } = await prompts({
-    type: "autocompleteMultiselect",
-    name: "components",
-    message: "Select the components you want to add",
-    choices: allComponents.map((c: Component) => ({ 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 "../comps";
+import { Component } from "../types";
+
+export const promptUserForComponents = async (all?: boolean): Promise<string[]> => {
+  // If all is true, return all components
+  if (all) return allComponents.map((c: Component) => c.value);
+  const { components } = await prompts({
+    type: "autocompleteMultiselect",
+    name: "components",
+    message: "Select the components you want to add",
+    choices: allComponents.map((c: Component) => ({ 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;
+};