@canva/design 2.4.1 → 2.6.0

package/lib/cjs/sdk/design/fake/fake_design_interaction_client.js

@@ -9,12 +9,44 @@ Object.defineProperty(exports, "FakeDesignInteractionClient", {
     }
 });
 class FakeDesignInteractionClient {
+    async getDesignTitle() {
+        await this.delay();
+        return 'title';
+    }
     async getDesignToken() {
         await this.delay();
         return {
             token: 'token'
         };
     }
+    async getDesignMetadata() {
+        await this.delay();
+        return {
+            title: 'title',
+            defaultPageDimensions: {
+                width: 800,
+                height: 600
+            },
+            pageMetadata: [
+                {
+                    dimensions: {
+                        width: 800,
+                        height: 600
+                    }
+                },
+                {
+                    dimensions: {
+                        width: 300,
+                        height: 900
+                    }
+                },
+                {
+                    dimensions: undefined
+                }
+            ],
+            durationInSeconds: 30
+        };
+    }
     async addNativeElement(element) {
         await this.delay();
     }
@@ -80,15 +112,7 @@ class FakeDesignInteractionClient {
         });
     }
     async openDesign(options, callback) {
-        await this.delay();
-        await callback({
-            page: fakePage,
-            save: async ()=>{
-                await this.delay();
-            }
-        }, {
-            elementBuilder: fakeElementBuilder
-        });
+        throw new Error('Not yet implemented');
     }
     constructor(delay){
         this.delay = delay;
@@ -136,82 +160,3 @@ const fakePageDimensions = {
     width: 800,
     height: 600
 };
-const fakeFill = {
-    media: undefined,
-    color: {
-        type: 'solid',
-        color: '#FFFFFF'
-    }
-};
-const fakePage = {
-    type: 'fixed',
-    locked: false,
-    dimensions: fakePageDimensions,
-    background: fakeFill,
-    elements: {
-        count: ()=>0,
-        toArray: ()=>[],
-        insertBefore: (ref)=>ref,
-        insertAfter: (ref)=>ref,
-        forEach: (callback)=>{},
-        filter: (filter)=>[],
-        moveBefore: (item)=>{},
-        moveAfter: (item)=>{},
-        delete: (item)=>{}
-    }
-};
-const fakeElement = {
-    top: 0,
-    left: 0,
-    rotation: 0,
-    transparency: 0,
-    locked: true,
-    width: 100,
-    height: 100
-};
-const fakeRectElement = {
-    ...fakeElement,
-    type: 'rect',
-    fill: fakeFill,
-    stroke: {
-        weight: 10,
-        color: fakeFill.color
-    }
-};
-const fakeShapeElement = {
-    ...fakeElement,
-    type: 'shape',
-    viewBox: {
-        top: 0,
-        left: 0,
-        width: 100,
-        height: 100
-    },
-    paths: {
-        count: ()=>0,
-        toArray: ()=>[],
-        forEach: (callback)=>{},
-        filter: (filter)=>[]
-    }
-};
-const fakeEmbedElement = {
-    ...fakeElement,
-    type: 'embed',
-    url: 'https://canva.dev/docs/apps/testing/'
-};
-const fakeTextElement = {
-    ...fakeElement,
-    type: 'text',
-    text: fakeRichtextRange
-};
-function cloneElement(element) {
-    return fakeRectElement;
-}
-const fakeElementBuilder = {
-    createRectElement: (opts)=>fakeRectElement,
-    createShapeElement: (opts)=>fakeShapeElement,
-    createEmbedElement: (opts)=>fakeEmbedElement,
-    createTextElement: (opts)=>fakeTextElement,
-    createRichtextRange: ()=>fakeRichtextRange,
-    cloneElement
-};

package/lib/cjs/sdk/design/index.js

@@ -17,4 +17,4 @@ function _export_star(from, to) {
     return from;
 }
 var _window___canva___sdkRegistration, _window___canva__;
-(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.4.0', 'ga');
+(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.6.0', 'ga');

package/lib/cjs/sdk/design/public.js

@@ -5,56 +5,59 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    addAudioTrack: function() {
+    get addAudioTrack () {
         return addAudioTrack;
     },
-    addElementAtCursor: function() {
+    get addElementAtCursor () {
         return addElementAtCursor;
     },
-    addElementAtPoint: function() {
+    get addElementAtPoint () {
         return addElementAtPoint;
     },
-    addNativeElement: function() {
+    get addNativeElement () {
         return addNativeElement;
     },
-    addPage: function() {
+    get addPage () {
         return addPage;
     },
-    createRichtextRange: function() {
+    get createRichtextRange () {
         return createRichtextRange;
     },
-    editContent: function() {
+    get editContent () {
         return editContent;
     },
-    getCurrentPageContext: function() {
+    get getCurrentPageContext () {
         return getCurrentPageContext;
     },
-    getDefaultPageDimensions: function() {
+    get getDefaultPageDimensions () {
         return getDefaultPageDimensions;
     },
-    getDesignToken: function() {
+    get getDesignToken () {
         return getDesignToken;
     },
-    initAppElement: function() {
+    get initAppElement () {
         return initAppElement;
     },
-    overlay: function() {
+    get openDesign () {
+        return openDesign;
+    },
+    get overlay () {
         return overlay;
     },
-    requestExport: function() {
+    get requestExport () {
         return requestExport;
     },
-    selection: function() {
+    get selection () {
         return selection;
     },
-    setCurrentPageBackground: function() {
+    get setCurrentPageBackground () {
         return setCurrentPageBackground;
     },
-    ui: function() {
+    get ui () {
         return ui;
     }
 });
@@ -75,3 +78,4 @@ const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
 const getDesignToken = canva_sdk.design.v2.designInteraction.getDesignToken;
 const createRichtextRange = canva_sdk.design.v2.designInteraction.createRichtextRange;
 const editContent = canva_sdk.design.v2.designInteraction.editContent;
+const openDesign = canva_sdk.design.v2.designInteraction.openDesign;

package/lib/cjs/sdk/utils/canva_sdk.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    assertIsTestCanvaSdk: function() {
+    get assertIsTestCanvaSdk () {
         return assertIsTestCanvaSdk;
     },
-    bindMethodsToClients: function() {
+    get bindMethodsToClients () {
         return bindMethodsToClients;
     },
-    getCanvaSdk: function() {
+    get getCanvaSdk () {
         return getCanvaSdk;
     },
-    injectFakeAPIClients: function() {
+    get injectFakeAPIClients () {
         return injectFakeAPIClients;
     }
 });

package/lib/esm/sdk/design/fake/fake_design_interaction_client.js

@@ -1,10 +1,42 @@
 export class FakeDesignInteractionClient {
+    async getDesignTitle() {
+        await this.delay();
+        return 'title';
+    }
     async getDesignToken() {
         await this.delay();
         return {
             token: 'token'
         };
     }
+    async getDesignMetadata() {
+        await this.delay();
+        return {
+            title: 'title',
+            defaultPageDimensions: {
+                width: 800,
+                height: 600
+            },
+            pageMetadata: [
+                {
+                    dimensions: {
+                        width: 800,
+                        height: 600
+                    }
+                },
+                {
+                    dimensions: {
+                        width: 300,
+                        height: 900
+                    }
+                },
+                {
+                    dimensions: undefined
+                }
+            ],
+            durationInSeconds: 30
+        };
+    }
     async addNativeElement(element) {
         await this.delay();
     }
@@ -70,15 +102,7 @@ export class FakeDesignInteractionClient {
         });
     }
     async openDesign(options, callback) {
-        await this.delay();
-        await callback({
-            page: fakePage,
-            save: async ()=>{
-                await this.delay();
-            }
-        }, {
-            elementBuilder: fakeElementBuilder
-        });
+        throw new Error('Not yet implemented');
     }
     constructor(delay){
         this.delay = delay;
@@ -126,82 +150,3 @@ const fakePageDimensions = {
     width: 800,
     height: 600
 };
-const fakeFill = {
-    media: undefined,
-    color: {
-        type: 'solid',
-        color: '#FFFFFF'
-    }
-};
-const fakePage = {
-    type: 'fixed',
-    locked: false,
-    dimensions: fakePageDimensions,
-    background: fakeFill,
-    elements: {
-        count: ()=>0,
-        toArray: ()=>[],
-        insertBefore: (ref)=>ref,
-        insertAfter: (ref)=>ref,
-        forEach: (callback)=>{},
-        filter: (filter)=>[],
-        moveBefore: (item)=>{},
-        moveAfter: (item)=>{},
-        delete: (item)=>{}
-    }
-};
-const fakeElement = {
-    top: 0,
-    left: 0,
-    rotation: 0,
-    transparency: 0,
-    locked: true,
-    width: 100,
-    height: 100
-};
-const fakeRectElement = {
-    ...fakeElement,
-    type: 'rect',
-    fill: fakeFill,
-    stroke: {
-        weight: 10,
-        color: fakeFill.color
-    }
-};
-const fakeShapeElement = {
-    ...fakeElement,
-    type: 'shape',
-    viewBox: {
-        top: 0,
-        left: 0,
-        width: 100,
-        height: 100
-    },
-    paths: {
-        count: ()=>0,
-        toArray: ()=>[],
-        forEach: (callback)=>{},
-        filter: (filter)=>[]
-    }
-};
-const fakeEmbedElement = {
-    ...fakeElement,
-    type: 'embed',
-    url: 'https://canva.dev/docs/apps/testing/'
-};
-const fakeTextElement = {
-    ...fakeElement,
-    type: 'text',
-    text: fakeRichtextRange
-};
-function cloneElement(element) {
-    return fakeRectElement;
-}
-const fakeElementBuilder = {
-    createRectElement: (opts)=>fakeRectElement,
-    createShapeElement: (opts)=>fakeShapeElement,
-    createEmbedElement: (opts)=>fakeEmbedElement,
-    createTextElement: (opts)=>fakeTextElement,
-    createRichtextRange: ()=>fakeRichtextRange,
-    cloneElement
-};

package/lib/esm/sdk/design/index.js

@@ -1,3 +1,3 @@
 var _window___canva___sdkRegistration, _window___canva__;
 export * from './public';
-(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.4.0', 'ga');
+(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.6.0', 'ga');

package/lib/esm/sdk/design/public.js

@@ -15,3 +15,4 @@ export const initAppElement = canva_sdk.design.v2.designInteraction.initAppEleme
 export const getDesignToken = canva_sdk.design.v2.designInteraction.getDesignToken;
 export const createRichtextRange = canva_sdk.design.v2.designInteraction.createRichtextRange;
 export const editContent = canva_sdk.design.v2.designInteraction.editContent;
+export const openDesign = canva_sdk.design.v2.designInteraction.openDesign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canva/design",
-  "version": "2.4.1",
+  "version": "2.6.0",
   "description": "The Canva Apps SDK design library",
   "author": "Canva Pty Ltd.",
   "license": "SEE LICENSE IN LICENSE.md FILE",
@@ -22,4 +22,4 @@
     }
   },
   "typings": "./index.d.ts"
-}
+}