@useinsider/guido 3.12.0-beta.3a33163 → 3.12.0-beta.40db55d
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.
package/README.md
CHANGED
|
@@ -20,9 +20,11 @@ npm install @useinsider/guido
|
|
|
20
20
|
|
|
21
21
|
### Prerequisites
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
Guido declares these as peer dependencies — install them yourself, it does not
|
|
24
|
+
bundle or install them for you:
|
|
24
25
|
- Vue 2.7+
|
|
25
26
|
- Pinia (state management)
|
|
27
|
+
- `@useinsider/design-system-vue` 2.x
|
|
26
28
|
|
|
27
29
|
Add these to your bundler config to optimize dependencies:
|
|
28
30
|
|
|
@@ -31,16 +33,26 @@ Add these to your bundler config to optimize dependencies:
|
|
|
31
33
|
shared: {
|
|
32
34
|
vue: { singleton: true },
|
|
33
35
|
pinia: { singleton: true },
|
|
36
|
+
'@useinsider/design-system-vue': { singleton: true },
|
|
34
37
|
},
|
|
35
38
|
```
|
|
36
39
|
|
|
37
40
|
**Vite** (`vite.config.js`):
|
|
38
41
|
```js
|
|
39
42
|
resolve: {
|
|
40
|
-
dedupe: ['vue', 'pinia'],
|
|
43
|
+
dedupe: ['vue', 'pinia', '@useinsider/design-system-vue'],
|
|
41
44
|
},
|
|
42
45
|
```
|
|
43
46
|
|
|
47
|
+
> A second copy of the design system breaks styling and overlay positioning.
|
|
48
|
+
> If your `.npmrc` sets `legacy-peer-deps=true`, npm will neither install these
|
|
49
|
+
> nor warn you about them — declare them in your own `dependencies`.
|
|
50
|
+
>
|
|
51
|
+
> **Upgrading from Guido 3.11 or earlier?** You used to receive the design system
|
|
52
|
+
> transitively. Add `@useinsider/design-system-vue` `^2.0.0` to your own
|
|
53
|
+
> `dependencies` — an already-hoisted 1.x copy resolves silently and fails at
|
|
54
|
+
> runtime instead of at install.
|
|
55
|
+
|
|
44
56
|
---
|
|
45
57
|
|
|
46
58
|
## Quick Start
|
package/dist/guido.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-
|
|
1
|
+
.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-10599c37]{position:relative;display:inline-block}.new-tag[data-v-10599c37]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-10599c37] .guido__view-option-selection-desktop svg,[data-v-10599c37] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-10599c37] .in-segments-wrapper__button_selected,[data-v-10599c37] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-38eb0a73]{position:relative;display:inline-block}.new-tag[data-v-38eb0a73]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-38eb0a73] .guido__verion-history-view-option-selection-desktop svg,[data-v-38eb0a73] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-38eb0a73] .in-segments-wrapper__button_selected,[data-v-38eb0a73] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import { useHttp as
|
|
2
|
-
import { useToaster as
|
|
3
|
-
import { MAX_DEFAULT_TEMPLATE_ID as
|
|
4
|
-
import { useBlankTemplate as
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
stripoId: 0,
|
|
8
|
-
unsubscriptionPreferencePages: []
|
|
9
|
-
}), D = () => {
|
|
10
|
-
const { get: s, post: u } = m(), { handleError: r } = y(), { getBlankTemplate: n } = g();
|
|
1
|
+
import { useHttp as d } from "../composables/useHttp.js";
|
|
2
|
+
import { useToaster as m } from "../composables/useToaster.js";
|
|
3
|
+
import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
|
|
4
|
+
import { useBlankTemplate as f } from "./blankTemplate.js";
|
|
5
|
+
const D = () => {
|
|
6
|
+
const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
|
|
11
7
|
return {
|
|
12
8
|
getToken: async () => {
|
|
13
9
|
try {
|
|
@@ -30,13 +26,13 @@ const l = () => ({
|
|
|
30
26
|
},
|
|
31
27
|
getDefaultTemplate: async () => {
|
|
32
28
|
try {
|
|
33
|
-
const t = new URLSearchParams(window.location.search), e = t.get("default-template"),
|
|
34
|
-
if (!i && !
|
|
35
|
-
return await
|
|
36
|
-
const
|
|
37
|
-
return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await
|
|
29
|
+
const t = new URLSearchParams(window.location.search), e = t.get("default-template"), l = t.get("master"), n = e ? parseInt(e) : 0, i = n >= 1 && n <= y ? n : 0;
|
|
30
|
+
if (!i && !l)
|
|
31
|
+
return await o();
|
|
32
|
+
const p = `/stripo/default-template/${i}`, { data: c } = await s(p), a = typeof c == "string" ? JSON.parse(c) : c;
|
|
33
|
+
return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await o() : a;
|
|
38
34
|
} catch (t) {
|
|
39
|
-
return r(t, "Failed to fetch default template"),
|
|
35
|
+
return r(t, "Failed to fetch default template"), o();
|
|
40
36
|
}
|
|
41
37
|
},
|
|
42
38
|
getSyncModulesStatus: async () => {
|
|
@@ -57,9 +53,13 @@ const l = () => ({
|
|
|
57
53
|
getSyncModule: async (t) => {
|
|
58
54
|
try {
|
|
59
55
|
const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
|
|
60
|
-
return
|
|
56
|
+
return e;
|
|
61
57
|
} catch (e) {
|
|
62
|
-
return r(e, "Failed to get sync module"),
|
|
58
|
+
return r(e, "Failed to get sync module"), {
|
|
59
|
+
id: 0,
|
|
60
|
+
stripoId: 0,
|
|
61
|
+
unsubscriptionPreferencePages: []
|
|
62
|
+
};
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
setSyncModuleUnsubscriptionPages: async (t) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.12.0-beta.
|
|
3
|
+
"version": "3.12.0-beta.40db55d",
|
|
4
4
|
"description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
|
|
5
5
|
"main": "./dist/guido.umd.cjs",
|
|
6
6
|
"module": "./dist/library.js",
|
|
@@ -44,13 +44,15 @@
|
|
|
44
44
|
"license": "ISC",
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@stripoinc/ui-editor-extensions": "3.8.0",
|
|
47
|
-
"@useinsider/design-system-vue": "1.3.0",
|
|
48
47
|
"@vueuse/core": "11.3.0",
|
|
49
48
|
"lodash-es": "4.17.21",
|
|
50
|
-
"pinia": "2.3.1",
|
|
51
49
|
"valibot": "1.2.0",
|
|
52
|
-
"vite": "6.3.5"
|
|
53
|
-
|
|
50
|
+
"vite": "6.3.5"
|
|
51
|
+
},
|
|
52
|
+
"peerDependencies": {
|
|
53
|
+
"@useinsider/design-system-vue": "^2.0.0",
|
|
54
|
+
"pinia": "^2.3.0",
|
|
55
|
+
"vue": "^2.7.0"
|
|
54
56
|
},
|
|
55
57
|
"devDependencies": {
|
|
56
58
|
"@commitlint/cli": "20.2.0",
|
|
@@ -70,6 +72,7 @@
|
|
|
70
72
|
"@types/node": "20.10.4",
|
|
71
73
|
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
72
74
|
"@typescript-eslint/parser": "7.18.0",
|
|
75
|
+
"@useinsider/design-system-vue": "2.0.0",
|
|
73
76
|
"@useinsider/eslint-config": "1.5.3",
|
|
74
77
|
"@vitejs/plugin-vue2": "2.3.1",
|
|
75
78
|
"@vitest/coverage-v8": "2.1.9",
|
|
@@ -86,12 +89,14 @@
|
|
|
86
89
|
"husky": "9.1.7",
|
|
87
90
|
"msw": "2.10.3",
|
|
88
91
|
"nyc": "17.1.0",
|
|
92
|
+
"pinia": "2.3.1",
|
|
89
93
|
"sass": "1.69.7",
|
|
90
94
|
"typescript": "5.5.4",
|
|
91
95
|
"typescript-eslint": "8.26.0",
|
|
92
96
|
"vite-plugin-dts": "4.5.4",
|
|
93
97
|
"vite-plugin-istanbul": "7.0.0",
|
|
94
98
|
"vitest": "2.1.9",
|
|
99
|
+
"vue": "2.7.14",
|
|
95
100
|
"vue-tsc": "2.2.10"
|
|
96
101
|
},
|
|
97
102
|
"overrides": {
|