@myop/sdk 0.2.3 → 0.2.4
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/bundled-declarations.d.ts +27 -200
- package/dist/cjs/{_IframeSDK.012474c1.min.js → _IframeSDK.2f50c32c.min.js} +1 -1
- package/dist/cjs/{_IframeSDK.c7f71dba.js → _IframeSDK.b80455bf.js} +45 -31
- package/dist/cjs/{_IframeSDK.c7f71dba.js.map → _IframeSDK.b80455bf.js.map} +3 -3
- package/dist/cjs/_MyopHelpers.3d50ac48.min.js +1 -0
- package/dist/cjs/_MyopHelpers.7baba8b8.js +462 -0
- package/dist/cjs/_MyopHelpers.7baba8b8.js.map +7 -0
- package/dist/cjs/{_WebComponentSDK.15ffefb6.min.js → _WebComponentSDK.37374c87.min.js} +1 -1
- package/dist/cjs/{_WebComponentSDK.93d3959a.js → _WebComponentSDK.687ea8cb.js} +45 -31
- package/dist/cjs/{_WebComponentSDK.93d3959a.js.map → _WebComponentSDK.687ea8cb.js.map} +3 -3
- package/dist/cjs/{_hostSDK.a852b7b7.min.js → _hostSDK.48a55f66.min.js} +1 -1
- package/dist/cjs/{_hostSDK.eeb98d7f.js → _hostSDK.e09022f6.js} +45 -31
- package/dist/cjs/{_hostSDK.eeb98d7f.js.map → _hostSDK.e09022f6.js.map} +3 -3
- package/dist/cjs/myop_sdk.js +14 -14
- package/dist/cjs/myop_sdk.js.map +1 -1
- package/dist/cjs/myop_sdk.min.js +1 -1
- package/dist/cjs-bundled/myop_sdk.bundled.js +3947 -0
- package/dist/cjs-bundled/myop_sdk.bundled.js.map +7 -0
- package/dist/cjs-bundled/myop_sdk.bundled.min.js +1 -0
- package/dist/module/Iframe/index.js +49 -33
- package/dist/module/Iframe/index.js.map +3 -3
- package/dist/module/SDK.js +52 -120
- package/dist/module/SDK.js.map +3 -3
- package/dist/module/helpers/CloudRepository.d.ts +27 -185
- package/dist/module/helpers/index.d.ts +0 -1
- package/dist/module/helpers/index.js +52 -2521
- package/dist/module/helpers/index.js.map +4 -4
- package/dist/module/host/index.js +49 -33
- package/dist/module/host/index.js.map +3 -3
- package/dist/module/webcomponent/index.js +49 -33
- package/dist/module/webcomponent/index.js.map +3 -3
- package/package.json +1 -1
- package/dist/cjs/_MyopHelpers.75e0fd8d.js +0 -2810
- package/dist/cjs/_MyopHelpers.75e0fd8d.js.map +0 -7
- package/dist/cjs/_MyopHelpers.ecfd80d9.min.js +0 -1
- package/dist/module/helpers/enableV2.d.ts +0 -12
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var E=Object.defineProperty,V=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var R=(r,e,s)=>e in r?E(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s,d=(r,e)=>{for(var s in e||(e={}))$.call(e,s)&&R(r,s,e[s]);if(B)for(var s of B(e))z.call(e,s)&&R(r,s,e[s]);return r},w=(r,e)=>V(r,D(e));var A=(r,e)=>{for(var s in e)E(r,s,{get:e[s],enumerable:!0})};var t=(r,e,s)=>R(r,typeof e!="symbol"?e+"":e,s);var M="__federation__",L="onLoad";var U=(r,e)=>{window[M]&&window[M][r]&&window[M][r][L]&&window[M][r][L]({[r]:e})};var k={};A(k,{CloudRepository:()=>T,ComponentConfig:()=>v,SkinConfig:()=>S,addClass:()=>Q,applyStylesheet:()=>O,applyStylesheetLink:()=>q,changeSkinUrlByTokenizer:()=>J,createIframeSkinByTokenizer:()=>F,exec:()=>Y,removeClass:()=>W,v2_CloudRepository:()=>X});var p=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,r=>(+r^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+r/4).toString(16));var c=class{constructor(){t(this,"id",p());t(this,"myop",!0);t(this,"content");t(this,"source");t(this,"destination");t(this,"route");t(this,"ref");t(this,"direction");t(this,"cleanable",!1)}static create(...e){return new this(...e)}isTypeof(e){return e.messageType===this.messageType}};var m=class extends c{constructor(s){super();this.handler=s;t(this,"handlerUniqueId",p())}};var N="ExecuteScriptReplyMessage",P=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,H=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,j=r=>{let e=r.match(P);if(e)return e[1]||e[3];{let s=r.match(H);if(s)return s[1].trim()}},l=class extends m{constructor(s,o=()=>{},n){super(o);this.scriptInputs=n;t(this,"replyMessageKey",N);t(this,"messageType","ExecuteScriptMessage");t(this,"script","");this.script=s.toString(),this.content=s.toString(),this.content=j(this.content)}};t(l,"replierKey","send"),t(l,"completeStreamKey","completeStream");var f=class extends l{constructor(s,o,n=()=>{}){super(({rootRef:i,elementId:a,_script:b,__scriptInputs:y})=>{let u=(i.shadowRoot||i.container).querySelectorAll("[myop-id='".concat(a,"']"));return u.length?(y.ref=u[0],new Function("return (".concat(b,")(...arguments)"))(y)):null},n);this.scriptInputs=o;this.scriptInputs=w(d({},o),{_script:s.toString()})}};var O=(r,e,s)=>{let o="myop-css-".concat(p());return r.send(new l(({rootRef:n,_stylesheet:i,_tagId:a,_css:b})=>{let y=document.createElement("style");y.type="text/css";let u=b;for(let C in i){u+="".concat(C," { ");let K=i[C];for(let _ in K)u+="".concat(_,": ").concat(K[_],"; ");u+="} "}y.appendChild(document.createTextNode(u)),y.id=a,(n.shadowRoot||n.container).appendChild(y)},()=>{},{_stylesheet:e,_css:s||"",_tagId:o})),()=>{r.send(new l(({rootRef:n,_tagId:i})=>{let a=(n.shadowRoot||document).getElementById(i);a&&a.remove()},()=>{},{_tagId:o}))}},q=(r,e)=>{let s="myop-css-".concat(p());return r.send(new l(({rootRef:o,_tagId:n,_link:i})=>{let a=document.createElement("link");a.id=n,a.rel="stylesheet",a.href=i,document.head.appendChild(a),(o.shadowRoot||o.container).appendChild(a)},()=>{},{_link:e,_tagId:s})),()=>{r.send(new l(({rootRef:o,_tagId:n})=>{let i=(o.shadowRoot||document).getElementById(n);i&&i.remove()},()=>{},{_tagId:s}))}};var G=(r,e)=>{let s=new RegExp(Object.keys(e).join("|"),"g");return r.replace(s,o=>(e[o]||o).toString())},F=(r,e)=>{let s=r.loader;if(s.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(s.type,'", currently only "IframeLoader" is supported'));return r.loader=d({},r.loader),r.loader.url=G(r.loader.url,e),r},J=r=>async e=>F(e,r);var Q=(r,e,s)=>{r.send(new f(({ref:o,_className:n})=>{o==null||o.classList.add(n)},{elementId:s,_className:e}))},W=(r,e,s)=>{r.send(new f(({ref:o,_className:n})=>{o==null||o.classList.remove(n)},{elementId:s,_className:e}))};var x=class x{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+p());t(this,"_runTimeId","runtime-id-"+p());t(this,"_runTimeName","runtime-name-"+p());t(this,"id",this._runTimeId);t(this,"name",this._runTimeName);t(this,"description","");t(this,"loader",null);t(this,"withLoader",e=>(this.loader=e,this));t(this,"withHTMLLoader",e=>(e.type="HTMLLoader",this.loader=e,this));t(this,"build",()=>this)}};t(x,"create",()=>new x);var S=x,h=class h{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+p());t(this,"_runTimeId","runtime-id-"+p());t(this,"_runTimeName","runtime-name-"+p());t(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});t(this,"name",this._runTimeName);t(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});t(this,"withInstance",e=>(this.instance=e,this));t(this,"withType",e=>(this.type=e,this));t(this,"withName",e=>(this.name=e,this));t(this,"withDefaultSkin",e=>(this.type.skins.push(e),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:e.id}},this));t(this,"withRef",e=>(this.type.refs.push(e),this));t(this,"withBasicRef",e=>{let s={id:"",name:e,description:"",selectorType:"id-attribute",selector:e,behavior:{type:"code"}};return this.type.refs.push(s),this});t(this,"build",()=>JSON.parse(JSON.stringify(this)))}};t(h,"create",()=>new h);var v=h;var I=class I{constructor(e="https://cloud.myop.dev"){this._baseUrl=e;t(this,"variants",{});t(this,"userFlows",{})}isPreloaded(e){return e in this.variants}async fetchComponentV2(e,s){return this.variants[e]||(this.variants[e]=new Promise(async(o,n)=>{try{let a=await(await fetch("".concat(this._baseUrl,"/consume?id=").concat(e,"&env=").concat(s))).json();o(a.item)}catch(i){n(i)}})),await this.variants[e]}async fetchComponentV1(e,s){return s?(await this.fetchFlow(s)).components.find(n=>n.type.id===e):(await this.fetchAutoFlow(e)).components[0]}async fetchAutoFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(s,o)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&auto=true"))).json();s(i.item)}catch(n){o(n)}})),await this.userFlows[e]}async fetchFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(s,o)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&resolve=components"))).json();s(i.item)}catch(n){o(n)}})),await this.userFlows[e]}async fetchComponent(e,s){return this.fetchComponentV1(e,s)}};t(I,"Main",new I);var T=I,X=T;var Y=async r=>await r();U("MyopHelpers",k);export{T as CloudRepository,v as ComponentConfig,S as SkinConfig,Q as addClass,O as applyStylesheet,q as applyStylesheetLink,J as changeSkinUrlByTokenizer,F as createIframeSkinByTokenizer,Y as exec,W as removeClass,X as v2_CloudRepository};
|
|
@@ -0,0 +1,462 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __export = (target, all) => {
|
|
21
|
+
for (var name in all)
|
|
22
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
23
|
+
};
|
|
24
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
25
|
+
|
|
26
|
+
// src/dynamicImport/defineDynamicImport.ts
|
|
27
|
+
var __federation__ = "__federation__";
|
|
28
|
+
var onLoadKey = "onLoad";
|
|
29
|
+
var defineDynamicImport = (globalName, module) => {
|
|
30
|
+
if (window[__federation__] && window[__federation__][globalName] && window[__federation__][globalName][onLoadKey]) {
|
|
31
|
+
window[__federation__][globalName][onLoadKey]({ [globalName]: module });
|
|
32
|
+
} else {
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// src/helpers/index.ts
|
|
37
|
+
var helpers_exports = {};
|
|
38
|
+
__export(helpers_exports, {
|
|
39
|
+
CloudRepository: () => CloudRepository,
|
|
40
|
+
ComponentConfig: () => ComponentConfig,
|
|
41
|
+
SkinConfig: () => SkinConfig,
|
|
42
|
+
addClass: () => addClass,
|
|
43
|
+
applyStylesheet: () => applyStylesheet,
|
|
44
|
+
applyStylesheetLink: () => applyStylesheetLink,
|
|
45
|
+
changeSkinUrlByTokenizer: () => changeSkinUrlByTokenizer,
|
|
46
|
+
createIframeSkinByTokenizer: () => createIframeSkinByTokenizer,
|
|
47
|
+
exec: () => exec,
|
|
48
|
+
removeClass: () => removeClass,
|
|
49
|
+
v2_CloudRepository: () => v2_CloudRepository
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
// src/utils/uuid.ts
|
|
53
|
+
var uuidv4 = () => {
|
|
54
|
+
return "10000000-1000-4000-8000-100000000000".replace(
|
|
55
|
+
/[018]/g,
|
|
56
|
+
(c) => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
|
|
57
|
+
);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// src/messages/BaseMessage.ts
|
|
61
|
+
var BaseMyopMessage = class {
|
|
62
|
+
constructor() {
|
|
63
|
+
__publicField(this, "id", uuidv4());
|
|
64
|
+
__publicField(this, "myop", true);
|
|
65
|
+
__publicField(this, "content");
|
|
66
|
+
// TODO : cant be optional
|
|
67
|
+
__publicField(this, "source");
|
|
68
|
+
__publicField(this, "destination");
|
|
69
|
+
__publicField(this, "route");
|
|
70
|
+
__publicField(this, "ref");
|
|
71
|
+
__publicField(this, "direction");
|
|
72
|
+
__publicField(this, "cleanable", false);
|
|
73
|
+
}
|
|
74
|
+
static create(...args) {
|
|
75
|
+
return new this(...args);
|
|
76
|
+
}
|
|
77
|
+
isTypeof(msg) {
|
|
78
|
+
return msg.messageType === this.messageType;
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
var MyopBindMessage = class extends BaseMyopMessage {
|
|
82
|
+
constructor(handler) {
|
|
83
|
+
super();
|
|
84
|
+
this.handler = handler;
|
|
85
|
+
__publicField(this, "handlerUniqueId", uuidv4());
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
// src/messages/ExecuteScriptMessage.ts
|
|
90
|
+
var ReplayMessageKey = "ExecuteScriptReplyMessage";
|
|
91
|
+
var functionBodyRegex = /(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/;
|
|
92
|
+
var expressionBodyRegex = /\(\s*[^)]+\s*\)\s*=>\s*(.+)/;
|
|
93
|
+
var stripFunction = (content) => {
|
|
94
|
+
let match = content.match(functionBodyRegex);
|
|
95
|
+
if (match) {
|
|
96
|
+
return match[1] || match[3];
|
|
97
|
+
} else {
|
|
98
|
+
let match2 = content.match(expressionBodyRegex);
|
|
99
|
+
if (match2)
|
|
100
|
+
return match2[1].trim();
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
var ExecuteScriptMessage = class extends MyopBindMessage {
|
|
104
|
+
constructor(script, handler = () => {
|
|
105
|
+
}, scriptInputs2) {
|
|
106
|
+
super(handler);
|
|
107
|
+
this.scriptInputs = scriptInputs2;
|
|
108
|
+
__publicField(this, "replyMessageKey", ReplayMessageKey);
|
|
109
|
+
__publicField(this, "messageType", "ExecuteScriptMessage");
|
|
110
|
+
__publicField(this, "script", "");
|
|
111
|
+
this.script = script.toString();
|
|
112
|
+
this.content = script.toString();
|
|
113
|
+
this.content = stripFunction(this.content);
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
__publicField(ExecuteScriptMessage, "replierKey", "send");
|
|
117
|
+
__publicField(ExecuteScriptMessage, "completeStreamKey", "completeStream");
|
|
118
|
+
|
|
119
|
+
// src/messages/CustomRefMessage.ts
|
|
120
|
+
var CustomRefMessage = class extends ExecuteScriptMessage {
|
|
121
|
+
constructor(script, scriptInputs2, handler = () => {
|
|
122
|
+
}) {
|
|
123
|
+
super(({ rootRef, elementId, _script, __scriptInputs }) => {
|
|
124
|
+
const refs = (rootRef.shadowRoot || rootRef.container).querySelectorAll("[".concat("myop-id", "='").concat(elementId, "']"));
|
|
125
|
+
if (refs.length) {
|
|
126
|
+
__scriptInputs.ref = refs[0];
|
|
127
|
+
const dynamicFunction = new Function("return (".concat(_script, ")(...arguments)"));
|
|
128
|
+
return dynamicFunction(__scriptInputs);
|
|
129
|
+
}
|
|
130
|
+
return null;
|
|
131
|
+
}, handler);
|
|
132
|
+
this.scriptInputs = scriptInputs2;
|
|
133
|
+
this.scriptInputs = __spreadProps(__spreadValues({}, scriptInputs2), {
|
|
134
|
+
//_script: stripFunction(script.toString()),
|
|
135
|
+
_script: script.toString()
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
// src/helpers/applyStylesheet.ts
|
|
141
|
+
var applyStylesheet = (component, stylesheet, css) => {
|
|
142
|
+
const tagId = "myop-css-".concat(uuidv4());
|
|
143
|
+
component.send(new ExecuteScriptMessage(({ rootRef, _stylesheet, _tagId, _css }) => {
|
|
144
|
+
const styleTag = document.createElement("style");
|
|
145
|
+
styleTag.type = "text/css";
|
|
146
|
+
let cssString = _css;
|
|
147
|
+
for (const selector in _stylesheet) {
|
|
148
|
+
cssString += "".concat(selector, " { ");
|
|
149
|
+
const properties = _stylesheet[selector];
|
|
150
|
+
for (const property in properties) {
|
|
151
|
+
cssString += "".concat(property, ": ").concat(properties[property], "; ");
|
|
152
|
+
}
|
|
153
|
+
cssString += "} ";
|
|
154
|
+
}
|
|
155
|
+
styleTag.appendChild(document.createTextNode(cssString));
|
|
156
|
+
styleTag.id = _tagId;
|
|
157
|
+
(rootRef.shadowRoot || rootRef.container).appendChild(styleTag);
|
|
158
|
+
}, () => {
|
|
159
|
+
}, {
|
|
160
|
+
_stylesheet: stylesheet,
|
|
161
|
+
_css: css ? css : "",
|
|
162
|
+
_tagId: tagId
|
|
163
|
+
}));
|
|
164
|
+
return () => {
|
|
165
|
+
component.send(new ExecuteScriptMessage(({ rootRef, _tagId }) => {
|
|
166
|
+
const element = (rootRef.shadowRoot || document).getElementById(_tagId);
|
|
167
|
+
if (element) {
|
|
168
|
+
element.remove();
|
|
169
|
+
}
|
|
170
|
+
}, () => {
|
|
171
|
+
}, {
|
|
172
|
+
_tagId: tagId
|
|
173
|
+
}));
|
|
174
|
+
};
|
|
175
|
+
};
|
|
176
|
+
var applyStylesheetLink = (component, link) => {
|
|
177
|
+
const tagId = "myop-css-".concat(uuidv4());
|
|
178
|
+
component.send(new ExecuteScriptMessage(({ rootRef, _tagId, _link }) => {
|
|
179
|
+
const linkElement = document.createElement("link");
|
|
180
|
+
linkElement.id = _tagId;
|
|
181
|
+
linkElement.rel = "stylesheet";
|
|
182
|
+
linkElement.href = _link;
|
|
183
|
+
document.head.appendChild(linkElement);
|
|
184
|
+
(rootRef.shadowRoot || rootRef.container).appendChild(linkElement);
|
|
185
|
+
}, () => {
|
|
186
|
+
}, {
|
|
187
|
+
_link: link,
|
|
188
|
+
_tagId: tagId
|
|
189
|
+
}));
|
|
190
|
+
return () => {
|
|
191
|
+
component.send(new ExecuteScriptMessage(({ rootRef, _tagId }) => {
|
|
192
|
+
const element = (rootRef.shadowRoot || document).getElementById(_tagId);
|
|
193
|
+
if (element) {
|
|
194
|
+
element.remove();
|
|
195
|
+
}
|
|
196
|
+
}, () => {
|
|
197
|
+
}, {
|
|
198
|
+
_tagId: tagId
|
|
199
|
+
}));
|
|
200
|
+
};
|
|
201
|
+
};
|
|
202
|
+
|
|
203
|
+
// src/helpers/iframeSkinUrlTokenizer.ts
|
|
204
|
+
var replaceTokens = (input, tokenMap) => {
|
|
205
|
+
const pattern = new RegExp(Object.keys(tokenMap).join("|"), "g");
|
|
206
|
+
return input.replace(pattern, (matched) => {
|
|
207
|
+
return (tokenMap[matched] || matched).toString();
|
|
208
|
+
});
|
|
209
|
+
};
|
|
210
|
+
var createIframeSkinByTokenizer = (selectedSkin, tokenMap) => {
|
|
211
|
+
const typedSkinConfig = selectedSkin.loader;
|
|
212
|
+
if (typedSkinConfig.type !== "IframeLoader") {
|
|
213
|
+
throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(typedSkinConfig.type, '", currently only "IframeLoader" is supported'));
|
|
214
|
+
}
|
|
215
|
+
selectedSkin.loader = __spreadValues({}, selectedSkin.loader);
|
|
216
|
+
selectedSkin.loader.url = replaceTokens(selectedSkin.loader.url, tokenMap);
|
|
217
|
+
return selectedSkin;
|
|
218
|
+
};
|
|
219
|
+
var changeSkinUrlByTokenizer = (tokenMap) => {
|
|
220
|
+
return async (selectedSkin) => {
|
|
221
|
+
return createIframeSkinByTokenizer(selectedSkin, tokenMap);
|
|
222
|
+
};
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
// src/helpers/classList.ts
|
|
226
|
+
var addClass = (component, className, myopId) => {
|
|
227
|
+
component.send(new CustomRefMessage(({ ref, _className }) => {
|
|
228
|
+
ref == null ? void 0 : ref.classList.add(_className);
|
|
229
|
+
}, {
|
|
230
|
+
elementId: myopId,
|
|
231
|
+
_className: className
|
|
232
|
+
}));
|
|
233
|
+
};
|
|
234
|
+
var removeClass = (component, className, myopId) => {
|
|
235
|
+
component.send(new CustomRefMessage(({ ref, _className }) => {
|
|
236
|
+
ref == null ? void 0 : ref.classList.remove(_className);
|
|
237
|
+
}, {
|
|
238
|
+
elementId: myopId,
|
|
239
|
+
_className: className
|
|
240
|
+
}));
|
|
241
|
+
};
|
|
242
|
+
|
|
243
|
+
// src/helpers/configBuilder.ts
|
|
244
|
+
var _SkinConfig = class _SkinConfig {
|
|
245
|
+
constructor() {
|
|
246
|
+
__publicField(this, "_runTimeInstanceId", "runtime-instance-id-" + uuidv4());
|
|
247
|
+
__publicField(this, "_runTimeId", "runtime-id-" + uuidv4());
|
|
248
|
+
__publicField(this, "_runTimeName", "runtime-name-" + uuidv4());
|
|
249
|
+
__publicField(this, "id", this._runTimeId);
|
|
250
|
+
__publicField(this, "name", this._runTimeName);
|
|
251
|
+
__publicField(this, "description", "");
|
|
252
|
+
__publicField(this, "loader", null);
|
|
253
|
+
__publicField(this, "withLoader", (loader) => {
|
|
254
|
+
this.loader = loader;
|
|
255
|
+
return this;
|
|
256
|
+
});
|
|
257
|
+
__publicField(this, "withHTMLLoader", (loader) => {
|
|
258
|
+
loader.type = "HTMLLoader";
|
|
259
|
+
this.loader = loader;
|
|
260
|
+
return this;
|
|
261
|
+
});
|
|
262
|
+
__publicField(this, "build", () => {
|
|
263
|
+
return this;
|
|
264
|
+
});
|
|
265
|
+
}
|
|
266
|
+
};
|
|
267
|
+
__publicField(_SkinConfig, "create", () => {
|
|
268
|
+
return new _SkinConfig();
|
|
269
|
+
});
|
|
270
|
+
var SkinConfig = _SkinConfig;
|
|
271
|
+
var _ComponentConfig = class _ComponentConfig {
|
|
272
|
+
constructor() {
|
|
273
|
+
__publicField(this, "_runTimeInstanceId", "runtime-instance-id-" + uuidv4());
|
|
274
|
+
__publicField(this, "_runTimeId", "runtime-id-" + uuidv4());
|
|
275
|
+
__publicField(this, "_runTimeName", "runtime-name-" + uuidv4());
|
|
276
|
+
__publicField(this, "instance", {
|
|
277
|
+
id: this._runTimeInstanceId,
|
|
278
|
+
componentId: this._runTimeId,
|
|
279
|
+
componentName: this._runTimeName,
|
|
280
|
+
skinSelector: null
|
|
281
|
+
});
|
|
282
|
+
__publicField(this, "name", this._runTimeName);
|
|
283
|
+
__publicField(this, "type", {
|
|
284
|
+
id: this._runTimeId,
|
|
285
|
+
name: this._runTimeName,
|
|
286
|
+
description: "",
|
|
287
|
+
props: [],
|
|
288
|
+
refs: [],
|
|
289
|
+
skins: [],
|
|
290
|
+
defaultSkin: 0
|
|
291
|
+
});
|
|
292
|
+
__publicField(this, "withInstance", (instance) => {
|
|
293
|
+
this.instance = instance;
|
|
294
|
+
return this;
|
|
295
|
+
});
|
|
296
|
+
__publicField(this, "withType", (type) => {
|
|
297
|
+
this.type = type;
|
|
298
|
+
return this;
|
|
299
|
+
});
|
|
300
|
+
__publicField(this, "withName", (name) => {
|
|
301
|
+
this.name = name;
|
|
302
|
+
return this;
|
|
303
|
+
});
|
|
304
|
+
__publicField(this, "withDefaultSkin", (defaultSkin) => {
|
|
305
|
+
this.type.skins.push(defaultSkin);
|
|
306
|
+
this.type.defaultSkin = this.type.skins.length - 1;
|
|
307
|
+
this.instance.skinSelector = {
|
|
308
|
+
type: "Dedicated",
|
|
309
|
+
skin: {
|
|
310
|
+
id: defaultSkin.id
|
|
311
|
+
}
|
|
312
|
+
};
|
|
313
|
+
return this;
|
|
314
|
+
});
|
|
315
|
+
__publicField(this, "withRef", (ref) => {
|
|
316
|
+
this.type.refs.push(ref);
|
|
317
|
+
return this;
|
|
318
|
+
});
|
|
319
|
+
__publicField(this, "withBasicRef", (refSelector) => {
|
|
320
|
+
const newBasicRef = {
|
|
321
|
+
id: "",
|
|
322
|
+
name: refSelector,
|
|
323
|
+
description: "",
|
|
324
|
+
selectorType: "id-attribute",
|
|
325
|
+
selector: refSelector,
|
|
326
|
+
behavior: {
|
|
327
|
+
type: "code"
|
|
328
|
+
}
|
|
329
|
+
};
|
|
330
|
+
this.type.refs.push(newBasicRef);
|
|
331
|
+
return this;
|
|
332
|
+
});
|
|
333
|
+
__publicField(this, "build", () => {
|
|
334
|
+
return JSON.parse(JSON.stringify(this));
|
|
335
|
+
});
|
|
336
|
+
}
|
|
337
|
+
};
|
|
338
|
+
__publicField(_ComponentConfig, "create", () => {
|
|
339
|
+
return new _ComponentConfig();
|
|
340
|
+
});
|
|
341
|
+
var ComponentConfig = _ComponentConfig;
|
|
342
|
+
|
|
343
|
+
// src/helpers/CloudRepository.ts
|
|
344
|
+
var _CloudRepository = class _CloudRepository {
|
|
345
|
+
constructor(_baseUrl = "https://cloud.myop.dev") {
|
|
346
|
+
this._baseUrl = _baseUrl;
|
|
347
|
+
// v2 cache
|
|
348
|
+
__publicField(this, "variants", {});
|
|
349
|
+
// v1 cache
|
|
350
|
+
__publicField(this, "userFlows", {});
|
|
351
|
+
}
|
|
352
|
+
// ============ V2 Methods (Default) ============
|
|
353
|
+
/**
|
|
354
|
+
* Check if a component is already cached/preloaded (v2)
|
|
355
|
+
*/
|
|
356
|
+
isPreloaded(componentId) {
|
|
357
|
+
return componentId in this.variants;
|
|
358
|
+
}
|
|
359
|
+
/**
|
|
360
|
+
* Fetch a v2 component variant
|
|
361
|
+
*/
|
|
362
|
+
async fetchComponentV2(componentId, environmentIdentifier) {
|
|
363
|
+
if (!this.variants[componentId]) {
|
|
364
|
+
this.variants[componentId] = new Promise(
|
|
365
|
+
async (resolve, reject) => {
|
|
366
|
+
try {
|
|
367
|
+
const res = await fetch(
|
|
368
|
+
"".concat(this._baseUrl, "/consume?id=").concat(componentId, "&env=").concat(environmentIdentifier)
|
|
369
|
+
);
|
|
370
|
+
const json = await res.json();
|
|
371
|
+
resolve(json.item);
|
|
372
|
+
} catch (e) {
|
|
373
|
+
reject(e);
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
);
|
|
377
|
+
}
|
|
378
|
+
return await this.variants[componentId];
|
|
379
|
+
}
|
|
380
|
+
// ============ V1 Methods (Legacy) ============
|
|
381
|
+
/**
|
|
382
|
+
* Fetch a v1 component from a flow
|
|
383
|
+
*/
|
|
384
|
+
async fetchComponentV1(componentId, flowId) {
|
|
385
|
+
if (flowId) {
|
|
386
|
+
const flow = await this.fetchFlow(flowId);
|
|
387
|
+
return flow.components.find((c) => c.type.id === componentId);
|
|
388
|
+
} else {
|
|
389
|
+
const flow = await this.fetchAutoFlow(componentId);
|
|
390
|
+
return flow.components[0];
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
async fetchAutoFlow(componentId) {
|
|
394
|
+
if (!this.userFlows[componentId]) {
|
|
395
|
+
this.userFlows[componentId] = new Promise(
|
|
396
|
+
async (resolve, reject) => {
|
|
397
|
+
try {
|
|
398
|
+
const res = await fetch(
|
|
399
|
+
"".concat(this._baseUrl, "/flow?id=").concat(componentId, "&auto=true")
|
|
400
|
+
);
|
|
401
|
+
const json = await res.json();
|
|
402
|
+
resolve(json.item);
|
|
403
|
+
} catch (e) {
|
|
404
|
+
reject(e);
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
);
|
|
408
|
+
}
|
|
409
|
+
return await this.userFlows[componentId];
|
|
410
|
+
}
|
|
411
|
+
async fetchFlow(flowId) {
|
|
412
|
+
if (!this.userFlows[flowId]) {
|
|
413
|
+
this.userFlows[flowId] = new Promise(
|
|
414
|
+
async (resolve, reject) => {
|
|
415
|
+
try {
|
|
416
|
+
const res = await fetch(
|
|
417
|
+
"".concat(this._baseUrl, "/flow?id=").concat(flowId, "&resolve=components")
|
|
418
|
+
);
|
|
419
|
+
const json = await res.json();
|
|
420
|
+
resolve(json.item);
|
|
421
|
+
} catch (e) {
|
|
422
|
+
reject(e);
|
|
423
|
+
}
|
|
424
|
+
}
|
|
425
|
+
);
|
|
426
|
+
}
|
|
427
|
+
return await this.userFlows[flowId];
|
|
428
|
+
}
|
|
429
|
+
// ============ Backward Compatibility ============
|
|
430
|
+
/**
|
|
431
|
+
* @deprecated Use fetchComponentV2 or fetchComponentV1 explicitly
|
|
432
|
+
* Defaults to v1 behavior for backward compatibility with existing code
|
|
433
|
+
*/
|
|
434
|
+
async fetchComponent(componentId, flowId) {
|
|
435
|
+
return this.fetchComponentV1(componentId, flowId);
|
|
436
|
+
}
|
|
437
|
+
};
|
|
438
|
+
__publicField(_CloudRepository, "Main", new _CloudRepository());
|
|
439
|
+
var CloudRepository = _CloudRepository;
|
|
440
|
+
var v2_CloudRepository = CloudRepository;
|
|
441
|
+
|
|
442
|
+
// src/helpers/exec.ts
|
|
443
|
+
var exec = async (getter) => {
|
|
444
|
+
return await getter();
|
|
445
|
+
};
|
|
446
|
+
|
|
447
|
+
// src/helpers/MyopHelpers.ts
|
|
448
|
+
defineDynamicImport("MyopHelpers", helpers_exports);
|
|
449
|
+
export {
|
|
450
|
+
CloudRepository,
|
|
451
|
+
ComponentConfig,
|
|
452
|
+
SkinConfig,
|
|
453
|
+
addClass,
|
|
454
|
+
applyStylesheet,
|
|
455
|
+
applyStylesheetLink,
|
|
456
|
+
changeSkinUrlByTokenizer,
|
|
457
|
+
createIframeSkinByTokenizer,
|
|
458
|
+
exec,
|
|
459
|
+
removeClass,
|
|
460
|
+
v2_CloudRepository
|
|
461
|
+
};
|
|
462
|
+
//# sourceMappingURL=_MyopHelpers.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/dynamicImport/defineDynamicImport.ts", "../../src/helpers/index.ts", "../../src/utils/uuid.ts", "../../src/messages/BaseMessage.ts", "../../src/messages/ExecuteScriptMessage.ts", "../../src/messages/CustomRefMessage.ts", "../../src/helpers/applyStylesheet.ts", "../../src/helpers/iframeSkinUrlTokenizer.ts", "../../src/helpers/classList.ts", "../../src/helpers/configBuilder.ts", "../../src/helpers/CloudRepository.ts", "../../src/helpers/exec.ts", "../../src/helpers/MyopHelpers.ts"],
|
|
4
|
+
"sourcesContent": ["export const __federation__ = \"__federation__\"\nexport const onLoadKey = \"onLoad\"\nexport const moduleInstanceKey = \"moduleInstance\"\n\nexport const defineDynamicImport = (globalName: string, module: any) => {\n // @ts-ignore\n if (window[__federation__] && window[__federation__][globalName] && window[__federation__][globalName][onLoadKey]) {\n // @ts-ignore\n window[__federation__][globalName][onLoadKey]({[globalName]: module})\n } else {\n //console.log('__federation__ loader not defined for module', module);\n }\n}", "export * from \"./applyStylesheet\";\nexport * from \"./iframeSkinUrlTokenizer\";\nexport * from \"./classList\";\nexport * from \"./configBuilder\";\nexport * from \"./CloudRepository\";\nexport * from \"./exec\";", "//TODO : reuse from one place.\n// needs to be used in myop-sdk, myop-dashbaord, myop-server, myop-cli ..\n\nexport const uuidv4 = () => {\n return \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c =>\n (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)\n );\n}\n\n// Convert UUID string to bytes\nexport const uuidToBytes = (uuid: string): Uint8Array => {\n return Uint8Array.from(\n uuid.replace(/-/g, '').match(/.{1,2}/g)!.map(byte => parseInt(byte, 16))\n );\n};\n\n// Convert bytes to UUID string\nexport const bytesToUuid = (bytes: Uint8Array): string => {\n const hex = [...bytes].map(b => b.toString(16).padStart(2, '0')).join('');\n return [\n hex.slice(0, 8),\n hex.slice(8, 12),\n hex.slice(12, 16),\n hex.slice(16, 20),\n hex.slice(20)\n ].join('-');\n};\n\n// Base64 URL-safe encode\nexport const base64UrlEncode = (bytes: Uint8Array): string => {\n const base64 = btoa(String.fromCharCode(...bytes));\n return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n};\n\n// Base64 URL-safe decode\nexport const base64UrlDecode = (str: string): Uint8Array => {\n let base64 = str.replace(/-/g, '+').replace(/_/g, '/');\n while (base64.length % 4) base64 += '=';\n const binary = atob(base64);\n return Uint8Array.from(binary, char => char.charCodeAt(0));\n};\n\n// Compress an array of UUIDs into a short URL-safe string\nexport const compressUUIDs = (uuids: string[]): string => {\n const allBytes = uuids.flatMap(uuid => Array.from(uuidToBytes(uuid)));\n return base64UrlEncode(new Uint8Array(allBytes));\n};\n\n// Decompress from URL-safe string back to an array of UUIDs\nexport const decompressUUIDs = (encoded: string): string[] => {\n const bytes = base64UrlDecode(encoded);\n if (bytes.length % 16 !== 0) throw new Error('Invalid input length');\n\n const uuids: string[] = [];\n for (let i = 0; i < bytes.length; i += 16) {\n uuids.push(bytesToUuid(bytes.slice(i, i + 16)));\n }\n return uuids;\n};\n", "import {MyopMessageKey} from \"../common/MyopMessages\";\nimport {uuidv4} from \"../utils/utils\";\nimport {IMyopComponent} from \"../host\";\nimport {IRefConfig} from \"../common\";\n\nexport class MessageDirection {\n static down = 'down' as const\n static up = 'up' as const\n}\n\nexport type MessageDirectionOption = 'up' | 'down';\n\nexport abstract class BaseMyopMessage<T = any> {\n id = uuidv4()\n\n static create<T, U extends new (...args: ConstructorParameters<U>) => T = typeof this>(\n this: U,\n ...args: ConstructorParameters<U>\n ): InstanceType<typeof this> {\n // @ts-ignore\n return new this(...args);\n }\n\n constructor() {\n //console.log('meesage id created', this.id, document.location.href);\n }\n\n myop = true\n\n abstract messageType: MyopMessageKey | string;\n\n content?: T\n\n // TODO : cant be optional \n source?: string\n destination?: string\n\n route?: string[]\n\n ref?: Ref\n\n direction?: MessageDirectionOption\n\n cleanable: boolean = false\n\n isTypeof(msg: BaseMyopMessage): boolean {\n return msg.messageType === this.messageType\n }\n}\n\nexport abstract class MyopElementMessage<T = any> extends BaseMyopMessage<T> {\n constructor(public ref: Ref) {\n super()\n }\n}\n\nexport abstract class MyopBindReplayMessage<T = any> extends BaseMyopMessage<T> {\n constructor(public replayToHandler?: string) {\n super();\n }\n}\n\nexport abstract class MyopBindMessage<T = any, R extends MyopBindReplayMessage = any> extends BaseMyopMessage<T> {\n\n public abstract replyMessageKey: MyopMessageKey;\n\n public handlerUniqueId = uuidv4()\n\n constructor(public handler: (message: R) => void) {\n super()\n }\n}\n\nexport class Ref {\n public myop = true;\n\n public __nonProxied?: Ref;\n\n static create(selector: string, refConfig?: IRefConfig, component?: IMyopComponent) {\n let _refConfig = refConfig;\n if (!_refConfig) {\n _refConfig = {\n id: '',\n name: '',\n description: '',\n selectorType: 'id-attribute',\n selector: selector,\n behavior: {\n type: 'code'\n }\n } as IRefConfig\n }\n return new Ref(_refConfig, component);\n }\n\n constructor(public refConfig: IRefConfig, public component?: IMyopComponent) {\n this.__nonProxied = {\n ...this,\n component: null // in order to be serializable\n }\n }\n}\n", "import {MyopBindMessage, MyopBindReplayMessage} from \"./BaseMessage\";\nimport {MyopMessageKey} from \"../common/MyopMessages\";\nimport {RootRef} from \"../common\";\nimport {makeSerializable} from \"../common/utils/serialization.ts\";\n\nconst ReplayMessageKey = 'ExecuteScriptReplyMessage'\n\nconst functionBodyRegex = /(?:function\\s*\\w*\\s*\\([^)]*\\)\\s*\\{([\\s\\S]*?)\\}|(\\([^)]*\\)\\s*=>\\s*\\{([\\s\\S]*?)\\}))\\s*$/;\nconst expressionBodyRegex = /\\(\\s*[^)]+\\s*\\)\\s*=>\\s*(.+)/;\n\nexport const stripFunction = (content: string) => {\n let match = content.match(functionBodyRegex);\n if (match) {\n return match[1] || match[3];\n } else {\n let match = content.match(expressionBodyRegex);\n if (match)\n return match[1].trim();\n }\n}\n\nexport type scriptInputs = {\n [key: string]: string | number | boolean\n} | {};\n\nexport type scriptVars<T> = {\n send: (data: T) => void;\n // completeStream: () => void;\n rootRef: RootRef;\n makeSerializable: typeof makeSerializable\n}\n\nexport type extendedScriptVars<T, I> = {\n [K in keyof I]: I[K];\n} & scriptVars<T>\n\nexport class ExecuteScriptMessage<T = any, I extends scriptInputs = any> extends MyopBindMessage<string, ExecuteScriptReplyMessage<T>> {\n\n replyMessageKey: MyopMessageKey = ReplayMessageKey;\n messageType = 'ExecuteScriptMessage';\n script: string = ''\n\n static replierKey = 'send';\n static completeStreamKey = 'completeStream';\n\n constructor(script: (vars: extendedScriptVars<T, I>) => T, handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n }, public scriptInputs?: I) {\n super(handler);\n this.script = script.toString();\n\n //TODO: can be remove\n this.content = script.toString()\n this.content = stripFunction(this.content);\n }\n}\n\nexport class ExecuteScriptReplyMessage<T = any> extends MyopBindReplayMessage<T> {\n\n messageType = ReplayMessageKey;\n\n constructor(public replayToHandler: string, public content: T) {\n super(replayToHandler);\n }\n}\n", "import {\n ExecuteScriptMessage,\n ExecuteScriptReplyMessage,\n extendedScriptVars,\n scriptInputs, stripFunction\n} from \"./ExecuteScriptMessage.ts\";\n\nexport type customRefScriptInputs = {\n elementId: string,\n ref?: HTMLElement,\n _script?: string,\n __scriptInputs?: Object\n};\n\nexport class CustomRefMessage<T = any, I extends scriptInputs = customRefScriptInputs> extends ExecuteScriptMessage<T, I & customRefScriptInputs> {\n\n constructor(script: (vars: extendedScriptVars<T, I & customRefScriptInputs>) => T,\n public scriptInputs: I & customRefScriptInputs,\n handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n }) {\n\n //mock vars\n // let rootRef, elementId, _script, __scriptInputs;\n super(({rootRef, elementId, _script, __scriptInputs}) => {\n const refs = (rootRef.shadowRoot || rootRef.container).querySelectorAll(`[${'myop-id'}='${elementId}']`);\n if (refs.length) {\n // const ref = refs[0];\n\n //TODO : think about exposing \"refs\" and not only \"ref\"\n //for cases where the Ref has multiplate implementations\n\n // @ts-ignore\n __scriptInputs.ref = refs[0];\n\n const dynamicFunction = new Function(`return (${_script})(...arguments)`);\n return dynamicFunction(__scriptInputs);\n\n // @ts-ignore\n //return Function('ref', 'rootRef', ...Object.keys(__scriptInputs), _script!)(ref, rootRef, ...Object.values(__scriptInputs))\n }\n return null as T;\n }, handler);\n\n this.scriptInputs = {\n ...scriptInputs,\n //_script: stripFunction(script.toString()),\n _script: script.toString()\n };\n }\n}\n", "import type * as CSS from \"csstype\";\nimport {IMyopComponent} from \"../host\";\nimport {uuidv4} from \"../utils/utils.ts\";\nimport {ExecuteScriptMessage} from \"../messages\";\n\n// ignoring documentation\n/** @ignore */\nexport interface CSSProperties extends CSS.Properties<string | number> {\n}\n\nexport type StylesheetDefinition = { [key: string]: CSSProperties };\n\nexport const applyStylesheet = (component: IMyopComponent, stylesheet: StylesheetDefinition, css?: string) => {\n const tagId = `myop-css-${uuidv4()}`;\n component.send(new ExecuteScriptMessage(({rootRef, _stylesheet, _tagId, _css}) => {\n const styleTag = document.createElement('style');\n styleTag.type = 'text/css';\n\n // Build the CSS string from the styles object\n let cssString = _css;\n\n for (const selector in _stylesheet) {\n cssString += `${selector} { `;\n const properties = _stylesheet[selector];\n for (const property in properties) {\n cssString += `${property}: ${properties[property]}; `;\n }\n cssString += '} ';\n }\n\n // Set the CSS string as the content of the <style> element\n styleTag.appendChild(document.createTextNode(cssString));\n styleTag.id = _tagId;\n // Append the <style> element\n (rootRef.shadowRoot || rootRef.container).appendChild(styleTag);\n\n }, () => {\n }, {\n _stylesheet: stylesheet,\n _css : css ? css : '',\n _tagId: tagId\n }));\n\n return () => {\n component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n if (element) {\n element.remove();\n }\n }, () => {\n }, {\n _tagId: tagId\n }))\n }\n}\n\nexport const applyStylesheetLink = (component: IMyopComponent, link: string) => {\n const tagId = `myop-css-${uuidv4()}`;\n component.send(new ExecuteScriptMessage(({rootRef, _tagId, _link}) => {\n const linkElement = document.createElement('link');\n linkElement.id = _tagId;\n linkElement.rel = 'stylesheet';\n linkElement.href = _link;\n document.head.appendChild(linkElement);\n\n // Append the <style> element\n (rootRef.shadowRoot || rootRef.container).appendChild(linkElement);\n }, () => {\n }, {\n _link : link,\n _tagId: tagId\n }));\n\n return () => {\n component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n if (element) {\n element.remove();\n }\n }, () => {\n }, {\n _tagId: tagId\n }))\n }\n}\n", "import {IIframeLoaderConfig, ISkinConfig} from \"../common\";\n\nexport type TokenMap = Record<string, string| number>\n\nconst replaceTokens = (input: string, tokenMap: TokenMap): string => {\n // Create a regex pattern from the keys of the tokenMap\n const pattern = new RegExp(Object.keys(tokenMap).join('|'), 'g');\n\n // Replace tokens in the input string using the regex\n return input.replace(pattern, (matched) => {\n // Return the replacement value from the tokenMap\n return (tokenMap[matched] || matched).toString();\n });\n}\n\nexport const createIframeSkinByTokenizer = (selectedSkin: ISkinConfig, tokenMap: TokenMap) => {\n const typedSkinConfig = (selectedSkin.loader as IIframeLoaderConfig)\n if (typedSkinConfig.type !== 'IframeLoader') {\n throw new Error(`iframeSkinUrlTokenizer received skin with loader type \"${typedSkinConfig.type}\", currently only \"IframeLoader\" is supported`)\n }\n\n selectedSkin.loader = {\n ...selectedSkin.loader\n }\n\n selectedSkin.loader.url = replaceTokens(selectedSkin.loader.url, tokenMap);\n\n return selectedSkin;\n}\n\nexport const changeSkinUrlByTokenizer = (tokenMap: TokenMap) => {\n return async (selectedSkin: ISkinConfig) => {\n return createIframeSkinByTokenizer(selectedSkin, tokenMap);\n }\n}", "import {CustomRefMessage} from \"../messages\";\nimport {IMyopComponent} from \"../host\";\n\n// const space = ' ';\n// export const getClasses = async (connectedRef: Ref): Promise<string[]> => (await exec(actAs<HTMLDivElement>(connectedRef).classList)).value.split(space);\n// export const addClass = async (connectedRef: Ref, className: string) => {\n// const classes = await getClasses(connectedRef);\n// classes.includes(className) || classes.push(className);\n// // @ts-ignore\n// connectedRef.classList = classes.join(space);\n// }\n// export const removeClass = async (connectedRef: Ref, className: string,) => {\n// let classes = await getClasses(connectedRef);\n// // @ts-ignore\n// connectedRef.classList = classes.filter(c => c !== className).join(space);\n// }\n//\n//\n\nexport const addClass = (component: IMyopComponent, className: string, myopId: string) => {\n component.send(new CustomRefMessage(({ref, _className}) => {\n ref?.classList.add(_className);\n }, {\n elementId: myopId,\n _className: className\n }));\n}\n\nexport const removeClass = (component: IMyopComponent, className: string, myopId: string) => {\n component.send(new CustomRefMessage(({ref, _className}) => {\n ref?.classList.remove(_className);\n }, {\n elementId: myopId,\n _className: className\n }));\n}", "import {\n IComponentConfig,\n IComponentDefinitionConfig,\n IComponentInstanceConfig, IHTMLLoaderConfig, IRefConfig,\n ISkinLoaderConfig,\n ISkinSelectorConfig,\n IDedicatedSkinConfig, ISkinConfig\n} from \"../common\";\nimport {uuidv4} from \"../utils/utils.ts\";\n\nexport class SkinConfig implements ISkinConfig {\n _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n _runTimeId = 'runtime-id-' + uuidv4();\n _runTimeName = 'runtime-name-' + uuidv4();\n\n static create = () => {\n return new SkinConfig();\n }\n\n id = this._runTimeId;\n name = this._runTimeName;\n description = '';\n loader = null as unknown as ISkinLoaderConfig;\n\n withLoader = (loader: ISkinLoaderConfig) => {\n this.loader = loader;\n return this;\n }\n\n withHTMLLoader = (loader: Omit<IHTMLLoaderConfig, 'type'>) => {\n loader.type = 'HTMLLoader';\n this.loader = loader as IHTMLLoaderConfig;\n return this;\n }\n\n build = () => {\n return this;\n }\n}\n\nexport class ComponentConfig implements IComponentConfig {\n _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n _runTimeId = 'runtime-id-' + uuidv4();\n _runTimeName = 'runtime-name-' + uuidv4();\n\n static create = () => {\n return new ComponentConfig();\n }\n\n instance = {\n id: this._runTimeInstanceId,\n componentId: this._runTimeId,\n componentName: this._runTimeName,\n skinSelector: null as unknown as ISkinSelectorConfig\n } as IComponentInstanceConfig;\n\n name = this._runTimeName\n type = {\n id: this._runTimeId,\n name: this._runTimeName,\n description: '',\n props: [],\n refs: [],\n skins: [],\n defaultSkin: 0\n } as IComponentDefinitionConfig\n\n withInstance = (instance: IComponentInstanceConfig) => {\n this.instance = instance;\n return this;\n }\n\n withType = (type: IComponentDefinitionConfig) => {\n this.type = type;\n return this;\n }\n\n withName = (name: string) => {\n this.name = name;\n return this;\n }\n\n withDefaultSkin = (defaultSkin: ISkinConfig) => {\n this.type.skins.push(defaultSkin);\n this.type.defaultSkin = this.type.skins.length - 1;\n this.instance.skinSelector = {\n type: 'Dedicated',\n skin: {\n id: defaultSkin.id\n }\n } as IDedicatedSkinConfig\n\n return this;\n }\n\n withRef = (ref: IRefConfig) => {\n this.type.refs.push(ref);\n return this;\n }\n\n withBasicRef = (refSelector: string) => {\n const newBasicRef = {\n id: '',\n name: refSelector,\n description: '',\n selectorType: 'id-attribute',\n selector: refSelector,\n behavior: {\n type: 'code'\n }\n } as IRefConfig\n\n this.type.refs.push(newBasicRef);\n return this;\n }\n\n build = () => {\n return JSON.parse(JSON.stringify(this))\n }\n}\n", "import {IUserFlow, v2_IVariantConfig} from \"../common\";\n\n/**\n * CloudRepository - Unified cloud data access layer for Myop components\n *\n * Supports both v2 (default) and v1 modes:\n * - v2: Uses /consume endpoint for fetching variants\n * - v1: Uses /flow endpoint for fetching user flows\n */\nexport class CloudRepository {\n static Main = new CloudRepository();\n\n // v2 cache\n private variants: Record<string, Promise<v2_IVariantConfig>> = {};\n\n // v1 cache\n private userFlows: Record<string, Promise<IUserFlow>> = {};\n\n constructor(private _baseUrl = 'https://cloud.myop.dev') {\n }\n\n // ============ V2 Methods (Default) ============\n\n /**\n * Check if a component is already cached/preloaded (v2)\n */\n isPreloaded(componentId: string): boolean {\n return componentId in this.variants;\n }\n\n /**\n * Fetch a v2 component variant\n */\n async fetchComponentV2(componentId: string, environmentIdentifier?: string): Promise<v2_IVariantConfig> {\n if (!this.variants[componentId]) {\n // eslint-disable-next-line no-async-promise-executor\n this.variants[componentId] = new Promise(\n async (resolve, reject) => {\n try {\n const res = await fetch(\n `${this._baseUrl}/consume?id=${componentId}&env=${environmentIdentifier}`\n );\n const json = await res.json();\n resolve(json.item);\n } catch (e) {\n reject(e);\n }\n }\n );\n }\n\n return await this.variants[componentId];\n }\n\n // ============ V1 Methods (Legacy) ============\n\n /**\n * Fetch a v1 component from a flow\n */\n async fetchComponentV1(componentId: string, flowId?: string) {\n if (flowId) {\n const flow = await this.fetchFlow(flowId);\n return flow.components.find(c => c.type.id === componentId);\n } else {\n const flow = await this.fetchAutoFlow(componentId);\n return flow.components[0];\n }\n }\n\n async fetchAutoFlow(componentId: string) {\n if (!this.userFlows[componentId]) {\n // eslint-disable-next-line no-async-promise-executor\n this.userFlows[componentId] = new Promise(\n async (resolve, reject) => {\n try {\n const res = await fetch(\n `${this._baseUrl}/flow?id=${componentId}&auto=true`\n );\n const json = await res.json();\n resolve(json.item);\n } catch (e) {\n reject(e);\n }\n }\n );\n }\n\n return await this.userFlows[componentId];\n }\n\n async fetchFlow(flowId: string) {\n if (!this.userFlows[flowId]) {\n // eslint-disable-next-line no-async-promise-executor\n this.userFlows[flowId] = new Promise(\n async (resolve, reject) => {\n try {\n const res = await fetch(\n `${this._baseUrl}/flow?id=${flowId}&resolve=components`\n );\n const json = await res.json();\n resolve(json.item);\n } catch (e) {\n reject(e);\n }\n }\n );\n }\n\n return await this.userFlows[flowId];\n }\n\n // ============ Backward Compatibility ============\n\n /**\n * @deprecated Use fetchComponentV2 or fetchComponentV1 explicitly\n * Defaults to v1 behavior for backward compatibility with existing code\n */\n async fetchComponent(componentId: string, flowId?: string) {\n return this.fetchComponentV1(componentId, flowId);\n }\n}\n\n/**\n * @deprecated Use CloudRepository instead\n */\nexport const v2_CloudRepository = CloudRepository;\n", "export const exec = async (getter: any) => {\n return await getter()\n}\n", "import {defineDynamicImport} from \"../dynamicImport/defineDynamicImport.ts\";\nimport * as MyopHelpers from \"./index.ts\";\n\nexport * from \"./index.ts\";\n\ndefineDynamicImport('MyopHelpers', MyopHelpers);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["match", "scriptInputs", "scriptInputs"]
|
|
7
|
+
}
|