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.
Files changed (78) hide show
  1. package/cpa-out/gatsby-codegen-js/package.json +4 -4
  2. package/cpa-out/gatsby-codegen-js/plasmic.json +7 -3
  3. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +11 -7
  4. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +32 -8
  5. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx +1 -1
  6. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +34 -13
  7. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +2 -0
  8. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx +15 -0
  9. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +1 -1
  10. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/plasmic.jsx +11 -0
  11. package/cpa-out/gatsby-codegen-ts/package.json +4 -4
  12. package/cpa-out/gatsby-codegen-ts/plasmic.json +7 -3
  13. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +17 -8
  14. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +37 -9
  15. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
  16. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +38 -14
  17. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +7 -1
  18. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +19 -0
  19. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +1 -1
  20. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.tsx +14 -0
  21. package/cpa-out/gatsby-loader-js/package.json +3 -3
  22. package/cpa-out/gatsby-loader-ts/package.json +3 -3
  23. package/cpa-out/nextjs-app-loader-js/package.json +3 -3
  24. package/cpa-out/nextjs-app-loader-ts/package.json +3 -3
  25. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicButton.jsx +8 -6
  26. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +33 -7
  27. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx +1 -1
  28. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +33 -7
  29. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx +2 -10
  30. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +1 -1
  31. package/cpa-out/nextjs-pages-codegen-js/package.json +4 -4
  32. package/cpa-out/nextjs-pages-codegen-js/pages/dynamic/[slug].jsx +10 -7
  33. package/cpa-out/nextjs-pages-codegen-js/pages/index.jsx +10 -7
  34. package/cpa-out/nextjs-pages-codegen-js/plasmic.json +5 -3
  35. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicButton.tsx +11 -7
  36. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +37 -8
  37. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
  38. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +37 -8
  39. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +3 -1
  40. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +2 -10
  41. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +1 -1
  42. package/cpa-out/nextjs-pages-codegen-ts/package.json +4 -4
  43. package/cpa-out/nextjs-pages-codegen-ts/pages/dynamic/[slug].tsx +10 -7
  44. package/cpa-out/nextjs-pages-codegen-ts/pages/index.tsx +10 -7
  45. package/cpa-out/nextjs-pages-codegen-ts/plasmic.json +5 -3
  46. package/cpa-out/nextjs-pages-loader-js/package.json +3 -3
  47. package/cpa-out/nextjs-pages-loader-ts/package.json +3 -3
  48. package/cpa-out/react-codegen-js/eslint.config.js +1 -1
  49. package/cpa-out/react-codegen-js/package.json +13 -13
  50. package/cpa-out/react-codegen-js/plasmic.json +3 -2
  51. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +8 -6
  52. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +29 -7
  53. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +29 -7
  54. package/cpa-out/react-codegen-ts/eslint.config.js +1 -1
  55. package/cpa-out/react-codegen-ts/package.json +15 -15
  56. package/cpa-out/react-codegen-ts/plasmic.json +3 -2
  57. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +8 -6
  58. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +29 -7
  59. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +29 -7
  60. package/cpa-out/tanstack-codegen-ts/package.json +26 -22
  61. package/cpa-out/tanstack-codegen-ts/plasmic.json +6 -2
  62. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +22 -18
  63. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +42 -19
  64. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -1
  65. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +42 -23
  66. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +12 -11
  67. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +17 -0
  68. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__CheckSvg.tsx +1 -1
  69. package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.tsx +14 -0
  70. package/cpa-out/tanstack-codegen-ts/src/main.tsx +23 -0
  71. package/cpa-out/tanstack-codegen-ts/src/routeTree.gen.ts +3 -3
  72. package/cpa-out/tanstack-codegen-ts/src/router.tsx +8 -8
  73. package/cpa-out/tanstack-codegen-ts/tsconfig.json +5 -5
  74. package/cpa-out/tanstack-codegen-ts/vite.config.ts +8 -9
  75. package/dist/utils/file-utils.js +6 -1
  76. package/package.json +2 -2
  77. package/src/utils/file-utils.ts +8 -1
  78. package/cpa-out/tanstack-codegen-ts/src/components/Header.tsx +0 -21
@@ -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
- } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
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
- // Page metadata
288
- pageMetadata: {
289
- title: "",
290
- description: "",
291
- ogImageSrc: "",
292
- canonical: ""
293
- }
318
+ pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
319
+ pagePath: "/dynamic/[slug]",
320
+ searchParams: {},
321
+ params: {}
322
+ })
294
323
  }
295
324
  );
296
325
 
@@ -21,7 +21,7 @@ export function ScreenContextProvider(
21
21
  }
22
22
 
23
23
  export const useScreenVariants = createUseScreenVariants(true, {
24
- desktopOnly: "(min-width:768px)",
24
+ desktopOnly: "(min-width:768px)"
25
25
  });
26
26
 
27
27
  export default ScreenContext;
@@ -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
- } & Omit<PlasmicHomepage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
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
- // Page metadata
325
- pageMetadata: {
326
- title: "",
327
- description: "",
328
- ogImageSrc: "",
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
- } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
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
- );
@@ -21,7 +21,7 @@ export function CheckSvgIcon(props: CheckSvgIconProps) {
21
21
  style={{
22
22
  fill: "currentcolor",
23
23
 
24
- ...(style || {}),
24
+ ...(style || {})
25
25
  }}
26
26
  className={classNames("plasmic-default__svg", className)}
27
27
  {...restProps}
@@ -9,9 +9,9 @@
9
9
  "lint": "next lint"
10
10
  },
11
11
  "dependencies": {
12
- "@plasmicapp/cli": "^0.1.343",
13
- "@plasmicapp/react-web": "^0.2.401",
14
- "next": "14.2.32",
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.32",
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
- <PageParamsProvider__
29
- route={useRouter()?.pathname}
30
- params={useRouter()?.query}
31
- query={useRouter()?.query}
32
- >
33
- <PlasmicDynamicPage />
34
- </PageParamsProvider__>
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
- <PageParamsProvider__
29
- route={useRouter()?.pathname}
30
- params={useRouter()?.query}
31
- query={useRouter()?.query}
32
- >
33
- <PlasmicHomepage />
34
- </PageParamsProvider__>
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.343",
137
- "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.343/dist/plasmic.schema.json"
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.438",
13
- "next": "14.2.32",
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.32"
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.438",
13
- "next": "14.2.32",
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.32",
22
+ "eslint-config-next": "14.2.35",
23
23
  "typescript": "^5"
24
24
  }
25
25
  }
@@ -10,7 +10,7 @@ export default defineConfig([
10
10
  files: ['**/*.{js,jsx}'],
11
11
  extends: [
12
12
  js.configs.recommended,
13
- reactHooks.configs['recommended-latest'],
13
+ reactHooks.configs.flat.recommended,
14
14
  reactRefresh.configs.vite,
15
15
  ],
16
16
  languageOptions: {
@@ -10,20 +10,20 @@
10
10
  "preview": "vite preview"
11
11
  },
12
12
  "dependencies": {
13
- "@plasmicapp/cli": "^0.1.348",
14
- "@plasmicapp/react-web": "^0.2.405",
15
- "react": "^19.1.1",
16
- "react-dom": "^19.1.1"
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.36.0",
20
- "@types/react": "^19.1.16",
21
- "@types/react-dom": "^19.1.9",
22
- "@vitejs/plugin-react": "^5.0.4",
23
- "eslint": "^9.36.0",
24
- "eslint-plugin-react-hooks": "^5.2.0",
25
- "eslint-plugin-react-refresh": "^0.4.22",
26
- "globals": "^16.4.0",
27
- "vite": "^7.1.7"
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.348",
135
- "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.348/dist/plasmic.schema.json"
135
+ "cliVersion": "0.1.359",
136
+ "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
136
137
  }
@@ -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 }) => $props.showStartIcon
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] =
@@ -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
- // Page metadata
161
- pageMetadata: {
162
- title: "",
163
- description: "",
164
- ogImageSrc: "",
165
- canonical: ""
166
- }
184
+ pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
185
+ pagePath: "/dynamic/[slug]",
186
+ searchParams: {},
187
+ params: {}
188
+ })
167
189
  }
168
190
  );
169
191
 
@@ -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
- // Page metadata
196
- pageMetadata: {
197
- title: "",
198
- description: "",
199
- ogImageSrc: "",
200
- canonical: ""
201
- }
219
+ pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
220
+ pagePath: "/",
221
+ searchParams: {},
222
+ params: {}
223
+ })
202
224
  }
203
225
  );
204
226
 
@@ -12,7 +12,7 @@ export default defineConfig([
12
12
  extends: [
13
13
  js.configs.recommended,
14
14
  tseslint.configs.recommended,
15
- reactHooks.configs['recommended-latest'],
15
+ reactHooks.configs.flat.recommended,
16
16
  reactRefresh.configs.vite,
17
17
  ],
18
18
  languageOptions: {
@@ -10,23 +10,23 @@
10
10
  "preview": "vite preview"
11
11
  },
12
12
  "dependencies": {
13
- "@plasmicapp/cli": "^0.1.348",
14
- "@plasmicapp/react-web": "^0.2.405",
15
- "react": "^19.1.1",
16
- "react-dom": "^19.1.1"
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.36.0",
20
- "@types/node": "^24.6.0",
21
- "@types/react": "^19.1.16",
22
- "@types/react-dom": "^19.1.9",
23
- "@vitejs/plugin-react": "^5.0.4",
24
- "eslint": "^9.36.0",
25
- "eslint-plugin-react-hooks": "^5.2.0",
26
- "eslint-plugin-react-refresh": "^0.4.22",
27
- "globals": "^16.4.0",
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.45.0",
30
- "vite": "^7.1.7"
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.348",
135
- "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.348/dist/plasmic.schema.json"
135
+ "cliVersion": "0.1.359",
136
+ "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
136
137
  }