create-plasmic-app 0.0.131 → 0.0.133
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/cpa-out/gatsby-codegen-js/package.json +4 -4
- package/cpa-out/gatsby-codegen-js/plasmic.json +7 -3
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +11 -7
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +32 -8
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx +1 -1
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +34 -13
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +2 -0
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx +15 -0
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +1 -1
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/plasmic.jsx +11 -0
- package/cpa-out/gatsby-codegen-ts/package.json +4 -4
- package/cpa-out/gatsby-codegen-ts/plasmic.json +7 -3
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +17 -8
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +37 -9
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +38 -14
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +7 -1
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +19 -0
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +1 -1
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.tsx +14 -0
- package/cpa-out/gatsby-loader-js/package.json +3 -3
- package/cpa-out/gatsby-loader-ts/package.json +3 -3
- package/cpa-out/nextjs-app-loader-js/package.json +3 -3
- package/cpa-out/nextjs-app-loader-ts/package.json +3 -3
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicButton.jsx +8 -6
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +33 -7
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx +1 -1
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +33 -7
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx +2 -10
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +1 -1
- package/cpa-out/nextjs-pages-codegen-js/package.json +4 -4
- package/cpa-out/nextjs-pages-codegen-js/pages/dynamic/[slug].jsx +10 -7
- package/cpa-out/nextjs-pages-codegen-js/pages/index.jsx +10 -7
- package/cpa-out/nextjs-pages-codegen-js/plasmic.json +5 -3
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicButton.tsx +11 -7
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +37 -8
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +37 -8
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +3 -1
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +2 -10
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +1 -1
- package/cpa-out/nextjs-pages-codegen-ts/package.json +4 -4
- package/cpa-out/nextjs-pages-codegen-ts/pages/dynamic/[slug].tsx +10 -7
- package/cpa-out/nextjs-pages-codegen-ts/pages/index.tsx +10 -7
- package/cpa-out/nextjs-pages-codegen-ts/plasmic.json +5 -3
- package/cpa-out/nextjs-pages-loader-js/package.json +3 -3
- package/cpa-out/nextjs-pages-loader-ts/package.json +3 -3
- package/cpa-out/react-codegen-js/eslint.config.js +1 -1
- package/cpa-out/react-codegen-js/package.json +13 -13
- package/cpa-out/react-codegen-js/plasmic.json +3 -2
- package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +8 -6
- package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +29 -7
- package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +29 -7
- package/cpa-out/react-codegen-ts/eslint.config.js +1 -1
- package/cpa-out/react-codegen-ts/package.json +15 -15
- package/cpa-out/react-codegen-ts/plasmic.json +3 -2
- package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +8 -6
- package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +29 -7
- package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +29 -7
- package/cpa-out/tanstack-codegen-ts/package.json +26 -22
- package/cpa-out/tanstack-codegen-ts/plasmic.json +6 -2
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +22 -18
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +42 -19
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +42 -23
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +12 -11
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +17 -0
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__CheckSvg.tsx +1 -1
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.tsx +14 -0
- package/cpa-out/tanstack-codegen-ts/src/main.tsx +23 -0
- package/cpa-out/tanstack-codegen-ts/src/routeTree.gen.ts +3 -3
- package/cpa-out/tanstack-codegen-ts/src/router.tsx +8 -8
- package/cpa-out/tanstack-codegen-ts/tsconfig.json +5 -5
- package/cpa-out/tanstack-codegen-ts/vite.config.ts +8 -9
- package/dist/utils/file-utils.js +6 -1
- package/package.json +2 -2
- package/src/utils/file-utils.ts +8 -1
- package/cpa-out/tanstack-codegen-ts/src/components/Header.tsx +0 -21
package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx
CHANGED
|
@@ -68,6 +68,30 @@ import "@plasmicapp/react-web/lib/plasmic.css";
|
|
|
68
68
|
import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
|
|
69
69
|
import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
|
|
70
70
|
|
|
71
|
+
const emptyProxy: any = new Proxy(() => "", {
|
|
72
|
+
get(_, prop) {
|
|
73
|
+
return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
function wrapQueriesWithLoadingProxy($q: any): any {
|
|
78
|
+
return new Proxy($q, {
|
|
79
|
+
get(target, queryName) {
|
|
80
|
+
const query = target[queryName];
|
|
81
|
+
return !query || query.isLoading || !query.data ? emptyProxy : query;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export function generateDynamicMetadata($q: any, $ctx: any) {
|
|
87
|
+
return {
|
|
88
|
+
openGraph: {},
|
|
89
|
+
twitter: {
|
|
90
|
+
card: "summary"
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
|
|
71
95
|
createPlasmicElementProxy;
|
|
72
96
|
|
|
73
97
|
export type PlasmicDynamicPage__VariantMembers = {};
|
|
@@ -127,6 +151,11 @@ function PlasmicDynamicPage__RenderFunc(props: {
|
|
|
127
151
|
const refsRef = React.useRef({});
|
|
128
152
|
const $refs = refsRef.current;
|
|
129
153
|
|
|
154
|
+
const pageMetadata = generateDynamicMetadata(
|
|
155
|
+
wrapQueriesWithLoadingProxy({}),
|
|
156
|
+
$ctx
|
|
157
|
+
);
|
|
158
|
+
|
|
130
159
|
const styleTokensClassNames = _useStyleTokens();
|
|
131
160
|
|
|
132
161
|
return (
|
|
@@ -227,7 +256,9 @@ type NodeComponentProps<T extends NodeNameType> =
|
|
|
227
256
|
variants?: PlasmicDynamicPage__VariantsArgs;
|
|
228
257
|
args?: PlasmicDynamicPage__ArgsType;
|
|
229
258
|
overrides?: NodeOverridesType<T>;
|
|
230
|
-
} &
|
|
259
|
+
} &
|
|
260
|
+
// Specify variants directly as props
|
|
261
|
+
Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> &
|
|
231
262
|
// Specify args directly as props
|
|
232
263
|
Omit<PlasmicDynamicPage__ArgsType, ReservedPropsType> &
|
|
233
264
|
// Specify overrides for each element directly as props
|
|
@@ -284,13 +315,11 @@ export const PlasmicDynamicPage = Object.assign(
|
|
|
284
315
|
internalVariantProps: PlasmicDynamicPage__VariantProps,
|
|
285
316
|
internalArgProps: PlasmicDynamicPage__ArgProps,
|
|
286
317
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
canonical: ""
|
|
293
|
-
}
|
|
318
|
+
pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
|
|
319
|
+
pagePath: "/dynamic/[slug]",
|
|
320
|
+
searchParams: {},
|
|
321
|
+
params: {}
|
|
322
|
+
})
|
|
294
323
|
}
|
|
295
324
|
);
|
|
296
325
|
|
package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx
CHANGED
|
@@ -69,6 +69,30 @@ import "@plasmicapp/react-web/lib/plasmic.css";
|
|
|
69
69
|
import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
|
|
70
70
|
import sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
|
|
71
71
|
|
|
72
|
+
const emptyProxy: any = new Proxy(() => "", {
|
|
73
|
+
get(_, prop) {
|
|
74
|
+
return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
function wrapQueriesWithLoadingProxy($q: any): any {
|
|
79
|
+
return new Proxy($q, {
|
|
80
|
+
get(target, queryName) {
|
|
81
|
+
const query = target[queryName];
|
|
82
|
+
return !query || query.isLoading || !query.data ? emptyProxy : query;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
export function generateDynamicMetadata($q: any, $ctx: any) {
|
|
88
|
+
return {
|
|
89
|
+
openGraph: {},
|
|
90
|
+
twitter: {
|
|
91
|
+
card: "summary"
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
|
|
72
96
|
createPlasmicElementProxy;
|
|
73
97
|
|
|
74
98
|
export type PlasmicHomepage__VariantMembers = {};
|
|
@@ -131,6 +155,11 @@ function PlasmicHomepage__RenderFunc(props: {
|
|
|
131
155
|
|
|
132
156
|
const globalVariants = _useGlobalVariants();
|
|
133
157
|
|
|
158
|
+
const pageMetadata = generateDynamicMetadata(
|
|
159
|
+
wrapQueriesWithLoadingProxy({}),
|
|
160
|
+
$ctx
|
|
161
|
+
);
|
|
162
|
+
|
|
134
163
|
const styleTokensClassNames = _useStyleTokens();
|
|
135
164
|
|
|
136
165
|
return (
|
|
@@ -263,7 +292,9 @@ type NodeComponentProps<T extends NodeNameType> =
|
|
|
263
292
|
variants?: PlasmicHomepage__VariantsArgs;
|
|
264
293
|
args?: PlasmicHomepage__ArgsType;
|
|
265
294
|
overrides?: NodeOverridesType<T>;
|
|
266
|
-
} &
|
|
295
|
+
} &
|
|
296
|
+
// Specify variants directly as props
|
|
297
|
+
Omit<PlasmicHomepage__VariantsArgs, ReservedPropsType> &
|
|
267
298
|
// Specify args directly as props
|
|
268
299
|
Omit<PlasmicHomepage__ArgsType, ReservedPropsType> &
|
|
269
300
|
// Specify overrides for each element directly as props
|
|
@@ -321,13 +352,11 @@ export const PlasmicHomepage = Object.assign(
|
|
|
321
352
|
internalVariantProps: PlasmicHomepage__VariantProps,
|
|
322
353
|
internalArgProps: PlasmicHomepage__ArgProps,
|
|
323
354
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
canonical: ""
|
|
330
|
-
}
|
|
355
|
+
pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
|
|
356
|
+
pagePath: "/",
|
|
357
|
+
searchParams: {},
|
|
358
|
+
params: {}
|
|
359
|
+
})
|
|
331
360
|
}
|
|
332
361
|
);
|
|
333
362
|
|
|
@@ -210,7 +210,9 @@ type NodeComponentProps<T extends NodeNameType> =
|
|
|
210
210
|
variants?: PlasmicRandomDynamicPageButton__VariantsArgs;
|
|
211
211
|
args?: PlasmicRandomDynamicPageButton__ArgsType;
|
|
212
212
|
overrides?: NodeOverridesType<T>;
|
|
213
|
-
} &
|
|
213
|
+
} &
|
|
214
|
+
// Specify variants directly as props
|
|
215
|
+
Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> &
|
|
214
216
|
// Specify args directly as props
|
|
215
217
|
Omit<PlasmicRandomDynamicPageButton__ArgsType, ReservedPropsType> &
|
|
216
218
|
// Specify overrides for each element directly as props
|
|
@@ -5,23 +5,15 @@
|
|
|
5
5
|
// This code is auto-generated by Plasmic; please do not edit!
|
|
6
6
|
// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
|
|
7
7
|
|
|
8
|
-
import {
|
|
9
|
-
createStyleTokensProvider,
|
|
10
|
-
createUseStyleTokens
|
|
11
|
-
} from "@plasmicapp/react-web";
|
|
8
|
+
import { createUseStyleTokens } from "@plasmicapp/react-web";
|
|
12
9
|
|
|
13
10
|
import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
|
|
14
11
|
|
|
15
12
|
import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
|
|
16
13
|
|
|
17
14
|
const data = {
|
|
18
|
-
base: projectcss.plasmic_tokens
|
|
15
|
+
base: `${projectcss.plasmic_tokens}`,
|
|
19
16
|
varianted: []
|
|
20
17
|
};
|
|
21
18
|
|
|
22
19
|
export const _useStyleTokens = createUseStyleTokens(data, _useGlobalVariants);
|
|
23
|
-
|
|
24
|
-
export const StyleTokensProvider = createStyleTokensProvider(
|
|
25
|
-
data,
|
|
26
|
-
_useGlobalVariants
|
|
27
|
-
);
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
"lint": "next lint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/cli": "^0.1.
|
|
13
|
-
"@plasmicapp/react-web": "^0.2.
|
|
14
|
-
"next": "14.2.
|
|
12
|
+
"@plasmicapp/cli": "^0.1.359",
|
|
13
|
+
"@plasmicapp/react-web": "^0.2.422",
|
|
14
|
+
"next": "14.2.35",
|
|
15
15
|
"react": "^18",
|
|
16
16
|
"react-dom": "^18"
|
|
17
17
|
},
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@types/react": "^18",
|
|
21
21
|
"@types/react-dom": "^18",
|
|
22
22
|
"eslint": "^8",
|
|
23
|
-
"eslint-config-next": "14.2.
|
|
23
|
+
"eslint-config-next": "14.2.35",
|
|
24
24
|
"typescript": "^5"
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -5,6 +5,7 @@ import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/react-we
|
|
|
5
5
|
|
|
6
6
|
import { PlasmicDynamicPage } from "../../components/plasmic/create_plasmic_app/PlasmicDynamicPage";
|
|
7
7
|
import { useRouter } from "next/router";
|
|
8
|
+
import { PlasmicQueryDataProvider } from "@plasmicapp/react-web/lib/query";
|
|
8
9
|
|
|
9
10
|
function DynamicPage() {
|
|
10
11
|
// Use PlasmicDynamicPage to render this component as it was
|
|
@@ -25,13 +26,15 @@ function DynamicPage() {
|
|
|
25
26
|
// (https://nextjs.org/docs/advanced-features/custom-app).
|
|
26
27
|
|
|
27
28
|
return (
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
<PlasmicQueryDataProvider>
|
|
30
|
+
<PageParamsProvider__
|
|
31
|
+
route={useRouter()?.pathname}
|
|
32
|
+
params={useRouter()?.query}
|
|
33
|
+
query={useRouter()?.query}
|
|
34
|
+
>
|
|
35
|
+
<PlasmicDynamicPage />
|
|
36
|
+
</PageParamsProvider__>
|
|
37
|
+
</PlasmicQueryDataProvider>
|
|
35
38
|
);
|
|
36
39
|
}
|
|
37
40
|
|
|
@@ -5,6 +5,7 @@ import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/react-we
|
|
|
5
5
|
|
|
6
6
|
import { PlasmicHomepage } from "../components/plasmic/create_plasmic_app/PlasmicHomepage";
|
|
7
7
|
import { useRouter } from "next/router";
|
|
8
|
+
import { PlasmicQueryDataProvider } from "@plasmicapp/react-web/lib/query";
|
|
8
9
|
|
|
9
10
|
function Homepage() {
|
|
10
11
|
// Use PlasmicHomepage to render this component as it was
|
|
@@ -25,13 +26,15 @@ function Homepage() {
|
|
|
25
26
|
// (https://nextjs.org/docs/advanced-features/custom-app).
|
|
26
27
|
|
|
27
28
|
return (
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
<PlasmicQueryDataProvider>
|
|
30
|
+
<PageParamsProvider__
|
|
31
|
+
route={useRouter()?.pathname}
|
|
32
|
+
params={useRouter()?.query}
|
|
33
|
+
query={useRouter()?.query}
|
|
34
|
+
>
|
|
35
|
+
<PlasmicHomepage />
|
|
36
|
+
</PageParamsProvider__>
|
|
37
|
+
</PlasmicQueryDataProvider>
|
|
35
38
|
);
|
|
36
39
|
}
|
|
37
40
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
},
|
|
8
8
|
"style": {
|
|
9
9
|
"scheme": "css-modules",
|
|
10
|
-
"defaultStyleCssFilePath": "plasmic/plasmic__default_style.css"
|
|
10
|
+
"defaultStyleCssFilePath": "plasmic/plasmic__default_style.module.css"
|
|
11
11
|
},
|
|
12
12
|
"images": {
|
|
13
13
|
"scheme": "public-files",
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globalContextsFilePath": "",
|
|
102
102
|
"splitsProviderFilePath": "",
|
|
103
103
|
"styleTokensProviderFilePath": "plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx",
|
|
104
|
+
"dataTokensFilePath": "",
|
|
104
105
|
"projectModuleFilePath": "plasmic/create_plasmic_app/plasmic.tsx",
|
|
105
106
|
"codeComponents": [
|
|
106
107
|
{
|
|
@@ -130,9 +131,10 @@
|
|
|
130
131
|
]
|
|
131
132
|
},
|
|
132
133
|
"wrapPagesWithGlobalContexts": true,
|
|
134
|
+
"preserveJsImportExtensions": false,
|
|
133
135
|
"nextjsConfig": {
|
|
134
136
|
"pagesDir": "../pages"
|
|
135
137
|
},
|
|
136
|
-
"cliVersion": "0.1.
|
|
137
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
138
|
+
"cliVersion": "0.1.359",
|
|
139
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
|
|
138
140
|
}
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"lint": "next lint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/loader-nextjs": "^1.0.
|
|
13
|
-
"next": "14.2.
|
|
12
|
+
"@plasmicapp/loader-nextjs": "^1.0.454",
|
|
13
|
+
"next": "14.2.35",
|
|
14
14
|
"react": "^18",
|
|
15
15
|
"react-dom": "^18"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"eslint": "^8",
|
|
19
|
-
"eslint-config-next": "14.2.
|
|
19
|
+
"eslint-config-next": "14.2.35"
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
"lint": "next lint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/loader-nextjs": "^1.0.
|
|
13
|
-
"next": "14.2.
|
|
12
|
+
"@plasmicapp/loader-nextjs": "^1.0.454",
|
|
13
|
+
"next": "14.2.35",
|
|
14
14
|
"react": "^18",
|
|
15
15
|
"react-dom": "^18"
|
|
16
16
|
},
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@types/react": "^18",
|
|
20
20
|
"@types/react-dom": "^18",
|
|
21
21
|
"eslint": "^8",
|
|
22
|
-
"eslint-config-next": "14.2.
|
|
22
|
+
"eslint-config-next": "14.2.35",
|
|
23
23
|
"typescript": "^5"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -10,20 +10,20 @@
|
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@plasmicapp/cli": "^0.1.
|
|
14
|
-
"@plasmicapp/react-web": "^0.2.
|
|
15
|
-
"react": "^19.
|
|
16
|
-
"react-dom": "^19.
|
|
13
|
+
"@plasmicapp/cli": "^0.1.359",
|
|
14
|
+
"@plasmicapp/react-web": "^0.2.422",
|
|
15
|
+
"react": "^19.2.0",
|
|
16
|
+
"react-dom": "^19.2.0"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@eslint/js": "^9.
|
|
20
|
-
"@types/react": "^19.
|
|
21
|
-
"@types/react-dom": "^19.
|
|
22
|
-
"@vitejs/plugin-react": "^5.
|
|
23
|
-
"eslint": "^9.
|
|
24
|
-
"eslint-plugin-react-hooks": "^
|
|
25
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
26
|
-
"globals": "^16.
|
|
27
|
-
"vite": "^7.1
|
|
19
|
+
"@eslint/js": "^9.39.1",
|
|
20
|
+
"@types/react": "^19.2.7",
|
|
21
|
+
"@types/react-dom": "^19.2.3",
|
|
22
|
+
"@vitejs/plugin-react": "^5.1.1",
|
|
23
|
+
"eslint": "^9.39.1",
|
|
24
|
+
"eslint-plugin-react-hooks": "^7.0.1",
|
|
25
|
+
"eslint-plugin-react-refresh": "^0.4.24",
|
|
26
|
+
"globals": "^16.5.0",
|
|
27
|
+
"vite": "^7.3.1"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globalContextsFilePath": "",
|
|
102
102
|
"splitsProviderFilePath": "",
|
|
103
103
|
"styleTokensProviderFilePath": "plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx",
|
|
104
|
+
"dataTokensFilePath": "",
|
|
104
105
|
"projectModuleFilePath": "plasmic/create_plasmic_app/plasmic.jsx",
|
|
105
106
|
"codeComponents": [
|
|
106
107
|
{
|
|
@@ -131,6 +132,6 @@
|
|
|
131
132
|
},
|
|
132
133
|
"wrapPagesWithGlobalContexts": true,
|
|
133
134
|
"preserveJsImportExtensions": false,
|
|
134
|
-
"cliVersion": "0.1.
|
|
135
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
135
|
+
"cliVersion": "0.1.359",
|
|
136
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
|
|
136
137
|
}
|
package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx
CHANGED
|
@@ -74,37 +74,38 @@ function PlasmicButton__RenderFunc(props) {
|
|
|
74
74
|
path: "showStartIcon",
|
|
75
75
|
type: "private",
|
|
76
76
|
variableType: "variant",
|
|
77
|
-
initFunc: ({ $props, $state, $queries, $ctx }) =>
|
|
77
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) =>
|
|
78
|
+
$props.showStartIcon
|
|
78
79
|
},
|
|
79
80
|
{
|
|
80
81
|
path: "showEndIcon",
|
|
81
82
|
type: "private",
|
|
82
83
|
variableType: "variant",
|
|
83
|
-
initFunc: ({ $props, $state, $queries, $ctx }) => $props.showEndIcon
|
|
84
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) => $props.showEndIcon
|
|
84
85
|
},
|
|
85
86
|
{
|
|
86
87
|
path: "isDisabled",
|
|
87
88
|
type: "private",
|
|
88
89
|
variableType: "variant",
|
|
89
|
-
initFunc: ({ $props, $state, $queries, $ctx }) => $props.isDisabled
|
|
90
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) => $props.isDisabled
|
|
90
91
|
},
|
|
91
92
|
{
|
|
92
93
|
path: "shape",
|
|
93
94
|
type: "private",
|
|
94
95
|
variableType: "variant",
|
|
95
|
-
initFunc: ({ $props, $state, $queries, $ctx }) => $props.shape
|
|
96
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) => $props.shape
|
|
96
97
|
},
|
|
97
98
|
{
|
|
98
99
|
path: "size",
|
|
99
100
|
type: "private",
|
|
100
101
|
variableType: "variant",
|
|
101
|
-
initFunc: ({ $props, $state, $queries, $ctx }) => $props.size
|
|
102
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) => $props.size
|
|
102
103
|
},
|
|
103
104
|
{
|
|
104
105
|
path: "color",
|
|
105
106
|
type: "private",
|
|
106
107
|
variableType: "variant",
|
|
107
|
-
initFunc: ({ $props, $state, $queries, $ctx }) => $props.color
|
|
108
|
+
initFunc: ({ $props, $state, $queries, $q, $ctx }) => $props.color
|
|
108
109
|
}
|
|
109
110
|
],
|
|
110
111
|
|
|
@@ -114,6 +115,7 @@ function PlasmicButton__RenderFunc(props) {
|
|
|
114
115
|
$props,
|
|
115
116
|
$ctx,
|
|
116
117
|
$queries: {},
|
|
118
|
+
$q: {},
|
|
117
119
|
$refs
|
|
118
120
|
});
|
|
119
121
|
const [isRootFocusVisibleWithin, triggerRootFocusVisibleWithinProps] =
|
package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx
CHANGED
|
@@ -21,6 +21,30 @@ import "@plasmicapp/react-web/lib/plasmic.css";
|
|
|
21
21
|
import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
|
|
22
22
|
import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
|
|
23
23
|
|
|
24
|
+
const emptyProxy = new Proxy(() => "", {
|
|
25
|
+
get(_, prop) {
|
|
26
|
+
return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
function wrapQueriesWithLoadingProxy($q) {
|
|
31
|
+
return new Proxy($q, {
|
|
32
|
+
get(target, queryName) {
|
|
33
|
+
const query = target[queryName];
|
|
34
|
+
return !query || query.isLoading || !query.data ? emptyProxy : query;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export function generateDynamicMetadata($q, $ctx) {
|
|
40
|
+
return {
|
|
41
|
+
openGraph: {},
|
|
42
|
+
twitter: {
|
|
43
|
+
card: "summary"
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
|
|
24
48
|
createPlasmicElementProxy;
|
|
25
49
|
|
|
26
50
|
export const PlasmicDynamicPage__VariantProps = new Array();
|
|
@@ -157,13 +181,11 @@ export const PlasmicDynamicPage = Object.assign(
|
|
|
157
181
|
// Metadata about props expected for PlasmicDynamicPage
|
|
158
182
|
internalVariantProps: PlasmicDynamicPage__VariantProps,
|
|
159
183
|
internalArgProps: PlasmicDynamicPage__ArgProps,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
canonical: ""
|
|
166
|
-
}
|
|
184
|
+
pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
|
|
185
|
+
pagePath: "/dynamic/[slug]",
|
|
186
|
+
searchParams: {},
|
|
187
|
+
params: {}
|
|
188
|
+
})
|
|
167
189
|
}
|
|
168
190
|
);
|
|
169
191
|
|
package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx
CHANGED
|
@@ -23,6 +23,30 @@ import "@plasmicapp/react-web/lib/plasmic.css";
|
|
|
23
23
|
import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
|
|
24
24
|
import sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
|
|
25
25
|
|
|
26
|
+
const emptyProxy = new Proxy(() => "", {
|
|
27
|
+
get(_, prop) {
|
|
28
|
+
return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
function wrapQueriesWithLoadingProxy($q) {
|
|
33
|
+
return new Proxy($q, {
|
|
34
|
+
get(target, queryName) {
|
|
35
|
+
const query = target[queryName];
|
|
36
|
+
return !query || query.isLoading || !query.data ? emptyProxy : query;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export function generateDynamicMetadata($q, $ctx) {
|
|
42
|
+
return {
|
|
43
|
+
openGraph: {},
|
|
44
|
+
twitter: {
|
|
45
|
+
card: "summary"
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
|
|
26
50
|
createPlasmicElementProxy;
|
|
27
51
|
|
|
28
52
|
export const PlasmicHomepage__VariantProps = new Array();
|
|
@@ -192,13 +216,11 @@ export const PlasmicHomepage = Object.assign(
|
|
|
192
216
|
// Metadata about props expected for PlasmicHomepage
|
|
193
217
|
internalVariantProps: PlasmicHomepage__VariantProps,
|
|
194
218
|
internalArgProps: PlasmicHomepage__ArgProps,
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
canonical: ""
|
|
201
|
-
}
|
|
219
|
+
pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
|
|
220
|
+
pagePath: "/",
|
|
221
|
+
searchParams: {},
|
|
222
|
+
params: {}
|
|
223
|
+
})
|
|
202
224
|
}
|
|
203
225
|
);
|
|
204
226
|
|
|
@@ -10,23 +10,23 @@
|
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@plasmicapp/cli": "^0.1.
|
|
14
|
-
"@plasmicapp/react-web": "^0.2.
|
|
15
|
-
"react": "^19.
|
|
16
|
-
"react-dom": "^19.
|
|
13
|
+
"@plasmicapp/cli": "^0.1.359",
|
|
14
|
+
"@plasmicapp/react-web": "^0.2.422",
|
|
15
|
+
"react": "^19.2.0",
|
|
16
|
+
"react-dom": "^19.2.0"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@eslint/js": "^9.
|
|
20
|
-
"@types/node": "^24.
|
|
21
|
-
"@types/react": "^19.
|
|
22
|
-
"@types/react-dom": "^19.
|
|
23
|
-
"@vitejs/plugin-react": "^5.
|
|
24
|
-
"eslint": "^9.
|
|
25
|
-
"eslint-plugin-react-hooks": "^
|
|
26
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
27
|
-
"globals": "^16.
|
|
19
|
+
"@eslint/js": "^9.39.1",
|
|
20
|
+
"@types/node": "^24.10.1",
|
|
21
|
+
"@types/react": "^19.2.7",
|
|
22
|
+
"@types/react-dom": "^19.2.3",
|
|
23
|
+
"@vitejs/plugin-react": "^5.1.1",
|
|
24
|
+
"eslint": "^9.39.1",
|
|
25
|
+
"eslint-plugin-react-hooks": "^7.0.1",
|
|
26
|
+
"eslint-plugin-react-refresh": "^0.4.24",
|
|
27
|
+
"globals": "^16.5.0",
|
|
28
28
|
"typescript": "~5.9.3",
|
|
29
|
-
"typescript-eslint": "^8.
|
|
30
|
-
"vite": "^7.1
|
|
29
|
+
"typescript-eslint": "^8.48.0",
|
|
30
|
+
"vite": "^7.3.1"
|
|
31
31
|
}
|
|
32
32
|
}
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globalContextsFilePath": "",
|
|
102
102
|
"splitsProviderFilePath": "",
|
|
103
103
|
"styleTokensProviderFilePath": "plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx",
|
|
104
|
+
"dataTokensFilePath": "",
|
|
104
105
|
"projectModuleFilePath": "plasmic/create_plasmic_app/plasmic.tsx",
|
|
105
106
|
"codeComponents": [
|
|
106
107
|
{
|
|
@@ -131,6 +132,6 @@
|
|
|
131
132
|
},
|
|
132
133
|
"wrapPagesWithGlobalContexts": true,
|
|
133
134
|
"preserveJsImportExtensions": false,
|
|
134
|
-
"cliVersion": "0.1.
|
|
135
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
135
|
+
"cliVersion": "0.1.359",
|
|
136
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
|
|
136
137
|
}
|