modernise brackets and quotse extensions

source/Brackets.popclipext/Config.json

@@ -3,6 +3,7 @@
   "identifier" : "com.pilotmoon.popclip.extension.brackets",
   "name" : "Brackets",
   "icon" : "brackets-round.png",
-  "popclipVersion" : 3749,
-  "entitlements": ["dynamic"]
+  "popclipVersion" : 4225,
+  "entitlements": ["dynamic"],
+  "module": "brackets.ts"
 }

source/Brackets.popclipext/brackets.ts

@@ -0,0 +1,45 @@
+const styles = [
+  "(round)",
+  "[square]",
+  "{curly}",
+  "<angle>",
+];
+
+function makeIcon(index: number): string {
+  return [
+    "brackets-round.png",
+    "brackets-square.png",
+    "brackets-curly.png",
+    "brackets-angle.png",
+  ][index];
+}
+
+function makeIdentifier(index: number): string {
+  return `style-${index}`;
+}
+
+defineExtension({
+  options: styles.map((style, index) => {
+    return {
+      identifier: makeIdentifier(index),
+      label: style,
+      type: "boolean",
+      icon: makeIcon(index),
+      defaultValue: !(index > 0),
+    };
+  }),
+  actions: function (selection, options) {
+    if (selection.text.length > 0) {
+      return styles.filter((style, index) => options[makeIdentifier(index)])
+        .map((style, index) => {
+          return {
+            title: styles[index],
+            icon: makeIcon(index),
+            code: (selection) => {
+              popclip.pasteText(style[0] + selection.text + style[2]);
+            },
+          };
+        });
+    }
+  }
+});

source/Quotes.popclipext/Config.json

@@ -3,6 +3,7 @@
   "identifier" : "com.pilotmoon.popclip.extension.quotes",
   "name" : "Quotes",
   "icon" : "quotes.png",
-  "popclipVersion" : 3749,
-  "note" : "Updated 12 Oct 2021: Added backticks"
+  "popclipVersion" : 4225,
+  "entitlements" : ["dynamic"],
+  "module" : "quotes.ts"
 }

source/Quotes.popclipext/quotes.ts

@@ -0,0 +1,53 @@
+// the possible quotes styles
+const styles = [
+  "“…”",
+  "‘…’",
+  '"…"',
+  "'…'",
+  "`…`",
+  "«…»",
+  "‹…›",
+  "»…«",
+  "›…‹",
+  "「…」",
+  "『…』",
+  "„…“",
+  "‚…‘",
+];
+
+// generate square icon
+function makeIcon(style: string): string {
+  return `[[${style[0]}${style[2]}]]`;
+}
+
+function makeIdentifier(index: number): string {
+  return `style-${index}`;
+}
+
+const extension: Extension = {
+  options: styles.map((style, index) => {
+    return {
+      identifier: makeIdentifier(index),
+      label: style,
+      type: "boolean",
+      icon: makeIcon(style),
+      defaultValue: !(index > 0),
+    };
+  }),
+  actions(selection, options) {
+    if (selection.text.length > 0) {
+      return styles.filter((style, index) => options[makeIdentifier(index)])
+        .map((style, index) => {
+          return {
+            title: styles[index],
+            icon: makeIcon(style),
+            code: (selection) => {
+              popclip.pasteText(style[0] + selection.text + style[2]);
+            },
+          };
+        });
+    }
+  },
+};
+
+export default extension;