@metapages/metapage 1.8.25 → 1.8.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -12
- package/dist/index.js +859 -841
- package/dist/index.js.map +1 -1
- package/dist/metapage/Constants.d.ts.map +1 -1
- package/dist/metapage/Metaframe.d.ts +8 -8
- package/dist/metapage/Metaframe.d.ts.map +1 -1
- package/dist/metapage/Metapage.d.ts +5 -5
- package/dist/metapage/Metapage.d.ts.map +1 -1
- package/dist/metapage/MetapageIFrameRpcClient.d.ts +8 -8
- package/dist/metapage/MetapageIFrameRpcClient.d.ts.map +1 -1
- package/dist/metapage/MetapageTools.d.ts +4 -4
- package/dist/metapage/MetapageTools.d.ts.map +1 -1
- package/dist/metapage/Shared.d.ts +4 -4
- package/dist/metapage/core.d.ts +2 -1
- package/dist/metapage/core.d.ts.map +1 -1
- package/dist/metapage/data.d.ts.map +1 -1
- package/dist/metapage/errors/MissingMetaframeJson.d.ts.map +1 -1
- package/dist/metapage/errors/RootMetapageError.d.ts.map +1 -1
- package/dist/metapage/jsonrpc.d.ts +4 -4
- package/dist/metapage/jsonrpc.d.ts.map +1 -1
- package/dist/metapage/metapageRenderer.d.ts +16 -2
- package/dist/metapage/metapageRenderer.d.ts.map +1 -1
- package/dist/metapage/v0_1_0/all.d.ts +1 -1
- package/dist/metapage/v0_1_0/all.d.ts.map +1 -1
- package/dist/metapage/v0_2/all.d.ts +1 -1
- package/dist/metapage/v0_2/all.d.ts.map +1 -1
- package/dist/metapage/v0_3/JsonRpcMethods.d.ts +3 -3
- package/dist/metapage/v0_3/JsonRpcMethods.d.ts.map +1 -1
- package/dist/metapage/v0_3/all.d.ts +2 -2
- package/dist/metapage/v0_3/all.d.ts.map +1 -1
- package/dist/metapage/v0_4/metaframe.d.ts +3 -3
- package/dist/metapage/v0_4/metaframe.d.ts.map +1 -1
- package/dist/metapage/v0_4/metapage.d.ts +3 -3
- package/dist/metapage/v0_4/metapage.d.ts.map +1 -1
- package/dist/metapage/v1/metaframe.d.ts +3 -3
- package/dist/metapage/v1/metapage.d.ts +3 -3
- package/dist/metapage/v2/metaframe.d.ts +3 -3
- package/dist/metapage/v2/metapage.d.ts +3 -3
- package/dist/metapage/versions.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/metapage/Constants.ts +5 -6
- package/src/metapage/Metaframe.ts +54 -62
- package/src/metapage/Metapage.ts +41 -41
- package/src/metapage/MetapageIFrameRpcClient.ts +20 -20
- package/src/metapage/MetapageTools.ts +15 -18
- package/src/metapage/README.md +5 -5
- package/src/metapage/Shared.ts +5 -5
- package/src/metapage/conversions-metaframe.ts +35 -35
- package/src/metapage/conversions-metapage.ts +25 -25
- package/src/metapage/core.ts +2 -1
- package/src/metapage/data.ts +38 -48
- package/src/metapage/errors/MissingMetaframeJson.ts +11 -12
- package/src/metapage/errors/RootMetapageError.ts +11 -12
- package/src/metapage/jsonrpc.ts +6 -12
- package/src/metapage/metapageRenderer.ts +110 -66
- package/src/metapage/metapageRendererExample.ts +1 -1
- package/src/metapage/util.ts +6 -6
- package/src/metapage/v0_1_0/all.ts +6 -6
- package/src/metapage/v0_2/all.ts +15 -13
- package/src/metapage/v0_3/JsonRpcMethods.ts +6 -10
- package/src/metapage/v0_3/all.ts +7 -10
- package/src/metapage/v0_4/README.md +1 -0
- package/src/metapage/v0_4/index.ts +0 -1
- package/src/metapage/v0_4/metaframe.ts +3 -6
- package/src/metapage/v0_4/metapage.ts +3 -6
- package/src/metapage/v1/index.ts +0 -1
- package/src/metapage/v1/metaframe.ts +3 -4
- package/src/metapage/v1/metapage.ts +3 -3
- package/src/metapage/v2/index.ts +0 -1
- package/src/metapage/v2/metaframe.ts +3 -4
- package/src/metapage/v2/metapage.ts +3 -3
- package/src/metapage/versions.ts +11 -4
package/README.md
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
# [Metapages](https://docs.metapage.io/docs)
|
|
2
2
|
|
|
3
|
+
A _metapage_ is a set of connected iframes (_metaframes_).
|
|
4
|
+
|
|
3
5
|
- Examples: [https://metapage.io](https://metapage.io)
|
|
4
6
|
- Documentation: [https://docs.metapage.io/docs](https://docs.metapage.io/docs)
|
|
5
7
|
- Online tests and conversion tools: [https://module.metapage.io](https://module.metapage.io)
|
|
6
8
|
- Example javascript component: [https://js.mtfm.io](https://js.mtfm.io)
|
|
7
9
|
|
|
8
|
-
|
|
9
|
-
A *metapage* is a set of connected iframes (*metaframes*).
|
|
10
|
-
|
|
11
10
|
Each component iframe runs the metapage module and establishes input/output pipes. Now you can create, edit, and embed whole complex applications directly in your own apps, or simply create using the [metapage editor]((https://metapage.io) and publish and share immediately.
|
|
12
11
|
|
|
13
12
|
## Quickstart metapage
|
|
@@ -19,23 +18,22 @@ import { renderMetapage } from "https://cdn.jsdelivr.net/npm/@metapages/metapage
|
|
|
19
18
|
|
|
20
19
|
// download a metapage definition from metapage.io
|
|
21
20
|
// or just use your own definition JSON
|
|
22
|
-
const response = await fetch(
|
|
21
|
+
const response = await fetch(
|
|
22
|
+
"https://metapage.io/m/87ae11673508447e883b598bf7da9c5d/metapage.json",
|
|
23
|
+
);
|
|
23
24
|
const metapageDefinition = await response.json();
|
|
24
25
|
await renderMetapage({
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
definition: metapageDefinition,
|
|
27
|
+
rootDiv: document.getElementById("metapage-container"),
|
|
27
28
|
});
|
|
28
29
|
```
|
|
29
30
|
|
|
30
|
-
The rendered workflow:
|
|
31
|
+
The rendered workflow:
|
|
31
32
|
|
|
32
33
|
|
|
33
34
|
|
|
34
|
-
|
|
35
|
-
|
|
36
35
|
## Full example
|
|
37
36
|
|
|
38
|
-
|
|
39
37
|
```html
|
|
40
38
|
<!DOCTYPE html>
|
|
41
39
|
<html lang="en">
|
|
@@ -71,7 +69,9 @@ The rendered workflow:
|
|
|
71
69
|
|
|
72
70
|
// download a metapage definition from metapage.io
|
|
73
71
|
// or just use your own definition JSON
|
|
74
|
-
const response = await fetch(
|
|
72
|
+
const response = await fetch(
|
|
73
|
+
"https://metapage.io/m/87ae11673508447e883b598bf7da9c5d/metapage.json",
|
|
74
|
+
);
|
|
75
75
|
const metapageDefinition = await response.json();
|
|
76
76
|
|
|
77
77
|
// handle metapage outputs
|
|
@@ -95,5 +95,6 @@ The rendered workflow:
|
|
|
95
95
|
</script>
|
|
96
96
|
</body>
|
|
97
97
|
</html>
|
|
98
|
-
|
|
99
98
|
```
|
|
99
|
+
|
|
100
|
+
Online tests and conversion tools: [https://module.metapage.io](https://module.metapage.io)
|