@adobe/create-ccweb-add-on 1.1.0 → 1.2.0

package/dist/app/WxpAddOnFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WxpAddOnFactory.d.ts","sourceRoot":"","sources":["../../src/app/WxpAddOnFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;kFAsBkF;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAOtE,OAAO,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;GAEG;AACH,qBACa,eAAgB,YAAW,YAAY;IAChD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAqB;IACzD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAErD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAkB;IAE9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IAEjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAErD;;;;;;;;;;OAUG;gBAEoC,kBAAkB,EAAE,kBAAkB,EACpC,oBAAoB,EAAE,oBAAoB,EAC9C,gBAAgB,EAAE,gBAAgB,EACzB,UAAU,EAAE,eAAe,EACzC,UAAU,EAAE,OAAO,EACpB,MAAM,EAAE,MAAM,EACC,gBAAgB,EAAE,gBAAgB;IAchF;;;OAGG;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAyEhD,OAAO,CAAC,kBAAkB;CAc7B"}
+{"version":3,"file":"WxpAddOnFactory.d.ts","sourceRoot":"","sources":["../../src/app/WxpAddOnFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;kFAsBkF;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAOtE,OAAO,kBAAkB,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;GAEG;AACH,qBACa,eAAgB,YAAW,YAAY;IAChD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAqB;IACzD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAErD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAkB;IAE9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IAEjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAErD;;;;;;;;;;OAUG;gBAEoC,kBAAkB,EAAE,kBAAkB,EACpC,oBAAoB,EAAE,oBAAoB,EAC9C,gBAAgB,EAAE,gBAAgB,EACzB,UAAU,EAAE,eAAe,EACzC,UAAU,EAAE,OAAO,EACpB,MAAM,EAAE,MAAM,EACC,gBAAgB,EAAE,gBAAgB;IAchF;;;OAGG;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IA0EhD,OAAO,CAAC,kBAAkB;CAc7B"}

package/dist/app/WxpAddOnFactory.js

@@ -90,10 +90,12 @@ let WxpAddOnFactory = class WxpAddOnFactory {
             this._copyTemplateFiles(addOnDirectory, templateName);
             const rootDirectory = process.cwd();
             process.chdir(addOnDirectory);
-            const devDependencyArgs = ["install", "--save-dev", "@adobe/ccweb-add-on-scripts"];
-            if (templateName.includes("typescript")) {
-                devDependencyArgs.push("@adobe/ccweb-add-on-sdk-types");
-            }
+            const devDependencyArgs = [
+                "install",
+                "--save-dev",
+                "@adobe/ccweb-add-on-scripts",
+                "@adobe/ccweb-add-on-sdk-types"
+            ];
             if (options.verbose) {
                 devDependencyArgs.push("--verbose");
             }

package/dist/templates/javascript/template/src/add-on-ui-sdk.d.ts

@@ -0,0 +1,7 @@
+// DO NOT modify this file.
+
+declare module "https://new.express.adobe.com/static/add-on-sdk/sdk.js" {
+    import { AddOnUISdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnUISdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/ui/ui-sdk";
+}

package/dist/templates/javascript/template/src/index.html

@@ -42,23 +42,6 @@
         <div class="container">
             <button id="clickMe" disabled>Click me</button>
         </div>
-
-        <script type="module">
-            import addOnUISdk from "https://new.express.adobe.com/static/add-on-sdk/sdk.js";
-
-            addOnUISdk.ready.then(() => {
-                console.log("addOnUISdk is ready for use.");
-
-                const clickMeButton = document.getElementById("clickMe");
-                clickMeButton.addEventListener("click", () => {
-                    clickMeButton.innerHTML = "Clicked";
-                });
-
-                // Enable the button only when:
-                // 1. `addOnUISdk` is ready, and
-                // 2. `click` event listener is registered.
-                clickMeButton.disabled = false;
-            });
-        </script>
+        <script type="module" src="index.js"></script>
     </body>
 </html>

package/dist/templates/javascript/template/src/index.js

@@ -0,0 +1,15 @@
+import addOnUISdk from "https://new.express.adobe.com/static/add-on-sdk/sdk.js";
+
+addOnUISdk.ready.then(() => {
+    console.log("addOnUISdk is ready for use.");
+
+    const clickMeButton = document.getElementById("clickMe");
+    clickMeButton.addEventListener("click", () => {
+        clickMeButton.innerHTML = "Clicked";
+    });
+
+    // Enable the button only when:
+    // 1. `addOnUISdk` is ready, and
+    // 2. `click` event listener is registered.
+    clickMeButton.disabled = false;
+});

package/dist/templates/javascript/template/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "experimentalDecorators": true,
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "outDir": "dist",
+        "target": "ESNext",
+        "useDefineForClassFields": false
+    },
+    "exclude": ["node_modules"],
+    "include": ["src/**/*"]
+}

package/dist/templates/javascript-with-document-sandbox/template/src/index.html

@@ -46,31 +46,6 @@
             <button id="createRectangle" disabled>Create Rectangle</button>
         </div>
 
-        <script type="module">
-            import addOnUISdk from "https://new.express.adobe.com/static/add-on-sdk/sdk.js";
-
-            addOnUISdk.ready.then(async () => {
-                console.log("addOnUISdk is ready for use.");
-
-                // Get the UI runtime.
-                const { runtime } = addOnUISdk.instance;
-
-                // Get the proxy object, which is required
-                // to call the APIs defined in the Document Sandbox runtime
-                // i.e., in the `code.js` file of this add-on.
-                const sandboxProxy = await runtime.apiProxy("documentSandbox");
-
-                const createRectangleButton = document.getElementById("createRectangle");
-                createRectangleButton.addEventListener("click", async event => {
-                    await sandboxProxy.createRectangle();
-                });
-
-                // Enable the button only when:
-                // 1. `addOnUISdk` is ready,
-                // 2. `sandboxProxy` is available, and
-                // 3. `click` event listener is registered.
-                createRectangleButton.disabled = false;
-            });
-        </script>
+        <script type="module" src="ui/index.js"></script>
     </body>
 </html>

package/dist/templates/javascript-with-document-sandbox/template/src/manifest.json

@@ -9,15 +9,14 @@
                 "name": "Express",
                 "apiVersion": 1
             }
-        ],
-        "experimentalApis": true
+        ]
     },
     "entryPoints": [
         {
             "type": "panel",
             "id": "panel1",
             "main": "index.html",
-            "documentSandbox": "code.js"
+            "documentSandbox": "sandbox/code.js"
         }
     ]
 }

package/dist/templates/javascript-with-document-sandbox/template/src/sandbox/add-on-sandbox-sdk.d.ts

@@ -0,0 +1,11 @@
+// DO NOT modify this file.
+
+declare module "add-on-sdk-document-sandbox" {
+    import { AddOnDocumentSandboxSdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnDocumentSandboxSdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/sandbox/add-on-sdk-document-sandbox";
+}
+
+declare module "express-document-sdk" {
+    export * from "@adobe/ccweb-add-on-sdk-types/sandbox/express-document-sdk";
+}

package/dist/templates/javascript-with-document-sandbox/template/src/{code.js → sandbox/code.js}

@@ -1,5 +1,5 @@
 import addOnSandboxSdk from "add-on-sdk-document-sandbox";
-import { editor, utils } from "express-document-sdk";
+import { editor } from "express-document-sdk";
 
 // Get the document sandbox runtime.
 const { runtime } = addOnSandboxSdk.instance;
@@ -19,11 +19,11 @@ function start() {
             rectangle.translation = { x: 10, y: 10 };
 
             // Define rectangle color.
-            const [red, green, blue, alpha] = [0.32, 0.34, 0.89, 1];
+            const color = { red: 0.32, green: 0.34, blue: 0.89, alpha: 1 };
 
             // Fill the rectangle with the color.
-            const rectangleFill = editor.createColorFill(utils.createColor(red, green, blue, alpha));
-            rectangle.fills.append(rectangleFill);
+            const rectangleFill = editor.makeColorFill(color);
+            rectangle.fill = rectangleFill;
 
             // Add the rectangle to the document.
             const insertionParent = editor.context.insertionParent;

package/dist/templates/javascript-with-document-sandbox/template/src/sandbox/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "lib": ["ES2020"],
+        "module": "ES2020",
+        "target": "ES2020",
+        "typeRoots": ["@adobe/ccweb-add-on-sdk-types/add-on-sandbox-sdk"]
+    },
+    "include": ["./**/*"]
+}

package/dist/templates/javascript-with-document-sandbox/template/src/ui/add-on-ui-sdk.d.ts

@@ -0,0 +1,7 @@
+// DO NOT modify this file.
+
+declare module "https://new.express.adobe.com/static/add-on-sdk/sdk.js" {
+    import { AddOnUISdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnUISdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/ui/ui-sdk";
+}

package/dist/templates/javascript-with-document-sandbox/template/src/ui/index.js

@@ -0,0 +1,24 @@
+import addOnUISdk from "https://new.express.adobe.com/static/add-on-sdk/sdk.js";
+
+addOnUISdk.ready.then(async () => {
+    console.log("addOnUISdk is ready for use.");
+
+    // Get the UI runtime.
+    const { runtime } = addOnUISdk.instance;
+
+    // Get the proxy object, which is required
+    // to call the APIs defined in the Document Sandbox runtime
+    // i.e., in the `code.js` file of this add-on.
+    const sandboxProxy = await runtime.apiProxy("documentSandbox");
+
+    const createRectangleButton = document.getElementById("createRectangle");
+    createRectangleButton.addEventListener("click", async event => {
+        await sandboxProxy.createRectangle();
+    });
+
+    // Enable the button only when:
+    // 1. `addOnUISdk` is ready,
+    // 2. `sandboxProxy` is available, and
+    // 3. `click` event listener is registered.
+    createRectangleButton.disabled = false;
+});

package/dist/templates/javascript-with-document-sandbox/template/src/ui/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "lib": ["dom"]
+    },
+    "include": ["./**/*"]
+}

package/dist/templates/javascript-with-document-sandbox/template/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "experimentalDecorators": true,
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "outDir": "dist",
+        "target": "ESNext",
+        "useDefineForClassFields": false
+    },
+    "exclude": ["node_modules"],
+    "include": ["src/**/*"]
+}

package/dist/templates/react-javascript/template/src/add-on-ui-sdk.d.ts

@@ -0,0 +1,7 @@
+// DO NOT modify this file.
+
+declare module "https://new.express.adobe.com/static/add-on-sdk/sdk.js" {
+    import { AddOnUISdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnUISdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/ui/ui-sdk";
+}

package/dist/templates/react-javascript/template/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "jsx": "react",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "outDir": "dist",
+        "target": "ESNext"
+    },
+    "exclude": ["node_modules"],
+    "include": ["src/**/*"]
+}

package/dist/templates/react-javascript-with-document-sandbox/template/src/manifest.json

@@ -9,8 +9,7 @@
                 "name": "Express",
                 "apiVersion": 1
             }
-        ],
-        "experimentalApis": true
+        ]
     },
     "entryPoints": [
         {

package/dist/templates/react-javascript-with-document-sandbox/template/src/sandbox/add-on-sandbox-sdk.d.ts

@@ -0,0 +1,11 @@
+// DO NOT modify this file.
+
+declare module "add-on-sdk-document-sandbox" {
+    import { AddOnDocumentSandboxSdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnDocumentSandboxSdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/sandbox/add-on-sdk-document-sandbox";
+}
+
+declare module "express-document-sdk" {
+    export * from "@adobe/ccweb-add-on-sdk-types/sandbox/express-document-sdk";
+}

package/dist/templates/react-javascript-with-document-sandbox/template/src/sandbox/code.js

@@ -1,5 +1,5 @@
 import addOnSandboxSdk from "add-on-sdk-document-sandbox";
-import { editor, utils } from "express-document-sdk";
+import { editor } from "express-document-sdk";
 
 // Get the document sandbox runtime.
 const { runtime } = addOnSandboxSdk.instance;
@@ -19,11 +19,11 @@ function start() {
             rectangle.translation = { x: 10, y: 10 };
 
             // Define rectangle color.
-            const [red, green, blue, alpha] = [0.32, 0.34, 0.89, 1];
+            const color = { red: 0.32, green: 0.34, blue: 0.89, alpha: 1 };
 
             // Fill the rectangle with the color.
-            const rectangleFill = editor.createColorFill(utils.createColor(red, green, blue, alpha));
-            rectangle.fills.append(rectangleFill);
+            const rectangleFill = editor.makeColorFill(color);
+            rectangle.fill = rectangleFill;
 
             // Add the rectangle to the document.
             const insertionParent = editor.context.insertionParent;

package/dist/templates/react-javascript-with-document-sandbox/template/src/sandbox/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "lib": ["ES2020"],
+        "module": "ES2020",
+        "target": "ES2020",
+        "typeRoots": ["@adobe/ccweb-add-on-sdk-types/add-on-sandbox-sdk"]
+    },
+    "include": ["./**/*"]
+}

package/dist/templates/react-javascript-with-document-sandbox/template/src/ui/add-on-ui-sdk.d.ts

@@ -0,0 +1,7 @@
+// DO NOT modify this file.
+
+declare module "https://new.express.adobe.com/static/add-on-sdk/sdk.js" {
+    import { AddOnUISdkTypes } from "@adobe/ccweb-add-on-sdk-types";
+    export default AddOnUISdkTypes.default;
+    export * from "@adobe/ccweb-add-on-sdk-types/ui/ui-sdk";
+}

package/dist/templates/react-javascript-with-document-sandbox/template/src/ui/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "lib": ["dom"]
+    },
+    "include": ["./**/*"]
+}

package/dist/templates/react-javascript-with-document-sandbox/template/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "jsx": "react",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "outDir": "dist",
+        "target": "ESNext"
+    },
+    "exclude": ["node_modules"],
+    "include": ["src/**/*"]
+}

package/dist/templates/react-typescript-with-document-sandbox/template/src/manifest.json

@@ -9,8 +9,7 @@
                 "name": "Express",
                 "apiVersion": 1
             }
-        ],
-        "experimentalApis": true
+        ]
     },
     "entryPoints": [
         {

package/dist/templates/react-typescript-with-document-sandbox/template/src/sandbox/code.ts

@@ -1,5 +1,5 @@
 import addOnSandboxSdk from "add-on-sdk-document-sandbox";
-import { editor, utils } from "express-document-sdk";
+import { editor } from "express-document-sdk";
 import { DocumentSandboxApi } from "../models/DocumentSandboxApi";
 
 // Get the document sandbox runtime.
@@ -20,11 +20,11 @@ function start(): void {
             rectangle.translation = { x: 10, y: 10 };
 
             // Define rectangle color.
-            const [red, green, blue, alpha] = [0.32, 0.34, 0.89, 1];
+            const color = { red: 0.32, green: 0.34, blue: 0.89, alpha: 1 };
 
             // Fill the rectangle with the color.
-            const rectangleFill = editor.createColorFill(utils.createColor(red, green, blue, alpha));
-            rectangle.fills.append(rectangleFill);
+            const rectangleFill = editor.makeColorFill(color);
+            rectangle.fill = rectangleFill;
 
             // Add the rectangle to the document.
             const insertionParent = editor.context.insertionParent;

package/dist/templates/typescript-with-document-sandbox/template/src/manifest.json

@@ -9,8 +9,7 @@
                 "name": "Express",
                 "apiVersion": 1
             }
-        ],
-        "experimentalApis": true
+        ]
     },
     "entryPoints": [
         {

package/dist/templates/typescript-with-document-sandbox/template/src/sandbox/code.ts

@@ -1,5 +1,5 @@
 import addOnSandboxSdk from "add-on-sdk-document-sandbox";
-import { editor, utils } from "express-document-sdk";
+import { editor } from "express-document-sdk";
 import { DocumentSandboxApi } from "../models/DocumentSandboxApi";
 
 // Get the document sandbox runtime.
@@ -20,11 +20,11 @@ function start(): void {
             rectangle.translation = { x: 10, y: 10 };
 
             // Define rectangle color.
-            const [red, green, blue, alpha] = [0.32, 0.34, 0.89, 1];
+            const color = { red: 0.32, green: 0.34, blue: 0.89, alpha: 1 };
 
             // Fill the rectangle with the color.
-            const rectangleFill = editor.createColorFill(utils.createColor(red, green, blue, alpha));
-            rectangle.fills.append(rectangleFill);
+            const rectangleFill = editor.makeColorFill(color);
+            rectangle.fill = rectangleFill;
 
             // Add the rectangle to the document.
             const insertionParent = editor.context.insertionParent;