fix: remove jit mode hard corded into outputs as it is no longer reco…

…mmended to use this flag in recent versions
nado1001 · Jan 30, 2025 · 942dc0e · 942dc0e
1 parent c1f0f2f
commit 942dc0e
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -27,14 +27,14 @@ Generate `tailwind.config.js` by setting type to `all`.
 See [Creating each theme file](https://github.com/nado1001/sd-tailwindcss-transformer#creating-each-theme-file) if you wish to customize the configuration file with [plugin functions](https://tailwindcss.com/docs/plugins), etc.
 
 ```js
-import StyleDictionary from 'style-dictionary';
-import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer';
+import StyleDictionary from 'style-dictionary'
+import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer'
 
 const styleDictionaryTailwind = new StyleDictionary(
-    makeSdTailwindConfig({ type: 'all' }),
-);
-await styleDictionaryTailwind.hasInitialized;
-await styleDictionaryTailwind.buildAllPlatforms();
+  makeSdTailwindConfig({ type: 'all' })
+)
+await styleDictionaryTailwind.hasInitialized
+await styleDictionaryTailwind.buildAllPlatforms()
 ```
 
 Output:
@@ -43,7 +43,6 @@ Output:
 // tailwind.config.js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  mode: "jit",
   content: ["./src/**/*.{ts,tsx}"],
   darkMode: "class",
   theme: {
@@ -71,20 +70,20 @@ Create an object for each theme, assuming that various customizations will be ma
 Import and use the created files in `tailwind.config.js`.
 
 ```js
-import StyleDictionary from 'style-dictionary';
-import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer';
+import StyleDictionary from 'style-dictionary'
+import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer'
 
-const types = ['colors', 'fontSize'];
+const types = ['colors', 'fontSize']
 
 for (const type of types) {
-    let tailwindConfig = makeSdTailwindConfig({
-        type,
-    });
+  let tailwindConfig = makeSdTailwindConfig({
+    type
+  })
 
-    const styleDictionaryTailwind = new StyleDictionary(tailwindConfig);
+  const styleDictionaryTailwind = new StyleDictionary(tailwindConfig)
 
-    await styleDictionaryTailwind.hasInitialized;
-    await styleDictionaryTailwind.buildAllPlatforms();
+  await styleDictionaryTailwind.hasInitialized
+  await styleDictionaryTailwind.buildAllPlatforms()
 }
 ```
 
@@ -116,33 +115,33 @@ CSS custom variables can be used by setting isVariables to `true`.
 In this case, a CSS file must also be generated.
 
 ```js
-import StyleDictionary from 'style-dictionary';
-import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer';
+import StyleDictionary from 'style-dictionary'
+import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer'
 
 const sdConfig = makeSdTailwindConfig({
-    type: 'all',
-    isVariables: true,
-});
+  type: 'all',
+  isVariables: true
+})
 
 sdConfig.platforms['css'] = {
-    transformGroup: 'css',
-    buildPath: './styles/',
-    files: [
-        {
-            destination: 'tailwind.css',
-            format: 'css/variables',
-            options: {
-                outputReferences: true,
-            },
-        },
-    ],
-};
+  transformGroup: 'css',
+  buildPath: './styles/',
+  files: [
+    {
+      destination: 'tailwind.css',
+      format: 'css/variables',
+      options: {
+        outputReferences: true
+      }
+    }
+  ]
+}
 
 const styleDictionaryTailwind = new StyleDictionary(
-    makeSdTailwindConfig({ type: 'all' }),
-);
-await styleDictionaryTailwind.hasInitialized;
-await styleDictionaryTailwind.buildAllPlatforms();
+  makeSdTailwindConfig({ type: 'all' })
+)
+await styleDictionaryTailwind.hasInitialized
+await styleDictionaryTailwind.buildAllPlatforms()
 ```
 
 Output:
@@ -167,7 +166,6 @@ Output:
 // tailwind.config.js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  mode: "jit",
   content: ["./src/**/*.{ts,tsx}"],
   darkMode: "class",
   theme: {

diff --git a/src/utils.ts b/src/utils.ts
@@ -13,10 +13,10 @@ export const makeSdObject = <T extends readonly string[]>(
 ): void => {
   const lastIndex = keys.length - 1
   for (let i = 0; i < lastIndex; ++i) {
-    let key = keys[i];
+    let key = keys[i]
 
     if (setCasing) {
-      key = camelCase(keys[i]);
+      key = camelCase(keys[i])
     }
 
     if (!(key in obj)) {
@@ -27,7 +27,7 @@ export const makeSdObject = <T extends readonly string[]>(
 
   // https://v2.tailwindcss.com/docs/upgrading-to-v2#update-default-theme-keys-to-default
   if (keys[lastIndex] === 'DEFAULT') {
-    setCasing = false;
+    setCasing = false
   }
 
   if (!setCasing) {
@@ -86,7 +86,6 @@ export const getTemplateConfigByType = (
 
   const getTemplateConfig = () => {
     let config = `{
-  mode: "jit",
   content: [${tailwindContent}],
   darkMode: "${darkMode}",
   ${extendTheme}`