@interactivethings/scripts 2.1.3 → 2.1.4

package/README.md

@@ -69,32 +69,6 @@ ixt-scripts uses a unified configuration system with a single `ixt.config.ts` fi
 
 For detailed configuration options and schema reference, see [CONFIG.md](./CONFIG.md).
 
-## Creating Custom Transformers
-
-You can create custom transformers for the tokens-studio command:
-
-```typescript
-// transforms/my-transform.ts
-export function transform(input: { metadata: any; tokenData: any }) {
-  // Transform the tokens to your desired format
-  return {
-    colors: transformColors(input.tokenData.colors),
-    typography: transformTypography(input.tokenData.typography),
-    // ... other transformations
-  };
-}
-```
-
-Then reference it in your config:
-
-```typescript
-export default defineConfig({
-  tokensStudio: {
-    handler: "./transforms/my-transform.ts",
-  },
-});
-```
-
 ## Available Commands
 
 ### Figma Commands
@@ -140,6 +114,32 @@ UI frameworks like MUI and Tailwind require variables in specific formats, while
 3. Developers store token files in the code repository  
 4. Developers run `ixt tokens-studio transform` to convert tokens for their framework
 
+#### Creating Custom Transformers
+
+You can create custom transformers for the tokens-studio command:
+
+```typescript
+// transforms/my-transform.ts
+export function transform(input: { metadata: any; tokenData: any }) {
+  // Transform the tokens to your desired format
+  return {
+    colors: transformColors(input.tokenData.colors),
+    typography: transformTypography(input.tokenData.typography),
+    // ... other transformations
+  };
+}
+```
+
+Then reference it in your config:
+
+```typescript
+export default defineConfig({
+  tokensStudio: {
+    handler: "./transforms/my-transform.ts",
+  },
+});
+```
+
 ### Vercel Commands
 
 Utilities for Vercel deployments:

package/dist/init/cli.js

@@ -282,6 +282,15 @@ async function createProjectStructure(answers) {
             const outputDir = path.dirname(path.join(cwd, answers.tokensOutputFile));
             await fs.mkdir(outputDir, { recursive: true });
         }
+        if (answers.stylingFramework === "mui") {
+            await fs.cp(path.join(__dirname, "../../examples/mui-transform.ts"), path.join(transformsDir, "mui-transform.ts"));
+        }
+        else if (answers.stylingFramework === "tailwind") {
+            await fs.cp(path.join(__dirname, "../../examples/tailwind-transform.ts"), path.join(transformsDir, "tailwind-transform.ts"));
+        }
+        else if (answers.stylingFramework === "custom") {
+            await fs.cp(path.join(__dirname, "../../examples/custom-transform.ts"), path.join(transformsDir, "custom-transform.ts"));
+        }
     }
     // Create assets directories if using Figma
     if (answers.useFigma && answers.figmaAssets) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interactivethings/scripts",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",