Merge pull request #21 from author-more/fix/penpot-api-update

fix: plugin to use the new api

package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "@coreui/icons": "^3.0.1",
     "@material-design-icons/svg": "^0.14.13",
-    "@penpot/plugin-styles": "^0.10.0",
+    "@penpot/plugin-styles": "^0.12.0",
     "@phosphor-icons/core": "^2.1.1",
     "@tabler/icons": "^3.19.0",
     "bootstrap-icons": "^1.11.3",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",
-    "@penpot/plugin-types": "^0.10.0",
+    "@penpot/plugin-types": "^0.12.0",
     "@playwright/test": "^1.47.2",
     "@types/node": "^22.7.2",
     "@types/react": "^18.3.9",

src/plugin.ts

@@ -1,10 +1,10 @@
-import { PenpotTheme } from "@penpot/plugin-types";
+import { Theme } from "@penpot/plugin-types";
 
 export type PluginMessageEvent = ThemePluginEvent | DataPluginEvent;
 
 type ThemePluginEvent = {
   type: "theme";
-  content: PenpotTheme;
+  content: Theme;
 };
 
 type DataPluginEvent = {
@@ -43,7 +43,7 @@ type PluginData = {
   data: unknown;
 };
 
-penpot.ui.open("All Icons", `?theme=${penpot.getTheme()}`, {
+penpot.ui.open("All Icons", `?theme=${penpot.theme}`, {
   width: 500,
   height: 600,
 });
@@ -89,11 +89,11 @@ function insertIcon({
 }
 
 function setPluginData(key: string, data: unknown) {
-  penpot.currentPage.setPluginData(key, JSON.stringify(data));
+  penpot.currentPage?.setPluginData(key, JSON.stringify(data));
 }
 
 function getPluginData(key: string) {
-  const data = penpot.currentPage.getPluginData(key);
+  const data = penpot.currentPage?.getPluginData(key);
   if (!data || data === "null" || data === "") {
     return;
   }