feat(code-connect-urls)

Author: mattnolting

packages/react-core/.gitignore

@@ -2,4 +2,5 @@
 /deprecated
 /components
 /layouts
-/helpers
+/helpers
+yarn.lock

packages/react-core/codeConnect/components/AboutModal.figma.tsx

@@ -0,0 +1,22 @@
+import React from "react"
+import { AboutModal } from "./AboutModal"
+import figma from "@figma/code-connect"
+
+/**
+ * -- This file was auto-generated by Code Connect --
+ * `props` includes a mapping from Figma properties and variants to
+ * suggested values. You should update this to match the props of your
+ * code component, and update the `example` function to return the
+ * code example you'd like to see in Figma
+ */
+
+figma.connect(
+  AboutModal,
+  "[object Object]2879-13973",
+  {
+    props: {
+      productName: figma.string("Product name"),
+    },
+    example: (props) => <AboutModal />,
+  },
+)

packages/react-core/codeConnect/config.json

@@ -0,0 +1,4 @@
+{
+  "figmaBaseUrl": "https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components",
+  "defaultNodeId": "1-196"
+}

packages/react-core/figma.config.json

@@ -0,0 +1,33 @@
+{
+  "codeConnect": {
+    "parser": "react",
+    "label": "PF-React",
+    "include": [
+      "components/*.tsx",
+      "icons/generated/*.tsx",
+      "icons/**/*.tsx",
+      "icons/*.tsx",
+      "icons/IconWrapper.figma.tsx",
+      "icons/icons.figma.tsx"
+    ],
+    "paths": {
+      "../generated": ["icons/generated"],
+      "../src/components/Icon": ["src/components/Icon"]
+    },
+    "aliases": {
+      "@patternfly/react-core": "."
+    },
+    "options": {
+      "instanceSwapper": {
+        "enabled": true
+      },
+      "development": {
+        "enabled": true,
+        "verbose": true
+      },
+      "production": {
+        "enabled": false
+      }
+    }
+  }
+}

packages/react-core/package.json

@@ -43,7 +43,9 @@
     "build:single:packages": "node ../../scripts/build-single-packages.mjs --config single-packages.config.json",
     "clean": "rimraf dist components layouts helpers next deprecated",
     "generate": "node scripts/copyStyles.mjs",
-    "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
+    "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json",
+    "figma:watchUrls": "node codeConnect/scripts/figma-url-watcher.mjs",
+    "figma:fixUrls": "node codeConnect/scripts/figma-url-fixer.mjs"
   },
   "dependencies": {
     "@patternfly/react-icons": "workspace:^",