@common-stack/components-pro 7.0.4-alpha.21 → 7.0.4-alpha.24
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/lib/plugin/loader.d.ts +6 -1
- package/lib/plugin/loader.js +14 -5
- package/lib/plugin/loader.js.map +1 -1
- package/lib/plugin/plugin-render.js +30 -28
- package/lib/plugin/plugin-render.js.map +1 -1
- package/lib/slot-fill/base/fill.js +2 -2
- package/lib/slot-fill/base/fill.js.map +1 -1
- package/lib/slot-fill/utils/replaceServerFills.native.d.ts +9 -0
- package/package.json +3 -2
package/lib/plugin/loader.d.ts
CHANGED
|
@@ -1 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { IAppLoadContext, IResourceParams } from "@common-stack/client-core";
|
|
2
|
+
export declare function PluginsLoader(plugins: any[], loaderContext: {
|
|
3
|
+
request: Request;
|
|
4
|
+
context: IAppLoadContext;
|
|
5
|
+
params: IResourceParams;
|
|
6
|
+
}): Promise<any[]>;
|
package/lib/plugin/loader.js
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
async function PluginsLoader(plugins) {
|
|
1
|
+
async function PluginsLoader(plugins, loaderContext) {
|
|
2
2
|
const loadedPlugins = await Promise.all(plugins.map(async (plugin) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
try {
|
|
4
|
+
if (plugin.renderImporter) {
|
|
5
|
+
const module = await plugin.renderImporter();
|
|
6
|
+
const ImportedComponent = module.default;
|
|
7
|
+
if (module.loader && typeof module.loader === 'function') {
|
|
8
|
+
const loaderData = await module.loader(loaderContext);
|
|
9
|
+
return { ...plugin, Component: ImportedComponent, loaderData };
|
|
10
|
+
}
|
|
11
|
+
return { ...plugin, Component: ImportedComponent };
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
catch (error) {
|
|
15
|
+
console.error('Error in PluginsLoader', error);
|
|
7
16
|
}
|
|
8
17
|
return plugin;
|
|
9
18
|
}));
|
package/lib/plugin/loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../../src/plugin/loader.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../src/plugin/loader.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEO,eAAe,aAAa,CAAC,OAAc,EAAE,aAAsF,EAAA;AACtI,IAAA,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,OAAO,CAAC,GAAG,CAAC,OAAO,MAAW,KAAI;AAC9B,QAAA,IAAI;AACA,YAAA,IAAI,MAAM,CAAC,cAAc,EAAE;AACvB,gBAAA,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC;AAC7C,gBAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;gBAEzC,IAAI,MAAM,CAAC,MAAM,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,UAAU,EAAE;oBACtD,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;oBACtD,OAAO,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;iBAClE;gBACD,OAAO,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;aACtD;SACJ;QAAC,OAAO,KAAK,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;SAClD;AACD,QAAA,OAAO,MAAM,CAAC;KACjB,CAAC,CACL,CAAC;AACF,IAAA,OAAO,aAAa,CAAC;AACzB"}
|
|
@@ -3,38 +3,40 @@ import React__default,{useContext}from'react';import {DynamicRender}from'./dynam
|
|
|
3
3
|
};
|
|
4
4
|
const PluginRender = (props) => {
|
|
5
5
|
const loadedPlugins = useContext(FillRenderContext);
|
|
6
|
-
const
|
|
7
|
-
loadedPlugins.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
const FillRender = ({ fill, ...props }) => {
|
|
7
|
+
const plugin = loadedPlugins.find((plugin) => plugin.index === fill.index);
|
|
8
|
+
const loaderData = plugin ? plugin.loaderData : {};
|
|
9
|
+
if (plugin?.Component) {
|
|
10
|
+
return React__default.createElement(plugin.Component, { ...props, loaderData: loaderData });
|
|
11
|
+
}
|
|
12
|
+
else if (fill.renderImporter) {
|
|
13
|
+
return React__default.createElement(DynamicRender, { ...props, renderImporter: fill.renderImporter, loaderData: loaderData });
|
|
14
|
+
}
|
|
15
|
+
else if (plugin?.render) {
|
|
16
|
+
let children = null;
|
|
17
|
+
try {
|
|
18
|
+
const FillComponent = plugin.render();
|
|
19
|
+
children = FillComponent.props?.children;
|
|
14
20
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
try {
|
|
18
|
-
const FillComponent = fill.render();
|
|
19
|
-
children = FillComponent.props?.children;
|
|
20
|
-
}
|
|
21
|
-
catch (error) {
|
|
22
|
-
console.error('Error in PluginRender', error);
|
|
23
|
-
}
|
|
24
|
-
if (children) {
|
|
25
|
-
return (React__default.createElement("div", { key: i, "data-slot-name": `slot-${fill.name}` },
|
|
26
|
-
React__default.createElement(ChildrenRender, { ...props, children: children })));
|
|
27
|
-
}
|
|
21
|
+
catch (error) {
|
|
22
|
+
console.error('Error in PluginRender', error);
|
|
28
23
|
}
|
|
24
|
+
if (children) {
|
|
25
|
+
return React__default.createElement(ChildrenRender, { ...props, children: children });
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
else if (fill.children) {
|
|
29
|
+
return React__default.createElement(ChildrenRender, { ...props, children: fill.children });
|
|
30
|
+
}
|
|
31
|
+
return React__default.createElement(React__default.Fragment, null);
|
|
32
|
+
};
|
|
33
|
+
return (React__default.createElement(React__default.Fragment, null, props.fills.map((fill, i) => {
|
|
34
|
+
if (typeof window === 'undefined') {
|
|
35
|
+
return (React__default.createElement("div", { key: i, "data-slot-name": `slot-${props.name}` },
|
|
36
|
+
React__default.createElement(FillRender, { fill: fill, ...props })));
|
|
29
37
|
}
|
|
30
38
|
else {
|
|
31
|
-
|
|
32
|
-
return React__default.createElement(DynamicRender, { key: i, ...props, renderImporter: fill.renderImporter });
|
|
33
|
-
}
|
|
34
|
-
else if (fill.children) {
|
|
35
|
-
return React__default.createElement(ChildrenRender, { key: i, ...props, children: fill.children });
|
|
36
|
-
}
|
|
39
|
+
return React__default.createElement(FillRender, { key: i, fill: fill, ...props });
|
|
37
40
|
}
|
|
38
|
-
return null;
|
|
39
41
|
})));
|
|
40
42
|
};export{ChildrenRender,PluginRender};//# sourceMappingURL=plugin-render.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin-render.js","sources":["../../src/plugin/plugin-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+LAMO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAAI;AACrD,IAAA,OAAOA,4DAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAI,CAAC;AACpE,EAAE;AAEW,MAAA,YAAY,GAAG,CAAC,KAAK,KAAI;AAClC,IAAA,MAAM,aAAa,GAAQ,UAAU,CAAqB,iBAAiB,CAAC,CAAC;IAE7E,MAAM,
|
|
1
|
+
{"version":3,"file":"plugin-render.js","sources":["../../src/plugin/plugin-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+LAMO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAAI;AACrD,IAAA,OAAOA,4DAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAI,CAAC;AACpE,EAAE;AAEW,MAAA,YAAY,GAAG,CAAC,KAAK,KAAI;AAClC,IAAA,MAAM,aAAa,GAAQ,UAAU,CAAqB,iBAAiB,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,KAAI;AACtC,QAAA,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3E,QAAA,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,EAAE,CAAC;AAEnD,QAAA,IAAI,MAAM,EAAE,SAAS,EAAE;YACnB,OAAOA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,SAAS,EAAA,EAAA,GAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAA,CAAI,CAAC;SAClE;AAAM,aAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AAC5B,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,UAAU,GAAG,CAAC;SACnG;AAAM,aAAA,IAAI,MAAM,EAAE,MAAM,EAAE;YACvB,IAAI,QAAQ,GAAG,IAAI,CAAC;AACpB,YAAA,IAAI;AACA,gBAAA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;AACtC,gBAAA,QAAQ,GAAG,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;aAC5C;YAAC,OAAO,KAAK,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;aACjD;YACD,IAAI,QAAQ,EAAE;gBACV,OAAOA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAK,EAAA,GAAA,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAAC;aAC5D;SACJ;AAAM,aAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACtB,OAAOA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAA,GAAK,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAAC;SACjE;AACD,QAAA,OAAOA,2DAAK,CAAC;AACjB,KAAC,CAAA;AAED,IAAA,QACIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACK,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACzB,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,oBAAkB,CAAQ,KAAA,EAAA,KAAK,CAAC,IAAI,CAAE,CAAA,EAAA;gBAC7CA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,IAAI,EAAE,IAAI,KAAM,KAAK,EAAA,CAAI,CACnC,EACR;SACL;aAAM;AACH,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAM,GAAA,KAAK,GAAI,CAAC;SACxD;KACJ,CAAC,CACH,EACL;AACN"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React__default,{useRef}from'react';import {Consumer}from'./context.js';import {useSlot}from'./use-slot.js';const FillComponent = ({ name, renderImporter, children, registerFill, unregisterFill, serverMode }) => {
|
|
1
|
+
import React__default,{useRef}from'react';import {Consumer}from'./context.js';import {useSlot}from'./use-slot.js';const FillComponent = ({ index, name, renderImporter, children, registerFill, unregisterFill, serverMode }) => {
|
|
2
2
|
const slot = useSlot(name);
|
|
3
3
|
let useLayoutEffect;
|
|
4
|
-
const nodeProps = { renderImporter, children };
|
|
4
|
+
const nodeProps = { index, renderImporter, children };
|
|
5
5
|
if (serverMode) {
|
|
6
6
|
useLayoutEffect = (args) => { };
|
|
7
7
|
if (!!name) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fill.js","sources":["../../../src/slot-fill/base/fill.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kHAUA,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAyB,KAAI;
|
|
1
|
+
{"version":3,"file":"fill.js","sources":["../../../src/slot-fill/base/fill.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kHAUA,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAyB,KAAI;AACjI,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3B,IAAA,IAAI,eAAe,CAAC;IACpB,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;IAEtD,IAAI,UAAU,EAAE;AACZ,QAAA,eAAe,GAAG,CAAC,IAAI,KAAI,GAAG,CAAC;AAC/B,QAAA,IAAI,CAAC,CAAC,IAAI,EAAE;AACR,YAAA,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACjC;AACD,QAAA,OAAO,IAAI,CAAC;KACf;SAAM;AACH,QAAA,eAAe,GAAGA,cAAK,CAAC,eAAe,CAAC;KAC3C;IAED,MAAM,GAAG,GAAG,MAAM,CAAC;QACf,IAAI;QACJ,SAAS;AACZ,KAAA,CAAC,CAAC;IAEH,eAAe,CAAC,MAAK;AACjB,QAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;AAC7B,QAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QACvC,OAAO,MAAM,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;;;;KAIzD,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QAClC,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;;;;AAIL,KAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,eAAe,CAAC,MAAK;QACjB,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;;YAE3B,OAAO;SACV;AACD,QAAA,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AACxD,QAAA,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACxB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;;;;AAI9C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;KACf;;;;;;AAQD,IAAA,OAAOA,2DAAK,CAAC;AACjB,CAAC,CAAC;AAOF,MAAM,IAAI,GAAmB,CAAC,KAAK,KAAI;IACnC,MAAM,UAAU,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;AACnD,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,MAC9BA,6BAAC,aAAa,EAAA,EAAA,GACN,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACxB,CACL,CACM,EACb;AACN"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Replace the wrapped dom element with `[data-slot-name]` to its children,
|
|
3
|
+
* setting attrib [data-slot-name] same as parent.
|
|
4
|
+
*
|
|
5
|
+
* @param htmlContent Html content string.
|
|
6
|
+
* @param fills fill names.
|
|
7
|
+
* @returns The replaced html content string.
|
|
8
|
+
*/
|
|
9
|
+
export declare const replaceServerFills: (htmlContent: string, fills: string[]) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@common-stack/components-pro",
|
|
3
|
-
"version": "7.0.4-alpha.
|
|
3
|
+
"version": "7.0.4-alpha.24",
|
|
4
4
|
"description": "browser plugin for git",
|
|
5
5
|
"homepage": "https://github.com/cdmbase/fullstack-pro#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
"@wordpress/warning": "^2.53.0",
|
|
38
38
|
"cheerio": "^1.0.0",
|
|
39
39
|
"history-with-query": "^4.10.4",
|
|
40
|
+
"node-html-parser": "^7.0.1",
|
|
40
41
|
"sort-keys": "^4.1.0",
|
|
41
42
|
"valtio": "^1.7.0"
|
|
42
43
|
},
|
|
@@ -53,5 +54,5 @@
|
|
|
53
54
|
"typescript": {
|
|
54
55
|
"definition": "lib/index.d.ts"
|
|
55
56
|
},
|
|
56
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "44bff90a27f9ee99ad16d65d19aa22e42fae7da4"
|
|
57
58
|
}
|