fix(app): point to correct host in manifest

phosphor-icons · Dec 24, 2024 · 46bb9e5 · 46bb9e5
1 parent e51169a
commit 46bb9e5
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 15 deletions.
diff --git a/public/manifest.json b/public/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "Phosphor Icons",
   "description": "A friendly icon family for Penpot",
-  "host": "http://localhost:4400",
+  "host": "https://phosphor-icons.github.io",
   "code": "/penpot/plugin.js",
   "icon": "/penpot/icon.png",
   "permissions": [

diff --git a/src/model.ts b/src/model.ts
@@ -1,9 +1,9 @@
-import { PenpotTheme } from "@penpot/plugin-types";
+import { Theme } from "@penpot/plugin-types";
 import { IconEntry, IconStyle } from "@phosphor-icons/core";
 
 export type ThemePluginEvent = {
   type: "theme";
-  content: PenpotTheme;
+  content: Theme;
 };
 
 export type PluginMessageEvent = ThemePluginEvent;

diff --git a/src/plugin.ts b/src/plugin.ts
@@ -1,7 +1,11 @@
 import { IconStyle } from "@phosphor-icons/core";
-import type { PluginMessageEvent, UIMessageEvent, InsertIconEvent } from "./model";
+import type {
+  PluginMessageEvent,
+  UIMessageEvent,
+  InsertIconEvent,
+} from "./model";
 
-penpot.ui.open("Phosphor Icons", `/penpot/?theme=${penpot.getTheme()}`, {
+penpot.ui.open("Phosphor Icons", `/penpot/?theme=${penpot.theme}`, {
   width: 350,
   height: 580,
 });
@@ -19,26 +23,32 @@ penpot.ui.onMessage<string>(async (message) => {
     default:
       return;
   }
-})
+});
 
 function sendMessage(message: PluginMessageEvent) {
   penpot.ui.sendMessage(message);
 }
 
 async function handleInsertIcon(data: InsertIconEvent) {
   const { entry, svg, raw, weight } = data.content;
-  const markup = raw ? await (async () => {
-    try {
-      const text = await fetchRawIcon(entry.name, weight);
-      return text;
-    } catch (_) {
-      // TODO: notify somehow?
-      return svg;
-    }
-  })() : svg;
+  const markup = raw
+    ? await (async () => {
+        try {
+          const text = await fetchRawIcon(entry.name, weight);
+          return text;
+        } catch (_) {
+          // TODO: notify somehow?
+          return svg;
+        }
+      })()
+    : svg;
 
   const center = penpot.viewport.center;
   const shape = penpot.createShapeFromSvg(markup);
+  if (!shape) {
+    return;
+  }
+
   shape.name = entry.pascal_name;
   shape.proportionLock = true;
   if (!raw) shape.resize(24, 24);