create-plasmic-app 0.0.168 → 0.0.170
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.internal.md +6 -4
- package/README.md +23 -0
- package/cpa-out/gatsby-codegen-js/package.json +3 -2
- package/cpa-out/gatsby-codegen-js/plasmic.json +5 -8
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +12 -12
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +18 -18
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +12 -16
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +1 -0
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.jsx +2 -2
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/{plasmic.module.css → plasmic.css} +89 -73
- package/cpa-out/gatsby-codegen-js/src/components/plasmic/{plasmic__default_style.module.css → plasmic__default_style.css} +16 -0
- package/cpa-out/gatsby-codegen-ts/package.json +3 -2
- package/cpa-out/gatsby-codegen-ts/plasmic.json +5 -8
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +12 -12
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +18 -18
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +12 -16
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +1 -1
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx +2 -2
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/{plasmic.module.css → plasmic.css} +89 -73
- package/cpa-out/gatsby-codegen-ts/src/components/plasmic/{plasmic__default_style.module.css → plasmic__default_style.css} +16 -0
- package/cpa-out/gatsby-loader-js/package.json +1 -1
- package/cpa-out/gatsby-loader-ts/package.json +1 -1
- package/cpa-out/nextjs-app-codegen-js/package.json +1 -0
- package/cpa-out/nextjs-app-codegen-js/plasmic.json +2 -1
- package/cpa-out/nextjs-app-codegen-ts/package.json +1 -0
- package/cpa-out/nextjs-app-codegen-ts/plasmic.json +2 -1
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +2 -2
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/plasmic.css +16 -0
- package/cpa-out/nextjs-pages-codegen-js/components/plasmic/plasmic__default_style.css +16 -0
- package/cpa-out/nextjs-pages-codegen-js/package.json +7 -6
- package/cpa-out/nextjs-pages-codegen-js/plasmic.json +3 -6
- package/cpa-out/nextjs-pages-codegen-js/styles/Home.module.css +8 -0
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +2 -2
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/plasmic.css +16 -0
- package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/plasmic__default_style.css +16 -0
- package/cpa-out/nextjs-pages-codegen-ts/package.json +7 -6
- package/cpa-out/nextjs-pages-codegen-ts/plasmic.json +3 -6
- package/cpa-out/nextjs-pages-codegen-ts/styles/Home.module.css +8 -0
- package/cpa-out/nextjs-pages-loader-js/package.json +5 -5
- package/cpa-out/nextjs-pages-loader-js/styles/Home.module.css +8 -0
- package/cpa-out/nextjs-pages-loader-ts/package.json +5 -5
- package/cpa-out/nextjs-pages-loader-ts/styles/Home.module.css +8 -0
- package/cpa-out/react-codegen-js/package.json +3 -2
- package/cpa-out/react-codegen-js/plasmic.json +3 -6
- package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +2 -2
- package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/plasmic.css +16 -0
- package/cpa-out/react-codegen-js/src/components/plasmic/plasmic__default_style.css +16 -0
- package/cpa-out/react-codegen-ts/package.json +3 -2
- package/cpa-out/react-codegen-ts/plasmic.json +3 -6
- package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +2 -2
- package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/plasmic.css +16 -0
- package/cpa-out/react-codegen-ts/src/components/plasmic/plasmic__default_style.css +16 -0
- package/cpa-out/tanstack-codegen-ts/package.json +8 -13
- package/cpa-out/tanstack-codegen-ts/plasmic.json +3 -6
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +3 -3
- package/cpa-out/tanstack-codegen-ts/src/components/plasmic/plasmic__default_style.css +16 -0
- package/cpa-out/tanstack-codegen-ts/src/routeTree.gen.ts +13 -13
- package/cpa-out/tanstack-codegen-ts/src/routes/dynamic/$slug/index.tsx +2 -2
- package/dist/gatsby/gatsby.js +23 -17
- package/dist/index.js +6 -0
- package/dist/lib.d.ts +2 -1
- package/dist/lib.js +9 -4
- package/dist/nextjs/nextjs.js +16 -6
- package/dist/react/react.js +9 -4
- package/dist/tanstack/tanstack.js +12 -5
- package/dist/utils/codegen.d.ts +3 -0
- package/dist/utils/codegen.js +17 -4
- package/dist/utils/file-utils.d.ts +2 -2
- package/dist/utils/file-utils.js +2 -1
- package/dist/utils/npm-utils.d.ts +24 -9
- package/dist/utils/npm-utils.js +66 -21
- package/dist/utils/strategy.d.ts +5 -1
- package/dist/utils/types.d.ts +1 -0
- package/package.json +2 -4
- package/run-cpa.ts +17 -6
- package/src/gatsby/gatsby.ts +40 -22
- package/src/index.ts +9 -0
- package/src/lib.ts +18 -6
- package/src/nextjs/nextjs.ts +39 -7
- package/src/react/react.ts +11 -4
- package/src/tanstack/tanstack.ts +19 -6
- package/src/utils/codegen.ts +28 -6
- package/src/utils/file-utils.ts +6 -2
- package/src/utils/npm-utils.ts +76 -23
- package/src/utils/strategy.ts +10 -1
- package/src/utils/types.ts +1 -0
package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx
CHANGED
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
deriveRenderOpts
|
|
18
18
|
} from "@plasmicapp/react-web";
|
|
19
19
|
import { useDataEnv } from "@plasmicapp/react-web/lib/host";
|
|
20
|
-
import {
|
|
20
|
+
import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
|
|
21
21
|
import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
|
|
22
22
|
import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
|
|
23
23
|
import "@plasmicapp/react-web/lib/plasmic.css";
|
|
@@ -114,7 +114,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
|
|
|
114
114
|
const $ctx = useDataEnv?.() || {};
|
|
115
115
|
const refsRef = React.useRef({});
|
|
116
116
|
const $refs = refsRef.current;
|
|
117
|
-
const $q =
|
|
117
|
+
const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
|
|
118
118
|
const pageMetadata = generateDynamicMetadata(
|
|
119
119
|
wrapQueriesWithLoadingProxy($q),
|
|
120
120
|
$ctx
|
|
@@ -323,6 +323,22 @@
|
|
|
323
323
|
text-transform: inherit;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
+
:where(.b) {
|
|
327
|
+
font-family: inherit;
|
|
328
|
+
line-height: inherit;
|
|
329
|
+
font-size: inherit;
|
|
330
|
+
color: inherit;
|
|
331
|
+
text-transform: inherit;
|
|
332
|
+
}
|
|
333
|
+
:where(.__wab_expr_html_text b) {
|
|
334
|
+
white-space: inherit;
|
|
335
|
+
font-family: inherit;
|
|
336
|
+
line-height: inherit;
|
|
337
|
+
font-size: inherit;
|
|
338
|
+
color: inherit;
|
|
339
|
+
text-transform: inherit;
|
|
340
|
+
}
|
|
341
|
+
|
|
326
342
|
:where(.i) {
|
|
327
343
|
font-family: inherit;
|
|
328
344
|
line-height: inherit;
|
|
@@ -186,6 +186,22 @@
|
|
|
186
186
|
text-transform: inherit;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
+
:where(.b) {
|
|
190
|
+
font-family: inherit;
|
|
191
|
+
line-height: inherit;
|
|
192
|
+
font-size: inherit;
|
|
193
|
+
color: inherit;
|
|
194
|
+
text-transform: inherit;
|
|
195
|
+
}
|
|
196
|
+
:where(.__wab_expr_html_text b) {
|
|
197
|
+
white-space: inherit;
|
|
198
|
+
font-family: inherit;
|
|
199
|
+
line-height: inherit;
|
|
200
|
+
font-size: inherit;
|
|
201
|
+
color: inherit;
|
|
202
|
+
text-transform: inherit;
|
|
203
|
+
}
|
|
204
|
+
|
|
189
205
|
:where(.i) {
|
|
190
206
|
font-family: inherit;
|
|
191
207
|
line-height: inherit;
|
|
@@ -9,14 +9,15 @@
|
|
|
9
9
|
"lint": "eslint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/cli": "^0.1.
|
|
13
|
-
"@plasmicapp/
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"react
|
|
12
|
+
"@plasmicapp/cli": "^0.1.372",
|
|
13
|
+
"@plasmicapp/host": "^2.0.17",
|
|
14
|
+
"@plasmicapp/react-web": "^1.0.32",
|
|
15
|
+
"next": "16.3.1",
|
|
16
|
+
"react": "19.2.8",
|
|
17
|
+
"react-dom": "19.2.8"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|
|
19
20
|
"eslint": "^9",
|
|
20
|
-
"eslint-config-next": "16.
|
|
21
|
+
"eslint-config-next": "16.3.1"
|
|
21
22
|
}
|
|
22
23
|
}
|
|
@@ -14,10 +14,6 @@
|
|
|
14
14
|
"publicDir": "../public",
|
|
15
15
|
"publicUrlPrefix": "/"
|
|
16
16
|
},
|
|
17
|
-
"tokens": {
|
|
18
|
-
"scheme": "theo",
|
|
19
|
-
"tokensFilePath": "plasmic-tokens.theo.json"
|
|
20
|
-
},
|
|
21
17
|
"srcDir": "components",
|
|
22
18
|
"defaultPlasmicDir": "./plasmic",
|
|
23
19
|
"projects": [
|
|
@@ -135,6 +131,7 @@
|
|
|
135
131
|
"nextjsConfig": {
|
|
136
132
|
"pagesDir": "../pages"
|
|
137
133
|
},
|
|
138
|
-
"cliVersion": "0.1.
|
|
139
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
134
|
+
"cliVersion": "0.1.372",
|
|
135
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
|
|
136
|
+
"packageManager": "npm"
|
|
140
137
|
}
|
|
@@ -139,3 +139,11 @@ a.secondary {
|
|
|
139
139
|
--button-secondary-border: #1a1a1a;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
+
|
|
143
|
+
.code {
|
|
144
|
+
font-family: var(--font-geist-mono);
|
|
145
|
+
font-size: 0.9em;
|
|
146
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
147
|
+
padding: 0.1em 0.4em;
|
|
148
|
+
border-radius: 6px;
|
|
149
|
+
}
|
package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx
CHANGED
|
@@ -61,7 +61,7 @@ import {
|
|
|
61
61
|
|
|
62
62
|
import { useMutablePlasmicQueryData } from "@plasmicapp/query";
|
|
63
63
|
|
|
64
|
-
import {
|
|
64
|
+
import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
|
|
65
65
|
import type {
|
|
66
66
|
PlasmicQuery,
|
|
67
67
|
PlasmicQueryResult
|
|
@@ -199,7 +199,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
|
|
|
199
199
|
const refsRef = React.useRef({});
|
|
200
200
|
const $refs = refsRef.current;
|
|
201
201
|
|
|
202
|
-
const $q =
|
|
202
|
+
const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
|
|
203
203
|
|
|
204
204
|
const pageMetadata = generateDynamicMetadata(
|
|
205
205
|
wrapQueriesWithLoadingProxy($q),
|
|
@@ -323,6 +323,22 @@
|
|
|
323
323
|
text-transform: inherit;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
+
:where(.b) {
|
|
327
|
+
font-family: inherit;
|
|
328
|
+
line-height: inherit;
|
|
329
|
+
font-size: inherit;
|
|
330
|
+
color: inherit;
|
|
331
|
+
text-transform: inherit;
|
|
332
|
+
}
|
|
333
|
+
:where(.__wab_expr_html_text b) {
|
|
334
|
+
white-space: inherit;
|
|
335
|
+
font-family: inherit;
|
|
336
|
+
line-height: inherit;
|
|
337
|
+
font-size: inherit;
|
|
338
|
+
color: inherit;
|
|
339
|
+
text-transform: inherit;
|
|
340
|
+
}
|
|
341
|
+
|
|
326
342
|
:where(.i) {
|
|
327
343
|
font-family: inherit;
|
|
328
344
|
line-height: inherit;
|
|
@@ -186,6 +186,22 @@
|
|
|
186
186
|
text-transform: inherit;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
+
:where(.b) {
|
|
190
|
+
font-family: inherit;
|
|
191
|
+
line-height: inherit;
|
|
192
|
+
font-size: inherit;
|
|
193
|
+
color: inherit;
|
|
194
|
+
text-transform: inherit;
|
|
195
|
+
}
|
|
196
|
+
:where(.__wab_expr_html_text b) {
|
|
197
|
+
white-space: inherit;
|
|
198
|
+
font-family: inherit;
|
|
199
|
+
line-height: inherit;
|
|
200
|
+
font-size: inherit;
|
|
201
|
+
color: inherit;
|
|
202
|
+
text-transform: inherit;
|
|
203
|
+
}
|
|
204
|
+
|
|
189
205
|
:where(.i) {
|
|
190
206
|
font-family: inherit;
|
|
191
207
|
line-height: inherit;
|
|
@@ -9,18 +9,19 @@
|
|
|
9
9
|
"lint": "eslint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/cli": "^0.1.
|
|
13
|
-
"@plasmicapp/
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"react
|
|
12
|
+
"@plasmicapp/cli": "^0.1.372",
|
|
13
|
+
"@plasmicapp/host": "^2.0.17",
|
|
14
|
+
"@plasmicapp/react-web": "^1.0.32",
|
|
15
|
+
"next": "16.3.1",
|
|
16
|
+
"react": "19.2.8",
|
|
17
|
+
"react-dom": "19.2.8"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|
|
19
20
|
"@types/node": "^20",
|
|
20
21
|
"@types/react": "^19",
|
|
21
22
|
"@types/react-dom": "^19",
|
|
22
23
|
"eslint": "^9",
|
|
23
|
-
"eslint-config-next": "16.
|
|
24
|
+
"eslint-config-next": "16.3.1",
|
|
24
25
|
"typescript": "^5"
|
|
25
26
|
}
|
|
26
27
|
}
|
|
@@ -14,10 +14,6 @@
|
|
|
14
14
|
"publicDir": "../public",
|
|
15
15
|
"publicUrlPrefix": "/"
|
|
16
16
|
},
|
|
17
|
-
"tokens": {
|
|
18
|
-
"scheme": "theo",
|
|
19
|
-
"tokensFilePath": "plasmic-tokens.theo.json"
|
|
20
|
-
},
|
|
21
17
|
"srcDir": "components",
|
|
22
18
|
"defaultPlasmicDir": "./plasmic",
|
|
23
19
|
"projects": [
|
|
@@ -135,6 +131,7 @@
|
|
|
135
131
|
"nextjsConfig": {
|
|
136
132
|
"pagesDir": "../pages"
|
|
137
133
|
},
|
|
138
|
-
"cliVersion": "0.1.
|
|
139
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
134
|
+
"cliVersion": "0.1.372",
|
|
135
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
|
|
136
|
+
"packageManager": "npm"
|
|
140
137
|
}
|
|
@@ -139,3 +139,11 @@ a.secondary {
|
|
|
139
139
|
--button-secondary-border: #1a1a1a;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
+
|
|
143
|
+
.code {
|
|
144
|
+
font-family: var(--font-geist-mono);
|
|
145
|
+
font-size: 0.9em;
|
|
146
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
147
|
+
padding: 0.1em 0.4em;
|
|
148
|
+
border-radius: 6px;
|
|
149
|
+
}
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"lint": "eslint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/loader-nextjs": "^2.0.
|
|
13
|
-
"next": "16.
|
|
14
|
-
"react": "19.2.
|
|
15
|
-
"react-dom": "19.2.
|
|
12
|
+
"@plasmicapp/loader-nextjs": "^2.0.23",
|
|
13
|
+
"next": "16.3.1",
|
|
14
|
+
"react": "19.2.8",
|
|
15
|
+
"react-dom": "19.2.8"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"eslint": "^9",
|
|
19
|
-
"eslint-config-next": "16.
|
|
19
|
+
"eslint-config-next": "16.3.1"
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -139,3 +139,11 @@ a.secondary {
|
|
|
139
139
|
--button-secondary-border: #1a1a1a;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
+
|
|
143
|
+
.code {
|
|
144
|
+
font-family: var(--font-geist-mono);
|
|
145
|
+
font-size: 0.9em;
|
|
146
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
147
|
+
padding: 0.1em 0.4em;
|
|
148
|
+
border-radius: 6px;
|
|
149
|
+
}
|
|
@@ -9,17 +9,17 @@
|
|
|
9
9
|
"lint": "eslint"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@plasmicapp/loader-nextjs": "^2.0.
|
|
13
|
-
"next": "16.
|
|
14
|
-
"react": "19.2.
|
|
15
|
-
"react-dom": "19.2.
|
|
12
|
+
"@plasmicapp/loader-nextjs": "^2.0.23",
|
|
13
|
+
"next": "16.3.1",
|
|
14
|
+
"react": "19.2.8",
|
|
15
|
+
"react-dom": "19.2.8"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"@types/node": "^20",
|
|
19
19
|
"@types/react": "^19",
|
|
20
20
|
"@types/react-dom": "^19",
|
|
21
21
|
"eslint": "^9",
|
|
22
|
-
"eslint-config-next": "16.
|
|
22
|
+
"eslint-config-next": "16.3.1",
|
|
23
23
|
"typescript": "^5"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -139,3 +139,11 @@ a.secondary {
|
|
|
139
139
|
--button-secondary-border: #1a1a1a;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
+
|
|
143
|
+
.code {
|
|
144
|
+
font-family: var(--font-geist-mono);
|
|
145
|
+
font-size: 0.9em;
|
|
146
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
147
|
+
padding: 0.1em 0.4em;
|
|
148
|
+
border-radius: 6px;
|
|
149
|
+
}
|
|
@@ -10,8 +10,9 @@
|
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@plasmicapp/cli": "^0.1.
|
|
14
|
-
"@plasmicapp/
|
|
13
|
+
"@plasmicapp/cli": "^0.1.372",
|
|
14
|
+
"@plasmicapp/host": "^2.0.17",
|
|
15
|
+
"@plasmicapp/react-web": "^1.0.32",
|
|
15
16
|
"react": "^18.3.1",
|
|
16
17
|
"react-dom": "^18.3.1"
|
|
17
18
|
},
|
|
@@ -14,10 +14,6 @@
|
|
|
14
14
|
"publicDir": "../public",
|
|
15
15
|
"publicUrlPrefix": "/static/"
|
|
16
16
|
},
|
|
17
|
-
"tokens": {
|
|
18
|
-
"scheme": "theo",
|
|
19
|
-
"tokensFilePath": "plasmic-tokens.theo.json"
|
|
20
|
-
},
|
|
21
17
|
"srcDir": "src/components",
|
|
22
18
|
"defaultPlasmicDir": "./plasmic",
|
|
23
19
|
"projects": [
|
|
@@ -132,6 +128,7 @@
|
|
|
132
128
|
},
|
|
133
129
|
"wrapPagesWithGlobalContexts": true,
|
|
134
130
|
"preserveJsImportExtensions": false,
|
|
135
|
-
"cliVersion": "0.1.
|
|
136
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
131
|
+
"cliVersion": "0.1.372",
|
|
132
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
|
|
133
|
+
"packageManager": "npm"
|
|
137
134
|
}
|
package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx
CHANGED
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
deriveRenderOpts
|
|
16
16
|
} from "@plasmicapp/react-web";
|
|
17
17
|
import { useDataEnv } from "@plasmicapp/react-web/lib/host";
|
|
18
|
-
import {
|
|
18
|
+
import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
|
|
19
19
|
import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
|
|
20
20
|
import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
|
|
21
21
|
import "@plasmicapp/react-web/lib/plasmic.css";
|
|
@@ -105,7 +105,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
|
|
|
105
105
|
const $ctx = useDataEnv?.() || {};
|
|
106
106
|
const refsRef = React.useRef({});
|
|
107
107
|
const $refs = refsRef.current;
|
|
108
|
-
const $q =
|
|
108
|
+
const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
|
|
109
109
|
const styleTokensClassNames = _useStyleTokens();
|
|
110
110
|
return (
|
|
111
111
|
<React.Fragment>
|
|
@@ -323,6 +323,22 @@
|
|
|
323
323
|
text-transform: inherit;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
+
:where(.b) {
|
|
327
|
+
font-family: inherit;
|
|
328
|
+
line-height: inherit;
|
|
329
|
+
font-size: inherit;
|
|
330
|
+
color: inherit;
|
|
331
|
+
text-transform: inherit;
|
|
332
|
+
}
|
|
333
|
+
:where(.__wab_expr_html_text b) {
|
|
334
|
+
white-space: inherit;
|
|
335
|
+
font-family: inherit;
|
|
336
|
+
line-height: inherit;
|
|
337
|
+
font-size: inherit;
|
|
338
|
+
color: inherit;
|
|
339
|
+
text-transform: inherit;
|
|
340
|
+
}
|
|
341
|
+
|
|
326
342
|
:where(.i) {
|
|
327
343
|
font-family: inherit;
|
|
328
344
|
line-height: inherit;
|
|
@@ -186,6 +186,22 @@
|
|
|
186
186
|
text-transform: inherit;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
+
:where(.b) {
|
|
190
|
+
font-family: inherit;
|
|
191
|
+
line-height: inherit;
|
|
192
|
+
font-size: inherit;
|
|
193
|
+
color: inherit;
|
|
194
|
+
text-transform: inherit;
|
|
195
|
+
}
|
|
196
|
+
:where(.__wab_expr_html_text b) {
|
|
197
|
+
white-space: inherit;
|
|
198
|
+
font-family: inherit;
|
|
199
|
+
line-height: inherit;
|
|
200
|
+
font-size: inherit;
|
|
201
|
+
color: inherit;
|
|
202
|
+
text-transform: inherit;
|
|
203
|
+
}
|
|
204
|
+
|
|
189
205
|
:where(.i) {
|
|
190
206
|
font-family: inherit;
|
|
191
207
|
line-height: inherit;
|
|
@@ -10,8 +10,9 @@
|
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@plasmicapp/cli": "^0.1.
|
|
14
|
-
"@plasmicapp/
|
|
13
|
+
"@plasmicapp/cli": "^0.1.372",
|
|
14
|
+
"@plasmicapp/host": "^2.0.17",
|
|
15
|
+
"@plasmicapp/react-web": "^1.0.32",
|
|
15
16
|
"react": "^18.3.1",
|
|
16
17
|
"react-dom": "^18.3.1"
|
|
17
18
|
},
|
|
@@ -14,10 +14,6 @@
|
|
|
14
14
|
"publicDir": "../public",
|
|
15
15
|
"publicUrlPrefix": "/static/"
|
|
16
16
|
},
|
|
17
|
-
"tokens": {
|
|
18
|
-
"scheme": "theo",
|
|
19
|
-
"tokensFilePath": "plasmic-tokens.theo.json"
|
|
20
|
-
},
|
|
21
17
|
"srcDir": "src/components",
|
|
22
18
|
"defaultPlasmicDir": "./plasmic",
|
|
23
19
|
"projects": [
|
|
@@ -132,6 +128,7 @@
|
|
|
132
128
|
},
|
|
133
129
|
"wrapPagesWithGlobalContexts": true,
|
|
134
130
|
"preserveJsImportExtensions": false,
|
|
135
|
-
"cliVersion": "0.1.
|
|
136
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
131
|
+
"cliVersion": "0.1.372",
|
|
132
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
|
|
133
|
+
"packageManager": "npm"
|
|
137
134
|
}
|
package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx
CHANGED
|
@@ -57,7 +57,7 @@ import {
|
|
|
57
57
|
|
|
58
58
|
import { useMutablePlasmicQueryData } from "@plasmicapp/query";
|
|
59
59
|
|
|
60
|
-
import {
|
|
60
|
+
import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
|
|
61
61
|
import type {
|
|
62
62
|
PlasmicQuery,
|
|
63
63
|
PlasmicQueryResult
|
|
@@ -189,7 +189,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
|
|
|
189
189
|
const refsRef = React.useRef({});
|
|
190
190
|
const $refs = refsRef.current;
|
|
191
191
|
|
|
192
|
-
const $q =
|
|
192
|
+
const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
|
|
193
193
|
|
|
194
194
|
const styleTokensClassNames = _useStyleTokens();
|
|
195
195
|
|
|
@@ -323,6 +323,22 @@
|
|
|
323
323
|
text-transform: inherit;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
+
:where(.b) {
|
|
327
|
+
font-family: inherit;
|
|
328
|
+
line-height: inherit;
|
|
329
|
+
font-size: inherit;
|
|
330
|
+
color: inherit;
|
|
331
|
+
text-transform: inherit;
|
|
332
|
+
}
|
|
333
|
+
:where(.__wab_expr_html_text b) {
|
|
334
|
+
white-space: inherit;
|
|
335
|
+
font-family: inherit;
|
|
336
|
+
line-height: inherit;
|
|
337
|
+
font-size: inherit;
|
|
338
|
+
color: inherit;
|
|
339
|
+
text-transform: inherit;
|
|
340
|
+
}
|
|
341
|
+
|
|
326
342
|
:where(.i) {
|
|
327
343
|
font-family: inherit;
|
|
328
344
|
line-height: inherit;
|
|
@@ -186,6 +186,22 @@
|
|
|
186
186
|
text-transform: inherit;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
+
:where(.b) {
|
|
190
|
+
font-family: inherit;
|
|
191
|
+
line-height: inherit;
|
|
192
|
+
font-size: inherit;
|
|
193
|
+
color: inherit;
|
|
194
|
+
text-transform: inherit;
|
|
195
|
+
}
|
|
196
|
+
:where(.__wab_expr_html_text b) {
|
|
197
|
+
white-space: inherit;
|
|
198
|
+
font-family: inherit;
|
|
199
|
+
line-height: inherit;
|
|
200
|
+
font-size: inherit;
|
|
201
|
+
color: inherit;
|
|
202
|
+
text-transform: inherit;
|
|
203
|
+
}
|
|
204
|
+
|
|
189
205
|
:where(.i) {
|
|
190
206
|
font-family: inherit;
|
|
191
207
|
line-height: inherit;
|
|
@@ -7,38 +7,33 @@
|
|
|
7
7
|
},
|
|
8
8
|
"scripts": {
|
|
9
9
|
"dev": "vite dev --port 3000",
|
|
10
|
+
"generate-routes": "tsr generate",
|
|
10
11
|
"build": "vite build",
|
|
11
|
-
"preview": "vite preview"
|
|
12
|
-
"test": "vitest run"
|
|
12
|
+
"preview": "vite preview"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@plasmicapp/cli": "^0.1.
|
|
16
|
-
"@plasmicapp/
|
|
15
|
+
"@plasmicapp/cli": "^0.1.372",
|
|
16
|
+
"@plasmicapp/host": "^2.0.17",
|
|
17
|
+
"@plasmicapp/react-web": "^1.0.32",
|
|
17
18
|
"@tailwindcss/vite": "^4.1.18",
|
|
18
19
|
"@tanstack/react-devtools": "latest",
|
|
19
|
-
"@tanstack/react-query": "^5.101.
|
|
20
|
+
"@tanstack/react-query": "^5.101.4",
|
|
20
21
|
"@tanstack/react-router": "latest",
|
|
21
22
|
"@tanstack/react-router-devtools": "latest",
|
|
22
|
-
"@tanstack/router-plugin": "^1.132.0",
|
|
23
|
-
"lucide-react": "^0.545.0",
|
|
24
23
|
"react": "^19.2.0",
|
|
25
24
|
"react-dom": "^19.2.0",
|
|
26
25
|
"tailwindcss": "^4.1.18"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
|
-
"@tailwindcss/typography": "^0.5.16",
|
|
30
28
|
"@tanstack/devtools-vite": "latest",
|
|
29
|
+
"@tanstack/router-cli": "^1.132.0",
|
|
31
30
|
"@tanstack/router-plugin": "latest",
|
|
32
|
-
"@testing-library/dom": "^10.4.1",
|
|
33
|
-
"@testing-library/react": "^16.3.0",
|
|
34
31
|
"@types/node": "^22.10.2",
|
|
35
32
|
"@types/react": "^19.2.0",
|
|
36
33
|
"@types/react-dom": "^19.2.0",
|
|
37
34
|
"@vitejs/plugin-react": "^6.0.1",
|
|
38
|
-
"jsdom": "^28.1.0",
|
|
39
35
|
"typescript": "^6.0.2",
|
|
40
|
-
"vite": "^8.0.0"
|
|
41
|
-
"vitest": "^4.1.5"
|
|
36
|
+
"vite": "^8.0.0"
|
|
42
37
|
},
|
|
43
38
|
"pnpm": {
|
|
44
39
|
"onlyBuiltDependencies": [
|
|
@@ -14,10 +14,6 @@
|
|
|
14
14
|
"publicDir": "../../public",
|
|
15
15
|
"publicUrlPrefix": "/"
|
|
16
16
|
},
|
|
17
|
-
"tokens": {
|
|
18
|
-
"scheme": "theo",
|
|
19
|
-
"tokensFilePath": "plasmic-tokens.theo.json"
|
|
20
|
-
},
|
|
21
17
|
"srcDir": "src/components",
|
|
22
18
|
"defaultPlasmicDir": "./plasmic",
|
|
23
19
|
"projects": [
|
|
@@ -135,6 +131,7 @@
|
|
|
135
131
|
"tanstackConfig": {
|
|
136
132
|
"pagesDir": "../routes"
|
|
137
133
|
},
|
|
138
|
-
"cliVersion": "0.1.
|
|
139
|
-
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.
|
|
134
|
+
"cliVersion": "0.1.372",
|
|
135
|
+
"$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
|
|
136
|
+
"packageManager": "npm"
|
|
140
137
|
}
|
package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx
CHANGED
|
@@ -60,7 +60,7 @@ import {
|
|
|
60
60
|
|
|
61
61
|
import { useMutablePlasmicQueryData } from "@plasmicapp/query";
|
|
62
62
|
|
|
63
|
-
import {
|
|
63
|
+
import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
|
|
64
64
|
import type {
|
|
65
65
|
PlasmicQuery,
|
|
66
66
|
PlasmicQueryResult
|
|
@@ -135,7 +135,7 @@ export const serverQueryTree: QueryComponentNode = {
|
|
|
135
135
|
type: "component",
|
|
136
136
|
queries: {
|
|
137
137
|
sha256: {
|
|
138
|
-
id: "custom:krgWtF9Kkesx",
|
|
138
|
+
id: "custom-code:krgWtF9Kkesx",
|
|
139
139
|
fn: async ({ $q, $props, $ctx, $state }) => {
|
|
140
140
|
console.log("Running SHA-256");
|
|
141
141
|
const data = new TextEncoder().encode($ctx.params.slug);
|
|
@@ -199,7 +199,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
|
|
|
199
199
|
const refsRef = React.useRef({});
|
|
200
200
|
const $refs = refsRef.current;
|
|
201
201
|
|
|
202
|
-
const $q =
|
|
202
|
+
const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
|
|
203
203
|
|
|
204
204
|
const styleTokensClassNames = _useStyleTokens();
|
|
205
205
|
|
|
@@ -186,6 +186,22 @@
|
|
|
186
186
|
text-transform: inherit;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
+
:where(.plasmic_default__b) {
|
|
190
|
+
font-family: inherit;
|
|
191
|
+
line-height: inherit;
|
|
192
|
+
font-size: inherit;
|
|
193
|
+
color: inherit;
|
|
194
|
+
text-transform: inherit;
|
|
195
|
+
}
|
|
196
|
+
:where(.__wab_expr_html_text b) {
|
|
197
|
+
white-space: inherit;
|
|
198
|
+
font-family: inherit;
|
|
199
|
+
line-height: inherit;
|
|
200
|
+
font-size: inherit;
|
|
201
|
+
color: inherit;
|
|
202
|
+
text-transform: inherit;
|
|
203
|
+
}
|
|
204
|
+
|
|
189
205
|
:where(.plasmic_default__i) {
|
|
190
206
|
font-family: inherit;
|
|
191
207
|
line-height: inherit;
|