Update plugins for 23.0

Author: baaygun

cross-compatible-js-sample/plugin/manifest.json

@@ -5,7 +5,7 @@
   "host": [
     {
       "app": "PS",
-      "minVersion": "22.0.0"
+      "minVersion": "23.0.0"
     },
     {
       "app": "XD",

cross-compatible-js-sample/src/index.js

@@ -69,6 +69,7 @@ function createLabel(e) {
     textArea.invalid = true;
   } else if (APP_TYPE === "Photoshop") {
     const { batchPlay } = require("photoshop").action;
+    const { executeAsModal } = require("photoshop").core;
 
     const command = {
       _obj: "make",
@@ -115,8 +116,12 @@ function createLabel(e) {
         _isCommand: true
       }
     };
-
-    batchPlay([command], {});
+    executeAsModal(() => {
+      batchPlay([command], {});
+    }, { 
+      commandName: "Create Label"
+    });
+    
   } else if (APP_TYPE === "XD") {
     const { Text, Color } = require("scenegraph");
     const { editDocument } = require("application");

desktop-helper-sample/uxp/plugin/manifest.json

@@ -5,7 +5,7 @@
   "host": [
     {
       "app": "PS",
-      "minVersion": "22.0.0"
+      "minVersion": "23.0.0"
     }
   ],
   "main": "index.html",
@@ -92,4 +92,4 @@
       ]
     }
   ]
-}
+}

direct-action-js-sample/manifest.json

@@ -6,7 +6,7 @@
   "host": [
     {
       "app": "PS",
-      "minVersion": "22.0.0"
+      "minVersion": "23.0.0"
     }
   ],
   "manifestVersion": 4,
@@ -41,4 +41,4 @@
       ]
     }
   ]
-}
+}

hello-world-js-sample/manifest.json

@@ -6,7 +6,7 @@
   "host": [
     {
       "app": "PS",
-      "minVersion": "22.0.0"
+      "minVersion": "23.0.0"
     }
   ],
   "manifestVersion": 4,
@@ -41,4 +41,4 @@
       ]
     }
   ]
-}
+}

hello-world-panel-js-sample/index.js

@@ -6,8 +6,22 @@ function showLayerNames() {
     }
     const activeDocTitle = app.activeDocument.title;
     document.getElementById("layer-title").innerHTML = `Layers for document ${activeDocTitle}`;
-    const allLayers = app.activeDocument.layers;
-    const allLayerNames = allLayers.map(layer => layer.name);
+
+    // Collection classes are proxies on arrays. So if you want to push on them and alter them
+    // you need to copy them into a proper array
+    let allLayers = Array.from(app.activeDocument.layers);
+
+    const allLayerNames = [];
+    // We do not have a way to get a flat list of all layer names in a document
+    // but you can use layers and Array.reduce to recursively collect names
+    while (allLayers.length > 0) {
+      const layer = allLayers.shift();
+      allLayerNames.push(layer.name);
+      if (layer.layers) {
+        layer.layers.forEach(l => allLayers.push(l));
+      }
+    }
+
     const sortedNames = allLayerNames.sort((a, b) => a.toUpperCase() < b.toUpperCase() ? -1 : a.toUpperCase() > b.toUpperCase() ? 1 : 0);
     document.getElementById("layers").innerHTML = `
       <ul>${

hello-world-panel-js-sample/manifest.json

@@ -6,7 +6,7 @@
   "host": [
     {
       "app": "PS",
-      "minVersion": "22.0.0"
+      "minVersion": "23.0.0"
     }
   ],
   "manifestVersion": 4,
@@ -86,4 +86,4 @@
       ]
     }
   ]
-}
+}

io-websocket-example/plugin/manifest.json

@@ -5,7 +5,7 @@
     "main": "index.html",
     "host": [{
         "app": "PS",
-        "minVersion": "22.0.0"
+        "minVersion": "23.0.0"
     }],
     "manifestVersion": 4,
     "entrypoints": [
@@ -70,4 +70,4 @@
         ]
       }
     ]
-}
+}

jszip-sample/plugin/manifest.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "host": {
     "app": "PS",
-    "minVersion": "22.0.0"
+    "minVersion": "23.0.0"
   },
   "main": "index.html",
   "manifestVersion": 4,

jszip-sample/src/index.js

@@ -58,42 +58,30 @@ async function exportArtboards() {
     if (!file) return;
 
     const temp = await fs.getTemporaryFolder();
-
-    const artboards = app.activeDocument.layerTree.filter(layer => {
-      const command = {
-        _obj: "get",
-        _target: [
-          {
-            _property: "artboardEnabled"
-          },
-          {
+    
+    // With 23.0, all state changing calls have to be made inside a modal execution state.
+    await require("photoshop").core.executeAsModal(async () => {
+      const artboards = app.activeDocument.artboards;
+
+      for (let artboard of artboards) {
+        const command = {
+          _obj: "exportSelectionAsFileTypePressed",
+          _target: {
             _ref: "layer",
-            _id: layer._id
-          }
-        ]
-      };
-
-      return action.batchPlay([command], { synchronousExecution: true })[0].artboardEnabled;
-    });
-
-    for (let artboard of artboards) {
-      const command = {
-        _obj: "exportSelectionAsFileTypePressed",
-        _target: {
-          _ref: "layer",
-          _id: artboard._id
-        },
-        fileType: "png",
-        quality: 32,
-        metadata: 0,
-        destFolder: temp.nativePath,
-        sRGB: true,
-        openWindow: false,
-        _options: { dialogOptions: "dontDisplay" }
-      };
-
-      await action.batchPlay([command], {});
-    }
+            _id: artboard.id
+          },
+          fileType: "png",
+          quality: 32,
+          metadata: 0,
+          destFolder: temp.nativePath,
+          sRGB: true,
+          openWindow: false,
+          _options: { dialogOptions: "dontDisplay" }
+        };
+  
+        await action.batchPlay([command], {});
+      }
+    }, { commandName: "Export Artboards"});
 
     const zip = new JSZip();