Code Connect v1.3.13

Author: figma-bot

CHANGELOG.md

@@ -1,12 +1,30 @@
-# Code Connect v1.3.12
+# Code Connect v1.3.13 (29th January 2026)
+
+## Features
+
+- Add --api-url option to use a different code-connect api endpoint. This option can also be configured in figma.config.json with the `apiUrl` field
+- Add `language` config option to override syntax highlighting language in figma.config.json
+
+### Parserless
+
+- Syntax highlighting + formatting for parserless templates when publishing with a known label (e.g. React)
 
 ## Fixed
 
-- Fixed a problem with path alias imports incorrectly importing index files
-- Fixed parsing failure for Compose in Windows.
+- Fix crash that occurs when the provided Figma file has no components
+- Set version number for annotations gradle plugin
+- Security update: upgraded undici to fix CVE-2026-22036. Roll back and report if you encounter networking issues.
+- Security update: upgraded lodash to fix CVE-2025-13465.
+
+# Code Connect v1.3.12 (10th December 2025)
 
 ### General
 
+## Fixed
+
+- Fixed a problem with path alias imports incorrectly importing index files
+- Fixed parsing failure for Compose in Windows.
+
 # Code Connect v1.3.11 (26th November 2025)
 
 ### Swift

cli/npm_catalog.toml

@@ -100,28 +100,30 @@
 "@babel/types" = "7.28.5"
 "eslint" = "^9.36.0"
 "eslint-config-prettier" = "^9.1.0"
+"eslint-plugin-clsx" = "^0.0.12"
 "eslint-plugin-import" = "^2.32.0"
 "eslint-plugin-jest" = "^28.8.3"
 "eslint-plugin-react" = "^7.37.5"
 "eslint-plugin-react-hooks" = "^5.2.0"
 "eslint-plugin-simple-import-sort" = "^12.1.1"
 "eslint-plugin-unused-imports" = "^4.1.4"
 "eslint-import-resolver-typescript" = "^4.4.4"
-"eslint-plugin-testing-library" = "^7.12.0"
-"eslint-plugin-workspaces" = "^0.11.0"
+"eslint-plugin-testing-library" = "^7.15.4"
+"eslint-plugin-workspaces" = "^0.11.1"
 "@eslint/js" = "^9.23.0"
 "@eslint/config-helpers" = "^0.4.0"
-"@typescript-eslint/eslint-plugin" = "8.47.0"
-"@typescript-eslint/parser" = "8.47.0"
-"@typescript-eslint/project-service" = "8.47.0"
-"@typescript-eslint/rule-tester" = "8.47.0"
-"@typescript-eslint/scope-manager" = "8.47.0"
-"@typescript-eslint/tsconfig-utils" = "8.47.0"
-"@typescript-eslint/types" = "8.47.0"
-"@typescript-eslint/typescript-estree" = "8.47.0"
-"@typescript-eslint/utils" = "8.47.0"
-"@typescript-eslint/visitor-keys" = "8.47.0"
-"typescript-eslint" = "8.47.0"
+"@vitest/eslint-plugin" = "^1.6.6"
+"@typescript-eslint/eslint-plugin" = "8.52.0"
+"@typescript-eslint/parser" = "8.52.0"
+"@typescript-eslint/project-service" = "8.52.0"
+"@typescript-eslint/rule-tester" = "8.52.0"
+"@typescript-eslint/scope-manager" = "8.52.0"
+"@typescript-eslint/tsconfig-utils" = "8.52.0"
+"@typescript-eslint/types" = "8.52.0"
+"@typescript-eslint/typescript-estree" = "8.52.0"
+"@typescript-eslint/utils" = "8.52.0"
+"@typescript-eslint/visitor-keys" = "8.52.0"
+"typescript-eslint" = "8.52.0"
 "@jest/core" = "^29.7.0"
 "@jest/create-cache-key-function" = "^29.7.0"
 "@jest/fake-timers" = "^29.7.0"
@@ -136,8 +138,8 @@
 "ts-jest" = "^29.2.5"
 "@types/lodash" = "4.17.20"
 "@types/lodash-es" = "4.17.12"
-"lodash" = "4.17.21"
-"lodash-es" = "4.17.21"
+"lodash" = "4.17.23"
+"lodash-es" = "4.17.23"
 "@oclif/core" = "3.27.0"
 "@storybook/addon-actions" = "8.5.1"
 "@storybook/addon-a11y" = "8.5.1"
@@ -162,55 +164,62 @@
 "@storybook/test" = "8.5.1"
 "@storybook/theming" = "8.5.1"
 "storybook" = "8.5.1"
-"@stylexjs/stylex" = "0.16.2"
-"@stylexjs/babel-plugin" = "0.16.2"
-"@stylexjs/eslint-plugin" = "0.16.2"
+"@stylexjs/stylex" = "0.17.4"
+"@stylexjs/babel-plugin" = "0.17.4"
+"@stylexjs/eslint-plugin" = "0.17.4"
 "@tailwindcss/oxide" = "4.1.3"
 "@tailwindcss/postcss" = "4.1.3"
 "@tailwindcss/vite" = "4.1.3"
 "tailwindcss" = "4.1.3"
 "@vitejs/plugin-react" = "4.4.1"
-"@vitest/browser" = "3.2.4"
-"@vitest/coverage-v8" = "3.2.4"
-"@vitest/runner" = "3.2.4"
-"@vitest/ui" = "3.2.4"
 "vite" = "6.3.6"
-"vitest" = "3.2.4"
 "webpack" = "5.91.0"
 "webpack-cli" = "5.1.4"
+"modal" = "^0.6.0"
+"@axe-core/playwright" = "4.11.0"
 "@bazel/runfiles" = "^6.3.1"
 "@figma/plugin-typings" = "1.121.0"
 "@figma/widget-typings" = "1.12.1"
-"@modelcontextprotocol/sdk" = "1.18.0"
-"@sentry/cli" = "2.58.2"
+"@formatjs/icu-messageformat-parser" = "^2.11.2"
+"@modelcontextprotocol/ext-apps" = "0.4.0"
+"@modelcontextprotocol/sdk" = "1.24.0"
+"@opentelemetry/api" = "^1.9.0"
+"@sentry/cli" = "2.58.3"
+"@types/jsdom" = "^21.1.7"
 "@types/mocha" = "10.0.10"
 "@types/node" = "22.17.2"
-"@types/react" = "18.0.26"
-"@types/react-dom" = "18.2.15"
+"@types/react" = "18.3.27"
+"@types/react-dom" = "18.3.7"
 "@types/sinon" = "17.0.4"
 "aws-crt" = "1.21.3"
 "aws-sdk-client-mock" = "4.1.0"
 "axe-core" = "4.11.0"
-"@axe-core/playwright" = "4.11.0"
 "axios-retry" = "^4.5.0"
+"csstype" = "^3.2.3"
+"dayjs" = "^1.11.19"
 "esbuild" = "0.25.0"
-"postcss" = "8.5.2"
+"jotai" = "2.9.3"
+"intl-messageformat" = "^10.7.14"
+"graphql" = "16.12.0"
+"jsdom" = "27.4.0"
 "knip" = "^5.27.3"
 "lightningcss" = "1.29.2"
+"mediabunny" = "1.25.8"
 "mocha" = "10.8.2"
 "mocha-junit-reporter" = "2.2.1"
+"postcss" = "8.5.2"
 "prettier" = "3.6.2"
-"react" = "18.3.1"
 "react-dom" = "18.3.1"
 "react-redux" = "8.0.5"
+"react" = "18.3.1"
 "sharp" = "0.33.5"
 "sinon" = "^17.0.1"
 "ts-morph" = "^27.0.0"
 "ts-node" = "^10.9.2"
 "typescript" = "5.9.3"
 "yaml" = "2.8.0"
-"zod" = "3.25.58"
 "zod-to-json-schema" = "^3.23.5"
+"zod" = "3.25.58"
 "ai" = "4.1.62"
 "@ai-sdk/amazon-bedrock" = "2.1.4"
 "@ai-sdk/anthropic" = "1.2.5"
@@ -222,3 +231,13 @@
 "@ai-sdk/openai" = "1.2.5"
 "@ai-sdk/provider" = "1.1.3"
 "@ai-sdk/provider-utils" = "2.2.8"
+"@ai-sdk/amazon-bedrock-v5" = "npm:@ai-sdk/amazon-bedrock@3.0.73"
+"@ai-sdk/anthropic-v5" = "npm:@ai-sdk/anthropic@2.0.57"
+"@ai-sdk/azure-v5" = "npm:@ai-sdk/azure@2.0.91"
+"@ai-sdk/cerebras-v5" = "npm:@ai-sdk/cerebras@1.0.35"
+"@ai-sdk/fireworks-v5" = "npm:@ai-sdk/fireworks@1.0.31"
+"@ai-sdk/google-v5" = "npm:@ai-sdk/google@2.0.52"
+"@ai-sdk/google-vertex-v5" = "npm:@ai-sdk/google-vertex@3.0.72"
+"@ai-sdk/openai-v5" = "npm:@ai-sdk/openai@2.0.89"
+"@ai-sdk/provider-v5" = "npm:@ai-sdk/provider@2.0.0"
+"@ai-sdk/provider-utils-v5" = "npm:@ai-sdk/provider-utils@3.0.17"

cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figma/code-connect",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "description": "A tool for connecting your design system components in code with your design system in Figma",
   "keywords": [],
   "author": "Figma",
@@ -76,7 +76,7 @@
     "@types/node": "22.17.2",
     "@types/prettier": "2.7.3",
     "@types/prompts": "^2.4.9",
-    "@types/react": "18.0.26",
+    "@types/react": "18.3.27",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "patch-package": "^8.0.0",
@@ -101,7 +101,7 @@
     "find-up": "^5.0.0",
     "glob": "^11.0.4",
     "jsdom": "^24.1.1",
-    "lodash": "4.17.21",
+    "lodash": "4.17.23",
     "minimatch": "^9.0.3",
     "ora": "^5.4.1",
     "parse5": "^7.1.2",
@@ -110,7 +110,7 @@
     "strip-ansi": "^6.0.0",
     "ts-morph": "^27.0.0",
     "typescript": "5.9.3",
-    "undici": "^5.29.0",
+    "undici": "^7.19.1",
     "zod": "3.25.58",
     "zod-validation-error": "^3.2.0"
   }

cli/src/client/figma_client.ts

@@ -64,7 +64,7 @@ export async function getComponents(fileOrNode: string) {
     figmaUrl: figmaUrlOfComponent(component, fileKey),
     componentPropertyDefinitions:
       component.type === 'COMPONENT_SET'
-        ? Object.keys(component.componentPropertyDefinitions).reduce((result, key) => {
+        ? Object.keys(component.componentPropertyDefinitions || {}).reduce((result, key) => {
             return {
               ...result,
               // this removes the ID prefix from property names e.g #123:name -> name

cli/src/commands/__test__/parseRawFile.test.ts

@@ -0,0 +1,136 @@
+import { parseRawFile } from '../connect'
+import { CodeConnectConfig } from '../../connect/project'
+import fs from 'fs'
+import path from 'path'
+import os from 'os'
+
+describe('parseRawFile', () => {
+  let tempDir: string
+  let tempFilePath: string
+
+  beforeEach(() => {
+    // Create a temporary directory and file for testing
+    tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'parseRawFile-test-'))
+    tempFilePath = path.join(tempDir, 'test.figma.template.js')
+  })
+
+  afterEach(() => {
+    // Clean up temporary files
+    if (fs.existsSync(tempFilePath)) {
+      fs.unlinkSync(tempFilePath)
+    }
+    if (fs.existsSync(tempDir)) {
+      fs.rmdirSync(tempDir)
+    }
+  })
+
+  it('parses a raw file without documentUrlSubstitutions', () => {
+    const fileContent = `// url=https://figma.com/design/abc123?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const result = parseRawFile(tempFilePath, undefined)
+
+    expect(result.figmaNode).toBe('https://figma.com/design/abc123?node-id=1:1')
+  })
+
+  it('applies documentUrlSubstitutions when config is provided', () => {
+    const fileContent = `// url=https://figma.com/design/SOURCE-FILE?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const config: CodeConnectConfig = {
+      parser: 'react',
+      documentUrlSubstitutions: {
+        'https://figma.com/design/SOURCE-FILE': 'https://figma.com/design/TARGET-FILE',
+      },
+    }
+
+    const result = parseRawFile(tempFilePath, undefined, config)
+
+    expect(result.figmaNode).toBe('https://figma.com/design/TARGET-FILE?node-id=1:1')
+  })
+
+  it('applies multiple documentUrlSubstitutions', () => {
+    const fileContent = `// url=https://figma.com/design/SOURCE-FILE/My-Component?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const config: CodeConnectConfig = {
+      parser: 'react',
+      documentUrlSubstitutions: {
+        'SOURCE-FILE': 'TARGET-FILE',
+        'My-Component': 'Your-Component',
+      },
+    }
+
+    const result = parseRawFile(tempFilePath, undefined, config)
+
+    expect(result.figmaNode).toBe('https://figma.com/design/TARGET-FILE/Your-Component?node-id=1:1')
+  })
+
+  it('does not modify URL when no matching substitutions', () => {
+    const fileContent = `// url=https://figma.com/design/OTHER-FILE?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const config: CodeConnectConfig = {
+      parser: 'react',
+      documentUrlSubstitutions: {
+        'SOURCE-FILE': 'TARGET-FILE',
+      },
+    }
+
+    const result = parseRawFile(tempFilePath, undefined, config)
+
+    expect(result.figmaNode).toBe('https://figma.com/design/OTHER-FILE?node-id=1:1')
+  })
+
+  it('preserves isParserless flag and other metadata', () => {
+    const fileContent = `// url=https://figma.com/design/SOURCE-FILE?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const config: CodeConnectConfig = {
+      parser: 'react',
+      documentUrlSubstitutions: {
+        'SOURCE-FILE': 'TARGET-FILE',
+      },
+    }
+
+    const result = parseRawFile(tempFilePath, 'Python', config)
+
+    expect(result.figmaNode).toBe('https://figma.com/design/TARGET-FILE?node-id=1:1')
+    expect(result.label).toBe('Python')
+    expect(result.templateData.isParserless).toBe(true)
+    expect(result.templateData.nestable).toBe(true)
+  })
+
+  it('uses language from config when provided', () => {
+    const fileContent = `// url=https://figma.com/design/abc123?node-id=1:1
+const figma = require('figma')
+export default figma.code\`<Button />\``
+
+    fs.writeFileSync(tempFilePath, fileContent)
+
+    const config: CodeConnectConfig = {
+      parser: 'react',
+      language: 'kotlin',
+    }
+
+    const result = parseRawFile(tempFilePath, 'React', config)
+
+    expect(result.language).toBe('kotlin')
+    expect(result.label).toBe('React')
+  })
+})