@editframe/create 0.6.0-beta.19 → 0.6.0-beta.22

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 (56) hide show
  1. package/dist/index.cjs +41 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +39 -0
  4. package/dist/templates/card-poetry/index.html +120 -0
  5. package/dist/templates/card-poetry/package.json +21 -0
  6. package/dist/templates/card-poetry/postcss.config.cjs +5 -0
  7. package/dist/templates/card-poetry/src/assets/.gitkeep +0 -0
  8. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.json +362 -0
  9. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.mp3 +0 -0
  10. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.png +0 -0
  11. package/dist/templates/card-poetry/src/assets/cards/card-joker.json +326 -0
  12. package/dist/templates/card-poetry/src/assets/cards/card-joker.mp3 +0 -0
  13. package/dist/templates/card-poetry/src/assets/cards/card-joker.png +0 -0
  14. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.json +344 -0
  15. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.mp3 +0 -0
  16. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.png +0 -0
  17. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.json +338 -0
  18. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.mp3 +0 -0
  19. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.png +0 -0
  20. package/dist/templates/card-poetry/src/index.js +2 -0
  21. package/dist/templates/card-poetry/src/keyframes.css +163 -0
  22. package/dist/templates/card-poetry/src/styles.css +30 -0
  23. package/dist/templates/card-poetry/tailwind.config.js +8 -0
  24. package/dist/templates/card-poetry/vite.config.ts +14 -0
  25. package/dist/templates/react-demo/index.html +13 -0
  26. package/dist/templates/react-demo/package.json +28 -0
  27. package/dist/templates/react-demo/postcss.config.cjs +5 -0
  28. package/dist/templates/react-demo/src/Video.tsx +63 -0
  29. package/dist/templates/react-demo/src/assets/.gitkeep +0 -0
  30. package/dist/templates/react-demo/src/assets/cards/card-9-spades.json +362 -0
  31. package/dist/templates/react-demo/src/assets/cards/card-9-spades.mp3 +0 -0
  32. package/dist/templates/react-demo/src/assets/cards/card-9-spades.png +0 -0
  33. package/dist/templates/react-demo/src/assets/cards/card-joker.json +326 -0
  34. package/dist/templates/react-demo/src/assets/cards/card-joker.mp3 +0 -0
  35. package/dist/templates/react-demo/src/assets/cards/card-joker.png +0 -0
  36. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.json +344 -0
  37. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.mp3 +0 -0
  38. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.png +0 -0
  39. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.json +338 -0
  40. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.mp3 +0 -0
  41. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.png +0 -0
  42. package/dist/templates/react-demo/src/main.tsx +11 -0
  43. package/dist/templates/react-demo/src/styles.css +3 -0
  44. package/dist/templates/react-demo/tailwind.config.js +8 -0
  45. package/dist/templates/react-demo/vite.config.ts +16 -0
  46. package/dist/templates/simple-demo/index.html +31 -0
  47. package/dist/templates/simple-demo/package.json +21 -0
  48. package/dist/templates/simple-demo/postcss.config.cjs +5 -0
  49. package/dist/templates/simple-demo/src/assets/.gitkeep +0 -0
  50. package/dist/templates/simple-demo/src/assets/bars-n-tone.mp4 +0 -0
  51. package/dist/templates/simple-demo/src/assets/editframe.png +0 -0
  52. package/dist/templates/simple-demo/src/index.js +2 -0
  53. package/dist/templates/simple-demo/src/styles.css +30 -0
  54. package/dist/templates/simple-demo/tailwind.config.js +8 -0
  55. package/dist/templates/simple-demo/vite.config.ts +14 -0
  56. package/package.json +1 -1
package/dist/index.cjs ADDED
@@ -0,0 +1,41 @@
1
+ #!/usr/bin/env node
2
+ "use strict";
3
+ const promises = require("node:fs/promises");
4
+ const path = require("node:path");
5
+ const node_url = require("node:url");
6
+ const prompts = require("prompts");
7
+ const chalk = require("chalk");
8
+ var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
9
+ async function main() {
10
+ const __dirname = path.dirname(node_url.fileURLToPath(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
11
+ const templates = await promises.readdir(path.join(__dirname, "templates"));
12
+ const answers = await prompts([
13
+ {
14
+ type: "text",
15
+ name: "directoryName",
16
+ message: "Enter the name of the directory to generate into:",
17
+ initial: "my-project"
18
+ },
19
+ {
20
+ type: "select",
21
+ name: "templateName",
22
+ message: "Choose a starter template:",
23
+ choices: templates.map((template) => ({
24
+ title: template,
25
+ value: template
26
+ }))
27
+ }
28
+ ]);
29
+ const targetDir = path.join(process.cwd(), answers.directoryName);
30
+ const templateDir = path.join(__dirname, "templates", answers.templateName);
31
+ console.log(`Creating project in directory: ${targetDir}`);
32
+ console.log(`Using template: ${answers.templateName}`);
33
+ await promises.cp(templateDir, targetDir, { recursive: true });
34
+ console.log("Project created successfully.");
35
+ console.log(chalk.green("Next steps:\n"));
36
+ console.log(`cd ${answers.directoryName}`);
37
+ console.log("npm install");
38
+ console.log("npm start");
39
+ console.log("Happy hacking!");
40
+ }
41
+ main();
@@ -0,0 +1,2 @@
1
+ #!/usr/bin/env node
2
+ export {};
package/dist/index.js ADDED
@@ -0,0 +1,39 @@
1
+ #!/usr/bin/env node
2
+ import { readdir, cp } from "node:fs/promises";
3
+ import path from "node:path";
4
+ import { fileURLToPath } from "node:url";
5
+ import prompts from "prompts";
6
+ import chalk from "chalk";
7
+ async function main() {
8
+ const __dirname = path.dirname(fileURLToPath(import.meta.url));
9
+ const templates = await readdir(path.join(__dirname, "templates"));
10
+ const answers = await prompts([
11
+ {
12
+ type: "text",
13
+ name: "directoryName",
14
+ message: "Enter the name of the directory to generate into:",
15
+ initial: "my-project"
16
+ },
17
+ {
18
+ type: "select",
19
+ name: "templateName",
20
+ message: "Choose a starter template:",
21
+ choices: templates.map((template) => ({
22
+ title: template,
23
+ value: template
24
+ }))
25
+ }
26
+ ]);
27
+ const targetDir = path.join(process.cwd(), answers.directoryName);
28
+ const templateDir = path.join(__dirname, "templates", answers.templateName);
29
+ console.log(`Creating project in directory: ${targetDir}`);
30
+ console.log(`Using template: ${answers.templateName}`);
31
+ await cp(templateDir, targetDir, { recursive: true });
32
+ console.log("Project created successfully.");
33
+ console.log(chalk.green("Next steps:\n"));
34
+ console.log(`cd ${answers.directoryName}`);
35
+ console.log("npm install");
36
+ console.log("npm start");
37
+ console.log("Happy hacking!");
38
+ }
39
+ main();
@@ -0,0 +1,120 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <script type="module" src="./src/index.js"></script>
6
+ <link rel="stylesheet" href="./src/styles.css" />
7
+ <link rel="stylesheet" href="./src/keyframes.css" />
8
+ <meta name="version" content="169" />
9
+ </head>
10
+ <body>
11
+ <ef-timegroup
12
+ mode="sequence"
13
+ class="h-[500px] w-[500px] overflow-scroll bg-slate-400"
14
+ >
15
+ <ef-timegroup
16
+ mode="contain"
17
+ class="absolute"
18
+ style="
19
+ animation:
20
+ fadein 1250ms backwards,
21
+ fadeout 500ms calc(var(--ef-duration) - 500ms) forwards;
22
+ "
23
+ >
24
+ <ef-audio
25
+ id="nine-spades-poem"
26
+ src="/assets/cards/card-9-spades.mp3"
27
+ ></ef-audio>
28
+ <div
29
+ class="absolute z-10 flex h-full w-full flex-col items-center justify-center"
30
+ >
31
+ <h1
32
+ class="mb-3 inline-block font-serif text-7xl font-extralight underline"
33
+ style="animation: 1s slide-in-left ease-out"
34
+ >
35
+ 9 of Spades
36
+ </h1>
37
+ <ef-image
38
+ class="w-1/4"
39
+ src="/assets/cards/card-9-spades.png"
40
+ style="
41
+ animation-composition: add;
42
+ animation:
43
+ 4s rotate 4s,
44
+ 1s slide-in-left 0.25s ease-out backwards;
45
+ "
46
+ ></ef-image>
47
+ <ef-waveform
48
+ class="h-4 w-1/2 self-center"
49
+ target="#nine-spades-poem"
50
+ ></ef-waveform>
51
+ <ef-captions
52
+ class="h-24 p-2 text-center text-4xl"
53
+ target="#nine-spades-poem"
54
+ ><ef-captions-active-word
55
+ style="
56
+ animation: 0.1s bounce-in ease-out forwards;
57
+ animation-play-state: paused;
58
+ "
59
+ ></ef-captions-active-word
60
+ ></ef-captions>
61
+ </div>
62
+ <ef-image
63
+ class="absolute z-0 h-full opacity-20 blur-md"
64
+ src="/assets/cards/card-9-spades.png"
65
+ style="animation: 1.25s slide-in-left 0.25s ease-out backwards"
66
+ ></ef-image>
67
+ </ef-timegroup>
68
+ <ef-timegroup
69
+ mode="contain"
70
+ class="absolute"
71
+ style="
72
+ animation:
73
+ fadein 1250ms backwards,
74
+ fadeout 500ms calc(var(--ef-duration) - 500ms) forwards;
75
+ "
76
+ >
77
+ <ef-audio id="joker-poem" src="/assets/cards/card-joker.mp3"></ef-audio>
78
+ <div
79
+ class="absolute z-10 flex h-full w-full flex-col items-center justify-center"
80
+ >
81
+ <h1
82
+ class="mb-3 inline-block font-serif text-7xl font-extralight underline"
83
+ style="animation: 1s slide-in-left ease-out"
84
+ >
85
+ The Joker
86
+ </h1>
87
+ <ef-image
88
+ class="w-1/4"
89
+ src="/assets/cards/card-joker.png"
90
+ style="
91
+ animation-composition: add;
92
+ animation:
93
+ 4s rotate 4s,
94
+ 1s slide-in-left 0.25s ease-out backwards;
95
+ "
96
+ ></ef-image>
97
+ <ef-waveform
98
+ class="h-4 w-1/2 self-center"
99
+ target="#joker-poem"
100
+ ></ef-waveform>
101
+ <ef-captions
102
+ class="h-24 p-2 text-center text-4xl"
103
+ target="#joker-poem"
104
+ ><ef-captions-active-word
105
+ style="
106
+ animation: 0.1s bounce-in ease-out forwards;
107
+ animation-play-state: paused;
108
+ "
109
+ ></ef-captions-active-word
110
+ ></ef-captions>
111
+ </div>
112
+ <ef-image
113
+ class="absolute z-0 h-full opacity-20 blur-md"
114
+ src="/assets/cards/card-joker.png"
115
+ style="animation: 1.25s slide-in-left 0.25s ease-out backwards"
116
+ ></ef-image>
117
+ </ef-timegroup>
118
+ </ef-timegroup>
119
+ </body>
120
+ </html>
@@ -0,0 +1,21 @@
1
+ {
2
+ "name": "card-demo",
3
+ "version": "1.0.0",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "type": "module",
7
+ "scripts": {
8
+ "start": "editframe preview"
9
+ },
10
+ "keywords": [],
11
+ "author": "",
12
+ "license": "ISC",
13
+ "dependencies": {
14
+ "@editframe/cli": "0.6.0-beta.22",
15
+ "@editframe/elements": "0.6.0-beta.22",
16
+ "@editframe/vite-plugin": "0.6.0-beta.22",
17
+ "tailwindcss": "^3.4.3",
18
+ "vite": "^5.2.11",
19
+ "vite-plugin-singlefile": "^2.0.1"
20
+ }
21
+ }
@@ -0,0 +1,5 @@
1
+ module.exports = {
2
+ plugins: {
3
+ tailwindcss: {},
4
+ },
5
+ };
File without changes
@@ -0,0 +1,362 @@
1
+ {
2
+ "text": " Behold the unassuming Nine of Spades, a shadowy envoy in the deck, its presence subtle yet commanding. This card, with its sleek black design, whispers tales of mystery and strategy. A strategic companion in the realm of poker and beyond, the Nine of Spades wields influence from the sidelines, a silent architect of fate.",
3
+ "segments": [
4
+ {
5
+ "start": 0.1,
6
+ "end": 6.1,
7
+ "text": " Behold the unassuming Nine of Spades, a shadowy envoy in the deck, its presence subtle yet commanding.",
8
+ "confidence": 0.94,
9
+ "words": [
10
+ {
11
+ "text": "Behold",
12
+ "start": 0.1,
13
+ "end": 0.38,
14
+ "confidence": 0.92
15
+ },
16
+ {
17
+ "text": "the",
18
+ "start": 0.38,
19
+ "end": 0.54,
20
+ "confidence": 0.99
21
+ },
22
+ {
23
+ "text": "unassuming",
24
+ "start": 0.54,
25
+ "end": 1.06,
26
+ "confidence": 0.99
27
+ },
28
+ {
29
+ "text": "Nine",
30
+ "start": 1.06,
31
+ "end": 1.32,
32
+ "confidence": 0.91
33
+ },
34
+ {
35
+ "text": "of",
36
+ "start": 1.32,
37
+ "end": 1.48,
38
+ "confidence": 0.99
39
+ },
40
+ {
41
+ "text": "Spades,",
42
+ "start": 1.48,
43
+ "end": 1.98,
44
+ "confidence": 0.98
45
+ },
46
+ {
47
+ "text": "a",
48
+ "start": 2.18,
49
+ "end": 2.26,
50
+ "confidence": 0.98
51
+ },
52
+ {
53
+ "text": "shadowy",
54
+ "start": 2.26,
55
+ "end": 2.74,
56
+ "confidence": 0.99
57
+ },
58
+ {
59
+ "text": "envoy",
60
+ "start": 2.74,
61
+ "end": 3.02,
62
+ "confidence": 0.65
63
+ },
64
+ {
65
+ "text": "in",
66
+ "start": 3.02,
67
+ "end": 3.32,
68
+ "confidence": 0.99
69
+ },
70
+ {
71
+ "text": "the",
72
+ "start": 3.32,
73
+ "end": 3.42,
74
+ "confidence": 0.99
75
+ },
76
+ {
77
+ "text": "deck,",
78
+ "start": 3.42,
79
+ "end": 3.72,
80
+ "confidence": 0.91
81
+ },
82
+ {
83
+ "text": "its",
84
+ "start": 4.04,
85
+ "end": 4.18,
86
+ "confidence": 0.88
87
+ },
88
+ {
89
+ "text": "presence",
90
+ "start": 4.18,
91
+ "end": 4.58,
92
+ "confidence": 0.98
93
+ },
94
+ {
95
+ "text": "subtle",
96
+ "start": 4.58,
97
+ "end": 5.08,
98
+ "confidence": 0.92
99
+ },
100
+ {
101
+ "text": "yet",
102
+ "start": 5.08,
103
+ "end": 5.44,
104
+ "confidence": 0.87
105
+ },
106
+ {
107
+ "text": "commanding.",
108
+ "start": 5.44,
109
+ "end": 6.1,
110
+ "confidence": 0.89
111
+ }
112
+ ]
113
+ },
114
+ {
115
+ "start": 7.12,
116
+ "end": 11.46,
117
+ "text": " This card, with its sleek black design, whispers tales of mystery and strategy.",
118
+ "confidence": 0.99,
119
+ "words": [
120
+ {
121
+ "text": "This",
122
+ "start": 7.12,
123
+ "end": 7.28,
124
+ "confidence": 0.99
125
+ },
126
+ {
127
+ "text": "card,",
128
+ "start": 7.28,
129
+ "end": 7.62,
130
+ "confidence": 1.0
131
+ },
132
+ {
133
+ "text": "with",
134
+ "start": 7.9,
135
+ "end": 8.0,
136
+ "confidence": 1.0
137
+ },
138
+ {
139
+ "text": "its",
140
+ "start": 8.0,
141
+ "end": 8.16,
142
+ "confidence": 0.98
143
+ },
144
+ {
145
+ "text": "sleek",
146
+ "start": 8.16,
147
+ "end": 8.4,
148
+ "confidence": 1.0
149
+ },
150
+ {
151
+ "text": "black",
152
+ "start": 8.4,
153
+ "end": 8.68,
154
+ "confidence": 0.98
155
+ },
156
+ {
157
+ "text": "design,",
158
+ "start": 8.68,
159
+ "end": 9.12,
160
+ "confidence": 1.0
161
+ },
162
+ {
163
+ "text": "whispers",
164
+ "start": 9.48,
165
+ "end": 9.76,
166
+ "confidence": 0.99
167
+ },
168
+ {
169
+ "text": "tales",
170
+ "start": 9.76,
171
+ "end": 10.08,
172
+ "confidence": 0.99
173
+ },
174
+ {
175
+ "text": "of",
176
+ "start": 10.08,
177
+ "end": 10.32,
178
+ "confidence": 1.0
179
+ },
180
+ {
181
+ "text": "mystery",
182
+ "start": 10.32,
183
+ "end": 10.68,
184
+ "confidence": 1.0
185
+ },
186
+ {
187
+ "text": "and",
188
+ "start": 10.68,
189
+ "end": 11.04,
190
+ "confidence": 0.98
191
+ },
192
+ {
193
+ "text": "strategy.",
194
+ "start": 11.04,
195
+ "end": 11.46,
196
+ "confidence": 1.0
197
+ }
198
+ ]
199
+ },
200
+ {
201
+ "start": 12.68,
202
+ "end": 15.74,
203
+ "text": " A strategic companion in the realm of poker and beyond,",
204
+ "confidence": 0.97,
205
+ "words": [
206
+ {
207
+ "text": "A",
208
+ "start": 12.68,
209
+ "end": 12.8,
210
+ "confidence": 0.99
211
+ },
212
+ {
213
+ "text": "strategic",
214
+ "start": 12.8,
215
+ "end": 13.22,
216
+ "confidence": 0.99
217
+ },
218
+ {
219
+ "text": "companion",
220
+ "start": 13.22,
221
+ "end": 13.84,
222
+ "confidence": 1.0
223
+ },
224
+ {
225
+ "text": "in",
226
+ "start": 13.84,
227
+ "end": 14.18,
228
+ "confidence": 1.0
229
+ },
230
+ {
231
+ "text": "the",
232
+ "start": 14.18,
233
+ "end": 14.28,
234
+ "confidence": 1.0
235
+ },
236
+ {
237
+ "text": "realm",
238
+ "start": 14.28,
239
+ "end": 14.48,
240
+ "confidence": 0.98
241
+ },
242
+ {
243
+ "text": "of",
244
+ "start": 14.48,
245
+ "end": 14.64,
246
+ "confidence": 1.0
247
+ },
248
+ {
249
+ "text": "poker",
250
+ "start": 14.64,
251
+ "end": 14.96,
252
+ "confidence": 0.9
253
+ },
254
+ {
255
+ "text": "and",
256
+ "start": 14.96,
257
+ "end": 15.34,
258
+ "confidence": 0.86
259
+ },
260
+ {
261
+ "text": "beyond,",
262
+ "start": 15.34,
263
+ "end": 15.74,
264
+ "confidence": 1.0
265
+ }
266
+ ]
267
+ },
268
+ {
269
+ "start": 16.02,
270
+ "end": 20.32,
271
+ "text": " the Nine of Spades wields influence from the sidelines, a silent architect of fate.",
272
+ "confidence": 0.98,
273
+ "words": [
274
+ {
275
+ "text": "the",
276
+ "start": 16.02,
277
+ "end": 16.18,
278
+ "confidence": 0.91
279
+ },
280
+ {
281
+ "text": "Nine",
282
+ "start": 16.18,
283
+ "end": 16.38,
284
+ "confidence": 0.97
285
+ },
286
+ {
287
+ "text": "of",
288
+ "start": 16.38,
289
+ "end": 16.54,
290
+ "confidence": 1.0
291
+ },
292
+ {
293
+ "text": "Spades",
294
+ "start": 16.54,
295
+ "end": 16.86,
296
+ "confidence": 0.97
297
+ },
298
+ {
299
+ "text": "wields",
300
+ "start": 16.86,
301
+ "end": 17.28,
302
+ "confidence": 0.99
303
+ },
304
+ {
305
+ "text": "influence",
306
+ "start": 17.28,
307
+ "end": 17.66,
308
+ "confidence": 0.99
309
+ },
310
+ {
311
+ "text": "from",
312
+ "start": 17.66,
313
+ "end": 17.92,
314
+ "confidence": 1.0
315
+ },
316
+ {
317
+ "text": "the",
318
+ "start": 17.92,
319
+ "end": 18.08,
320
+ "confidence": 1.0
321
+ },
322
+ {
323
+ "text": "sidelines,",
324
+ "start": 18.08,
325
+ "end": 18.7,
326
+ "confidence": 0.94
327
+ },
328
+ {
329
+ "text": "a",
330
+ "start": 19.0,
331
+ "end": 19.08,
332
+ "confidence": 0.98
333
+ },
334
+ {
335
+ "text": "silent",
336
+ "start": 19.08,
337
+ "end": 19.36,
338
+ "confidence": 1.0
339
+ },
340
+ {
341
+ "text": "architect",
342
+ "start": 19.36,
343
+ "end": 19.8,
344
+ "confidence": 0.98
345
+ },
346
+ {
347
+ "text": "of",
348
+ "start": 19.8,
349
+ "end": 20.06,
350
+ "confidence": 0.99
351
+ },
352
+ {
353
+ "text": "fate.",
354
+ "start": 20.06,
355
+ "end": 20.32,
356
+ "confidence": 0.98
357
+ }
358
+ ]
359
+ }
360
+ ],
361
+ "language": "en"
362
+ }