Merge pull request #29 from ZebraDevs/code-connect

feat: Added code connect integration for Figma

.github/create_code_connect/action.yml

@@ -0,0 +1,10 @@
+name: "Create Code Connect"
+description: "Generate code connect files"
+inputs:
+  figma-access-token:
+    description: "The personal access token given by Figma. Required to make API calls"
+    required: true
+
+runs:
+  using: "node20"
+  main: "index.js"

.github/create_code_connect/index.js

@@ -0,0 +1,11 @@
+import { readFileSync } from "fs";
+import { generateCodeConnectFile } from "../../dist/scripts/code-connect/generate-code-connect-file.js";
+
+const main = async () => {
+  const iconManifest = new Map(Object.entries(JSON.parse(readFileSync("../../outputs/icon-manifest.json"))));
+  const dir = "../../outputs";
+
+  generateCodeConnectFile(dir, iconManifest);
+};
+
+main();

.github/publish_code_connect/action.yml

@@ -0,0 +1,10 @@
+name: "Publish Code Connect"
+description: "Publish code connect files"
+inputs:
+  figma-access-token:
+    description: "The personal access token given by Figma. Required to make API calls"
+    required: true
+
+runs:
+  using: "node20"
+  main: "index.js"

.github/publish_code_connect/index.js

@@ -0,0 +1,13 @@
+import core from "@actions/core";
+import util from "util";
+import { exec } from "child_process";
+const asyncExec = util.promisify(exec);
+
+const FIGMA_ACCESS_TOKEN = core.getInput("figma-access-token") || process.env.FIGMA_ACCESS_TOKEN;
+
+const { stdout, stderr } = await asyncExec(`npx figma connect publish --token ${FIGMA_ACCESS_TOKEN}`, {
+  cwd: "../..",
+});
+
+console.log(stdout);
+console.error(stderr);

.github/workflows/build.yml

@@ -46,6 +46,9 @@ jobs:
           figma-access-token: ${{ secrets.FIGMA_PERSONAL_ACCESS_TOKEN }}
       - name: Icons changed
         run: echo ${{ steps.fetch_icons.outputs.files_changed }}
+      - name: Create code connect files
+        if: ${{ steps.fetch_icons.outputs.files_changed  == 'true'}}
+        uses: ./.github/create_code_connect
       - name: Get current date
         if: ${{ steps.fetch_icons.outputs.files_changed  == 'true'}}
         id: date

.github/workflows/on-release.yml

@@ -27,6 +27,10 @@ jobs:
         run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Publish code connect
+        uses: ./.github/publish_code_connect
+        with:
+          figma-access-token: ${{ secrets.FIGMA_PERSONAL_ACCESS_TOKEN }}
 
   update_npm_dependencies:
     needs: publish

figma.config.json

@@ -0,0 +1,6 @@
+{
+  "codeConnect": {
+    "include": ["outputs/code-connect.figma.ts"],
+    "exclude": ["test/**/*.figma.ts"]
+  }
+}