1
-
2
- // This file is autogenerated by scripts/build-preview-imports.ts
3
- // Do not edit this file directly.
4
- import React from "react" ;
5
-
6
- export const previews = {
7
- "components/animations/sparkle-button" : {
8
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/components/animations/sparkle-button" ) ) ,
9
- code : `import { Button } from "@/modules/components/sparkle-button";
1
+ // This file is autogenerated by scripts/build-preview-imports.ts
2
+ // Do not edit this file directly.
3
+ import React from "react" ;
4
+
5
+ export const previews = {
6
+ "components/animations/sparkle-button" : {
7
+ component : React . lazy < React . FC > (
8
+ ( ) => import ( "~/content/components/animations/sparkle-button" )
9
+ ) ,
10
+ code : `import { Button } from "@/modules/components/sparkle-button";
10
11
11
12
export default function SparkleButton() {
12
13
return <Button variant="sparkle">Get started</Button>;
13
14
}
14
- `
15
- } ,
16
- "components/marketing/hero-section" : {
17
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/components/marketing/hero-section" ) ) ,
18
- code : `import React from "react";
15
+ ` ,
16
+ } ,
17
+ "components/marketing/hero-section" : {
18
+ component : React . lazy < React . FC > (
19
+ ( ) => import ( "~/content/components/marketing/hero-section" )
20
+ ) ,
21
+ code : `import React from "react";
19
22
import Link from "next/link";
20
23
import { ArrowRightIcon, SearchIcon, SparklesIcon } from "lucide-react";
21
24
import { badgeVariants } from "@/components/ui/badge";
@@ -54,18 +57,18 @@ export default function Demo() {
54
57
</section>
55
58
);
56
59
}
57
- `
58
- } ,
59
- "hooks/use-continuous-retry" : {
60
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-continuous-retry" ) ) ,
61
- code : `export default function Demo() {
60
+ ` ,
61
+ } ,
62
+ "hooks/use-continuous-retry" : {
63
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-continuous-retry" ) ) ,
64
+ code : `export default function Demo() {
62
65
return <div>demo</div>;
63
66
}
64
- `
65
- } ,
66
- "hooks/use-debounce" : {
67
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-debounce" ) ) ,
68
- code : `"use client";
67
+ ` ,
68
+ } ,
69
+ "hooks/use-debounce" : {
70
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-debounce" ) ) ,
71
+ code : `"use client";
69
72
70
73
import * as React from "react";
71
74
import { Loader2Icon, SearchIcon } from "lucide-react";
@@ -118,88 +121,94 @@ export default function UseDebounceDemo() {
118
121
</div>
119
122
);
120
123
}
121
- `
122
- } ,
123
- "hooks/use-fetch" : {
124
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-fetch" ) ) ,
125
- code : `export default function Demo() {
124
+ ` ,
125
+ } ,
126
+ "hooks/use-fetch" : {
127
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-fetch" ) ) ,
128
+ code : `export default function Demo() {
126
129
return <div>demo</div>;
127
130
}
128
- `
129
- } ,
130
- "hooks/use-intersection-observer" : {
131
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-intersection-observer" ) ) ,
132
- code : `export default function Demo() {
131
+ ` ,
132
+ } ,
133
+ "hooks/use-intersection-observer" : {
134
+ component : React . lazy < React . FC > (
135
+ ( ) => import ( "~/content/hooks/use-intersection-observer" )
136
+ ) ,
137
+ code : `export default function Demo() {
133
138
return <div>demo</div>;
134
139
}
135
- `
136
- } ,
137
- "hooks/use-local-storage" : {
138
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-local-storage" ) ) ,
139
- code : `export default function Demo() {
140
+ ` ,
141
+ } ,
142
+ "hooks/use-local-storage" : {
143
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-local-storage" ) ) ,
144
+ code : `export default function Demo() {
140
145
return <div>demo</div>;
141
146
}
142
- `
143
- } ,
144
- "hooks/use-media-query" : {
145
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-media-query" ) ) ,
146
- code : `export default function Demo() {
147
+ ` ,
148
+ } ,
149
+ "hooks/use-media-query" : {
150
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-media-query" ) ) ,
151
+ code : `export default function Demo() {
147
152
return <div>demo</div>;
148
153
}
149
- `
150
- } ,
151
- "hooks/use-network-state" : {
152
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-network-state" ) ) ,
153
- code : `export default function Demo() {
154
+ ` ,
155
+ } ,
156
+ "hooks/use-network-state" : {
157
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-network-state" ) ) ,
158
+ code : `export default function Demo() {
154
159
return <div>demo</div>;
155
160
}
156
- `
157
- } ,
158
- "hooks/use-orientation" : {
159
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-orientation" ) ) ,
160
- code : `export default function Demo() {
161
+ ` ,
162
+ } ,
163
+ "hooks/use-orientation" : {
164
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-orientation" ) ) ,
165
+ code : `export default function Demo() {
161
166
return <div>demo</div>;
162
167
}
163
- `
164
- } ,
165
- "hooks/use-preferred-language" : {
166
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-preferred-language" ) ) ,
167
- code : `export default function Demo() {
168
+ ` ,
169
+ } ,
170
+ "hooks/use-preferred-language" : {
171
+ component : React . lazy < React . FC > (
172
+ ( ) => import ( "~/content/hooks/use-preferred-language" )
173
+ ) ,
174
+ code : `export default function Demo() {
168
175
return <div>demo</div>;
169
176
}
170
- `
171
- } ,
172
- "hooks/use-previous" : {
173
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-previous" ) ) ,
174
- code : `export default function Demo() {
177
+ ` ,
178
+ } ,
179
+ "hooks/use-previous" : {
180
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-previous" ) ) ,
181
+ code : `export default function Demo() {
175
182
return <div>demo</div>;
176
183
}
177
- `
178
- } ,
179
- "hooks/use-session-storage" : {
180
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-session-storage" ) ) ,
181
- code : `export default function Demo() {
184
+ ` ,
185
+ } ,
186
+ "hooks/use-session-storage" : {
187
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-session-storage" ) ) ,
188
+ code : `export default function Demo() {
182
189
return <div>demo</div>;
183
190
}
184
- `
185
- } ,
186
- "hooks/use-visibility-change" : {
187
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-visibility-change" ) ) ,
188
- code : `export default function Demo() {
191
+ ` ,
192
+ } ,
193
+ "hooks/use-visibility-change" : {
194
+ component : React . lazy < React . FC > (
195
+ ( ) => import ( "~/content/hooks/use-visibility-change" )
196
+ ) ,
197
+ code : `export default function Demo() {
189
198
return <div>demo</div>;
190
199
}
191
- `
192
- } ,
193
- "hooks/use-window-size" : {
194
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-window-size" ) ) ,
195
- code : `export default function Demo() {
200
+ ` ,
201
+ } ,
202
+ "hooks/use-window-size" : {
203
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/hooks/use-window-size" ) ) ,
204
+ code : `export default function Demo() {
196
205
return <div>demo</div>;
197
206
}
198
- `
199
- } ,
200
- "pages/about" : {
201
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/about" ) ) ,
202
- code : `export default function About() {
207
+ ` ,
208
+ } ,
209
+ "pages/about" : {
210
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/about" ) ) ,
211
+ code : `export default function About() {
203
212
return (
204
213
<div className="min-h-screen">
205
214
<h1>About</h1>
@@ -210,11 +219,11 @@ export default function UseDebounceDemo() {
210
219
</div>
211
220
);
212
221
}
213
- `
214
- } ,
215
- "pages/account" : {
216
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/account" ) ) ,
217
- code : `export default function Account() {
222
+ ` ,
223
+ } ,
224
+ "pages/account" : {
225
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/account" ) ) ,
226
+ code : `export default function Account() {
218
227
return (
219
228
<div className="min-h-screen">
220
229
<h1>Account</h1>
@@ -225,11 +234,11 @@ export default function UseDebounceDemo() {
225
234
</div>
226
235
);
227
236
}
228
- `
229
- } ,
230
- "pages/landing" : {
231
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/landing" ) ) ,
232
- code : `export default function Landing() {
237
+ ` ,
238
+ } ,
239
+ "pages/landing" : {
240
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/landing" ) ) ,
241
+ code : `export default function Landing() {
233
242
return (
234
243
<div className="min-h-screen">
235
244
<h1>Landing</h1>
@@ -240,11 +249,11 @@ export default function UseDebounceDemo() {
240
249
</div>
241
250
);
242
251
}
243
- `
244
- } ,
245
- "pages/login" : {
246
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/login" ) ) ,
247
- code : `export default function Login() {
252
+ ` ,
253
+ } ,
254
+ "pages/login" : {
255
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/login" ) ) ,
256
+ code : `export default function Login() {
248
257
return (
249
258
<div className="min-h-screen">
250
259
<h1>Login</h1>
@@ -255,11 +264,11 @@ export default function UseDebounceDemo() {
255
264
</div>
256
265
);
257
266
}
258
- `
259
- } ,
260
- "pages/pricing" : {
261
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/pricing" ) ) ,
262
- code : `export default function Pricing() {
267
+ ` ,
268
+ } ,
269
+ "pages/pricing" : {
270
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/pricing" ) ) ,
271
+ code : `export default function Pricing() {
263
272
return (
264
273
<div className="min-h-screen">
265
274
<h1>Pricing</h1>
@@ -270,11 +279,11 @@ export default function UseDebounceDemo() {
270
279
</div>
271
280
);
272
281
}
273
- `
274
- } ,
275
- "pages/register" : {
276
- component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/register" ) ) ,
277
- code : `export default function Register() {
282
+ ` ,
283
+ } ,
284
+ "pages/register" : {
285
+ component : React . lazy < React . FC > ( ( ) => import ( "~/content/pages/register" ) ) ,
286
+ code : `export default function Register() {
278
287
return (
279
288
<div className="min-h-screen">
280
289
<h1>Register</h1>
@@ -285,6 +294,6 @@ export default function UseDebounceDemo() {
285
294
</div>
286
295
);
287
296
}
288
- `
289
- }
290
- }
297
+ ` ,
298
+ } ,
299
+ } ;
0 commit comments