From 26c836f47987c99eb9ae42b5ff31711f3b25733d Mon Sep 17 00:00:00 2001 From: severinlandolt Date: Sat, 20 Jan 2024 05:27:23 +0100 Subject: [PATCH] fix: installations --- .DS_Store | Bin 6148 -> 6148 bytes src/index.ts | 33 +++++++++++++++++++++++----- src/templates.ts | 56 +++++++++++++++++++++++------------------------ 3 files changed, 55 insertions(+), 34 deletions(-) diff --git a/.DS_Store b/.DS_Store index 9283fc5a7a08dc4478fbb2b7d9c1182366f26974..6d1d9664b30a43ebc818a2c978113cab634dc580 100644 GIT binary patch delta 51 zcmZoMXffDe#lp-gd}6XKiv;U&4%O%TCr7bJLs?ZUGE6)Un`f|;Ffw_4-^|DMO%MR6 C4-mir delta 51 zcmZoMXffDe#lp;THgB>miv(-u74JQJCP%SILs?ZUGEAHgHqT%wVPx{C+04iGO%MRv C^Abw{ diff --git a/src/index.ts b/src/index.ts index d54fea9..53d7bc0 100644 --- a/src/index.ts +++ b/src/index.ts @@ -86,20 +86,39 @@ async function main() { ]); tremorSpinner.succeed(); - const dependenciesSpinner = ora( - `Installing Tailwind CSS dependency...` + const headlessUiSpinner = ora(`Installing @headlessui/react...`).start(); + await execa(packageManager, [ + packageManager === "npm" ? "install" : "add", + "@headlessui/react", + ]); + headlessUiSpinner.succeed(); + + const headlessUiTailwindCssSpinner = ora( + `Installing @headlessui/tailwindcss...` + ).start(); + await execa(packageManager, [ + packageManager === "npm" ? "install" : "add", + "@headlessui/tailwindcss", + ]); + headlessUiSpinner.succeed(); + + const tailwindFormsSpinner = ora( + `Installing @tailwindcss/forms as a dev dependency...` ).start(); await execa(packageManager, [ packageManager === "npm" ? "install" : "add", - "-D @tailwindcss/forms", + "@tailwindcss/forms", + packageManager === "npm" ? "--save-dev" : "--dev", ]); - dependenciesSpinner.succeed(); + tailwindFormsSpinner.succeed(); // Check the kind of project (TypeScript/JavaScript) const isTypeScriptProject = fs.existsSync("tsconfig.json"); // Infer the name of the tailwind config file accordingly - const tailwindConfigFileName = isTypeScriptProject ? "tailwind.config.ts" : "tailwind.config.js"; + const tailwindConfigFileName = isTypeScriptProject + ? "tailwind.config.ts" + : "tailwind.config.js"; const tailwindDestination = `./${tailwindConfigFileName}`; // Check if the tailwind config file already exists @@ -120,7 +139,9 @@ async function main() { // } // Write the tailwind config file - const tailwindSpinner = ora(`Configuring ${tailwindConfigFileName}...`).start(); + const tailwindSpinner = ora( + `Configuring ${tailwindConfigFileName}...` + ).start(); await fs.writeFile( tailwindDestination, getTailwindConfig(frameworkConfigType), diff --git a/src/templates.ts b/src/templates.ts index 8d120a7..8f6766f 100644 --- a/src/templates.ts +++ b/src/templates.ts @@ -39,34 +39,34 @@ export const CONTENT_REFINE = `[ ]`; export const SAFELIST = `[ - { - pattern: - /^(bg-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - variants: ["hover", "ui-selected"], - }, - { - pattern: - /^(text-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - variants: ["hover", "ui-selected"], - }, - { - pattern: - /^(border-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - variants: ["hover", "ui-selected"], - }, - { - pattern: - /^(ring-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - }, - { - pattern: - /^(stroke-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - }, - { - pattern: - /^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, - }, -]`; + { + pattern: + /^(bg-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + variants: ["hover", "ui-selected"], + }, + { + pattern: + /^(text-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + variants: ["hover", "ui-selected"], + }, + { + pattern: + /^(border-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + variants: ["hover", "ui-selected"], + }, + { + pattern: + /^(ring-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + }, + { + pattern: + /^(stroke-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + }, + { + pattern: + /^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/, + }, +],`; export const THEME = `{ transparent: "transparent",