@uniformdev/canvas-next-rsc 19.198.0 → 19.198.1-alpha.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/component.d.mts +1 -1
- package/dist/component.d.ts +1 -1
- package/dist/component.js +71 -1
- package/dist/component.mjs +71 -1
- package/package.json +11 -11
package/dist/component.d.mts
CHANGED
|
@@ -7,7 +7,7 @@ import { RichTextNode } from '@uniformdev/richtext';
|
|
|
7
7
|
import { PureUniformTextProps } from '@uniformdev/canvas-react/core';
|
|
8
8
|
export { ClientContextComponent, createClientUniformContext, useInitUniformContext, useUniformContext } from '@uniformdev/canvas-next-rsc-client';
|
|
9
9
|
|
|
10
|
-
declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element;
|
|
10
|
+
declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element | null;
|
|
11
11
|
|
|
12
12
|
type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
|
|
13
13
|
node: TNode;
|
package/dist/component.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import { RichTextNode } from '@uniformdev/richtext';
|
|
|
7
7
|
import { PureUniformTextProps } from '@uniformdev/canvas-react/core';
|
|
8
8
|
export { ClientContextComponent, createClientUniformContext, useInitUniformContext, useUniformContext } from '@uniformdev/canvas-next-rsc-client';
|
|
9
9
|
|
|
10
|
-
declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element;
|
|
10
|
+
declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element | null;
|
|
11
11
|
|
|
12
12
|
type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
|
|
13
13
|
node: TNode;
|
package/dist/component.js
CHANGED
|
@@ -43,8 +43,78 @@ module.exports = __toCommonJS(component_exports);
|
|
|
43
43
|
|
|
44
44
|
// src/components/DefaultNotImplementedComponent.tsx
|
|
45
45
|
var import_react = __toESM(require("react"));
|
|
46
|
+
var wrapperStyles = {
|
|
47
|
+
display: "flex",
|
|
48
|
+
flexDirection: "column",
|
|
49
|
+
gap: "0.5rem",
|
|
50
|
+
borderLeft: "4px solid #e42535",
|
|
51
|
+
padding: "16px",
|
|
52
|
+
fontSize: "16px",
|
|
53
|
+
borderRadius: "0 8px 8px 0",
|
|
54
|
+
margin: "8px",
|
|
55
|
+
backgroundColor: "rgba(255, 255, 255, 0.45)",
|
|
56
|
+
color: "#1d3557"
|
|
57
|
+
};
|
|
46
58
|
var DefaultNotImplementedComponent = ({ component }) => {
|
|
47
|
-
|
|
59
|
+
var _a, _b;
|
|
60
|
+
const componentType = component == null ? void 0 : component.type;
|
|
61
|
+
if (!componentType) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
const proposedFileName = `${componentType[0].toUpperCase()}${componentType.substring(1)}`;
|
|
65
|
+
const probableProps = Object.keys((_a = component.parameters) != null ? _a : {});
|
|
66
|
+
const probableSlots = Object.keys((_b = component.slots) != null ? _b : {});
|
|
67
|
+
const resolvedParameters = probableProps.map((prop) => {
|
|
68
|
+
var _a2;
|
|
69
|
+
const propType = (_a2 = component.parameters) == null ? void 0 : _a2[prop];
|
|
70
|
+
const propTypeValue = (propType == null ? void 0 : propType.type) === "text" ? "string" : "unknown";
|
|
71
|
+
return ` ${prop}: ${propTypeValue}`;
|
|
72
|
+
}).join("\n");
|
|
73
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ import_react.default.createElement("h2", { style: { fontSize: "1.2rem" } }, "Unknown Component"), /* @__PURE__ */ import_react.default.createElement("p", null, "Received request from Uniform to render a component with the public ID: ", /* @__PURE__ */ import_react.default.createElement("code", null, componentType), "."), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement("code", null, "<UniformComposition />"), " does not have ", /* @__PURE__ */ import_react.default.createElement("code", null, componentType), " mapped to a React component yet."), /* @__PURE__ */ import_react.default.createElement(
|
|
74
|
+
"ul",
|
|
75
|
+
{
|
|
76
|
+
style: {
|
|
77
|
+
listStyleType: "disc",
|
|
78
|
+
marginLeft: "1rem",
|
|
79
|
+
display: "flex",
|
|
80
|
+
flexDirection: "column",
|
|
81
|
+
gap: "0.5rem"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
/* @__PURE__ */ import_react.default.createElement("li", null, "Create a React component and register it with Uniform, for example", /* @__PURE__ */ import_react.default.createElement("pre", null, `
|
|
85
|
+
import {
|
|
86
|
+
ComponentProps,
|
|
87
|
+
UniformSlot,
|
|
88
|
+
} from '@uniformdev/canvas-next-rsc/component';
|
|
89
|
+
|
|
90
|
+
type ${proposedFileName}Parameters = {
|
|
91
|
+
${resolvedParameters}
|
|
92
|
+
};
|
|
93
|
+
type ${proposedFileName}Slots = ${probableSlots.map((slot) => `'${slot}'`).join(" | ")};
|
|
94
|
+
type ${proposedFileName}Props = ComponentProps<${proposedFileName}Parameters, ${proposedFileName}Slots>;
|
|
95
|
+
|
|
96
|
+
export const ${proposedFileName}Component = (props: ${proposedFileName}Props) => {
|
|
97
|
+
return (
|
|
98
|
+
<div>
|
|
99
|
+
<div>
|
|
100
|
+
${probableSlots.map((slot) => `<UniformSlot data={props.component} context={props.context} slot={props.slots.${slot}} />`).join("\n")}
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
);
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
Add this component mapping to your resolveComponent function on UniformComposition.`)),
|
|
107
|
+
/* @__PURE__ */ import_react.default.createElement("li", null, "Import the component into the file where ", /* @__PURE__ */ import_react.default.createElement("code", null, "<UniformComposition />"), " is defined, for example ", /* @__PURE__ */ import_react.default.createElement("pre", null, `import "../../components/${proposedFileName}.tsx"`))
|
|
108
|
+
), " ", /* @__PURE__ */ import_react.default.createElement("p", null, "Need more help?", " ", /* @__PURE__ */ import_react.default.createElement(
|
|
109
|
+
"a",
|
|
110
|
+
{
|
|
111
|
+
href: "https://docs.uniform.app/docs/learn/tutorials/nextjs-app-router",
|
|
112
|
+
target: "_blank",
|
|
113
|
+
rel: "noreferrer",
|
|
114
|
+
style: { textDecoration: "underline" }
|
|
115
|
+
},
|
|
116
|
+
"Check out the documentation."
|
|
117
|
+
)));
|
|
48
118
|
};
|
|
49
119
|
|
|
50
120
|
// src/components/UniformRichText.tsx
|
package/dist/component.mjs
CHANGED
|
@@ -1,7 +1,77 @@
|
|
|
1
1
|
// src/components/DefaultNotImplementedComponent.tsx
|
|
2
2
|
import React from "react";
|
|
3
|
+
var wrapperStyles = {
|
|
4
|
+
display: "flex",
|
|
5
|
+
flexDirection: "column",
|
|
6
|
+
gap: "0.5rem",
|
|
7
|
+
borderLeft: "4px solid #e42535",
|
|
8
|
+
padding: "16px",
|
|
9
|
+
fontSize: "16px",
|
|
10
|
+
borderRadius: "0 8px 8px 0",
|
|
11
|
+
margin: "8px",
|
|
12
|
+
backgroundColor: "rgba(255, 255, 255, 0.45)",
|
|
13
|
+
color: "#1d3557"
|
|
14
|
+
};
|
|
3
15
|
var DefaultNotImplementedComponent = ({ component }) => {
|
|
4
|
-
|
|
16
|
+
var _a, _b;
|
|
17
|
+
const componentType = component == null ? void 0 : component.type;
|
|
18
|
+
if (!componentType) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
const proposedFileName = `${componentType[0].toUpperCase()}${componentType.substring(1)}`;
|
|
22
|
+
const probableProps = Object.keys((_a = component.parameters) != null ? _a : {});
|
|
23
|
+
const probableSlots = Object.keys((_b = component.slots) != null ? _b : {});
|
|
24
|
+
const resolvedParameters = probableProps.map((prop) => {
|
|
25
|
+
var _a2;
|
|
26
|
+
const propType = (_a2 = component.parameters) == null ? void 0 : _a2[prop];
|
|
27
|
+
const propTypeValue = (propType == null ? void 0 : propType.type) === "text" ? "string" : "unknown";
|
|
28
|
+
return ` ${prop}: ${propTypeValue}`;
|
|
29
|
+
}).join("\n");
|
|
30
|
+
return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("h2", { style: { fontSize: "1.2rem" } }, "Unknown Component"), /* @__PURE__ */ React.createElement("p", null, "Received request from Uniform to render a component with the public ID: ", /* @__PURE__ */ React.createElement("code", null, componentType), "."), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("code", null, "<UniformComposition />"), " does not have ", /* @__PURE__ */ React.createElement("code", null, componentType), " mapped to a React component yet."), /* @__PURE__ */ React.createElement(
|
|
31
|
+
"ul",
|
|
32
|
+
{
|
|
33
|
+
style: {
|
|
34
|
+
listStyleType: "disc",
|
|
35
|
+
marginLeft: "1rem",
|
|
36
|
+
display: "flex",
|
|
37
|
+
flexDirection: "column",
|
|
38
|
+
gap: "0.5rem"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
/* @__PURE__ */ React.createElement("li", null, "Create a React component and register it with Uniform, for example", /* @__PURE__ */ React.createElement("pre", null, `
|
|
42
|
+
import {
|
|
43
|
+
ComponentProps,
|
|
44
|
+
UniformSlot,
|
|
45
|
+
} from '@uniformdev/canvas-next-rsc/component';
|
|
46
|
+
|
|
47
|
+
type ${proposedFileName}Parameters = {
|
|
48
|
+
${resolvedParameters}
|
|
49
|
+
};
|
|
50
|
+
type ${proposedFileName}Slots = ${probableSlots.map((slot) => `'${slot}'`).join(" | ")};
|
|
51
|
+
type ${proposedFileName}Props = ComponentProps<${proposedFileName}Parameters, ${proposedFileName}Slots>;
|
|
52
|
+
|
|
53
|
+
export const ${proposedFileName}Component = (props: ${proposedFileName}Props) => {
|
|
54
|
+
return (
|
|
55
|
+
<div>
|
|
56
|
+
<div>
|
|
57
|
+
${probableSlots.map((slot) => `<UniformSlot data={props.component} context={props.context} slot={props.slots.${slot}} />`).join("\n")}
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
Add this component mapping to your resolveComponent function on UniformComposition.`)),
|
|
64
|
+
/* @__PURE__ */ React.createElement("li", null, "Import the component into the file where ", /* @__PURE__ */ React.createElement("code", null, "<UniformComposition />"), " is defined, for example ", /* @__PURE__ */ React.createElement("pre", null, `import "../../components/${proposedFileName}.tsx"`))
|
|
65
|
+
), " ", /* @__PURE__ */ React.createElement("p", null, "Need more help?", " ", /* @__PURE__ */ React.createElement(
|
|
66
|
+
"a",
|
|
67
|
+
{
|
|
68
|
+
href: "https://docs.uniform.app/docs/learn/tutorials/nextjs-app-router",
|
|
69
|
+
target: "_blank",
|
|
70
|
+
rel: "noreferrer",
|
|
71
|
+
style: { textDecoration: "underline" }
|
|
72
|
+
},
|
|
73
|
+
"Check out the documentation."
|
|
74
|
+
)));
|
|
5
75
|
};
|
|
6
76
|
|
|
7
77
|
// src/components/UniformRichText.tsx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-next-rsc",
|
|
3
|
-
"version": "19.198.
|
|
3
|
+
"version": "19.198.1-alpha.4+5a2ee76978",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "tsup",
|
|
@@ -61,15 +61,15 @@
|
|
|
61
61
|
"react-dom": "18.3.1"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@uniformdev/canvas": "19.198.
|
|
65
|
-
"@uniformdev/canvas-next-rsc-client": "^19.198.
|
|
66
|
-
"@uniformdev/canvas-next-rsc-shared": "^19.198.
|
|
67
|
-
"@uniformdev/canvas-react": "19.198.
|
|
68
|
-
"@uniformdev/context": "19.198.
|
|
69
|
-
"@uniformdev/project-map": "19.198.
|
|
70
|
-
"@uniformdev/redirect": "19.198.
|
|
71
|
-
"@uniformdev/richtext": "19.198.
|
|
72
|
-
"@uniformdev/webhooks": "19.198.
|
|
64
|
+
"@uniformdev/canvas": "19.198.1-alpha.4+5a2ee76978",
|
|
65
|
+
"@uniformdev/canvas-next-rsc-client": "^19.198.1-alpha.4+5a2ee76978",
|
|
66
|
+
"@uniformdev/canvas-next-rsc-shared": "^19.198.1-alpha.4+5a2ee76978",
|
|
67
|
+
"@uniformdev/canvas-react": "19.198.1-alpha.4+5a2ee76978",
|
|
68
|
+
"@uniformdev/context": "19.198.1-alpha.4+5a2ee76978",
|
|
69
|
+
"@uniformdev/project-map": "19.198.1-alpha.4+5a2ee76978",
|
|
70
|
+
"@uniformdev/redirect": "19.198.1-alpha.4+5a2ee76978",
|
|
71
|
+
"@uniformdev/richtext": "19.198.1-alpha.4+5a2ee76978",
|
|
72
|
+
"@uniformdev/webhooks": "19.198.1-alpha.4+5a2ee76978",
|
|
73
73
|
"@vercel/edge-config": "^0.4.0",
|
|
74
74
|
"encoding": "^0.1.13",
|
|
75
75
|
"server-only": "^0.0.1",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "5a2ee76978ee502d98082bb956013537a0a0b40a"
|
|
90
90
|
}
|