@plasmicpkgs/plasmic-wordpress 0.0.143 → 0.0.144
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/index.d.ts +77 -7
- package/dist/index.esm.js +344 -0
- package/dist/index.esm.js.map +7 -0
- package/dist/index.js +367 -5
- package/dist/index.js.map +7 -0
- package/package.json +19 -13
- package/dist/plasmic-wordpress.cjs.development.js +0 -754
- package/dist/plasmic-wordpress.cjs.development.js.map +0 -1
- package/dist/plasmic-wordpress.cjs.production.min.js +0 -2
- package/dist/plasmic-wordpress.cjs.production.min.js.map +0 -1
- package/dist/plasmic-wordpress.esm.js +0 -740
- package/dist/plasmic-wordpress.esm.js.map +0 -1
- package/dist/utils.d.ts +0 -4
- package/dist/wordpress.d.ts +0 -40
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,77 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { ComponentMeta } from '@plasmicapp/host';
|
|
2
|
+
import { GlobalContextMeta } from '@plasmicapp/host';
|
|
3
|
+
import { default as React_2 } from 'react';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
import registerComponent from '@plasmicapp/host/registerComponent';
|
|
6
|
+
import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
|
|
7
|
+
|
|
8
|
+
declare type QueryOperator = (typeof queryOperators)[number]["value"];
|
|
9
|
+
|
|
10
|
+
declare const queryOperators: readonly [{
|
|
11
|
+
readonly value: "search";
|
|
12
|
+
readonly label: "Search";
|
|
13
|
+
}, {
|
|
14
|
+
readonly value: "slug";
|
|
15
|
+
readonly label: "Filter by Slug";
|
|
16
|
+
}, {
|
|
17
|
+
readonly value: "author";
|
|
18
|
+
readonly label: "Filter by author";
|
|
19
|
+
}];
|
|
20
|
+
|
|
21
|
+
export declare function queryWordpress(wordpressUrl: string, type: "pages" | "posts", queryOperator?: QueryOperator, filterValue?: string, limit?: number): Promise<any>;
|
|
22
|
+
|
|
23
|
+
export declare function registerAll(loader?: {
|
|
24
|
+
registerComponent: typeof registerComponent;
|
|
25
|
+
registerGlobalContext: typeof registerGlobalContext;
|
|
26
|
+
}): void;
|
|
27
|
+
|
|
28
|
+
export declare function registerAllCustomFunctions(loader?: {
|
|
29
|
+
registerFunction: any;
|
|
30
|
+
}): void;
|
|
31
|
+
|
|
32
|
+
export declare function WordpressFetcher({ queryOperator, filterValue, noAutoRepeat, limit, queryType, children, className, noLayout, }: WordpressFetcherProps): React_2.JSX.Element;
|
|
33
|
+
|
|
34
|
+
export declare const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps>;
|
|
35
|
+
|
|
36
|
+
declare interface WordpressFetcherProps {
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
className?: string;
|
|
39
|
+
noLayout?: boolean;
|
|
40
|
+
queryType?: "posts" | "pages";
|
|
41
|
+
noAutoRepeat?: boolean;
|
|
42
|
+
limit?: number;
|
|
43
|
+
queryOperator?: QueryOperator;
|
|
44
|
+
filterValue?: string;
|
|
45
|
+
setControlContextData?: (data: {
|
|
46
|
+
posts?: {
|
|
47
|
+
value: string;
|
|
48
|
+
label: string;
|
|
49
|
+
}[];
|
|
50
|
+
pages?: {
|
|
51
|
+
value: string;
|
|
52
|
+
label: string;
|
|
53
|
+
}[];
|
|
54
|
+
}) => void;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export declare function WordpressField({ className, field }: WordpressFieldProps): React_2.JSX.Element;
|
|
58
|
+
|
|
59
|
+
export declare const WordpressFieldMeta: ComponentMeta<WordpressFieldProps>;
|
|
60
|
+
|
|
61
|
+
declare interface WordpressFieldProps {
|
|
62
|
+
className?: string;
|
|
63
|
+
field?: string;
|
|
64
|
+
setControlContextData?: (data: {
|
|
65
|
+
data: any;
|
|
66
|
+
}) => void;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export declare function WordpressProvider({ wordpressUrl, children, }: React_2.PropsWithChildren<WordpressProviderProps>): React_2.JSX.Element;
|
|
70
|
+
|
|
71
|
+
export declare const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps>;
|
|
72
|
+
|
|
73
|
+
declare interface WordpressProviderProps {
|
|
74
|
+
wordpressUrl?: string;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export { }
|
|
@@ -0,0 +1,344 @@
|
|
|
1
|
+
var __async = (__this, __arguments, generator) => {
|
|
2
|
+
return new Promise((resolve, reject) => {
|
|
3
|
+
var fulfilled = (value) => {
|
|
4
|
+
try {
|
|
5
|
+
step(generator.next(value));
|
|
6
|
+
} catch (e) {
|
|
7
|
+
reject(e);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
var rejected = (value) => {
|
|
11
|
+
try {
|
|
12
|
+
step(generator.throw(value));
|
|
13
|
+
} catch (e) {
|
|
14
|
+
reject(e);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
18
|
+
step((generator = generator.apply(__this, __arguments)).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
// src/index.tsx
|
|
23
|
+
import registerComponent from "@plasmicapp/host/registerComponent";
|
|
24
|
+
import registerGlobalContext from "@plasmicapp/host/registerGlobalContext";
|
|
25
|
+
|
|
26
|
+
// src/wordpress.tsx
|
|
27
|
+
import {
|
|
28
|
+
DataProvider,
|
|
29
|
+
repeatedElement,
|
|
30
|
+
useSelector
|
|
31
|
+
} from "@plasmicapp/host";
|
|
32
|
+
import { usePlasmicQueryData } from "@plasmicapp/query";
|
|
33
|
+
import get from "dlv";
|
|
34
|
+
import React, { useContext } from "react";
|
|
35
|
+
|
|
36
|
+
// src/custom-functions.ts
|
|
37
|
+
import registerFunction from "@plasmicapp/host/registerFunction";
|
|
38
|
+
|
|
39
|
+
// src/utils.ts
|
|
40
|
+
var queryOperators = [
|
|
41
|
+
{
|
|
42
|
+
value: "search",
|
|
43
|
+
label: "Search"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
value: "slug",
|
|
47
|
+
label: "Filter by Slug"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
value: "author",
|
|
51
|
+
label: "Filter by author"
|
|
52
|
+
}
|
|
53
|
+
];
|
|
54
|
+
function ensure(x, message) {
|
|
55
|
+
if (x === null || x === void 0) {
|
|
56
|
+
debugger;
|
|
57
|
+
throw new Error(message != null ? message : `Value must not be undefined or null`);
|
|
58
|
+
} else {
|
|
59
|
+
return x;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// src/custom-functions.ts
|
|
64
|
+
function queryWordpress(wordpressUrl, type, queryOperator, filterValue, limit) {
|
|
65
|
+
return __async(this, null, function* () {
|
|
66
|
+
const urlParams = new URLSearchParams();
|
|
67
|
+
if (queryOperator && filterValue) {
|
|
68
|
+
urlParams.append(queryOperator, filterValue);
|
|
69
|
+
}
|
|
70
|
+
if (limit) {
|
|
71
|
+
urlParams.append("per_page", limit.toString());
|
|
72
|
+
}
|
|
73
|
+
const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);
|
|
74
|
+
url.search = urlParams.toString();
|
|
75
|
+
const resp = yield fetch(url);
|
|
76
|
+
return yield resp.json();
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
var queryWordpressMeta = {
|
|
80
|
+
name: "queryWordpress",
|
|
81
|
+
displayName: "Query WordPress",
|
|
82
|
+
importPath: "@plasmicpkgs/plasmic-wordpress",
|
|
83
|
+
params: [
|
|
84
|
+
{
|
|
85
|
+
name: "wordpressUrl",
|
|
86
|
+
type: "string"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
name: "queryType",
|
|
90
|
+
type: "choice",
|
|
91
|
+
options: ["pages", "posts"]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
name: "queryOperator",
|
|
95
|
+
type: "choice",
|
|
96
|
+
options: Object.values(queryOperators).map((item) => ({
|
|
97
|
+
label: item.label,
|
|
98
|
+
value: item.value
|
|
99
|
+
}))
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
name: "filterValue",
|
|
103
|
+
type: "string"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
name: "limit",
|
|
107
|
+
type: "number"
|
|
108
|
+
}
|
|
109
|
+
]
|
|
110
|
+
};
|
|
111
|
+
function registerAllCustomFunctions(loader) {
|
|
112
|
+
function _registerFunction(fn, meta) {
|
|
113
|
+
if (loader) {
|
|
114
|
+
loader.registerFunction(fn, meta);
|
|
115
|
+
} else {
|
|
116
|
+
registerFunction(fn, meta);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
_registerFunction(queryWordpress, queryWordpressMeta);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// src/wordpress.tsx
|
|
123
|
+
var modulePath = "@plasmicpkgs/plasmic-wordpress";
|
|
124
|
+
var CredentialsContext = React.createContext(void 0);
|
|
125
|
+
var WordpressProviderMeta = {
|
|
126
|
+
name: "WordpressProvider",
|
|
127
|
+
displayName: "Wordpress Provider",
|
|
128
|
+
description: "The endpoint of your Wordpress",
|
|
129
|
+
importName: "WordpressProvider",
|
|
130
|
+
importPath: modulePath,
|
|
131
|
+
props: {
|
|
132
|
+
wordpressUrl: {
|
|
133
|
+
type: "string",
|
|
134
|
+
displayName: "Wordpress URL",
|
|
135
|
+
description: "URL of your Wordpress ",
|
|
136
|
+
defaultValue: "https://techcrunch.com/"
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
function WordpressProvider({
|
|
141
|
+
wordpressUrl,
|
|
142
|
+
children
|
|
143
|
+
}) {
|
|
144
|
+
return /* @__PURE__ */ React.createElement(CredentialsContext.Provider, { value: { wordpressUrl } }, children);
|
|
145
|
+
}
|
|
146
|
+
var WordpressFetcherMeta = {
|
|
147
|
+
name: "WordpressFetcher",
|
|
148
|
+
displayName: "Wordpress Fetcher",
|
|
149
|
+
importName: "WordpressFetcher",
|
|
150
|
+
importPath: modulePath,
|
|
151
|
+
providesData: true,
|
|
152
|
+
description: "Fetches Wordpress data and repeats content of children once for every row fetched. ",
|
|
153
|
+
defaultStyles: {
|
|
154
|
+
display: "grid",
|
|
155
|
+
gridTemplateColumns: "1fr",
|
|
156
|
+
gridRowGap: "8px",
|
|
157
|
+
padding: "8px",
|
|
158
|
+
maxWidth: "100%"
|
|
159
|
+
},
|
|
160
|
+
props: {
|
|
161
|
+
children: {
|
|
162
|
+
type: "slot",
|
|
163
|
+
defaultValue: {
|
|
164
|
+
type: "vbox",
|
|
165
|
+
styles: {
|
|
166
|
+
padding: "8px"
|
|
167
|
+
},
|
|
168
|
+
children: {
|
|
169
|
+
type: "component",
|
|
170
|
+
name: "WordpressField"
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
queryType: {
|
|
175
|
+
type: "choice",
|
|
176
|
+
options: ["posts", "pages"]
|
|
177
|
+
},
|
|
178
|
+
queryOperator: {
|
|
179
|
+
type: "choice",
|
|
180
|
+
displayName: "Query Operator",
|
|
181
|
+
description: "Filter Parameter filter by",
|
|
182
|
+
options: () => {
|
|
183
|
+
return queryOperators.map((item) => ({
|
|
184
|
+
label: item == null ? void 0 : item.label,
|
|
185
|
+
value: item == null ? void 0 : item.value
|
|
186
|
+
}));
|
|
187
|
+
},
|
|
188
|
+
hidden: (props) => !props.queryType
|
|
189
|
+
},
|
|
190
|
+
filterValue: {
|
|
191
|
+
type: "string",
|
|
192
|
+
displayName: "Filter value",
|
|
193
|
+
description: "Value to filter",
|
|
194
|
+
hidden: (props) => !props.queryOperator
|
|
195
|
+
},
|
|
196
|
+
limit: {
|
|
197
|
+
type: "number",
|
|
198
|
+
displayName: "Limit",
|
|
199
|
+
description: "Limit"
|
|
200
|
+
},
|
|
201
|
+
noAutoRepeat: {
|
|
202
|
+
type: "boolean",
|
|
203
|
+
displayName: "No auto-repeat",
|
|
204
|
+
description: "Do not automatically repeat children for every posts or pages.",
|
|
205
|
+
defaultValue: false
|
|
206
|
+
},
|
|
207
|
+
noLayout: {
|
|
208
|
+
type: "boolean",
|
|
209
|
+
displayName: "No layout",
|
|
210
|
+
description: "When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.",
|
|
211
|
+
defaultValue: false
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
};
|
|
215
|
+
function WordpressFetcher({
|
|
216
|
+
queryOperator,
|
|
217
|
+
filterValue,
|
|
218
|
+
noAutoRepeat,
|
|
219
|
+
limit,
|
|
220
|
+
queryType,
|
|
221
|
+
children,
|
|
222
|
+
className,
|
|
223
|
+
noLayout
|
|
224
|
+
}) {
|
|
225
|
+
const { wordpressUrl } = ensure(
|
|
226
|
+
useContext(CredentialsContext),
|
|
227
|
+
"WordpressFetcher must be used within a WordpressProvider"
|
|
228
|
+
);
|
|
229
|
+
const cacheKey = JSON.stringify({
|
|
230
|
+
queryOperator,
|
|
231
|
+
filterValue,
|
|
232
|
+
limit,
|
|
233
|
+
queryType,
|
|
234
|
+
wordpressUrl
|
|
235
|
+
});
|
|
236
|
+
const { data } = usePlasmicQueryData(
|
|
237
|
+
queryType && wordpressUrl ? cacheKey : null,
|
|
238
|
+
() => __async(this, null, function* () {
|
|
239
|
+
return queryWordpress(
|
|
240
|
+
ensure(wordpressUrl, "Wordpress URL must be specified"),
|
|
241
|
+
ensure(queryType, "Query Type must be specified"),
|
|
242
|
+
queryOperator,
|
|
243
|
+
filterValue,
|
|
244
|
+
limit
|
|
245
|
+
);
|
|
246
|
+
})
|
|
247
|
+
);
|
|
248
|
+
const hasFilter = queryOperator && filterValue;
|
|
249
|
+
if (!queryType) {
|
|
250
|
+
return /* @__PURE__ */ React.createElement("div", null, "Please specify query type");
|
|
251
|
+
}
|
|
252
|
+
if (queryOperator && !filterValue) {
|
|
253
|
+
return /* @__PURE__ */ React.createElement("div", null, "Please specify Filter Value");
|
|
254
|
+
}
|
|
255
|
+
if (!queryOperator && filterValue) {
|
|
256
|
+
return /* @__PURE__ */ React.createElement("div", null, "Please specify Query Operator");
|
|
257
|
+
}
|
|
258
|
+
if (hasFilter && data.length === 0) {
|
|
259
|
+
return /* @__PURE__ */ React.createElement("div", null, "No published ", queryType, " found");
|
|
260
|
+
}
|
|
261
|
+
const currentName = `currentWordpress${queryType === "posts" ? "Post" : "Page"}`;
|
|
262
|
+
const renderedData = noAutoRepeat ? children : data == null ? void 0 : data.map((item, i) => /* @__PURE__ */ React.createElement(DataProvider, { key: item.id, name: currentName, data: item }, repeatedElement(i, children)));
|
|
263
|
+
const response = data;
|
|
264
|
+
return /* @__PURE__ */ React.createElement(DataProvider, { data: response, name: "wordpressItems" }, noLayout ? /* @__PURE__ */ React.createElement(React.Fragment, null, " ", renderedData, " ") : /* @__PURE__ */ React.createElement("div", { className }, " ", renderedData, " "));
|
|
265
|
+
}
|
|
266
|
+
var WordpressFieldMeta = {
|
|
267
|
+
name: "WordpressField",
|
|
268
|
+
displayName: "Wordpress Field",
|
|
269
|
+
importName: "WordpressField",
|
|
270
|
+
importPath: modulePath,
|
|
271
|
+
props: {
|
|
272
|
+
field: {
|
|
273
|
+
type: "choice",
|
|
274
|
+
options: [
|
|
275
|
+
"title",
|
|
276
|
+
"slug",
|
|
277
|
+
"content",
|
|
278
|
+
"excerpt",
|
|
279
|
+
"date",
|
|
280
|
+
"modified",
|
|
281
|
+
"link",
|
|
282
|
+
"status"
|
|
283
|
+
],
|
|
284
|
+
displayName: "Field",
|
|
285
|
+
description: "Field to be displayed."
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
};
|
|
289
|
+
function WordpressField({ className, field }) {
|
|
290
|
+
const currentPost = useSelector("currentWordpressPost");
|
|
291
|
+
const currentPage = useSelector("currentWordpressPage");
|
|
292
|
+
const item = currentPost || currentPage;
|
|
293
|
+
if (!item) {
|
|
294
|
+
return /* @__PURE__ */ React.createElement("div", null, "WordpressField must be used within a WordpressFetcher ");
|
|
295
|
+
}
|
|
296
|
+
if (!field) {
|
|
297
|
+
return /* @__PURE__ */ React.createElement("div", null, "Please specify a valid path or select a field.");
|
|
298
|
+
}
|
|
299
|
+
const data = get(item, field);
|
|
300
|
+
if (typeof data === "object" && "rendered" in data) {
|
|
301
|
+
return /* @__PURE__ */ React.createElement(
|
|
302
|
+
"div",
|
|
303
|
+
{
|
|
304
|
+
className,
|
|
305
|
+
style: { whiteSpace: "normal" },
|
|
306
|
+
dangerouslySetInnerHTML: { __html: data.rendered }
|
|
307
|
+
}
|
|
308
|
+
);
|
|
309
|
+
} else if (!data || typeof data === "object") {
|
|
310
|
+
return /* @__PURE__ */ React.createElement("div", { className }, "Please specify a valid field.");
|
|
311
|
+
} else {
|
|
312
|
+
return /* @__PURE__ */ React.createElement("div", { className }, " ", data, " ");
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
// src/index.tsx
|
|
317
|
+
function registerAll(loader) {
|
|
318
|
+
const _registerComponent = (Component, defaultMeta) => {
|
|
319
|
+
if (loader) {
|
|
320
|
+
loader.registerComponent(Component, defaultMeta);
|
|
321
|
+
} else {
|
|
322
|
+
registerComponent(Component, defaultMeta);
|
|
323
|
+
}
|
|
324
|
+
};
|
|
325
|
+
if (loader) {
|
|
326
|
+
loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);
|
|
327
|
+
} else {
|
|
328
|
+
registerGlobalContext(WordpressProvider, WordpressProviderMeta);
|
|
329
|
+
}
|
|
330
|
+
_registerComponent(WordpressFetcher, WordpressFetcherMeta);
|
|
331
|
+
_registerComponent(WordpressField, WordpressFieldMeta);
|
|
332
|
+
}
|
|
333
|
+
export {
|
|
334
|
+
WordpressFetcher,
|
|
335
|
+
WordpressFetcherMeta,
|
|
336
|
+
WordpressField,
|
|
337
|
+
WordpressFieldMeta,
|
|
338
|
+
WordpressProvider,
|
|
339
|
+
WordpressProviderMeta,
|
|
340
|
+
queryWordpress,
|
|
341
|
+
registerAll,
|
|
342
|
+
registerAllCustomFunctions
|
|
343
|
+
};
|
|
344
|
+
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/index.tsx", "../src/wordpress.tsx", "../src/custom-functions.ts", "../src/utils.ts"],
|
|
4
|
+
"sourcesContent": ["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n WordpressFetcher,\n WordpressFetcherMeta,\n WordpressField,\n WordpressFieldMeta,\n WordpressProvider,\n WordpressProviderMeta,\n} from \"./wordpress\";\n\nexport function registerAll(loader?: {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n}) {\n const _registerComponent = <T extends React.ComponentType<any>>(\n Component: T,\n defaultMeta: ComponentMeta<React.ComponentProps<T>>\n ) => {\n if (loader) {\n loader.registerComponent(Component, defaultMeta);\n } else {\n registerComponent(Component, defaultMeta);\n }\n };\n\n if (loader) {\n loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n } else {\n registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n }\n\n _registerComponent(WordpressFetcher, WordpressFetcherMeta);\n _registerComponent(WordpressField, WordpressFieldMeta);\n}\n\nexport * from \"./custom-functions\";\nexport * from \"./wordpress\";\n", "import {\n ComponentMeta,\n DataProvider,\n GlobalContextMeta,\n repeatedElement,\n useSelector,\n} from \"@plasmicapp/host\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\nimport { queryWordpress } from \"./custom-functions\";\nimport { ensure, QueryOperator, queryOperators } from \"./utils\";\n\nconst modulePath = \"@plasmicpkgs/plasmic-wordpress\";\n\ninterface WordpressProviderProps {\n wordpressUrl?: string;\n}\n\nconst CredentialsContext = React.createContext<\n WordpressProviderProps | undefined\n>(undefined);\n\nexport const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps> =\n {\n name: \"WordpressProvider\",\n displayName: \"Wordpress Provider\",\n description: \"The endpoint of your Wordpress\",\n importName: \"WordpressProvider\",\n importPath: modulePath,\n props: {\n wordpressUrl: {\n type: \"string\",\n displayName: \"Wordpress URL\",\n description: \"URL of your Wordpress \",\n defaultValue: \"https://techcrunch.com/\",\n },\n },\n };\n\nexport function WordpressProvider({\n wordpressUrl,\n children,\n}: React.PropsWithChildren<WordpressProviderProps>) {\n return (\n <CredentialsContext.Provider value={{ wordpressUrl }}>\n {children}\n </CredentialsContext.Provider>\n );\n}\n\ninterface WordpressFetcherProps {\n children?: ReactNode;\n className?: string;\n noLayout?: boolean;\n queryType?: \"posts\" | \"pages\";\n noAutoRepeat?: boolean;\n limit?: number;\n queryOperator?: QueryOperator;\n filterValue?: string;\n setControlContextData?: (data: {\n posts?: { value: string; label: string }[];\n pages?: { value: string; label: string }[];\n }) => void;\n}\n\nexport const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps> = {\n name: \"WordpressFetcher\",\n displayName: \"Wordpress Fetcher\",\n importName: \"WordpressFetcher\",\n importPath: modulePath,\n providesData: true,\n description:\n \"Fetches Wordpress data and repeats content of children once for every row fetched. \",\n defaultStyles: {\n display: \"grid\",\n gridTemplateColumns: \"1fr\",\n gridRowGap: \"8px\",\n padding: \"8px\",\n maxWidth: \"100%\",\n },\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: \"8px\",\n },\n children: {\n type: \"component\",\n name: \"WordpressField\",\n },\n },\n },\n queryType: {\n type: \"choice\",\n options: [\"posts\", \"pages\"],\n },\n queryOperator: {\n type: \"choice\",\n displayName: \"Query Operator\",\n description: \"Filter Parameter filter by\",\n options: () => {\n return queryOperators.map((item: any) => ({\n label: item?.label,\n value: item?.value,\n }));\n },\n hidden: (props) => !props.queryType,\n },\n\n filterValue: {\n type: \"string\",\n displayName: \"Filter value\",\n description: \"Value to filter\",\n hidden: (props) => !props.queryOperator,\n },\n limit: {\n type: \"number\",\n displayName: \"Limit\",\n description: \"Limit\",\n },\n noAutoRepeat: {\n type: \"boolean\",\n displayName: \"No auto-repeat\",\n description:\n \"Do not automatically repeat children for every posts or pages.\",\n defaultValue: false,\n },\n noLayout: {\n type: \"boolean\",\n displayName: \"No layout\",\n description:\n \"When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n defaultValue: false,\n },\n },\n};\n\nexport function WordpressFetcher({\n queryOperator,\n filterValue,\n noAutoRepeat,\n limit,\n queryType,\n children,\n className,\n noLayout,\n}: WordpressFetcherProps) {\n const { wordpressUrl } = ensure(\n useContext(CredentialsContext),\n \"WordpressFetcher must be used within a WordpressProvider\"\n );\n const cacheKey = JSON.stringify({\n queryOperator,\n filterValue,\n limit,\n queryType,\n wordpressUrl,\n });\n\n const { data: data } = usePlasmicQueryData<any | null>(\n queryType && wordpressUrl ? cacheKey : null,\n async () => {\n return queryWordpress(\n ensure(wordpressUrl, \"Wordpress URL must be specified\"),\n ensure(queryType, \"Query Type must be specified\"),\n queryOperator,\n filterValue,\n limit\n );\n }\n );\n\n const hasFilter = queryOperator && filterValue;\n\n if (!queryType) {\n return <div>Please specify query type</div>;\n }\n\n if (queryOperator && !filterValue) {\n return <div>Please specify Filter Value</div>;\n }\n if (!queryOperator && filterValue) {\n return <div>Please specify Query Operator</div>;\n }\n if (hasFilter && data.length === 0) {\n return <div>No published {queryType} found</div>;\n }\n\n const currentName = `currentWordpress${\n queryType === \"posts\" ? \"Post\" : \"Page\"\n }`;\n const renderedData = noAutoRepeat\n ? children\n : data?.map((item: any, i: number) => (\n <DataProvider key={item.id} name={currentName} data={item}>\n {repeatedElement(i, children)}\n </DataProvider>\n ));\n\n const response = data;\n return (\n <DataProvider data={response} name=\"wordpressItems\">\n {noLayout ? (\n <> {renderedData} </>\n ) : (\n <div className={className}> {renderedData} </div>\n )}\n </DataProvider>\n );\n}\n\ninterface WordpressFieldProps {\n className?: string;\n field?: string;\n setControlContextData?: (data: { data: any }) => void;\n}\nexport const WordpressFieldMeta: ComponentMeta<WordpressFieldProps> = {\n name: \"WordpressField\",\n displayName: \"Wordpress Field\",\n importName: \"WordpressField\",\n importPath: modulePath,\n props: {\n field: {\n type: \"choice\",\n options: [\n \"title\",\n \"slug\",\n \"content\",\n \"excerpt\",\n \"date\",\n \"modified\",\n \"link\",\n \"status\",\n ],\n displayName: \"Field\",\n description: \"Field to be displayed.\",\n },\n },\n};\nexport function WordpressField({ className, field }: WordpressFieldProps) {\n const currentPost = useSelector(\"currentWordpressPost\");\n const currentPage = useSelector(\"currentWordpressPage\");\n\n const item = currentPost || currentPage;\n\n if (!item) {\n return <div>WordpressField must be used within a WordpressFetcher </div>;\n }\n\n if (!field) {\n return <div>Please specify a valid path or select a field.</div>;\n }\n\n const data = get(item, field as string);\n\n if (typeof data === \"object\" && \"rendered\" in data) {\n return (\n <div\n className={className}\n style={{ whiteSpace: \"normal\" }}\n dangerouslySetInnerHTML={{ __html: data.rendered }}\n />\n );\n } else if (!data || typeof data === \"object\") {\n return <div className={className}>Please specify a valid field.</div>;\n } else {\n return <div className={className}> {data} </div>;\n }\n}\n", "import registerFunction, {\n CustomFunctionMeta,\n} from \"@plasmicapp/host/registerFunction\";\n\nimport { QueryOperator, queryOperators } from \"./utils\";\n\nexport async function queryWordpress(\n wordpressUrl: string,\n type: \"pages\" | \"posts\",\n queryOperator?: QueryOperator,\n filterValue?: string,\n limit?: number\n): Promise<any> {\n const urlParams = new URLSearchParams();\n if (queryOperator && filterValue) {\n urlParams.append(queryOperator, filterValue);\n }\n if (limit) {\n urlParams.append(\"per_page\", limit.toString());\n }\n const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);\n url.search = urlParams.toString();\n\n const resp = await fetch(url);\n return await resp.json();\n}\n\nconst queryWordpressMeta: CustomFunctionMeta<typeof queryWordpress> = {\n name: \"queryWordpress\",\n displayName: \"Query WordPress\",\n importPath: \"@plasmicpkgs/plasmic-wordpress\",\n params: [\n {\n name: \"wordpressUrl\",\n type: \"string\",\n },\n {\n name: \"queryType\",\n type: \"choice\",\n options: [\"pages\", \"posts\"],\n },\n {\n name: \"queryOperator\",\n type: \"choice\",\n options: Object.values(queryOperators).map((item) => ({\n label: item.label,\n value: item.value,\n })),\n },\n {\n name: \"filterValue\",\n type: \"string\",\n },\n {\n name: \"limit\",\n type: \"number\",\n },\n ],\n};\n\nexport function registerAllCustomFunctions(loader?: { registerFunction: any }) {\n function _registerFunction<T extends (...args: any[]) => any>(\n fn: T,\n meta: CustomFunctionMeta<T>\n ) {\n if (loader) {\n loader.registerFunction(fn, meta);\n } else {\n registerFunction(fn, meta);\n }\n }\n\n _registerFunction(queryWordpress, queryWordpressMeta);\n}\n", "export const queryOperators = [\n {\n value: \"search\",\n label: \"Search\",\n },\n {\n value: \"slug\",\n label: \"Filter by Slug\",\n },\n {\n value: \"author\",\n label: \"Filter by author\",\n },\n] as const;\n\nexport type QueryOperator = (typeof queryOperators)[number][\"value\"];\n\nexport function ensure<T>(x: T | null | undefined, message?: string): T {\n if (x === null || x === undefined) {\n debugger;\n throw new Error(message ?? `Value must not be undefined or null`);\n } else {\n return x;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|