create-plasmic-app 0.0.67 → 0.0.69

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 (101) hide show
  1. package/cpa-out/gatsby-codegen-js/package.json +2 -2
  2. package/cpa-out/gatsby-codegen-js/plasmic.json +54 -3
  3. package/cpa-out/gatsby-codegen-js/src/components/Button.jsx +13 -0
  4. package/cpa-out/gatsby-codegen-js/src/components/RandomDynamicPageButton.jsx +24 -0
  5. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +631 -0
  6. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +176 -0
  7. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +15 -3
  8. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +162 -0
  9. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +39 -0
  10. package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.jsx +37 -0
  11. package/cpa-out/gatsby-codegen-js/src/pages/dynamic/[slug].jsx +39 -0
  12. package/cpa-out/gatsby-codegen-ts/package.json +2 -2
  13. package/cpa-out/gatsby-codegen-ts/plasmic.json +54 -3
  14. package/cpa-out/gatsby-codegen-ts/src/components/Button.tsx +36 -0
  15. package/cpa-out/gatsby-codegen-ts/src/components/RandomDynamicPageButton.tsx +44 -0
  16. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +736 -0
  17. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +262 -0
  18. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -0
  19. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +18 -3
  20. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +246 -0
  21. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +44 -0
  22. package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx +41 -0
  23. package/cpa-out/gatsby-codegen-ts/src/pages/dynamic/[slug].tsx +41 -0
  24. package/cpa-out/gatsby-loader-js/package.json +1 -1
  25. package/cpa-out/gatsby-loader-ts/package.json +1 -1
  26. package/cpa-out/nextjs-app-loader-js/package.json +1 -1
  27. package/cpa-out/nextjs-app-loader-ts/package.json +2 -2
  28. package/cpa-out/nextjs-pages-codegen-js/components/Button.jsx +13 -0
  29. package/cpa-out/nextjs-pages-codegen-js/components/RandomDynamicPageButton.jsx +24 -0
  30. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicButton.jsx +640 -0
  31. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +184 -0
  32. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +15 -3
  33. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +170 -0
  34. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +39 -0
  35. package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.jsx +37 -0
  36. package/cpa-out/nextjs-pages-codegen-js/package.json +2 -2
  37. package/cpa-out/nextjs-pages-codegen-js/pages/dynamic/[slug].jsx +35 -0
  38. package/cpa-out/nextjs-pages-codegen-js/plasmic.json +54 -3
  39. package/cpa-out/nextjs-pages-codegen-ts/components/Button.tsx +36 -0
  40. package/cpa-out/nextjs-pages-codegen-ts/components/RandomDynamicPageButton.tsx +44 -0
  41. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicButton.tsx +742 -0
  42. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +264 -0
  43. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -0
  44. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +18 -3
  45. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +252 -0
  46. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +44 -0
  47. package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx +41 -0
  48. package/cpa-out/nextjs-pages-codegen-ts/package.json +3 -3
  49. package/cpa-out/nextjs-pages-codegen-ts/pages/dynamic/[slug].tsx +37 -0
  50. package/cpa-out/nextjs-pages-codegen-ts/plasmic.json +54 -3
  51. package/cpa-out/nextjs-pages-loader-js/package.json +1 -1
  52. package/cpa-out/nextjs-pages-loader-ts/package.json +2 -2
  53. package/cpa-out/react-codegen-js/package.json +2 -2
  54. package/cpa-out/react-codegen-js/plasmic.json +54 -3
  55. package/cpa-out/react-codegen-js/src/components/Button.jsx +13 -0
  56. package/cpa-out/react-codegen-js/src/components/DynamicPage.jsx +26 -0
  57. package/cpa-out/react-codegen-js/src/components/RandomDynamicPageButton.jsx +24 -0
  58. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +625 -0
  59. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +166 -0
  60. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +15 -3
  61. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +161 -0
  62. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +39 -0
  63. package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.jsx +37 -0
  64. package/cpa-out/react-codegen-ts/package.json +2 -2
  65. package/cpa-out/react-codegen-ts/plasmic.json +54 -3
  66. package/cpa-out/react-codegen-ts/src/components/Button.tsx +36 -0
  67. package/cpa-out/react-codegen-ts/src/components/DynamicPage.tsx +45 -0
  68. package/cpa-out/react-codegen-ts/src/components/RandomDynamicPageButton.tsx +44 -0
  69. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +725 -0
  70. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +248 -0
  71. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -0
  72. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +18 -3
  73. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +240 -0
  74. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +44 -0
  75. package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx +41 -0
  76. package/cpa-out/react-loader-js/package.json +2 -2
  77. package/cpa-out/react-loader-js/plasmic.json +54 -3
  78. package/cpa-out/react-loader-js/src/components/Button.jsx +13 -0
  79. package/cpa-out/react-loader-js/src/components/DynamicPage.jsx +26 -0
  80. package/cpa-out/react-loader-js/src/components/RandomDynamicPageButton.jsx +24 -0
  81. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx +625 -0
  82. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx +166 -0
  83. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx +15 -3
  84. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx +161 -0
  85. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx +39 -0
  86. package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.jsx +37 -0
  87. package/cpa-out/react-loader-ts/package.json +2 -2
  88. package/cpa-out/react-loader-ts/plasmic.json +54 -3
  89. package/cpa-out/react-loader-ts/src/components/Button.tsx +36 -0
  90. package/cpa-out/react-loader-ts/src/components/DynamicPage.tsx +45 -0
  91. package/cpa-out/react-loader-ts/src/components/RandomDynamicPageButton.tsx +44 -0
  92. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx +725 -0
  93. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx +248 -0
  94. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx +1 -0
  95. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx +18 -3
  96. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.tsx +240 -0
  97. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.tsx +44 -0
  98. package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.tsx +41 -0
  99. package/dist/nextjs/nextjs.js +2 -2
  100. package/package.json +2 -2
  101. package/src/nextjs/nextjs.ts +2 -2
@@ -0,0 +1,248 @@
1
+ // @ts-nocheck
2
+ /* eslint-disable */
3
+ /* tslint:disable */
4
+ /* prettier-ignore-start */
5
+
6
+ /** @jsxRuntime classic */
7
+ /** @jsx createPlasmicElementProxy */
8
+ /** @jsxFrag React.Fragment */
9
+
10
+ // This class is auto-generated by Plasmic; please do not edit!
11
+ // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
12
+ // Component: AO44A-w7hh
13
+
14
+ import * as React from "react";
15
+
16
+ import * as p from "@plasmicapp/react-web";
17
+ import * as ph from "@plasmicapp/react-web/lib/host";
18
+
19
+ import {
20
+ hasVariant,
21
+ classNames,
22
+ wrapWithClassName,
23
+ createPlasmicElementProxy,
24
+ makeFragment,
25
+ MultiChoiceArg,
26
+ SingleBooleanChoiceArg,
27
+ SingleChoiceArg,
28
+ pick,
29
+ omit,
30
+ useTrigger,
31
+ StrictProps,
32
+ deriveRenderOpts,
33
+ ensureGlobalVariants
34
+ } from "@plasmicapp/react-web";
35
+ import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
36
+
37
+ import "@plasmicapp/react-web/lib/plasmic.css";
38
+
39
+ import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
40
+ import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
41
+
42
+ export type PlasmicDynamicPage__VariantMembers = {};
43
+ export type PlasmicDynamicPage__VariantsArgs = {};
44
+ type VariantPropType = keyof PlasmicDynamicPage__VariantsArgs;
45
+ export const PlasmicDynamicPage__VariantProps = new Array<VariantPropType>();
46
+
47
+ export type PlasmicDynamicPage__ArgsType = {};
48
+ type ArgPropType = keyof PlasmicDynamicPage__ArgsType;
49
+ export const PlasmicDynamicPage__ArgProps = new Array<ArgPropType>();
50
+
51
+ export type PlasmicDynamicPage__OverridesType = {
52
+ root?: p.Flex<"div">;
53
+ section?: p.Flex<"section">;
54
+ h1?: p.Flex<"h1">;
55
+ randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
56
+ };
57
+
58
+ export interface DefaultDynamicPageProps {
59
+ className?: string;
60
+ }
61
+
62
+ const __wrapUserFunction =
63
+ globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
64
+ const __wrapUserPromise =
65
+ globalThis.__PlasmicWrapUserPromise ??
66
+ (async (loc, promise) => {
67
+ return await promise;
68
+ });
69
+
70
+ function PlasmicDynamicPage__RenderFunc(props: {
71
+ variants: PlasmicDynamicPage__VariantsArgs;
72
+ args: PlasmicDynamicPage__ArgsType;
73
+ overrides: PlasmicDynamicPage__OverridesType;
74
+ forNode?: string;
75
+ }) {
76
+ const { variants, overrides, forNode } = props;
77
+
78
+ const $ctx = ph.useDataEnv?.() || {};
79
+ const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
80
+
81
+ const $props = {
82
+ ...args,
83
+ ...variants
84
+ };
85
+ const refsRef = React.useRef({});
86
+ const $refs = refsRef.current;
87
+
88
+ const currentUser = p.useCurrentUser?.() || {};
89
+ const [$queries, setDollarQueries] = React.useState({});
90
+
91
+ return (
92
+ <React.Fragment>
93
+ {}
94
+
95
+ <div className={projectcss.plasmic_page_wrapper}>
96
+ <div
97
+ data-plasmic-name={"root"}
98
+ data-plasmic-override={overrides.root}
99
+ data-plasmic-root={true}
100
+ data-plasmic-for-node={forNode}
101
+ className={classNames(
102
+ projectcss.all,
103
+ projectcss.root_reset,
104
+ projectcss.plasmic_default_styles,
105
+ projectcss.plasmic_mixins,
106
+ sty.root
107
+ )}
108
+ >
109
+ <p.Stack
110
+ as={"section"}
111
+ data-plasmic-name={"section"}
112
+ data-plasmic-override={overrides.section}
113
+ hasGap={true}
114
+ className={classNames(projectcss.all, sty.section)}
115
+ >
116
+ <h1
117
+ data-plasmic-name={"h1"}
118
+ data-plasmic-override={overrides.h1}
119
+ className={classNames(
120
+ projectcss.all,
121
+ projectcss.h1,
122
+ projectcss.__wab_text,
123
+ sty.h1
124
+ )}
125
+ >
126
+ {(() => {
127
+ try {
128
+ return $ctx.params.slug;
129
+ } catch (e) {
130
+ if (e instanceof TypeError) {
131
+ return "Page 1";
132
+ }
133
+ throw e;
134
+ }
135
+ })()}
136
+ </h1>
137
+
138
+ <RandomDynamicPageButton
139
+ data-plasmic-name={"randomDynamicPageButton"}
140
+ data-plasmic-override={overrides.randomDynamicPageButton}
141
+ className={classNames(
142
+ "__wab_instance",
143
+ sty.randomDynamicPageButton
144
+ )}
145
+ />
146
+ </p.Stack>
147
+ </div>
148
+ </div>
149
+ </React.Fragment>
150
+ ) as React.ReactElement | null;
151
+ }
152
+
153
+ const PlasmicDescendants = {
154
+ root: ["root", "section", "h1", "randomDynamicPageButton"],
155
+ section: ["section", "h1", "randomDynamicPageButton"],
156
+ h1: ["h1"],
157
+ randomDynamicPageButton: ["randomDynamicPageButton"]
158
+ } as const;
159
+ type NodeNameType = keyof typeof PlasmicDescendants;
160
+ type DescendantsType<T extends NodeNameType> =
161
+ (typeof PlasmicDescendants)[T][number];
162
+ type NodeDefaultElementType = {
163
+ root: "div";
164
+ section: "section";
165
+ h1: "h1";
166
+ randomDynamicPageButton: typeof RandomDynamicPageButton;
167
+ };
168
+
169
+ type ReservedPropsType = "variants" | "args" | "overrides";
170
+ type NodeOverridesType<T extends NodeNameType> = Pick<
171
+ PlasmicDynamicPage__OverridesType,
172
+ DescendantsType<T>
173
+ >;
174
+ type NodeComponentProps<T extends NodeNameType> =
175
+ // Explicitly specify variants, args, and overrides as objects
176
+ {
177
+ variants?: PlasmicDynamicPage__VariantsArgs;
178
+ args?: PlasmicDynamicPage__ArgsType;
179
+ overrides?: NodeOverridesType<T>;
180
+ } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
181
+ /* Specify args directly as props*/ Omit<
182
+ PlasmicDynamicPage__ArgsType,
183
+ ReservedPropsType
184
+ > &
185
+ /* Specify overrides for each element directly as props*/ Omit<
186
+ NodeOverridesType<T>,
187
+ ReservedPropsType | VariantPropType | ArgPropType
188
+ > &
189
+ /* Specify props for the root element*/ Omit<
190
+ Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
191
+ ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
192
+ >;
193
+
194
+ function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
195
+ type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
196
+ const func = function <T extends PropsType>(
197
+ props: T & StrictProps<T, PropsType>
198
+ ) {
199
+ const { variants, args, overrides } = React.useMemo(
200
+ () =>
201
+ deriveRenderOpts(props, {
202
+ name: nodeName,
203
+ descendantNames: [...PlasmicDescendants[nodeName]],
204
+ internalArgPropNames: PlasmicDynamicPage__ArgProps,
205
+ internalVariantPropNames: PlasmicDynamicPage__VariantProps
206
+ }),
207
+ [props, nodeName]
208
+ );
209
+ return PlasmicDynamicPage__RenderFunc({
210
+ variants,
211
+ args,
212
+ overrides,
213
+ forNode: nodeName
214
+ });
215
+ };
216
+ if (nodeName === "root") {
217
+ func.displayName = "PlasmicDynamicPage";
218
+ } else {
219
+ func.displayName = `PlasmicDynamicPage.${nodeName}`;
220
+ }
221
+ return func;
222
+ }
223
+
224
+ export const PlasmicDynamicPage = Object.assign(
225
+ // Top-level PlasmicDynamicPage renders the root element
226
+ makeNodeComponent("root"),
227
+ {
228
+ // Helper components rendering sub-elements
229
+ section: makeNodeComponent("section"),
230
+ h1: makeNodeComponent("h1"),
231
+ randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
232
+
233
+ // Metadata about props expected for PlasmicDynamicPage
234
+ internalVariantProps: PlasmicDynamicPage__VariantProps,
235
+ internalArgProps: PlasmicDynamicPage__ArgProps,
236
+
237
+ // Page metadata
238
+ pageMetadata: {
239
+ title: "",
240
+ description: "",
241
+ ogImageSrc: "",
242
+ canonical: ""
243
+ }
244
+ }
245
+ );
246
+
247
+ export default PlasmicDynamicPage;
248
+ /* prettier-ignore-end */
@@ -2,6 +2,7 @@
2
2
  /* eslint-disable */
3
3
  /* tslint:disable */
4
4
  /* prettier-ignore-start */
5
+
5
6
  import * as React from "react";
6
7
  import * as p from "@plasmicapp/react-web";
7
8
 
@@ -10,6 +10,7 @@
10
10
  // This class is auto-generated by Plasmic; please do not edit!
11
11
  // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
12
12
  // Component: 6uuAAE1jiCew
13
+
13
14
  import * as React from "react";
14
15
 
15
16
  import * as p from "@plasmicapp/react-web";
@@ -31,6 +32,7 @@ import {
31
32
  deriveRenderOpts,
32
33
  ensureGlobalVariants
33
34
  } from "@plasmicapp/react-web";
35
+ import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
34
36
 
35
37
  import { useScreenVariants as useScreenVariantsscBjPxgdxdzbv } from "./PlasmicGlobalVariant__Screen"; // plasmic-import: SCBjPXGDXDZBV/globalVariant
36
38
 
@@ -53,6 +55,7 @@ export type PlasmicHomepage__OverridesType = {
53
55
  section?: p.Flex<"section">;
54
56
  h1?: p.Flex<"h1">;
55
57
  text?: p.Flex<"div">;
58
+ randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
56
59
  };
57
60
 
58
61
  export interface DefaultHomepageProps {
@@ -174,6 +177,15 @@ function PlasmicHomepage__RenderFunc(props: {
174
177
  </React.Fragment>
175
178
  )}
176
179
  </div>
180
+
181
+ <RandomDynamicPageButton
182
+ data-plasmic-name={"randomDynamicPageButton"}
183
+ data-plasmic-override={overrides.randomDynamicPageButton}
184
+ className={classNames(
185
+ "__wab_instance",
186
+ sty.randomDynamicPageButton
187
+ )}
188
+ />
177
189
  </p.Stack>
178
190
  </div>
179
191
  </div>
@@ -182,10 +194,11 @@ function PlasmicHomepage__RenderFunc(props: {
182
194
  }
183
195
 
184
196
  const PlasmicDescendants = {
185
- root: ["root", "section", "h1", "text"],
186
- section: ["section", "h1", "text"],
197
+ root: ["root", "section", "h1", "text", "randomDynamicPageButton"],
198
+ section: ["section", "h1", "text", "randomDynamicPageButton"],
187
199
  h1: ["h1"],
188
- text: ["text"]
200
+ text: ["text"],
201
+ randomDynamicPageButton: ["randomDynamicPageButton"]
189
202
  } as const;
190
203
  type NodeNameType = keyof typeof PlasmicDescendants;
191
204
  type DescendantsType<T extends NodeNameType> =
@@ -195,6 +208,7 @@ type NodeDefaultElementType = {
195
208
  section: "section";
196
209
  h1: "h1";
197
210
  text: "div";
211
+ randomDynamicPageButton: typeof RandomDynamicPageButton;
198
212
  };
199
213
 
200
214
  type ReservedPropsType = "variants" | "args" | "overrides";
@@ -260,6 +274,7 @@ export const PlasmicHomepage = Object.assign(
260
274
  section: makeNodeComponent("section"),
261
275
  h1: makeNodeComponent("h1"),
262
276
  text: makeNodeComponent("text"),
277
+ randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
263
278
 
264
279
  // Metadata about props expected for PlasmicHomepage
265
280
  internalVariantProps: PlasmicHomepage__VariantProps,
@@ -0,0 +1,240 @@
1
+ // @ts-nocheck
2
+ /* eslint-disable */
3
+ /* tslint:disable */
4
+ /* prettier-ignore-start */
5
+
6
+ /** @jsxRuntime classic */
7
+ /** @jsx createPlasmicElementProxy */
8
+ /** @jsxFrag React.Fragment */
9
+
10
+ // This class is auto-generated by Plasmic; please do not edit!
11
+ // Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
12
+ // Component: Q23H1_1M_P
13
+
14
+ import * as React from "react";
15
+
16
+ import * as p from "@plasmicapp/react-web";
17
+ import * as ph from "@plasmicapp/react-web/lib/host";
18
+
19
+ import {
20
+ hasVariant,
21
+ classNames,
22
+ wrapWithClassName,
23
+ createPlasmicElementProxy,
24
+ makeFragment,
25
+ MultiChoiceArg,
26
+ SingleBooleanChoiceArg,
27
+ SingleChoiceArg,
28
+ pick,
29
+ omit,
30
+ useTrigger,
31
+ StrictProps,
32
+ deriveRenderOpts,
33
+ ensureGlobalVariants
34
+ } from "@plasmicapp/react-web";
35
+ import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
36
+
37
+ import "@plasmicapp/react-web/lib/plasmic.css";
38
+
39
+ import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
40
+ import sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
41
+
42
+ import ChecksvgIcon from "./icons/PlasmicIcon__Checksvg"; // plasmic-import: gj-_D7n31Ho/icon
43
+ import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
44
+
45
+ export type PlasmicRandomDynamicPageButton__VariantMembers = {};
46
+ export type PlasmicRandomDynamicPageButton__VariantsArgs = {};
47
+ type VariantPropType = keyof PlasmicRandomDynamicPageButton__VariantsArgs;
48
+ export const PlasmicRandomDynamicPageButton__VariantProps =
49
+ new Array<VariantPropType>();
50
+
51
+ export type PlasmicRandomDynamicPageButton__ArgsType = {};
52
+ type ArgPropType = keyof PlasmicRandomDynamicPageButton__ArgsType;
53
+ export const PlasmicRandomDynamicPageButton__ArgProps =
54
+ new Array<ArgPropType>();
55
+
56
+ export type PlasmicRandomDynamicPageButton__OverridesType = {
57
+ root?: p.Flex<typeof Button>;
58
+ };
59
+
60
+ export interface DefaultRandomDynamicPageButtonProps {
61
+ className?: string;
62
+ }
63
+
64
+ const __wrapUserFunction =
65
+ globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
66
+ const __wrapUserPromise =
67
+ globalThis.__PlasmicWrapUserPromise ??
68
+ (async (loc, promise) => {
69
+ return await promise;
70
+ });
71
+
72
+ function PlasmicRandomDynamicPageButton__RenderFunc(props: {
73
+ variants: PlasmicRandomDynamicPageButton__VariantsArgs;
74
+ args: PlasmicRandomDynamicPageButton__ArgsType;
75
+ overrides: PlasmicRandomDynamicPageButton__OverridesType;
76
+ forNode?: string;
77
+ }) {
78
+ const { variants, overrides, forNode } = props;
79
+
80
+ const $ctx = ph.useDataEnv?.() || {};
81
+ const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
82
+
83
+ const $props = {
84
+ ...args,
85
+ ...variants
86
+ };
87
+ const refsRef = React.useRef({});
88
+ const $refs = refsRef.current;
89
+
90
+ const currentUser = p.useCurrentUser?.() || {};
91
+ const [$queries, setDollarQueries] = React.useState({});
92
+
93
+ return (
94
+ <Button
95
+ data-plasmic-name={"root"}
96
+ data-plasmic-override={overrides.root}
97
+ data-plasmic-root={true}
98
+ data-plasmic-for-node={forNode}
99
+ className={classNames("__wab_instance", sty.root)}
100
+ onClick={async event => {
101
+ const $steps = {};
102
+ $steps["goToDynamicPage"] = true
103
+ ? (() => {
104
+ const actionArgs = {
105
+ destination: __wrapUserFunction(
106
+ {
107
+ type: "InteractionArgLoc",
108
+ actionName: "navigation",
109
+ interactionUuid: "9Y3jL0zxjA",
110
+ componentUuid: "Q23H1_1M_P",
111
+ argName: "destination"
112
+ },
113
+ () =>
114
+ `/dynamic/${(() => {
115
+ try {
116
+ return Math.random().toString(36).slice(2);
117
+ } catch (e) {
118
+ if (e instanceof TypeError) {
119
+ return "value";
120
+ }
121
+ throw e;
122
+ }
123
+ })()}`
124
+ )
125
+ };
126
+ return __wrapUserFunction(
127
+ {
128
+ type: "InteractionLoc",
129
+ actionName: "navigation",
130
+ interactionUuid: "9Y3jL0zxjA",
131
+ componentUuid: "Q23H1_1M_P"
132
+ },
133
+ () =>
134
+ (({ destination }) => {
135
+ location.assign(destination);
136
+ })?.apply(null, [actionArgs]),
137
+ actionArgs
138
+ );
139
+ })()
140
+ : undefined;
141
+ if (
142
+ typeof $steps["goToDynamicPage"] === "object" &&
143
+ typeof $steps["goToDynamicPage"].then === "function"
144
+ ) {
145
+ $steps["goToDynamicPage"] = await __wrapUserPromise(
146
+ {
147
+ type: "InteractionLoc",
148
+ actionName: "navigation",
149
+ interactionUuid: "9Y3jL0zxjA",
150
+ componentUuid: "Q23H1_1M_P"
151
+ },
152
+ $steps["goToDynamicPage"]
153
+ );
154
+ }
155
+ }}
156
+ >
157
+ {"Random Dynamic Page"}
158
+ </Button>
159
+ ) as React.ReactElement | null;
160
+ }
161
+
162
+ const PlasmicDescendants = {
163
+ root: ["root"]
164
+ } as const;
165
+ type NodeNameType = keyof typeof PlasmicDescendants;
166
+ type DescendantsType<T extends NodeNameType> =
167
+ (typeof PlasmicDescendants)[T][number];
168
+ type NodeDefaultElementType = {
169
+ root: typeof Button;
170
+ };
171
+
172
+ type ReservedPropsType = "variants" | "args" | "overrides";
173
+ type NodeOverridesType<T extends NodeNameType> = Pick<
174
+ PlasmicRandomDynamicPageButton__OverridesType,
175
+ DescendantsType<T>
176
+ >;
177
+ type NodeComponentProps<T extends NodeNameType> =
178
+ // Explicitly specify variants, args, and overrides as objects
179
+ {
180
+ variants?: PlasmicRandomDynamicPageButton__VariantsArgs;
181
+ args?: PlasmicRandomDynamicPageButton__ArgsType;
182
+ overrides?: NodeOverridesType<T>;
183
+ } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
184
+ /* Specify args directly as props*/ Omit<
185
+ PlasmicRandomDynamicPageButton__ArgsType,
186
+ ReservedPropsType
187
+ > &
188
+ /* Specify overrides for each element directly as props*/ Omit<
189
+ NodeOverridesType<T>,
190
+ ReservedPropsType | VariantPropType | ArgPropType
191
+ > &
192
+ /* Specify props for the root element*/ Omit<
193
+ Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
194
+ ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
195
+ >;
196
+
197
+ function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
198
+ type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
199
+ const func = function <T extends PropsType>(
200
+ props: T & StrictProps<T, PropsType>
201
+ ) {
202
+ const { variants, args, overrides } = React.useMemo(
203
+ () =>
204
+ deriveRenderOpts(props, {
205
+ name: nodeName,
206
+ descendantNames: [...PlasmicDescendants[nodeName]],
207
+ internalArgPropNames: PlasmicRandomDynamicPageButton__ArgProps,
208
+ internalVariantPropNames: PlasmicRandomDynamicPageButton__VariantProps
209
+ }),
210
+ [props, nodeName]
211
+ );
212
+ return PlasmicRandomDynamicPageButton__RenderFunc({
213
+ variants,
214
+ args,
215
+ overrides,
216
+ forNode: nodeName
217
+ });
218
+ };
219
+ if (nodeName === "root") {
220
+ func.displayName = "PlasmicRandomDynamicPageButton";
221
+ } else {
222
+ func.displayName = `PlasmicRandomDynamicPageButton.${nodeName}`;
223
+ }
224
+ return func;
225
+ }
226
+
227
+ export const PlasmicRandomDynamicPageButton = Object.assign(
228
+ // Top-level PlasmicRandomDynamicPageButton renders the root element
229
+ makeNodeComponent("root"),
230
+ {
231
+ // Helper components rendering sub-elements
232
+
233
+ // Metadata about props expected for PlasmicRandomDynamicPageButton
234
+ internalVariantProps: PlasmicRandomDynamicPageButton__VariantProps,
235
+ internalArgProps: PlasmicRandomDynamicPageButton__ArgProps
236
+ }
237
+ );
238
+
239
+ export default PlasmicRandomDynamicPageButton;
240
+ /* prettier-ignore-end */
@@ -0,0 +1,44 @@
1
+ // @ts-nocheck
2
+ /* eslint-disable */
3
+ /* tslint:disable */
4
+ /* prettier-ignore-start */
5
+ import React from "react";
6
+ import { classNames } from "@plasmicapp/react-web";
7
+
8
+ export type ChecksvgIconProps = React.ComponentProps<"svg"> & {
9
+ title?: string;
10
+ };
11
+
12
+ export function ChecksvgIcon(props: ChecksvgIconProps) {
13
+ const { className, style, title, ...restProps } = props;
14
+ return (
15
+ <svg
16
+ xmlns={"http://www.w3.org/2000/svg"}
17
+ fill={"none"}
18
+ viewBox={"0 0 24 24"}
19
+ height={"1em"}
20
+ width={"1em"}
21
+ style={{
22
+ fill: "currentcolor",
23
+
24
+ ...(style || {}),
25
+ }}
26
+ className={classNames("plasmic-default__svg", className)}
27
+ {...restProps}
28
+ >
29
+ {title && <title>{title}</title>}
30
+
31
+ <path
32
+ fillRule={"evenodd"}
33
+ clipRule={"evenodd"}
34
+ d={
35
+ "M18.416 5.876a.75.75 0 01.208 1.04L11.42 17.721a1.75 1.75 0 01-2.871.06l-3.156-4.34a.75.75 0 111.214-.882l3.155 4.339a.25.25 0 00.41-.009l7.204-10.805a.75.75 0 011.04-.208z"
36
+ }
37
+ fill={"currentColor"}
38
+ ></path>
39
+ </svg>
40
+ );
41
+ }
42
+
43
+ export default ChecksvgIcon;
44
+ /* prettier-ignore-end */
@@ -0,0 +1,41 @@
1
+ // @ts-nocheck
2
+ /* eslint-disable */
3
+ /* tslint:disable */
4
+ /* prettier-ignore-start */
5
+ import React from "react";
6
+ import { classNames } from "@plasmicapp/react-web";
7
+
8
+ export type IconIconProps = React.ComponentProps<"svg"> & {
9
+ title?: string;
10
+ };
11
+
12
+ export function IconIcon(props: IconIconProps) {
13
+ const { className, style, title, ...restProps } = props;
14
+ return (
15
+ <svg
16
+ xmlns={"http://www.w3.org/2000/svg"}
17
+ stroke={"currentColor"}
18
+ fill={"currentColor"}
19
+ strokeWidth={"0"}
20
+ viewBox={"0 0 16 16"}
21
+ height={"1em"}
22
+ width={"1em"}
23
+ className={classNames("plasmic-default__svg", className)}
24
+ style={style}
25
+ {...restProps}
26
+ >
27
+ {title && <title>{title}</title>}
28
+
29
+ <path
30
+ fillRule={"evenodd"}
31
+ d={
32
+ "M1 8a.5.5 0 01.5-.5h11.793l-3.147-3.146a.5.5 0 01.708-.708l4 4a.5.5 0 010 .708l-4 4a.5.5 0 01-.708-.708L13.293 8.5H1.5A.5.5 0 011 8z"
33
+ }
34
+ stroke={"none"}
35
+ ></path>
36
+ </svg>
37
+ );
38
+ }
39
+
40
+ export default IconIcon;
41
+ /* prettier-ignore-end */
@@ -39,8 +39,8 @@ exports.nextjsStrategy = {
39
39
  ? "--experimental-app"
40
40
  : "--no-experimental-app";
41
41
  const templateArg = template ? ` --template ${template}` : "";
42
- const createCommand = `npx create-next-app@latest ${typescriptArg} ${experimentalAppArg} ${templateArg}` +
43
- ` --eslint --no-src-dir --import-alias "@/*" ${projectPath}`;
42
+ const createCommand = `npx create-next-app@latest ${projectPath} ${typescriptArg} ${experimentalAppArg} ${templateArg}` +
43
+ ` --eslint --no-src-dir --import-alias "@/*" --no-tailwind`;
44
44
  // Default Next.js starter already supports Typescript
45
45
  // See where we `touch tsconfig.json` later on
46
46
  yield (0, cmd_utils_1.spawnOrFail)(createCommand);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-plasmic-app",
3
- "version": "0.0.67",
3
+ "version": "0.0.69",
4
4
  "description": "Create Plasmic-powered React apps",
5
5
  "main": "./dist/lib.js",
6
6
  "types": "./dist/lib.d.ts",
@@ -55,5 +55,5 @@
55
55
  "validate-npm-package-name": "^3.0.0",
56
56
  "yargs": "^16.2.0"
57
57
  },
58
- "gitHead": "8be142e0d99318aa29487ff266426c7076c105d5"
58
+ "gitHead": "e922d5ca909d2556571dffa588b8c1f731493190"
59
59
  }
@@ -30,8 +30,8 @@ export const nextjsStrategy: CPAStrategy = {
30
30
  : "--no-experimental-app";
31
31
  const templateArg = template ? ` --template ${template}` : "";
32
32
  const createCommand =
33
- `npx create-next-app@latest ${typescriptArg} ${experimentalAppArg} ${templateArg}` +
34
- ` --eslint --no-src-dir --import-alias "@/*" ${projectPath}`;
33
+ `npx create-next-app@latest ${projectPath} ${typescriptArg} ${experimentalAppArg} ${templateArg}` +
34
+ ` --eslint --no-src-dir --import-alias "@/*" --no-tailwind`;
35
35
 
36
36
  // Default Next.js starter already supports Typescript
37
37
  // See where we `touch tsconfig.json` later on