@interactivethings/scripts 2.0.0 → 2.0.2

package/README.md

@@ -27,7 +27,7 @@ export default defineConfig({
         output: "src/assets/icons",
       },
       {
-        name: "illustrations",
+        name: "illustrations", 
         url: "https://www.figma.com/design/YOUR_FILE_ID/Design-System?node-id=789-012",
         output: "src/assets/illustrations",
       },
@@ -35,7 +35,7 @@ export default defineConfig({
   },
   tokensStudio: {
     input: "./tokens",
-    output: "src/theme/tokens.json",
+    output: "src/theme/tokens.json", 
     handler: "./transforms/mui-transform.ts",
   },
 });
@@ -105,7 +105,7 @@ Download assets from Figma:
 # Download all configured assets
 ixt figma download
 
-# Download specific asset collection
+# Download specific asset collection  
 ixt figma download icons
 
 # Get node information
@@ -113,7 +113,6 @@ ixt figma get "https://www.figma.com/design/..."
 ```
 
 **Features:**
-
 - Download SVG icons and optimize them
 - Download assets exported from Figma
 - Automatic asset optimization
@@ -136,10 +135,9 @@ ixt tokens-studio transform --handler ./custom-transform.ts --output theme.json
 UI frameworks like MUI and Tailwind require variables in specific formats, while designers work with Figma Tokens. The `tokens-studio` tool bridges this gap by transforming design tokens into framework-compatible variables.
 
 **Workflow:**
-
 1. Designers create tokens in Figma
 2. Designers export tokens using Tokens Studio plugin
-3. Developers store token files in the code repository
+3. Developers store token files in the code repository  
 4. Developers run `ixt tokens-studio transform` to convert tokens for their framework
 
 ### Vercel Commands
@@ -159,7 +157,7 @@ After transforming your design tokens, you can use them directly in your framewo
 
 ```typescript
 // tailwind.config.ts
-import theme from "src/theme/tokens.json";
+import theme from 'src/theme/tokens.json'
 
 export default {
   darkMode: ["class"],
@@ -172,19 +170,19 @@ export default {
   theme: {
     extend: {
       colors: {
-        ...theme.colors,
-      },
-    },
-  },
-};
+        ...theme.colors
+      }
+    }
+  }
+}
 ```
 
 ### Material-UI (MUI)
 
 ```tsx
 // theme.tsx
-import { createTheme } from "@mui/material/styles";
-import tokens from "src/theme/tokens.json";
+import { createTheme } from '@mui/material/styles';
+import tokens from 'src/theme/tokens.json';
 
 export const theme = createTheme({
   typography: {

package/dist/cli.js

@@ -16,15 +16,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.main = void 0;
+exports.main = main;
 const argparse_1 = require("argparse");
 const env_1 = require("@next/env");
 async function main() {
@@ -87,7 +97,6 @@ async function main() {
             process.exit(1);
     }
 }
-exports.main = main;
 main().catch((err) => {
     console.error(err);
     process.exit(1);

package/dist/config.js

@@ -15,15 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateRequiredConfig = exports.mergeConfigWithArgs = exports.loadConfig = exports.defineConfig = exports.IxtConfigSchema = exports.VercelConfigSchema = exports.TokensStudioConfigSchema = exports.FigmaConfigSchema = exports.FigmaAssetConfigSchema = void 0;
+exports.IxtConfigSchema = exports.VercelConfigSchema = exports.TokensStudioConfigSchema = exports.FigmaConfigSchema = exports.FigmaAssetConfigSchema = void 0;
+exports.defineConfig = defineConfig;
+exports.loadConfig = loadConfig;
+exports.mergeConfigWithArgs = mergeConfigWithArgs;
+exports.validateRequiredConfig = validateRequiredConfig;
 const fs = __importStar(require("fs/promises"));
 const path = __importStar(require("path"));
 const zod_1 = require("zod");
@@ -87,7 +101,6 @@ exports.IxtConfigSchema = zod_1.z.object({
 function defineConfig(config) {
     return exports.IxtConfigSchema.parse(config);
 }
-exports.defineConfig = defineConfig;
 /**
  * Default configuration values
  */
@@ -130,7 +143,6 @@ async function loadConfig(configPath) {
     // No config file found, return default config
     return DEFAULT_CONFIG;
 }
-exports.loadConfig = loadConfig;
 /**
  * Merge CLI arguments with configuration
  * CLI arguments take precedence over config file values
@@ -143,7 +155,6 @@ function mergeConfigWithArgs(config, args, section) {
         ...Object.fromEntries(Object.entries(args).filter(([, value]) => value !== undefined)),
     };
 }
-exports.mergeConfigWithArgs = mergeConfigWithArgs;
 /**
  * Validate that required values are present after merging config and args
  */
@@ -154,4 +165,3 @@ function validateRequiredConfig(mergedConfig, requiredFields) {
             "Please provide these in your config file or via CLI arguments.");
     }
 }
-exports.validateRequiredConfig = validateRequiredConfig;

package/dist/figma/cli.js

@@ -32,13 +32,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/figma/cli.test.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/figma/images.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optimizeImage = void 0;
 const child_process_1 = require("child_process");

package/dist/index.js

@@ -23,13 +23,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokensStudio = exports.defineConfig = void 0;
 // Export commonly used types

package/dist/init/cli.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.run = exports.configParser = void 0;
+exports.configParser = configParser;
+exports.run = run;
 const fs = __importStar(require("fs/promises"));
 const path = __importStar(require("path"));
 const prompts_1 = __importDefault(require("prompts"));
@@ -37,9 +48,7 @@ function configParser(parser) {
         help: "Overwrite existing configuration files",
     });
 }
-exports.configParser = configParser;
-async function run(mainParser) {
-    const args = mainParser.parse_args();
+async function run(args) {
     console.log("🚀 Welcome to Interactive Things Scripts setup!\n");
     console.log("This wizard will help you configure your project for optimal development workflow.\n");
     // Check if config already exists
@@ -95,7 +104,6 @@ async function run(mainParser) {
         throw error;
     }
 }
-exports.run = run;
 async function collectUserPreferences() {
     const questions = [
         {

package/dist/tokens-studio/cli.js

@@ -20,13 +20,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.run = exports.configParser = void 0;
 const fs = __importStar(require("fs"));
@@ -107,9 +117,10 @@ const run = async (args) => {
             const transformInput = loadTokensFromDirectory(inputDir);
             // Apply transformation
             const result = transformerModule.transform(transformInput);
+            const resultSorted = sortKeysRecursively(result);
             // Write output
             const outputPath = path.resolve(mergedConfig.output);
-            fs.writeFileSync(outputPath, JSON.stringify(result, null, 2));
+            fs.writeFileSync(outputPath, JSON.stringify(resultSorted, null, 2));
             console.log(`✅ Transformation complete! Output written to: ${outputPath}`);
             break;
         default:
@@ -117,3 +128,26 @@ const run = async (args) => {
     }
 };
 exports.run = run;
+const sortKeysRecursively = (obj) => {
+    if (Array.isArray(obj)) {
+        return obj.map(sortKeysRecursively);
+    }
+    else if (obj !== null && typeof obj === "object") {
+        const sortedObj = {};
+        const sortedKeys = Object.keys(obj).sort((a, b) => {
+            // natural sort for numeric keys
+            const numA = parseFloat(a);
+            const numB = parseFloat(b);
+            if (!isNaN(numA) && !isNaN(numB)) {
+                return numA - numB;
+            }
+            return a.localeCompare(b);
+        });
+        sortedKeys.forEach((key) => {
+            const typedKey = key;
+            sortedObj[typedKey] = sortKeysRecursively(obj[typedKey]);
+        });
+        return sortedObj;
+    }
+    return obj;
+};

package/dist/tokens-studio/cli.test.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 const vitest_1 = require("vitest");
 const fs = __importStar(require("fs"));

package/dist/tokens-studio/index.js

@@ -21,13 +21,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cli = exports.flattenTokens = exports.formatValues = exports.resolveReferences = exports.deepMerge = exports.isToken = exports.maybeParseToPx = exports.maybeParseToNumber = exports.mapEntries = exports.kebabCase = exports.simplifyValues = void 0;
 // Export all utility functions

package/dist/vercel/deployments.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForDeploymentReady = void 0;
+exports.waitForDeploymentReady = waitForDeploymentReady;
 async function fetchDeploymentForCommit(commitSha, teamId, projectId, accessToken) {
     try {
         const response = await fetch(`https://vercel.com/api/v6/deployments?limit=20&projectId=${projectId}&state=READY,ERROR,BUILDING,QUEUED&teamId=${teamId}`, {
@@ -39,4 +39,3 @@ async function waitForDeploymentReady({ team, project, commitSha, interval, time
         throw new Error("Timeout for waitForDeploymentReady");
     }
 }
-exports.waitForDeploymentReady = waitForDeploymentReady;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interactivethings/scripts",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
@@ -56,7 +56,7 @@
     "@types/prompts": "^2.4.9",
     "jscodeshift": "^0.15.1",
     "oxlint": "^1.19.0",
-    "typescript": "^5.2.2",
+    "typescript": "^5.9.3",
     "vitest": "^0.34.6"
   },
   "peerDependencies": {