svelte-intlayer 7.1.7 → 7.1.8
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/dist/ContentSelectorWrapper-Ct4vOl_g.js +163 -0
- package/dist/ContentSelectorWrapper-DMEqv3vE.cjs +10 -0
- package/dist/MarkdownRenderer-BFrmuaFN.js +47 -0
- package/dist/MarkdownRenderer-DyK7SeHa.cjs +1 -0
- package/dist/cjs/client/useLocale.cjs +1 -1
- package/dist/cjs/client/useLocaleStorage.cjs +1 -0
- package/dist/cjs/editor/communicator.cjs +1 -0
- package/dist/cjs/editor/dictionariesRecord.cjs +1 -0
- package/dist/cjs/editor/editorEnabled.cjs +1 -0
- package/dist/cjs/editor/focusDictionary.cjs +1 -0
- package/dist/cjs/editor/index.cjs +1 -0
- package/dist/cjs/editor/useCrossFrameMessageListener.cjs +1 -0
- package/dist/cjs/editor/useCrossFrameState.cjs +1 -0
- package/dist/cjs/editor/useEditor.cjs +1 -0
- package/dist/cjs/editor/useIframeClickInterceptor.cjs +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/markdown/context.cjs +1 -0
- package/dist/cjs/markdown/index.cjs +1 -1
- package/dist/cjs/plugins.cjs +1 -1
- package/dist/cjs/renderIntlayerNode.cjs +1 -0
- package/dist/cjs/setIntlayerMarkdown.cjs +1 -0
- package/dist/esm/client/useLocale.mjs +27 -16
- package/dist/esm/client/useLocaleStorage.mjs +29 -0
- package/dist/esm/editor/communicator.mjs +31 -0
- package/dist/esm/editor/dictionariesRecord.mjs +20 -0
- package/dist/esm/editor/editorEnabled.mjs +28 -0
- package/dist/esm/editor/focusDictionary.mjs +21 -0
- package/dist/esm/editor/index.mjs +23 -0
- package/dist/esm/editor/useCrossFrameMessageListener.mjs +37 -0
- package/dist/esm/editor/useCrossFrameState.mjs +53 -0
- package/dist/esm/editor/useEditor.mjs +38 -0
- package/dist/esm/editor/useIframeClickInterceptor.mjs +26 -0
- package/dist/esm/index.mjs +34 -27
- package/dist/esm/markdown/context.mjs +11 -0
- package/dist/esm/markdown/index.mjs +19 -8
- package/dist/esm/plugins.mjs +128 -13
- package/dist/esm/renderIntlayerNode.mjs +51 -0
- package/dist/esm/setIntlayerMarkdown.mjs +5 -0
- package/dist/types/IntlayerNodeWrapper.svelte.d.ts +1 -0
- package/dist/types/client/intlayerContext.d.ts +1 -0
- package/dist/types/client/useLocale.d.ts +9 -8
- package/dist/types/client/useLocaleStorage.d.ts +39 -0
- package/dist/types/editor/ContentSelector.svelte.d.ts +1 -0
- package/dist/types/editor/ContentSelectorWrapper.svelte.d.ts +1 -0
- package/dist/types/editor/communicator.d.ts +9 -0
- package/dist/types/editor/dictionariesRecord.d.ts +5 -0
- package/dist/types/editor/editorEnabled.d.ts +14 -0
- package/dist/types/editor/focusDictionary.d.ts +15 -0
- package/dist/types/editor/index.d.ts +9 -0
- package/dist/types/editor/useCrossFrameMessageListener.d.ts +2 -0
- package/dist/types/editor/useCrossFrameState.d.ts +7 -0
- package/dist/types/editor/useEditor.d.ts +1 -0
- package/dist/types/editor/useIframeClickInterceptor.d.ts +2 -0
- package/dist/types/index.d.ts +3 -1
- package/dist/types/markdown/MarkdownMetadataRenderer.svelte.d.ts +1 -0
- package/dist/types/markdown/MarkdownMetadataWithSelector.svelte.d.ts +1 -0
- package/dist/types/markdown/MarkdownProvider.svelte.d.ts +1 -0
- package/dist/types/markdown/MarkdownRenderer.svelte.d.ts +1 -0
- package/dist/types/markdown/MarkdownWithSelector.svelte.d.ts +1 -0
- package/dist/types/markdown/context.d.ts +6 -0
- package/dist/types/markdown/index.d.ts +4 -27
- package/dist/types/plugins.d.ts +25 -14
- package/dist/types/renderIntlayerNode.d.ts +13 -0
- package/dist/types/setIntlayerMarkdown.d.ts +1 -0
- package/package.json +7 -6
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
import "svelte/internal/disclose-version";
|
|
2
|
+
import "svelte/internal/flags/legacy";
|
|
3
|
+
import * as e from "svelte/internal/client";
|
|
4
|
+
import { isSameKeyPath as M } from "@intlayer/core";
|
|
5
|
+
import { MessageKey as D } from "@intlayer/editor";
|
|
6
|
+
import { NodeType as w } from "@intlayer/types";
|
|
7
|
+
import { get as N } from "svelte/store";
|
|
8
|
+
import { onMount as L, onDestroy as R } from "svelte";
|
|
9
|
+
import { useCommunicator as I } from "./esm/editor/communicator.mjs";
|
|
10
|
+
import { useEditorEnabled as U } from "./esm/editor/editorEnabled.mjs";
|
|
11
|
+
import { useFocusDictionary as x } from "./esm/editor/focusDictionary.mjs";
|
|
12
|
+
import { useEditor as A } from "./esm/editor/useEditor.mjs";
|
|
13
|
+
const H = (a, t, o) => {
|
|
14
|
+
t(), o();
|
|
15
|
+
}, K = (a, t, o, u) => {
|
|
16
|
+
e.get(t) && (e.set(t, !1), o()?.()), u();
|
|
17
|
+
}, F = (a, t, o) => {
|
|
18
|
+
e.get(t) ? (a.preventDefault(), a.stopPropagation()) : o()?.(a);
|
|
19
|
+
};
|
|
20
|
+
var G = () => {
|
|
21
|
+
}, V = e.template('<span role="button" tabindex="0"><!></span>');
|
|
22
|
+
function Y(a, t) {
|
|
23
|
+
e.push(t, !1);
|
|
24
|
+
const o = e.mutable_state();
|
|
25
|
+
let u = e.prop(t, "onClickOutside", 8, void 0), f = e.prop(t, "pressDuration", 8, 250), h = e.prop(t, "isSelecting", 8, !1), c = e.prop(t, "onPress", 8, void 0), m = e.prop(t, "onUnhover", 8, void 0), p = e.prop(t, "onHover", 8, void 0), k = e.prop(t, "onClick", 8, void 0), _ = e.mutable_state(null), r = e.mutable_state(!1), g = e.mutable_state(h()), d = null;
|
|
26
|
+
const E = () => {
|
|
27
|
+
e.set(g, !0), c()?.();
|
|
28
|
+
}, C = () => {
|
|
29
|
+
d = setTimeout(
|
|
30
|
+
() => {
|
|
31
|
+
E();
|
|
32
|
+
},
|
|
33
|
+
f()
|
|
34
|
+
);
|
|
35
|
+
}, l = () => {
|
|
36
|
+
d && (clearTimeout(d), d = null);
|
|
37
|
+
}, b = () => {
|
|
38
|
+
e.get(r) && (e.set(r, !1), m()?.()), l();
|
|
39
|
+
}, y = (v) => {
|
|
40
|
+
e.get(_) && !e.get(_).contains(v.target) && (e.set(g, !1), u() && u()());
|
|
41
|
+
};
|
|
42
|
+
L(() => {
|
|
43
|
+
document.addEventListener("mousedown", y);
|
|
44
|
+
}), R(() => {
|
|
45
|
+
typeof document < "u" && document.removeEventListener("mousedown", y), l();
|
|
46
|
+
}), e.legacy_pre_effect(
|
|
47
|
+
() => (e.deep_read_state(h()), e.get(g)),
|
|
48
|
+
() => {
|
|
49
|
+
e.set(o, h() || e.get(g));
|
|
50
|
+
}
|
|
51
|
+
), e.legacy_pre_effect_reset(), e.init();
|
|
52
|
+
var n = V();
|
|
53
|
+
n.__click = [F, o, k], n.__keydown = [G], n.__mousedown = [
|
|
54
|
+
H,
|
|
55
|
+
l,
|
|
56
|
+
C
|
|
57
|
+
], n.__mouseup = [
|
|
58
|
+
K,
|
|
59
|
+
r,
|
|
60
|
+
m,
|
|
61
|
+
l
|
|
62
|
+
], n.__touchstart = [
|
|
63
|
+
H,
|
|
64
|
+
l,
|
|
65
|
+
C
|
|
66
|
+
], n.__touchend = [
|
|
67
|
+
K,
|
|
68
|
+
r,
|
|
69
|
+
m,
|
|
70
|
+
l
|
|
71
|
+
];
|
|
72
|
+
var P = e.child(n);
|
|
73
|
+
e.slot(P, t, "default", {}, null), e.reset(n), e.bind_this(n, (v) => e.set(_, v), () => e.get(_)), e.template_effect(() => e.set_style(n, `display: inline-block;
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
user-select: none;
|
|
76
|
+
border-radius: 0.375rem;
|
|
77
|
+
outline-width: 2px;
|
|
78
|
+
outline-offset: 4px;
|
|
79
|
+
outline-style: solid;
|
|
80
|
+
outline-color: ${e.get(o) || e.get(r) ? "inherit" : "transparent"};
|
|
81
|
+
transition: all 100ms 50ms ease-in-out;
|
|
82
|
+
`)), e.event("mouseleave", n, b), e.event("touchcancel", n, b), e.event("mouseenter", n, () => {
|
|
83
|
+
e.set(r, !0), p()?.();
|
|
84
|
+
}), e.append(a, n), e.pop();
|
|
85
|
+
}
|
|
86
|
+
e.delegate([
|
|
87
|
+
"click",
|
|
88
|
+
"keydown",
|
|
89
|
+
"mousedown",
|
|
90
|
+
"mouseup",
|
|
91
|
+
"touchstart",
|
|
92
|
+
"touchend"
|
|
93
|
+
]);
|
|
94
|
+
function te(a, t) {
|
|
95
|
+
e.push(t, !1);
|
|
96
|
+
const [o, u] = e.setup_stores(), f = () => e.store_get(_, "$focusedContent", o), h = () => e.store_get(E, "$enabled", o), c = e.mutable_state(), m = e.mutable_state();
|
|
97
|
+
let p = e.prop(t, "dictionaryKey", 8), k = e.prop(t, "keyPath", 8);
|
|
98
|
+
const { focusedContent: _, setFocusedContent: r } = x(), g = U(), d = I(), { enabled: E } = g;
|
|
99
|
+
A();
|
|
100
|
+
const C = () => {
|
|
101
|
+
r({
|
|
102
|
+
dictionaryKey: p(),
|
|
103
|
+
keyPath: e.get(c)
|
|
104
|
+
});
|
|
105
|
+
}, l = () => {
|
|
106
|
+
const { postMessage: s, senderId: i } = N(d);
|
|
107
|
+
s({
|
|
108
|
+
type: `${D.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
|
|
109
|
+
data: {
|
|
110
|
+
dictionaryKey: p(),
|
|
111
|
+
keyPath: e.get(c)
|
|
112
|
+
},
|
|
113
|
+
senderId: i
|
|
114
|
+
});
|
|
115
|
+
}, b = () => {
|
|
116
|
+
const { postMessage: s, senderId: i } = N(d);
|
|
117
|
+
s({
|
|
118
|
+
type: `${D.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
|
|
119
|
+
data: null,
|
|
120
|
+
senderId: i
|
|
121
|
+
});
|
|
122
|
+
};
|
|
123
|
+
e.legacy_pre_effect(
|
|
124
|
+
() => (e.deep_read_state(k()), w),
|
|
125
|
+
() => {
|
|
126
|
+
e.set(c, k().filter((s) => s.type !== w.Translation));
|
|
127
|
+
}
|
|
128
|
+
), e.legacy_pre_effect(
|
|
129
|
+
() => (f(), e.deep_read_state(p()), e.get(c)),
|
|
130
|
+
() => {
|
|
131
|
+
e.set(m, f()?.dictionaryKey === p() && (f()?.keyPath?.length ?? 0) > 0 && M(f()?.keyPath ?? [], e.get(c)));
|
|
132
|
+
}
|
|
133
|
+
), e.legacy_pre_effect_reset(), e.init();
|
|
134
|
+
var y = e.comment(), n = e.first_child(y);
|
|
135
|
+
{
|
|
136
|
+
var P = (s) => {
|
|
137
|
+
Y(s, {
|
|
138
|
+
onPress: C,
|
|
139
|
+
get isSelecting() {
|
|
140
|
+
return e.get(m);
|
|
141
|
+
},
|
|
142
|
+
onHover: l,
|
|
143
|
+
onUnhover: b,
|
|
144
|
+
children: (i, T) => {
|
|
145
|
+
var S = e.comment(), O = e.first_child(S);
|
|
146
|
+
e.slot(O, t, "default", {}, null), e.append(i, S);
|
|
147
|
+
},
|
|
148
|
+
$$slots: { default: !0 }
|
|
149
|
+
});
|
|
150
|
+
}, v = (s) => {
|
|
151
|
+
var i = e.comment(), T = e.first_child(i);
|
|
152
|
+
e.slot(T, t, "default", {}, null), e.append(s, i);
|
|
153
|
+
};
|
|
154
|
+
e.if(n, (s) => {
|
|
155
|
+
h() ? s(P) : s(v, !1);
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
e.append(a, y), e.pop(), u();
|
|
159
|
+
}
|
|
160
|
+
export {
|
|
161
|
+
Y as C,
|
|
162
|
+
te as a
|
|
163
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const L=require("svelte/internal/client"),R=require("@intlayer/core"),D=require("@intlayer/editor"),O=require("@intlayer/types"),q=require("svelte/store"),N=require("svelte"),I=require("./cjs/editor/communicator.cjs"),U=require("./cjs/editor/editorEnabled.cjs"),j=require("./cjs/editor/focusDictionary.cjs"),A=require("./cjs/editor/useEditor.cjs");function x(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>s[n]})}}return t.default=s,Object.freeze(t)}const e=x(L),w=(s,t,n)=>{t(),n()},K=(s,t,n,a)=>{e.get(t)&&(e.set(t,!1),n()?.()),a()},F=(s,t,n)=>{e.get(t)?(s.preventDefault(),s.stopPropagation()):n()?.(s)};var G=()=>{},V=e.template('<span role="button" tabindex="0"><!></span>');function M(s,t){e.push(t,!1);const n=e.mutable_state();let a=e.prop(t,"onClickOutside",8,void 0),f=e.prop(t,"pressDuration",8,250),y=e.prop(t,"isSelecting",8,!1),u=e.prop(t,"onPress",8,void 0),_=e.prop(t,"onUnhover",8,void 0),p=e.prop(t,"onHover",8,void 0),b=e.prop(t,"onClick",8,void 0),m=e.mutable_state(null),l=e.mutable_state(!1),g=e.mutable_state(y()),d=null;const E=()=>{e.set(g,!0),u()?.()},k=()=>{d=setTimeout(()=>{E()},f())},i=()=>{d&&(clearTimeout(d),d=null)},C=()=>{e.get(l)&&(e.set(l,!1),_()?.()),i()},h=v=>{e.get(m)&&!e.get(m).contains(v.target)&&(e.set(g,!1),a()&&a()())};N.onMount(()=>{document.addEventListener("mousedown",h)}),N.onDestroy(()=>{typeof document<"u"&&document.removeEventListener("mousedown",h),i()}),e.legacy_pre_effect(()=>(e.deep_read_state(y()),e.get(g)),()=>{e.set(n,y()||e.get(g))}),e.legacy_pre_effect_reset(),e.init();var o=V();o.__click=[F,n,b],o.__keydown=[G],o.__mousedown=[w,i,k],o.__mouseup=[K,l,_,i],o.__touchstart=[w,i,k],o.__touchend=[K,l,_,i];var P=e.child(o);e.slot(P,t,"default",{},null),e.reset(o),e.bind_this(o,v=>e.set(m,v),()=>e.get(m)),e.template_effect(()=>e.set_style(o,`display: inline-block;
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
user-select: none;
|
|
4
|
+
border-radius: 0.375rem;
|
|
5
|
+
outline-width: 2px;
|
|
6
|
+
outline-offset: 4px;
|
|
7
|
+
outline-style: solid;
|
|
8
|
+
outline-color: ${e.get(n)||e.get(l)?"inherit":"transparent"};
|
|
9
|
+
transition: all 100ms 50ms ease-in-out;
|
|
10
|
+
`)),e.event("mouseleave",o,C),e.event("touchcancel",o,C),e.event("mouseenter",o,()=>{e.set(l,!0),p()?.()}),e.append(s,o),e.pop()}e.delegate(["click","keydown","mousedown","mouseup","touchstart","touchend"]);function W(s,t){e.push(t,!1);const[n,a]=e.setup_stores(),f=()=>e.store_get(m,"$focusedContent",n),y=()=>e.store_get(E,"$enabled",n),u=e.mutable_state(),_=e.mutable_state();let p=e.prop(t,"dictionaryKey",8),b=e.prop(t,"keyPath",8);const{focusedContent:m,setFocusedContent:l}=j.useFocusDictionary(),g=U.useEditorEnabled(),d=I.useCommunicator(),{enabled:E}=g;A.useEditor();const k=()=>{l({dictionaryKey:p(),keyPath:e.get(u)})},i=()=>{const{postMessage:r,senderId:c}=q.get(d);r({type:`${D.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:p(),keyPath:e.get(u)},senderId:c})},C=()=>{const{postMessage:r,senderId:c}=q.get(d);r({type:`${D.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null,senderId:c})};e.legacy_pre_effect(()=>(e.deep_read_state(b()),O.NodeType),()=>{e.set(u,b().filter(r=>r.type!==O.NodeType.Translation))}),e.legacy_pre_effect(()=>(f(),e.deep_read_state(p()),e.get(u)),()=>{e.set(_,f()?.dictionaryKey===p()&&(f()?.keyPath?.length??0)>0&&R.isSameKeyPath(f()?.keyPath??[],e.get(u)))}),e.legacy_pre_effect_reset(),e.init();var h=e.comment(),o=e.first_child(h);{var P=r=>{M(r,{onPress:k,get isSelecting(){return e.get(_)},onHover:i,onUnhover:C,children:(c,S)=>{var T=e.comment(),H=e.first_child(T);e.slot(H,t,"default",{},null),e.append(c,T)},$$slots:{default:!0}})},v=r=>{var c=e.comment(),S=e.first_child(c);e.slot(S,t,"default",{},null),e.append(r,c)};e.if(o,r=>{y()?r(P):r(v,!1)})}e.append(s,h),e.pop(),a()}exports.ContentSelector=M;exports.ContentSelectorWrapper=W;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import "svelte/internal/disclose-version";
|
|
2
|
+
import "svelte/internal/flags/legacy";
|
|
3
|
+
import * as e from "svelte/internal/client";
|
|
4
|
+
import { getMarkdownMetadata as i, getContentNodeByKeyPath as u } from "@intlayer/core";
|
|
5
|
+
import { useLocale as g } from "./esm/client/useLocale.mjs";
|
|
6
|
+
import { getMarkdownContext as y } from "./esm/markdown/context.mjs";
|
|
7
|
+
function w(l, t) {
|
|
8
|
+
e.push(t, !1);
|
|
9
|
+
const [r, n] = e.setup_stores(), c = () => e.store_get(m, "$contextLocale", r), a = e.mutable_state(), o = e.mutable_state(), d = e.mutable_state();
|
|
10
|
+
e.prop(t, "dictionaryKey", 8), e.prop(t, "keyPath", 8);
|
|
11
|
+
let s = e.prop(t, "locale", 8, void 0), _ = e.prop(t, "value", 8), p = e.prop(t, "metadataKeyPath", 8);
|
|
12
|
+
const { locale: m } = g();
|
|
13
|
+
e.legacy_pre_effect(
|
|
14
|
+
() => e.deep_read_state(_()),
|
|
15
|
+
() => {
|
|
16
|
+
e.set(a, i(_()));
|
|
17
|
+
}
|
|
18
|
+
), e.legacy_pre_effect(
|
|
19
|
+
() => (e.deep_read_state(s()), c()),
|
|
20
|
+
() => {
|
|
21
|
+
e.set(o, s() ?? c());
|
|
22
|
+
}
|
|
23
|
+
), e.legacy_pre_effect(
|
|
24
|
+
() => (e.get(a), e.deep_read_state(p()), e.get(o)),
|
|
25
|
+
() => {
|
|
26
|
+
e.set(d, u(e.get(a), p(), e.get(o)));
|
|
27
|
+
}
|
|
28
|
+
), e.legacy_pre_effect_reset(), e.init(), e.next();
|
|
29
|
+
var f = e.text();
|
|
30
|
+
e.template_effect(() => e.set_text(f, e.get(d))), e.append(l, f), e.pop(), n();
|
|
31
|
+
}
|
|
32
|
+
function K(l, t) {
|
|
33
|
+
e.push(t, !1);
|
|
34
|
+
const r = e.mutable_state();
|
|
35
|
+
e.prop(t, "dictionaryKey", 8), e.prop(t, "keyPath", 8), e.prop(t, "locale", 8, void 0);
|
|
36
|
+
let n = e.prop(t, "value", 8);
|
|
37
|
+
const { renderMarkdown: c } = y();
|
|
38
|
+
e.legacy_pre_effect(() => e.deep_read_state(n()), () => {
|
|
39
|
+
e.set(r, c(n()));
|
|
40
|
+
}), e.legacy_pre_effect_reset(), e.init();
|
|
41
|
+
var a = e.comment(), o = e.first_child(a);
|
|
42
|
+
e.html(o, () => e.get(r), !1, !1), e.append(l, a), e.pop();
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
w as M,
|
|
46
|
+
K as a
|
|
47
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const g=require("svelte/internal/client"),i=require("@intlayer/core"),m=require("./cjs/client/useLocale.cjs"),y=require("./cjs/markdown/context.cjs");function k(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>a[n]})}}return t.default=a,Object.freeze(t)}const e=k(g);function M(a,t){e.push(t,!1);const[n,r]=e.setup_stores(),l=()=>e.store_get(p,"$contextLocale",n),c=e.mutable_state(),o=e.mutable_state(),d=e.mutable_state();e.prop(t,"dictionaryKey",8),e.prop(t,"keyPath",8);let s=e.prop(t,"locale",8,void 0),u=e.prop(t,"value",8),_=e.prop(t,"metadataKeyPath",8);const{locale:p}=m.useLocale();e.legacy_pre_effect(()=>e.deep_read_state(u()),()=>{e.set(c,i.getMarkdownMetadata(u()))}),e.legacy_pre_effect(()=>(e.deep_read_state(s()),l()),()=>{e.set(o,s()??l())}),e.legacy_pre_effect(()=>(e.get(c),e.deep_read_state(_()),e.get(o)),()=>{e.set(d,i.getContentNodeByKeyPath(e.get(c),_(),e.get(o)))}),e.legacy_pre_effect_reset(),e.init(),e.next();var f=e.text();e.template_effect(()=>e.set_text(f,e.get(d))),e.append(a,f),e.pop(),r()}function b(a,t){e.push(t,!1);const n=e.mutable_state();e.prop(t,"dictionaryKey",8),e.prop(t,"keyPath",8),e.prop(t,"locale",8,void 0);let r=e.prop(t,"value",8);const{renderMarkdown:l}=y.getMarkdownContext();e.legacy_pre_effect(()=>e.deep_read_state(r()),()=>{e.set(n,l(r()))}),e.legacy_pre_effect_reset(),e.init();var c=e.comment(),o=e.first_child(c);e.html(o,()=>e.get(n),!1,!1),e.append(a,c),e.pop()}exports.MarkdownMetadataRenderer=M;exports.MarkdownRenderer=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@intlayer/config/built"),i=require("svelte/store"),s=require("./intlayerContext.cjs"),o=require("./intlayerStore.cjs"),u=require("./useLocaleStorage.cjs"),L=({isCookieEnabled:a,onLocaleChange:n}={})=>{const t=s.getIntlayerContext(),{defaultLocale:r,locales:l}=c?.internationalization??{};return t?{locale:i.derived([o.intlayerStore],([e])=>t.locale??e.locale),setLocale:e=>{t.setLocale(e),u.setLocaleInStorage(e,a??t?.isCookieEnabled??!0),n?.(e)},defaultLocale:r,availableLocales:l}:{locale:o.intlayerStore.getLocale(),setLocale:o.intlayerStore.setLocale,defaultLocale:r,availableLocales:l}};exports.useLocale=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@intlayer/core"),r=require("svelte/store"),a=o.getLocaleFromStorage(o.localeStorageOptions),s=a,l=(t,e)=>o.setLocaleInStorage(t,{...o.localeStorageOptions,isCookieEnabled:e}),g=l,c=t=>{const e=o.LocaleStorage({...o.localeStorageOptions,isCookieEnabled:t});return{localeStorage:r.readable(e.getLocale()),setLocaleStorage:e.setLocale}},n=t=>{const e=c(t);return{localeCookie:e.localeStorage,setLocaleCookie:e.setLocaleStorage}};exports.localeCookie=s;exports.localeInStorage=a;exports.setLocaleCookie=g;exports.setLocaleInStorage=l;exports.useLocaleCookie=n;exports.useLocaleStorage=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@intlayer/config/built"),n=require("svelte"),c=require("svelte/store"),a=()=>Math.random().toString(36).slice(2),{editor:e}=s,u=t=>{typeof window>"u"||!(window.self!==window.top)||(e.applicationURL.length>0&&window.postMessage(t,e.applicationURL),e.editorURL.length>0&&window.parent.postMessage(t,e.editorURL),e.cmsURL.length>0&&window.parent.postMessage(t,e.cmsURL))},l={postMessage:u,allowedOrigins:[e?.applicationURL,e?.editorURL,e?.cmsURL],senderId:a()},r=Symbol("INTLAYER_COMMUNICATOR"),i=(t={})=>{const o=c.writable({...l,...t});return n.setContext(r,o),o},d=()=>{let t;try{t=n.getContext(r)}catch{}return t||i()};exports.createCommunicator=i;exports.useCommunicator=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@intlayer/editor"),c=require("@intlayer/unmerged-dictionaries-entry"),a=require("./useCrossFrameState.cjs");let t=!1;const d=()=>{const[r,i]=a.useCrossFrameState(n.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,{});if(!t&&typeof window<"u"){const s=c.getUnmergedDictionaries(),o=Object.fromEntries(Object.values(s).flat().map(e=>[e.localId,e]));i(o),t=!0}return{dictionariesRecord:r}};exports.useDictionariesRecord=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@intlayer/config/built"),i=require("svelte"),t=require("svelte/store"),s=Symbol("EDITOR_ENABLED"),f=()=>typeof window>"u"?!1:window.self!==window.top,d=()=>{const e=t.writable(u.editor.enabled),r=t.writable(!1),n=t.writable(!1),a=t.derived([e,r,n],([l,c,E])=>l&&c&&E);typeof window<"u"&&n.set(f());const o={settingEnabled:e,wrapperEnabled:r,isInIframe:n,enabled:a};return i.setContext(s,o),o},b=()=>{let e;try{e=i.getContext(s)}catch{}return e||d()};exports.createEditorEnabledClient=d;exports.useEditorEnabled=b;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@intlayer/editor"),o=require("svelte"),c=require("./useCrossFrameState.cjs"),r=Symbol("FOCUS_DICTIONARY"),s=()=>{const[e,t]=c.useCrossFrameState(n.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,null);return o.setContext(r,{focusedContent:e,setFocusedContent:t}),{focusedContent:e,setFocusedContent:t}},u=()=>{let e;try{e=o.getContext(r)}catch{}return e||s()};exports.createFocusDictionaryClient=s;exports.useFocusDictionary=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../ContentSelectorWrapper-DMEqv3vE.cjs"),r=require("./communicator.cjs"),t=require("./editorEnabled.cjs"),o=require("./focusDictionary.cjs"),i=require("./useCrossFrameMessageListener.cjs"),c=require("./useCrossFrameState.cjs"),n=require("./useEditor.cjs"),s=require("./useIframeClickInterceptor.cjs");exports.ContentSelector=e.ContentSelector;exports.ContentSelectorWrapper=e.ContentSelectorWrapper;exports.createCommunicator=r.createCommunicator;exports.useCommunicator=r.useCommunicator;exports.createEditorEnabledClient=t.createEditorEnabledClient;exports.useEditorEnabled=t.useEditorEnabled;exports.createFocusDictionaryClient=o.createFocusDictionaryClient;exports.useFocusDictionary=o.useFocusDictionary;exports.useCrossFrameMessageListener=i.useCrossFrameMessageListener;exports.useCrossFrameState=c.useCrossFrameState;exports.useEditor=n.useEditor;exports.useIframeClickInterceptor=s.useIframeClickInterceptor;exports.useIframeClickMerger=s.useIframeClickMerger;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@intlayer/editor"),g=require("svelte"),a=require("svelte/store"),l=require("./communicator.cjs"),n=new Map;let u=!1;const b=(e,s)=>{let t=n.get(e);t||(t=new Set,n.set(e,t)),t.add(s)},w=(e,s)=>{const t=n.get(e);t&&(t.delete(s),t.size===0&&n.delete(e))},M=(e,s)=>{u||typeof window>"u"||(window.addEventListener("message",t=>{const{type:r,data:c,senderId:d}=t.data??{};r&&d!==s&&(!e||e.includes("*")||e.some(o=>p.compareUrls(o,t.origin)))&&n.get(r)?.forEach(o=>{o(c)})}),u=!0)},S=(e,s,t=!0)=>{const r=l.useCommunicator(),{allowedOrigins:c,senderId:d}=a.get(r);if(M(c,d),s){const i=s;if(b(e,i),t)try{g.onDestroy(()=>w(e,i))}catch{}}return i=>{const{postMessage:f,senderId:m}=a.get(r);f({type:e,data:i,senderId:m},"*")}};exports.useCrossFrameMessageListener=S;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("svelte/store"),y=require("./communicator.cjs"),S=require("./useCrossFrameMessageListener.cjs"),g=new Map,l=(e,o)=>typeof e=="function"?e(o):e,v=e=>e==null?e:JSON.parse(JSON.stringify(e)),L=(e,o,M={emit:!0,receive:!0})=>{if(g.has(e)){const{state:t,setState:s}=g.get(e);return[t,s]}const{emit:i=!0,receive:a=!0}=M,d=l(o),r=n.writable(d),c=y.useCommunicator(),u=t=>{const{postMessage:s,senderId:f}=n.get(c);!i||typeof s!="function"||typeof t>"u"||s({type:`${e}/post`,data:t,senderId:f},"*")},p=t=>{r.update(s=>{const f=l(t,s),m=v(f);return u(m),m})},C=()=>{const{postMessage:t,senderId:s}=n.get(c);typeof t=="function"&&t({type:`${e}/post`,data:n.get(r),senderId:s},"*")};if(u(d),a&&typeof n.get(r)>"u"){const{postMessage:t,senderId:s}=n.get(c);typeof t=="function"&&t({type:`${e}/get`,senderId:s},"*")}const $=a?`${e}/post`:`${e}/ignore`;S.useCrossFrameMessageListener($,t=>{a&&r.set(t)});const F=i?`${e}/get`:`${e}/ignore`;return S.useCrossFrameMessageListener(F,t=>{i&&u(n.get(r))}),g.set(e,{state:r,setState:p,postState:C}),[r,p]};exports.useCrossFrameState=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@intlayer/editor"),c=require("svelte"),o=require("svelte/store"),l=require("./dictionariesRecord.cjs"),E=require("./editorEnabled.cjs"),a=require("./useCrossFrameMessageListener.cjs"),f=require("./useIframeClickInterceptor.cjs");let i=!1,s=null;const I=()=>{if(typeof window>"u"||i)return;i=!0;const e=E.useEditorEnabled();l.useDictionariesRecord(),f.useIframeClickMerger(),a.useCrossFrameMessageListener(`${n.MessageKey.INTLAYER_EDITOR_ENABLED}/post`,r=>{e.wrapperEnabled.set(r)},!1);const u=a.useCrossFrameMessageListener(`${n.MessageKey.INTLAYER_EDITOR_ENABLED}/get`,r=>{e.wrapperEnabled.set(r)},!1),t=()=>{const r=o.get(e.isInIframe),d=o.get(e.settingEnabled);r&&d&&u()};t(),e.isInIframe.subscribe(()=>t()),s=e.isInIframe.subscribe(()=>t()),c.onDestroy(()=>{i=!1,s&&(s(),s=null)})};exports.useEditor=I;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@intlayer/editor"),o=require("svelte"),n=require("./useCrossFrameMessageListener.cjs"),t=()=>{const e=n.useCrossFrameMessageListener(s.MessageKey.INTLAYER_IFRAME_CLICKED),r=()=>{e()};o.onMount(()=>{typeof window<"u"&&window.addEventListener("mousedown",r)}),o.onDestroy(()=>{typeof window<"u"&&window.removeEventListener("mousedown",r)})},i=()=>{t(),n.useCrossFrameMessageListener(s.MessageKey.INTLAYER_IFRAME_CLICKED,e=>{s.mergeIframeClick(e)})};exports.useIframeClickInterceptor=t;exports.useIframeClickMerger=i;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./client/getBrowserLocale.cjs"),t=require("./client/intlayerContext.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./client/getBrowserLocale.cjs"),t=require("./client/intlayerContext.cjs"),n=require("./client/intlayerStore.cjs"),i=require("./client/useDictionary.cjs"),o=require("./client/useDictionaryAsync.cjs"),s=require("./client/useDictionaryDynamic.cjs"),a=require("./client/useIntlayer.cjs"),c=require("./client/useLocale.cjs"),u=require("./getDictionary.cjs"),l=require("./getIntlayer.cjs"),e=require("./plugins.cjs");require("./editor/communicator.cjs");require("@intlayer/config/built");require("svelte");require("svelte/store");require("@intlayer/editor");const y=require("./editor/useEditor.cjs"),g=require("./markdown/context.cjs");exports.getBrowserLocale=r.getBrowserLocale;exports.getIntlayerContext=t.getIntlayerContext;exports.setIntlayerContext=t.setIntlayerContext;exports.intlayerStore=n.intlayerStore;exports.useDictionary=i.useDictionary;exports.useDictionaryAsync=o.useDictionaryAsync;exports.useDictionaryDynamic=s.useDictionaryDynamic;exports.useIntlayer=a.useIntlayer;exports.useLocale=c.useLocale;exports.getDictionary=u.getDictionary;exports.getIntlayer=l.getIntlayer;exports.intlayerNodePlugins=e.intlayerNodePlugins;exports.markdownPlugin=e.markdownPlugin;exports.markdownStringPlugin=e.markdownStringPlugin;exports.svelteNodePlugins=e.svelteNodePlugins;exports.useIntlayerEditor=y.useEditor;exports.setIntlayerMarkdown=g.setMarkdownContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("svelte"),e=Symbol("INTLAYER_MARKDOWN_CONTEXT"),n=()=>o.getContext(e)||{renderMarkdown:t=>t},r=t=>{o.setContext(e,t)};exports.MARKDOWN_CONTEXT_KEY=e;exports.getMarkdownContext=n;exports.setMarkdownContext=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./context.cjs"),d=require("../../MarkdownRenderer-DyK7SeHa.cjs");require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const u=require("svelte/internal/client");function M(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const e=M(u);function l(r,t){e.push(t,!1);let n=e.prop(t,"renderMarkdown",8,c=>c);a.setMarkdownContext({renderMarkdown:n()}),e.init();var o=e.comment(),i=e.first_child(o);e.slot(i,t,"default",{},null),e.append(r,o),e.pop()}exports.MARKDOWN_CONTEXT_KEY=a.MARKDOWN_CONTEXT_KEY;exports.getMarkdownContext=a.getMarkdownContext;exports.setMarkdownContext=a.setMarkdownContext;exports.MarkdownMetadataRenderer=d.MarkdownMetadataRenderer;exports.MarkdownRenderer=d.MarkdownRenderer;exports.MarkdownProvider=l;
|
package/dist/cjs/plugins.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={id:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("@intlayer/core"),d=require("@intlayer/types"),c=require("../ContentSelectorWrapper-DMEqv3vE.cjs");require("./editor/communicator.cjs");require("@intlayer/config/built");require("svelte");require("svelte/store");require("@intlayer/editor");require("@intlayer/unmerged-dictionaries-entry");require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const m=require("svelte/internal/client"),s=require("../MarkdownRenderer-DyK7SeHa.cjs"),y=require("./renderIntlayerNode.cjs");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=f(m);function h(e,t){let r=i.prop(t,"dictionaryKey",8),n=i.prop(t,"keyPath",8),a=i.prop(t,"value",8),l=i.prop(t,"metadataKeyPath",8);c.ContentSelectorWrapper(e,{get dictionaryKey(){return r()},get keyPath(){return n()},children:(u,o)=>{s.MarkdownMetadataRenderer(u,{get dictionaryKey(){return r()},get keyPath(){return n()},get value(){return a()},get metadataKeyPath(){return l()}})},$$slots:{default:!0}})}function w(e,t){let r=i.prop(t,"dictionaryKey",8),n=i.prop(t,"keyPath",8),a=i.prop(t,"value",8);c.ContentSelectorWrapper(e,{get dictionaryKey(){return r()},get keyPath(){return n()},children:(l,u)=>{s.MarkdownRenderer(l,{get dictionaryKey(){return r()},get keyPath(){return n()},get value(){return a()}})},$$slots:{default:!0}})}const p={id:"intlayer-node-plugin",canHandle:e=>typeof e=="bigint"||typeof e=="string"||typeof e=="number",transform:(e,{children:t,...r})=>y.renderIntlayerNode({value:t??e,component:c.ContentSelectorWrapper,props:r})},v=p,g={id:"markdown-string-plugin",canHandle:e=>typeof e=="string",transform:(e,t,r)=>{const{...n}=t,a=k.getMarkdownMetadata(e)??{},u=r(a,{plugins:[{id:"markdown-metadata-plugin",canHandle:o=>typeof o=="string"||typeof o=="number"||typeof o=="boolean"||!o,transform:(o,P)=>y.renderIntlayerNode({value:o,component:h,props:{...n,value:e,metadataKeyPath:P.keyPath}})}],dictionaryKey:n.dictionaryKey,keyPath:[]})??{};return y.renderIntlayerNode({value:e,component:w,props:{...n,value:e},additionalProps:{metadata:u}})}},K={id:"markdown-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===d.NodeType.Markdown,transform:(e,t,r)=>{const n=[...t.keyPath,{type:d.NodeType.Markdown}],a=e[d.NodeType.Markdown];return r(a,{...t,children:a,keyPath:n,plugins:[g,...t.plugins??[]]})}};exports.intlayerNodePlugins=p;exports.markdownPlugin=K;exports.markdownStringPlugin=g;exports.svelteNodePlugins=v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("svelte/internal/disclose-version");require("svelte/internal/flags/legacy");const f=require("svelte/internal/client");function v(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const t=v(f);function a(e,n){let r=t.prop(n,"Renderer",8),o=t.prop(n,"rendererProps",8),p=t.prop(n,"value",8);var l=t.comment(),s=t.first_child(l);t.component(s,r,(u,c)=>{c(u,t.spread_props(o,{children:(i,b)=>{t.next();var d=t.text();t.template_effect(()=>t.set_text(d,p())),t.append(i,d)},$$slots:{default:!0}}))}),t.append(e,l)}const m=e=>{const n=!!a.prototype?.$destroy;let r;return n?r=class extends a{constructor(o){super({...o,props:{...o.props,Renderer:e.component,rendererProps:e.props,value:e.value}})}}:r=(o,p)=>{const l={...p,Renderer:e.component,rendererProps:e.props,value:e.value};return a(o,l)},Object.defineProperty(r,"value",{value:e.value,writable:!1}),Object.defineProperty(r,"toString",{value:()=>e.value?.toString()??"",writable:!1}),e.additionalProps&&Object.assign(r,e.additionalProps),r};exports.renderIntlayerNode=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./markdown/context.cjs"),e=t.setMarkdownContext;exports.setIntlayerMarkdown=e;
|
|
@@ -1,22 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { derived as
|
|
3
|
-
import { getIntlayerContext as
|
|
4
|
-
import { intlayerStore as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import i from "@intlayer/config/built";
|
|
2
|
+
import { derived as n } from "svelte/store";
|
|
3
|
+
import { getIntlayerContext as s } from "./intlayerContext.mjs";
|
|
4
|
+
import { intlayerStore as t } from "./intlayerStore.mjs";
|
|
5
|
+
import { setLocaleInStorage as m } from "./useLocaleStorage.mjs";
|
|
6
|
+
const g = ({
|
|
7
|
+
isCookieEnabled: l,
|
|
8
|
+
onLocaleChange: c
|
|
9
|
+
} = {}) => {
|
|
10
|
+
const o = s(), { defaultLocale: a, locales: r } = i?.internationalization ?? {};
|
|
11
|
+
return o ? {
|
|
12
|
+
locale: n(
|
|
13
|
+
[t],
|
|
14
|
+
([e]) => o.locale ?? e.locale
|
|
11
15
|
),
|
|
12
|
-
setLocale: e
|
|
16
|
+
setLocale: (e) => {
|
|
17
|
+
o.setLocale(e), m(
|
|
18
|
+
e,
|
|
19
|
+
l ?? o?.isCookieEnabled ?? !0
|
|
20
|
+
), c?.(e);
|
|
21
|
+
},
|
|
22
|
+
defaultLocale: a,
|
|
23
|
+
availableLocales: r
|
|
13
24
|
} : {
|
|
14
|
-
locale:
|
|
15
|
-
setLocale:
|
|
16
|
-
defaultLocale:
|
|
17
|
-
availableLocales:
|
|
25
|
+
locale: t.getLocale(),
|
|
26
|
+
setLocale: t.setLocale,
|
|
27
|
+
defaultLocale: a,
|
|
28
|
+
availableLocales: r
|
|
18
29
|
};
|
|
19
30
|
};
|
|
20
31
|
export {
|
|
21
|
-
|
|
32
|
+
g as useLocale
|
|
22
33
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { getLocaleFromStorage as a, localeStorageOptions as t, setLocaleInStorage as c, LocaleStorage as l } from "@intlayer/core";
|
|
2
|
+
import { readable as r } from "svelte/store";
|
|
3
|
+
const s = a(t), i = s, g = (e, o) => c(e, {
|
|
4
|
+
...t,
|
|
5
|
+
isCookieEnabled: o
|
|
6
|
+
}), k = g, n = (e) => {
|
|
7
|
+
const o = l({
|
|
8
|
+
...t,
|
|
9
|
+
isCookieEnabled: e
|
|
10
|
+
});
|
|
11
|
+
return {
|
|
12
|
+
localeStorage: r(o.getLocale()),
|
|
13
|
+
setLocaleStorage: o.setLocale
|
|
14
|
+
};
|
|
15
|
+
}, m = (e) => {
|
|
16
|
+
const o = n(e);
|
|
17
|
+
return {
|
|
18
|
+
localeCookie: o.localeStorage,
|
|
19
|
+
setLocaleCookie: o.setLocaleStorage
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
i as localeCookie,
|
|
24
|
+
s as localeInStorage,
|
|
25
|
+
k as setLocaleCookie,
|
|
26
|
+
g as setLocaleInStorage,
|
|
27
|
+
m as useLocaleCookie,
|
|
28
|
+
n as useLocaleStorage
|
|
29
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import i from "@intlayer/config/built";
|
|
2
|
+
import { setContext as r, getContext as s } from "svelte";
|
|
3
|
+
import { writable as c } from "svelte/store";
|
|
4
|
+
const a = () => Math.random().toString(36).slice(2), { editor: o } = i, m = (t) => {
|
|
5
|
+
typeof window > "u" || !(window.self !== window.top) || (o.applicationURL.length > 0 && window.postMessage(t, o.applicationURL), o.editorURL.length > 0 && window.parent.postMessage(t, o.editorURL), o.cmsURL.length > 0 && window.parent.postMessage(t, o.cmsURL));
|
|
6
|
+
}, p = {
|
|
7
|
+
postMessage: m,
|
|
8
|
+
allowedOrigins: [
|
|
9
|
+
o?.applicationURL,
|
|
10
|
+
o?.editorURL,
|
|
11
|
+
o?.cmsURL
|
|
12
|
+
],
|
|
13
|
+
senderId: a()
|
|
14
|
+
}, n = Symbol("INTLAYER_COMMUNICATOR"), d = (t = {}) => {
|
|
15
|
+
const e = c({
|
|
16
|
+
...p,
|
|
17
|
+
...t
|
|
18
|
+
});
|
|
19
|
+
return r(n, e), e;
|
|
20
|
+
}, U = () => {
|
|
21
|
+
let t;
|
|
22
|
+
try {
|
|
23
|
+
t = s(n);
|
|
24
|
+
} catch {
|
|
25
|
+
}
|
|
26
|
+
return t || d();
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
d as createCommunicator,
|
|
30
|
+
U as useCommunicator
|
|
31
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { MessageKey as n } from "@intlayer/editor";
|
|
2
|
+
import { getUnmergedDictionaries as c } from "@intlayer/unmerged-dictionaries-entry";
|
|
3
|
+
import { useCrossFrameState as a } from "./useCrossFrameState.mjs";
|
|
4
|
+
let t = !1;
|
|
5
|
+
const l = () => {
|
|
6
|
+
const [o, i] = a(
|
|
7
|
+
n.INTLAYER_LOCALE_DICTIONARIES_CHANGED,
|
|
8
|
+
{}
|
|
9
|
+
);
|
|
10
|
+
if (!t && typeof window < "u") {
|
|
11
|
+
const r = c(), s = Object.fromEntries(
|
|
12
|
+
Object.values(r).flat().map((e) => [e.localId, e])
|
|
13
|
+
);
|
|
14
|
+
i(s), t = !0;
|
|
15
|
+
}
|
|
16
|
+
return { dictionariesRecord: o };
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
l as useDictionariesRecord
|
|
20
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import c from "@intlayer/config/built";
|
|
2
|
+
import { setContext as l, getContext as E } from "svelte";
|
|
3
|
+
import { writable as n, derived as w } from "svelte/store";
|
|
4
|
+
const i = Symbol("EDITOR_ENABLED"), m = () => typeof window > "u" ? !1 : window.self !== window.top, p = () => {
|
|
5
|
+
const e = n(c.editor.enabled), o = n(!1), t = n(!1), d = w(
|
|
6
|
+
[e, o, t],
|
|
7
|
+
([s, a, f]) => s && a && f
|
|
8
|
+
);
|
|
9
|
+
typeof window < "u" && t.set(m());
|
|
10
|
+
const r = {
|
|
11
|
+
settingEnabled: e,
|
|
12
|
+
wrapperEnabled: o,
|
|
13
|
+
isInIframe: t,
|
|
14
|
+
enabled: d
|
|
15
|
+
};
|
|
16
|
+
return l(i, r), r;
|
|
17
|
+
}, x = () => {
|
|
18
|
+
let e;
|
|
19
|
+
try {
|
|
20
|
+
e = E(i);
|
|
21
|
+
} catch {
|
|
22
|
+
}
|
|
23
|
+
return e || p();
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
p as createEditorEnabledClient,
|
|
27
|
+
x as useEditorEnabled
|
|
28
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MessageKey as r } from "@intlayer/editor";
|
|
2
|
+
import { setContext as n, getContext as s } from "svelte";
|
|
3
|
+
import { useCrossFrameState as c } from "./useCrossFrameState.mjs";
|
|
4
|
+
const o = Symbol("FOCUS_DICTIONARY"), C = () => {
|
|
5
|
+
const [t, e] = c(
|
|
6
|
+
r.INTLAYER_FOCUSED_CONTENT_CHANGED,
|
|
7
|
+
null
|
|
8
|
+
);
|
|
9
|
+
return n(o, { focusedContent: t, setFocusedContent: e }), { focusedContent: t, setFocusedContent: e };
|
|
10
|
+
}, a = () => {
|
|
11
|
+
let t;
|
|
12
|
+
try {
|
|
13
|
+
t = s(o);
|
|
14
|
+
} catch {
|
|
15
|
+
}
|
|
16
|
+
return t || C();
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
C as createFocusDictionaryClient,
|
|
20
|
+
a as useFocusDictionary
|
|
21
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { C as o, a as t } from "../../ContentSelectorWrapper-Ct4vOl_g.js";
|
|
2
|
+
import { createCommunicator as s, useCommunicator as m } from "./communicator.mjs";
|
|
3
|
+
import { createEditorEnabledClient as i, useEditorEnabled as n } from "./editorEnabled.mjs";
|
|
4
|
+
import { createFocusDictionaryClient as p, useFocusDictionary as C } from "./focusDictionary.mjs";
|
|
5
|
+
import { useCrossFrameMessageListener as l } from "./useCrossFrameMessageListener.mjs";
|
|
6
|
+
import { useCrossFrameState as d } from "./useCrossFrameState.mjs";
|
|
7
|
+
import { useEditor as F } from "./useEditor.mjs";
|
|
8
|
+
import { useIframeClickInterceptor as S, useIframeClickMerger as b } from "./useIframeClickInterceptor.mjs";
|
|
9
|
+
export {
|
|
10
|
+
o as ContentSelector,
|
|
11
|
+
t as ContentSelectorWrapper,
|
|
12
|
+
s as createCommunicator,
|
|
13
|
+
i as createEditorEnabledClient,
|
|
14
|
+
p as createFocusDictionaryClient,
|
|
15
|
+
m as useCommunicator,
|
|
16
|
+
l as useCrossFrameMessageListener,
|
|
17
|
+
d as useCrossFrameState,
|
|
18
|
+
F as useEditor,
|
|
19
|
+
n as useEditorEnabled,
|
|
20
|
+
C as useFocusDictionary,
|
|
21
|
+
S as useIframeClickInterceptor,
|
|
22
|
+
b as useIframeClickMerger
|
|
23
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { compareUrls as p } from "@intlayer/editor";
|
|
2
|
+
import { onDestroy as b } from "svelte";
|
|
3
|
+
import { get as a } from "svelte/store";
|
|
4
|
+
import { useCommunicator as g } from "./communicator.mjs";
|
|
5
|
+
const o = /* @__PURE__ */ new Map();
|
|
6
|
+
let u = !1;
|
|
7
|
+
const l = (e, r) => {
|
|
8
|
+
let t = o.get(e);
|
|
9
|
+
t || (t = /* @__PURE__ */ new Set(), o.set(e, t)), t.add(r);
|
|
10
|
+
}, w = (e, r) => {
|
|
11
|
+
const t = o.get(e);
|
|
12
|
+
t && (t.delete(r), t.size === 0 && o.delete(e));
|
|
13
|
+
}, I = (e, r) => {
|
|
14
|
+
u || typeof window > "u" || (window.addEventListener("message", (t) => {
|
|
15
|
+
const { type: s, data: c, senderId: d } = t.data ?? {};
|
|
16
|
+
s && d !== r && (!e || e.includes("*") || e.some((n) => p(n, t.origin))) && o.get(s)?.forEach((n) => {
|
|
17
|
+
n(c);
|
|
18
|
+
});
|
|
19
|
+
}), u = !0);
|
|
20
|
+
}, C = (e, r, t = !0) => {
|
|
21
|
+
const s = g(), { allowedOrigins: c, senderId: d } = a(s);
|
|
22
|
+
if (I(c, d), r) {
|
|
23
|
+
const i = r;
|
|
24
|
+
if (l(e, i), t)
|
|
25
|
+
try {
|
|
26
|
+
b(() => w(e, i));
|
|
27
|
+
} catch {
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return (i) => {
|
|
31
|
+
const { postMessage: f, senderId: m } = a(s);
|
|
32
|
+
f({ type: e, data: i, senderId: m }, "*");
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export {
|
|
36
|
+
C as useCrossFrameMessageListener
|
|
37
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { writable as y, get as r } from "svelte/store";
|
|
2
|
+
import { useCommunicator as F } from "./communicator.mjs";
|
|
3
|
+
import { useCrossFrameMessageListener as S } from "./useCrossFrameMessageListener.mjs";
|
|
4
|
+
const p = /* @__PURE__ */ new Map(), l = (t, o) => typeof t == "function" ? t(o) : t, I = (t) => t == null ? t : JSON.parse(JSON.stringify(t)), J = (t, o, $ = { emit: !0, receive: !0 }) => {
|
|
5
|
+
if (p.has(t)) {
|
|
6
|
+
const { state: e, setState: s } = p.get(t);
|
|
7
|
+
return [e, s];
|
|
8
|
+
}
|
|
9
|
+
const { emit: i = !0, receive: a = !0 } = $, d = l(o), n = y(d), c = F(), u = (e) => {
|
|
10
|
+
const { postMessage: s, senderId: f } = r(c);
|
|
11
|
+
!i || typeof s != "function" || typeof e > "u" || s(
|
|
12
|
+
{
|
|
13
|
+
type: `${t}/post`,
|
|
14
|
+
data: e,
|
|
15
|
+
senderId: f
|
|
16
|
+
},
|
|
17
|
+
"*"
|
|
18
|
+
);
|
|
19
|
+
}, m = (e) => {
|
|
20
|
+
n.update((s) => {
|
|
21
|
+
const f = l(e, s), g = I(f);
|
|
22
|
+
return u(g), g;
|
|
23
|
+
});
|
|
24
|
+
}, M = () => {
|
|
25
|
+
const { postMessage: e, senderId: s } = r(c);
|
|
26
|
+
typeof e == "function" && e(
|
|
27
|
+
{
|
|
28
|
+
type: `${t}/post`,
|
|
29
|
+
data: r(n),
|
|
30
|
+
senderId: s
|
|
31
|
+
},
|
|
32
|
+
"*"
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
if (u(d), a && typeof r(n) > "u") {
|
|
36
|
+
const { postMessage: e, senderId: s } = r(c);
|
|
37
|
+
typeof e == "function" && e({ type: `${t}/get`, senderId: s }, "*");
|
|
38
|
+
}
|
|
39
|
+
const C = a ? `${t}/post` : `${t}/ignore`;
|
|
40
|
+
S(C, (e) => {
|
|
41
|
+
a && n.set(e);
|
|
42
|
+
});
|
|
43
|
+
const v = i ? `${t}/get` : `${t}/ignore`;
|
|
44
|
+
return S(
|
|
45
|
+
v,
|
|
46
|
+
(e) => {
|
|
47
|
+
i && u(r(n));
|
|
48
|
+
}
|
|
49
|
+
), p.set(t, { state: n, setState: m, postState: M }), [n, m];
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
J as useCrossFrameState
|
|
53
|
+
};
|