ui-thing 0.1.28 → 0.1.30

package/src/utils/uiConfigPrompt.ts

@@ -1,10 +1,32 @@
 import kleur from "kleur";
 import prompts from "prompts";
 
-import { CSS_THEME_OPTIONS } from "./constants";
+import { CSS_THEME_OPTIONS, NUXT_VERSIONS, PACKAGE_MANAGER_CHOICES } from "./constants";
+
+export const promptForNuxtVersion = async () => {
+  const response = await prompts([
+    {
+      name: "nuxtVersion",
+      type: "select",
+      message: "Which Nuxt version are you using?",
+      choices: NUXT_VERSIONS,
+    },
+  ]);
+  if (!response.nuxtVersion) {
+    console.log(kleur.red("No Nuxt version selected. Exiting..."));
+    return process.exit(0);
+  }
+  return response.nuxtVersion;
+};
 
 export const initPrompts = async () => {
   const response = await prompts([
+    {
+      name: "nuxtVersion",
+      type: "select",
+      message: "Which Nuxt version are you using?",
+      choices: NUXT_VERSIONS,
+    },
     {
       name: "theme",
       type: "autocomplete",
@@ -15,7 +37,8 @@ export const initPrompts = async () => {
       name: "tailwindCSSLocation",
       type: "text",
       message: "Where is your tailwind.css file located?",
-      initial: "assets/css/tailwind.css",
+      initial: (_, v) =>
+        v.nuxtVersion == 3 ? "assets/css/tailwind.css" : "app/assets/css/tailwind.css",
     },
     {
       name: "tailwindConfigLocation",
@@ -27,25 +50,25 @@ export const initPrompts = async () => {
       name: "componentsLocation",
       type: "text",
       message: "Where should your components be stored?",
-      initial: "components/Ui",
+      initial: (_, v) => (v.nuxtVersion == 3 ? "components/Ui" : "app/components/Ui"),
     },
     {
       name: "composablesLocation",
       type: "text",
       message: "Where should your composables be stored?",
-      initial: "composables",
+      initial: (_, v) => (v.nuxtVersion == 3 ? "composables" : "app/composables"),
     },
     {
       name: "pluginsLocation",
       type: "text",
       message: "Where should your plugins be stored?",
-      initial: "plugins",
+      initial: (_, v) => (v.nuxtVersion == 3 ? "plugins" : "app/plugins"),
     },
     {
       name: "utilsLocation",
       type: "text",
       message: "Where should your utils be stored?",
-      initial: "utils",
+      initial: (_, v) => (v.nuxtVersion == 3 ? "utils" : "app/utils"),
     },
     {
       name: "force",
@@ -63,15 +86,11 @@ export const initPrompts = async () => {
       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" },
-      ],
+      choices: PACKAGE_MANAGER_CHOICES,
     },
   ]);
-  if (!response || Object.keys(response).length < 9) {
+
+  if (!response || Object.keys(response).length < 10) {
     console.log(kleur.red("Incomplete configuration submitted. Exiting..."));
     return process.exit(0);
   }

package/tests/utils/compareUIConfig.test.ts

@@ -5,6 +5,7 @@ import * as testingFn from "../../src/utils/compareUIConfig";
 import * as configModule from "../../src/utils/config";
 
 const goodConfig: UIConfig = {
+  nuxtVersion: 3,
   theme: "string",
   tailwindCSSLocation: "string",
   tailwindConfigLocation: "string",

package/tsconfig.json

@@ -7,6 +7,7 @@
     "outDir": "dist",
     "rootDir": "src",
     "strict": true,
+    "resolveJsonModule": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "declaration": true,