Added Penpot Support and upgrade dependencies for Node 20.0 (#53)

* Added scaffolding for muli-plugin architecture

* Add proper support for Penpot using dev server and initial FigPen class usage in Figma

* Avoid JS errors on runtime for Penpot

* Working development server for Penpot

* Plugin opens in Penpot!

* Basic messaging system between UI and Canvas in penpot

* Initial UI load on both Penpot and Figma

* Working Selection changes on Penpot and fully functional plugin on Figma

* Working plugin in both platoforms!

* Fixed Figma PluginMessage schema

* Fix localstorage parsing issue

* Add dark theme support for both Penpot and Figma at config level but not implemented in the UI yet.

* Fix initial selection not being sent to the UI and localstorage parsing for Penpot.

* Update webpack and babel configuration with compatibility for Node 20.0

* Remove console.log statements from App.js, Core.js, and FigPen.js to clean up the codebase.

* Added Netlify configuration for Penpot, deployment scripts, and updated config for Penpot.

* Removed duplicated function and added Dark Mode Support

* Fix pager numbering in Penpot

* Fix pager numbering replace in text nodes

* Add plugin icon

* Bump plugin version

Author: basiclines

.babelrc

@@ -4,3 +4,7 @@
 secrets.json
 node_modules/
 dist/
+figma/dist/
+penpot/dist/
+# Local Netlify folder
+.netlify

.gitignore

@@ -0,0 +1,43 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          // Support modern browsers and Node.js
+          browsers: ['> 1%', 'last 2 versions', 'not dead'],
+          node: 'current'
+        },
+        // Use modern JavaScript features
+        useBuiltIns: 'usage',
+        corejs: 3,
+        // Enable modern syntax
+        modules: false, // Let webpack handle modules
+        debug: false,
+        // Include more modern features
+        include: [
+          '@babel/plugin-proposal-optional-chaining',
+          '@babel/plugin-proposal-nullish-coalescing-operator',
+          '@babel/plugin-proposal-logical-assignment-operators'
+        ]
+      }
+    ]
+  ],
+  plugins: [
+    // Support for class properties and private methods (using assumptions instead of loose)
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-private-methods',
+    '@babel/plugin-transform-private-property-in-object',
+    // Support for decorators (if needed)
+    ['@babel/plugin-proposal-decorators', { legacy: true }],
+    // Modern JavaScript operators
+    '@babel/plugin-proposal-optional-chaining',
+    '@babel/plugin-proposal-nullish-coalescing-operator',
+    '@babel/plugin-proposal-logical-assignment-operators'
+  ],
+  // Enable modern JavaScript features
+  assumptions: {
+    setPublicClassFields: true,
+    privateFieldsAsSymbols: true
+  }
+};

babel.config.js

@@ -2,7 +2,7 @@
   "name": "Super Tidy",
   "id": "731260060173130163",
   "api": "1.0.0",
-  "ui": "dist/ui.html",
+  "ui": "dist/index.html",
   "main": "dist/core.js",
 	"documentAccess": "dynamic-page",
 	"networkAccess": {

bun.lock

@@ -0,0 +1,24 @@
+[build]
+  
+  # Directory that contains the deploy-ready HTML files and assets
+  publish = "penpot/"
+  
+  # Default build command
+  command = "bun run build:penpot"
+
+[build.environment]
+  NODE_VERSION = "20"
+
+# Headers for security and performance
+[[headers]]
+  for = "/*"
+  [headers.values]
+    Access-Control-Allow-Origin = "*"
+    Access-Control-Allow-Methods = "GET, POST, PUT, DELETE, OPTIONS"
+    Access-Control-Allow-Headers = "Content-Type, Authorization, X-Requested-With"
+
+# Cache static assets
+[[headers]]
+  for = "/assets/*"
+  [headers.values]
+    Cache-Control = "public, max-age=31536000, immutable"