enable TypeScript only when using init --types for now

Author: RobinMalfait

src/cli.js

@@ -151,6 +151,10 @@ let commands = {
     args: {
       '--full': { type: Boolean, description: 'Initialize a full `tailwind.config.js` file' },
       '--postcss': { type: Boolean, description: 'Initialize a `postcss.config.js` file' },
+      '--types': {
+        type: Boolean,
+        description: 'Add TypeScript types for the `tailwind.config.js` file',
+      },
       '-f': '--full',
       '-p': '--postcss',
     },
@@ -209,7 +213,7 @@ if (
   help({
     usage: [
       'tailwindcss [--input input.css] [--output output.css] [--watch] [options...]',
-      'tailwindcss init [--full] [--postcss] [options...]',
+      'tailwindcss init [--full] [--postcss] [--types] [options...]',
     ],
     commands: Object.keys(commands)
       .filter((command) => command !== 'build')
@@ -336,6 +340,13 @@ function init() {
       'utf8'
     )
 
+    if (args['--types']) {
+      let typesHeading = "/** @type {import('tailwindcss/types').Config} */"
+      stubFile =
+        stubFile.replace(`module.exports = `, `${typesHeading}\nconst config = `) +
+        '\nmodule.exports = config'
+    }
+
     // Change colors import
     stubFile = stubFile.replace('../colors', 'tailwindcss/colors')
 

stubs/defaultConfig.stub.js

@@ -1,5 +1,4 @@
-/** @type {import('tailwindcss/types').Config} */
-const config = {
+module.exports = {
   content: [],
   presets: [],
   darkMode: 'media', // or 'class'
@@ -952,5 +951,3 @@ const config = {
   ],
   plugins: [],
 }
-
-module.exports = config

stubs/simpleConfig.stub.js

@@ -1,10 +1,7 @@
-/** @type {import('tailwindcss/types').Config} */
-const config = {
+module.exports = {
   content: [],
   theme: {
     extend: {},
   },
   plugins: [],
 }
-
-module.exports = config