wip

manifest.json

@@ -5,6 +5,9 @@
   "main": "dist/code.js",
   "ui": "dist/index.html",
   "editorType": ["figma"],
-  "networkAccess": { "allowedDomains": ["https://design.penpot.app"] },
+  "networkAccess": {
+    "allowedDomains": ["https://design.penpot.app"],
+    "devAllowedDomains": ["http://localhost:5173"]
+  },
   "documentAccess": "dynamic-page"
 }

plugin-src/transformers/partials/transformTextStyle.ts

@@ -29,7 +29,7 @@ export const transformTextStyle = (
   // @TODO: translate lineHeight and letterspacing
   return {
     fontFamily: segment.fontName.family,
-    // fontId: `gfont-${slugify(segment.fontName.family.toLowerCase())}`,
+    fontId: `gfont-${slugify(segment.fontName.family.toLowerCase())}`,
     fontSize: segment.fontSize.toString(),
     fontStyle: segment.fontName.style,
     fontWeight: segment.fontWeight.toString(),

ui-src/converters/createPenpotText.ts

@@ -4,7 +4,6 @@ import { TextShape } from '@ui/lib/types/text/textShape';
 import { translateUiBlendMode } from '@ui/translators';
 
 export const createPenpotText = (file: PenpotFile, { type, blendMode, ...rest }: TextShape) => {
-  console.log({ type, blendMode, ...rest });
   file.createText({
     type: TEXT_TYPE,
     blendMode: translateUiBlendMode(blendMode),

ui-src/index.html

@@ -9,6 +9,7 @@
     <div id="root"></div>
     <script>
       window.penpotPublicURI = 'https://design.penpot.app';
+      window.penpotVersion = '2.0.0-13062-gc97f2d620';
     </script>
     <script type="module" src="./main.tsx"></script>
   </body>

vite.config.ts

@@ -7,6 +7,11 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 export default defineConfig({
   root: './ui-src',
   plugins: [svgr(), react(), viteSingleFile(), tsconfigPaths()],
+  server: {
+    proxy: {
+      '/': 'https://design.penpot.app'
+    }
+  },
   build: {
     target: 'esnext',
     assetsInlineLimit: 100000000,