@contentstack/live-preview-utils 1.2.1 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/main.css +46 -45
  6. package/dist/main.css.map +1 -1
  7. package/dist/src/contentstack-live-preview-HOC.d.ts +14 -2
  8. package/dist/src/contentstack-live-preview-HOC.d.ts.map +1 -1
  9. package/dist/src/live-preview.d.ts.map +1 -1
  10. package/dist/src/utils/defaults.d.ts.map +1 -1
  11. package/dist/src/utils/handleUserConfig.d.ts.map +1 -1
  12. package/dist/src/utils/index.d.ts +4 -0
  13. package/dist/src/utils/index.d.ts.map +1 -1
  14. package/dist/src/utils/types.d.ts +16 -1
  15. package/dist/src/utils/types.d.ts.map +1 -1
  16. package/package.json +18 -3
package/dist/main.css CHANGED
@@ -4,75 +4,76 @@
4
4
  }
5
5
 
6
6
  button#cslp-tooltip {
7
- padding: 0;
8
- display: flex;
9
- outline: none;
10
- border: none;
11
- z-index: 200 !important;
12
- position: fixed;
13
- margin: 0;
14
- height: 35px;
15
- width: 72px;
16
- background: white;
17
- font-weight: 400 !important;
18
- color: #718096 !important;
19
- transition: background 0.2s;
20
- text-align: center !important;
21
- border-radius: 8px !important;
22
- font-size: 14px !important;
23
- justify-content: space-around;
24
- align-items: center;
25
- box-shadow: 0px 8px 20px 0px #2222221a;
26
- box-sizing: border-box;
7
+ padding: 0;
8
+ display: flex;
9
+ outline: none;
10
+ border: none;
11
+ z-index: 200 !important;
12
+ position: fixed;
13
+ margin: 0;
14
+ height: 35px;
15
+ width: 72px;
16
+ background: white;
17
+ font-weight: 400 !important;
18
+ color: #718096 !important;
19
+ transition: background 0.2s;
20
+ text-align: center !important;
21
+ border-radius: 8px !important;
22
+ font-size: 14px !important;
23
+ justify-content: space-around;
24
+ align-items: center;
25
+ box-shadow: 0px 8px 20px 0px #2222221a;
26
+ box-sizing: border-box;
27
+ top: -100%;
27
28
  }
28
29
 
29
30
  button#cslp-tooltip div {
30
- display: flex;
31
- justify-content: space-around;
32
- border-radius: 6px !important;
33
- cursor: pointer;
31
+ display: flex;
32
+ justify-content: space-around;
33
+ border-radius: 6px !important;
34
+ cursor: pointer;
34
35
  }
35
36
 
36
37
  button#cslp-tooltip div.cslp-tooltip-child:hover {
37
- background: #edf2f7;
38
+ background: #edf2f7;
38
39
  }
39
40
 
40
41
  button#cslp-tooltip div.cslp-tooltip-child:active:hover {
41
- background: #c7d0e1;
42
+ background: #c7d0e1;
42
43
  }
43
44
 
44
45
  button#cslp-tooltip > div {
45
- display: flex;
46
- justify-content: space-evenly;
47
- white-space: nowrap;
48
- width: 70px;
46
+ display: flex;
47
+ justify-content: space-evenly;
48
+ white-space: nowrap;
49
+ width: 70px;
49
50
  }
50
51
 
51
52
  button#cslp-tooltip .cslp-tooltip-child.singular {
52
- padding: 9px 1px;
53
+ padding: 9px 1px;
53
54
  }
54
55
 
55
56
  div.multiple div.cslp-tooltip-child {
56
- padding: 9px;
57
+ padding: 9px;
57
58
  }
58
59
 
59
60
  div.multiple div.cslp-tooltip-child:before {
60
- opacity: 0;
61
- font-size: 12px;
62
- font-weight: 400;
63
- pointer-events: none;
64
- content: attr(data-title);
65
- color: white;
66
- padding: 5px 10px;
67
- border-radius: 4px;
68
- position: absolute;
69
- background: #4a5568;
70
- top: -30px;
71
- transition: 0.2s all ease-in-out;
61
+ opacity: 0;
62
+ font-size: 12px;
63
+ font-weight: 400;
64
+ pointer-events: none;
65
+ content: attr(data-title);
66
+ color: white;
67
+ padding: 5px 10px;
68
+ border-radius: 4px;
69
+ position: absolute;
70
+ background: #4a5568;
71
+ top: -30px;
72
+ transition: 0.2s all ease-in-out;
72
73
  }
73
74
 
74
75
  div.multiple div.cslp-tooltip-child:hover:before {
75
- opacity: 1;
76
+ opacity: 1;
76
77
  }
77
78
 
78
79
 
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.css","mappings":"AAAA;IACI,sCAAsC;IACtC,6BAA6B;AACjC;;AAEA;EACE,UAAU;EACV,aAAa;EACb,aAAa;EACb,YAAY;EACZ,uBAAuB;EACvB,eAAe;EACf,SAAS;EACT,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,2BAA2B;EAC3B,yBAAyB;EACzB,2BAA2B;EAC3B,6BAA6B;EAC7B,6BAA6B;EAC7B,0BAA0B;EAC1B,6BAA6B;EAC7B,mBAAmB;EACnB,sCAAsC;EACtC,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,6BAA6B;EAC7B,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,6BAA6B;EAC7B,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,yBAAyB;EACzB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,UAAU;EACV,gCAAgC;AAClC;;AAEA;EACE,UAAU;AACZ","sources":["webpack://ContentstackLivePreview/./src/styles.css"],"sourcesContent":[".cslp-edit-mode {\n outline: 1px dashed #6c5ce7 !important;\n position: relative !important;\n}\n\nbutton#cslp-tooltip {\n padding: 0;\n display: flex;\n outline: none;\n border: none;\n z-index: 200 !important;\n position: fixed;\n margin: 0;\n height: 35px;\n width: 72px;\n background: white;\n font-weight: 400 !important;\n color: #718096 !important;\n transition: background 0.2s;\n text-align: center !important;\n border-radius: 8px !important;\n font-size: 14px !important;\n justify-content: space-around;\n align-items: center;\n box-shadow: 0px 8px 20px 0px #2222221a;\n box-sizing: border-box;\n}\n\nbutton#cslp-tooltip div {\n display: flex;\n justify-content: space-around;\n border-radius: 6px !important;\n cursor: pointer;\n}\n\nbutton#cslp-tooltip div.cslp-tooltip-child:hover {\n background: #edf2f7;\n}\n\nbutton#cslp-tooltip div.cslp-tooltip-child:active:hover {\n background: #c7d0e1;\n}\n\nbutton#cslp-tooltip > div {\n display: flex;\n justify-content: space-evenly;\n white-space: nowrap;\n width: 70px; \n}\n\nbutton#cslp-tooltip .cslp-tooltip-child.singular {\n padding: 9px 1px;\n}\n\ndiv.multiple div.cslp-tooltip-child {\n padding: 9px;\n}\n\ndiv.multiple div.cslp-tooltip-child:before {\n opacity: 0;\n font-size: 12px;\n font-weight: 400;\n pointer-events: none;\n content: attr(data-title);\n color: white;\n padding: 5px 10px;\n border-radius: 4px;\n position: absolute;\n background: #4a5568;\n top: -30px;\n transition: 0.2s all ease-in-out;\n}\n\ndiv.multiple div.cslp-tooltip-child:hover:before {\n opacity: 1;\n}\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"main.css","mappings":"AAAA;IACI,sCAAsC;IACtC,6BAA6B;AACjC;;AAEA;IACI,UAAU;IACV,aAAa;IACb,aAAa;IACb,YAAY;IACZ,uBAAuB;IACvB,eAAe;IACf,SAAS;IACT,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,6BAA6B;IAC7B,6BAA6B;IAC7B,0BAA0B;IAC1B,6BAA6B;IAC7B,mBAAmB;IACnB,sCAAsC;IACtC,sBAAsB;IACtB,UAAU;AACd;;AAEA;IACI,aAAa;IACb,6BAA6B;IAC7B,6BAA6B;IAC7B,eAAe;AACnB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,aAAa;IACb,6BAA6B;IAC7B,mBAAmB;IACnB,WAAW;AACf;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,yBAAyB;IACzB,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,UAAU;IACV,gCAAgC;AACpC;;AAEA;IACI,UAAU;AACd","sources":["webpack://ContentstackLivePreview/./src/styles.css"],"sourcesContent":[".cslp-edit-mode {\n outline: 1px dashed #6c5ce7 !important;\n position: relative !important;\n}\n\nbutton#cslp-tooltip {\n padding: 0;\n display: flex;\n outline: none;\n border: none;\n z-index: 200 !important;\n position: fixed;\n margin: 0;\n height: 35px;\n width: 72px;\n background: white;\n font-weight: 400 !important;\n color: #718096 !important;\n transition: background 0.2s;\n text-align: center !important;\n border-radius: 8px !important;\n font-size: 14px !important;\n justify-content: space-around;\n align-items: center;\n box-shadow: 0px 8px 20px 0px #2222221a;\n box-sizing: border-box;\n top: -100%;\n}\n\nbutton#cslp-tooltip div {\n display: flex;\n justify-content: space-around;\n border-radius: 6px !important;\n cursor: pointer;\n}\n\nbutton#cslp-tooltip div.cslp-tooltip-child:hover {\n background: #edf2f7;\n}\n\nbutton#cslp-tooltip div.cslp-tooltip-child:active:hover {\n background: #c7d0e1;\n}\n\nbutton#cslp-tooltip > div {\n display: flex;\n justify-content: space-evenly;\n white-space: nowrap;\n width: 70px;\n}\n\nbutton#cslp-tooltip .cslp-tooltip-child.singular {\n padding: 9px 1px;\n}\n\ndiv.multiple div.cslp-tooltip-child {\n padding: 9px;\n}\n\ndiv.multiple div.cslp-tooltip-child:before {\n opacity: 0;\n font-size: 12px;\n font-weight: 400;\n pointer-events: none;\n content: attr(data-title);\n color: white;\n padding: 5px 10px;\n border-radius: 4px;\n position: absolute;\n background: #4a5568;\n top: -30px;\n transition: 0.2s all ease-in-out;\n}\n\ndiv.multiple div.cslp-tooltip-child:hover:before {\n opacity: 1;\n}\n"],"names":[],"sourceRoot":""}
package/dist/src/contentstack-live-preview-HOC.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { IInitData, IStackSdk, OnEntryChangeCallback, OnEntryChangeCallbackUID } from "./utils/types";
1
+ import { IInitData, IStackSdk, OnEntryChangeCallback, OnEntryChangeCallbackUID, OnEntryChangeConfig } from "./utils/types";
2
2
  import LivePreview from "./live-preview";
3
3
  export declare class ContentstackLivePreview {
4
4
  static livePreview: LivePreview | null;
@@ -9,7 +9,19 @@ export declare class ContentstackLivePreview {
9
9
  static init(userConfig?: Partial<IInitData>): Promise<LivePreview> | undefined;
10
10
  private static publish;
11
11
  private static subscribe;
12
- static onEntryChange(onChangeCallback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
12
+ /**
13
+ * @type {function}
14
+ * @param onChangeCallback A function param to fetch the data from contentstack database
15
+ * @param config An optional object param, pass {skipInitialRender:Boolean} to skip init call to onChangeCallback
16
+ * @returns Subscribed Callback UID
17
+ */
18
+ static onEntryChange(onChangeCallback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
19
+ /**
20
+ * @type {function}
21
+ * @param onChangeCallback A function param to fetch the data from contentstack database on content change.
22
+ * @returns Subscribed Callback UID
23
+ */
24
+ static onLiveEdit(onChangeCallback: OnEntryChangeCallback): OnEntryChangeCallbackUID;
13
25
  static unsubscribeOnEntryChange(callback: string | OnEntryChangeCallback): void;
14
26
  static getGatsbyDataFormat(sdkQuery: IStackSdk, prefix: string): Promise<any>;
15
27
  static getSdkVersion(): string;
package/dist/src/contentstack-live-preview-HOC.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"contentstack-live-preview-HOC.d.ts","sourceRoot":"","sources":["../../src/contentstack-live-preview-HOC.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,SAAS,EACT,SAAS,EACT,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAIzC,qBAAa,uBAAuB;IAChC,MAAM,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC9C,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAQ;IACpD,MAAM,CAAC,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAA;KAAE,CAAM;IAElE,MAAM,CAAC,IAAI,CACP,UAAU,GAAE,OAAO,CAAC,SAAS,CAAgB,GAC9C,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS;IAqBnC,OAAO,CAAC,MAAM,CAAC,OAAO;IAQtB,OAAO,CAAC,MAAM,CAAC,SAAS;IAQxB,MAAM,CAAC,aAAa,CAChB,gBAAgB,EAAE,qBAAqB,GACxC,wBAAwB;IAe3B,MAAM,CAAC,wBAAwB,CAC3B,QAAQ,EAAE,MAAM,GAAG,qBAAqB,GACzC,IAAI;WAyBM,mBAAmB,CAC5B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,MAAM,GACf,OAAO,CAAC,GAAG,CAAC;IAoCf,MAAM,CAAC,aAAa,IAAI,MAAM;CAGjC;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"contentstack-live-preview-HOC.d.ts","sourceRoot":"","sources":["../../src/contentstack-live-preview-HOC.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,SAAS,EACT,SAAS,EACT,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACtB,MAAM,eAAe,CAAC;AACvB,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAIzC,qBAAa,uBAAuB;IAChC,MAAM,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC9C,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAQ;IACpD,MAAM,CAAC,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAA;KAAE,CAAM;IAElE,MAAM,CAAC,IAAI,CACP,UAAU,GAAE,OAAO,CAAC,SAAS,CAAgB,GAC9C,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS;IAqBnC,OAAO,CAAC,MAAM,CAAC,OAAO;IAQtB,OAAO,CAAC,MAAM,CAAC,SAAS;IAOxB;;;;;OAKG;IACH,MAAM,CAAC,aAAa,CAChB,gBAAgB,EAAE,qBAAqB,EACvC,MAAM,CAAC,EAAE,mBAAmB,GAC7B,wBAAwB;IAkB3B;;;;OAIG;IACH,MAAM,CAAC,UAAU,CACb,gBAAgB,EAAE,qBAAqB,GACxC,wBAAwB;IAM3B,MAAM,CAAC,wBAAwB,CAC3B,QAAQ,EAAE,MAAM,GAAG,qBAAqB,GACzC,IAAI;WAyBM,mBAAmB,CAC5B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,MAAM,GACf,OAAO,CAAC,GAAG,CAAC;IAoCf,MAAM,CAAC,aAAa,IAAI,MAAM;CAGjC;AAED,eAAe,uBAAuB,CAAC"}
package/dist/src/live-preview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"live-preview.d.ts","sourceRoot":"","sources":["../../src/live-preview.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,SAAS,EAEZ,MAAM,eAAe,CAAC;AAMvB,MAAM,CAAC,OAAO,OAAO,WAAW;IAC5B;;OAEG;IAEH,OAAO,CAAC,MAAM,CA8BZ;IAEF,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,2BAA2B,CAA4B;IAE/D,OAAO,CAAC,YAAY,CAMlB;IACF,OAAO,CAAC,mBAAmB,CAAuC;gBAEtD,QAAQ,GAAE,OAAO,CAAC,SAAS,CAAgB;IAwCvD,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,mBAAmB;IAqC3B,OAAO,CAAC,aAAa;IAyCrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,gBAAgB;IAUxB,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvD,OAAO,CAAC,sBAAsB;IA0E9B,OAAO,CAAC,iBAAiB,CAoBvB;IAGF,OAAO,CAAC,eAAe;IAwCvB,OAAO,CAAC,qBAAqB;IA6C7B,OAAO,CAAC,cAAc;CAOzB"}
1
+ {"version":3,"file":"live-preview.d.ts","sourceRoot":"","sources":["../../src/live-preview.ts"],"names":[],"mappings":"AAQA,OAAO,EAIH,SAAS,EAEZ,MAAM,eAAe,CAAC;AAMvB,MAAM,CAAC,OAAO,OAAO,WAAW;IAC5B;;OAEG;IAEH,OAAO,CAAC,MAAM,CAmCZ;IAEF,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,2BAA2B,CAA4B;IAE/D,OAAO,CAAC,YAAY,CAMlB;IACF,OAAO,CAAC,mBAAmB,CAAuC;gBAEtD,QAAQ,GAAE,OAAO,CAAC,SAAS,CAAgB;IAuEvD,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,mBAAmB;IAmD3B,OAAO,CAAC,aAAa;IAyCrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,gBAAgB;IAUxB,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvD,OAAO,CAAC,sBAAsB;IA0E9B,OAAO,CAAC,iBAAiB,CAuBvB;IAGF,OAAO,CAAC,eAAe;IAwCvB,OAAO,CAAC,qBAAqB;IAkD7B,OAAO,CAAC,cAAc;CAOzB"}
package/dist/src/utils/defaults.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/utils/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,YAAY,EAAE,SAuB1B,CAAC"}
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/utils/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,YAAY,EAAE,SA6B1B,CAAC"}
package/dist/src/utils/handleUserConfig.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"handleUserConfig.d.ts","sourceRoot":"","sources":["../../../src/utils/handleUserConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiD1E,eAAO,MAAM,cAAc,aACb,QAAQ,SAAS,CAAC,GAAG,QAAQ,SAAS,CAAC,UACzC,OAAO,KAChB,IAkFF,CAAC;AAEF,eAAO,MAAM,gBAAgB;sCArIT,OAAO,cACX,QAAQ,gBAAgB,CAAC,KACtC,IAAI;CAqIN,CAAC"}
1
+ {"version":3,"file":"handleUserConfig.d.ts","sourceRoot":"","sources":["../../../src/utils/handleUserConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiD1E,eAAO,MAAM,cAAc,aACb,QAAQ,SAAS,CAAC,GAAG,QAAQ,SAAS,CAAC,UACzC,OAAO,KAChB,IAmIF,CAAC;AAEF,eAAO,MAAM,gBAAgB;sCAtLT,OAAO,cACX,QAAQ,gBAAgB,CAAC,KACtC,IAAI;CAsLN,CAAC"}
package/dist/src/utils/index.d.ts CHANGED
@@ -1,6 +1,10 @@
1
+ import { IConfigEditButton, IEditButtonPosition } from "./types";
1
2
  export declare function hasWindow(): boolean;
2
3
  export declare const tooltipSingularInnerHtml = "<div class=\"singular edit-button\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n </svg>Edit\n </div>";
3
4
  export declare const tooltipMultipleInnerHtml = "<div class=\"edit-button\" title=\"edit\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n </svg>\n </div>\n <div title=\"click element\" class=\"external-link-button\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n </svg>\n </div>";
4
5
  export declare const createSingularEditButton: (editCallback: (e: MouseEvent) => void) => HTMLDivElement;
5
6
  export declare const createMultipleEditButton: (editCallback: (e: MouseEvent) => void, linkCallback: (e: MouseEvent) => void) => HTMLDivElement;
7
+ export declare function addLivePreviewQueryTags(link: string): string;
8
+ export declare function shouldRenderEditButton(editButton: IConfigEditButton): boolean;
9
+ export declare function getEditButtonPosition(currentHoveredElement: HTMLElement | null, defaultPosition: string | undefined): IEditButtonPosition;
6
10
  //# sourceMappingURL=index.d.ts.map
package/dist/src/utils/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,eAAO,MAAM,wBAAwB,0dAK5B,CAAC;AAEV,eAAO,MAAM,wBAAwB,ivCAW5B,CAAC;AAEV,eAAO,MAAM,wBAAwB,qBACf,UAAU,KAAK,IAAI,KACtC,cAeF,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBACf,UAAU,KAAK,IAAI,oBACnB,UAAU,KAAK,IAAI,KACtC,cAsCF,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEjE,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,eAAO,MAAM,wBAAwB,0dAK5B,CAAC;AAEV,eAAO,MAAM,wBAAwB,ivCAW5B,CAAC;AAEV,eAAO,MAAM,wBAAwB,qBACf,UAAU,KAAK,IAAI,KACtC,cAeF,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBACf,UAAU,KAAK,IAAI,oBACnB,UAAU,KAAK,IAAI,KACtC,cAsCF,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAmB5D;AAMD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CA8C7E;AAED,wBAAgB,qBAAqB,CACjC,qBAAqB,EAAE,WAAW,GAAG,IAAI,EACzC,eAAe,EAAE,MAAM,GAAG,SAAS,GACpC,mBAAmB,CAmBrB"}
package/dist/src/utils/types.d.ts CHANGED
@@ -42,6 +42,13 @@ export declare interface IConfig {
42
42
  stackSdk: IStackSdk;
43
43
  onChange: () => void;
44
44
  runScriptsOnUpdate: boolean;
45
+ editButton: IConfigEditButton;
46
+ }
47
+ export declare interface IConfigEditButton {
48
+ enable: boolean;
49
+ exclude?: ("insideLivePreviewPortal" | "outsideLivePreviewPortal")[];
50
+ includeByQueryParameter?: boolean;
51
+ position?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
45
52
  }
46
53
  export declare interface IInitData {
47
54
  ssr: boolean;
@@ -51,11 +58,12 @@ export declare interface IInitData {
51
58
  stackDetails: Partial<IInitStackDetails>;
52
59
  clientUrlParams: Partial<Omit<IClientUrlParams, "url">>;
53
60
  stackSdk: IStackSdk;
61
+ editButton: IConfigEditButton;
54
62
  }
55
63
  export declare interface ILivePreviewMessageCommon {
56
64
  from: "live-preview";
57
65
  }
58
- export declare type ILivePreviewReceivePostMessages = IClientDataMessage | IInitAckMessage | IHistoryMessage | IDocWithScriptMessage;
66
+ export type ILivePreviewReceivePostMessages = IClientDataMessage | IInitAckMessage | IHistoryMessage | IDocWithScriptMessage;
59
67
  export declare interface IClientDataMessage extends ILivePreviewMessageCommon {
60
68
  type: "client-data-send";
61
69
  data: {
@@ -81,6 +89,13 @@ export declare interface IDocWithScriptMessage extends ILivePreviewMessageCommon
81
89
  body: string;
82
90
  };
83
91
  }
92
+ export declare interface IEditButtonPosition {
93
+ upperBoundOfTooltip: number;
94
+ leftBoundOfTooltip: number;
95
+ }
84
96
  export declare type OnEntryChangeCallback = () => void;
97
+ export declare type OnEntryChangeConfig = {
98
+ skipInitialRender?: boolean;
99
+ };
85
100
  export declare type OnEntryChangeCallbackUID = string;
86
101
  //# sourceMappingURL=types.d.ts.map
package/dist/src/utils/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentstack/live-preview-utils",
3
- "version": "1.2.1",
3
+ "version": "1.3.1",
4
4
  "types": "dist/src/index.d.ts",
5
5
  "description": "Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.",
6
6
  "main": "dist/index.js",
@@ -12,7 +12,13 @@
12
12
  "test": "jest",
13
13
  "test:coverage": "jest src --coverage --watchAll --coverageDirectory=\"coverage\"",
14
14
  "dev": "webpack --config webpack.dev.js",
15
- "prepare": "npm run build && husky install"
15
+ "prepare": "npm run build && husky install",
16
+ "lint": "eslint src",
17
+ "lint:fix": "eslint --fix",
18
+ "prettier": "prettier src --check",
19
+ "prettier:fix": "prettier src --write",
20
+ "format": "npm run prettier:fix && npm run lint:fix",
21
+ "docs": "typedoc --out docs --entryPointStrategy expand ./src"
16
22
  },
17
23
  "keywords": [
18
24
  "live-preview"
@@ -30,13 +36,17 @@
30
36
  "babel-loader": "^8.0.5",
31
37
  "css-loader": "^5.2.2",
32
38
  "eslint": "^7.32.0",
39
+ "eslint-config-prettier": "^8.6.0",
33
40
  "husky": "^8.0.0",
34
41
  "jest": "^27.2.0",
35
42
  "jest-fetch-mock": "^3.0.3",
36
43
  "mini-css-extract-plugin": "^2.3.0",
44
+ "prettier": "^2.8.4",
45
+ "prettier-eslint": "^15.0.1",
37
46
  "style-loader": "^2.0.0",
38
47
  "ts-jest": "^27.0.5",
39
- "ts-loader": "^8.1.0",
48
+ "ts-loader": "^9.4.2",
49
+ "typedoc": "^0.23.25",
40
50
  "typescript": "^4.4.3",
41
51
  "webpack": "^5.53.0",
42
52
  "webpack-cli": "^4.8.0",
@@ -51,5 +61,10 @@
51
61
  "just-camel-case": "^4.0.2",
52
62
  "morphdom": "^2.6.1",
53
63
  "uuid": "^8.3.2"
64
+ },
65
+ "lint-staged": {
66
+ "src/**/*.{ts,css,md}": [
67
+ "npm run prettier:fix"
68
+ ]
54
69
  }
55
70
  }