@editframe/create 0.40.6 → 0.41.0

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 (67) hide show
  1. package/dist/templates/html/package.json +3 -3
  2. package/dist/templates/react/package.json +3 -3
  3. package/package.json +1 -1
  4. package/dist/templates/animejs/index.html +0 -232
  5. package/dist/templates/animejs/package-lock.json +0 -5330
  6. package/dist/templates/animejs/package.json +0 -23
  7. package/dist/templates/animejs/postcss.config.cjs +0 -5
  8. package/dist/templates/animejs/src/assets/.gitkeep +0 -0
  9. package/dist/templates/animejs/src/assets/bars-n-tone.mp4 +0 -0
  10. package/dist/templates/animejs/src/assets/editframe.png +0 -0
  11. package/dist/templates/animejs/src/index.ts +0 -174
  12. package/dist/templates/animejs/src/styles.css +0 -30
  13. package/dist/templates/animejs/tailwind.config.cjs +0 -8
  14. package/dist/templates/animejs/vite.config.ts +0 -14
  15. package/dist/templates/card-poetry/index.html +0 -119
  16. package/dist/templates/card-poetry/package.json +0 -21
  17. package/dist/templates/card-poetry/postcss.config.cjs +0 -5
  18. package/dist/templates/card-poetry/src/assets/.gitkeep +0 -0
  19. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.json +0 -362
  20. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.mp3 +0 -0
  21. package/dist/templates/card-poetry/src/assets/cards/card-9-spades.png +0 -0
  22. package/dist/templates/card-poetry/src/assets/cards/card-joker.json +0 -326
  23. package/dist/templates/card-poetry/src/assets/cards/card-joker.mp3 +0 -0
  24. package/dist/templates/card-poetry/src/assets/cards/card-joker.png +0 -0
  25. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.json +0 -344
  26. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.mp3 +0 -0
  27. package/dist/templates/card-poetry/src/assets/cards/card-king-clubs.png +0 -0
  28. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.json +0 -338
  29. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.mp3 +0 -0
  30. package/dist/templates/card-poetry/src/assets/cards/card-queen-spades.png +0 -0
  31. package/dist/templates/card-poetry/src/index.js +0 -2
  32. package/dist/templates/card-poetry/src/keyframes.css +0 -163
  33. package/dist/templates/card-poetry/src/styles.css +0 -30
  34. package/dist/templates/card-poetry/tailwind.config.cjs +0 -8
  35. package/dist/templates/card-poetry/vite.config.ts +0 -14
  36. package/dist/templates/react-demo/index.html +0 -16
  37. package/dist/templates/react-demo/package.json +0 -28
  38. package/dist/templates/react-demo/postcss.config.cjs +0 -5
  39. package/dist/templates/react-demo/src/Video.tsx +0 -64
  40. package/dist/templates/react-demo/src/assets/.gitkeep +0 -0
  41. package/dist/templates/react-demo/src/assets/cards/card-9-spades.json +0 -362
  42. package/dist/templates/react-demo/src/assets/cards/card-9-spades.mp3 +0 -0
  43. package/dist/templates/react-demo/src/assets/cards/card-9-spades.png +0 -0
  44. package/dist/templates/react-demo/src/assets/cards/card-joker.json +0 -326
  45. package/dist/templates/react-demo/src/assets/cards/card-joker.mp3 +0 -0
  46. package/dist/templates/react-demo/src/assets/cards/card-joker.png +0 -0
  47. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.json +0 -344
  48. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.mp3 +0 -0
  49. package/dist/templates/react-demo/src/assets/cards/card-king-clubs.png +0 -0
  50. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.json +0 -338
  51. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.mp3 +0 -0
  52. package/dist/templates/react-demo/src/assets/cards/card-queen-spades.png +0 -0
  53. package/dist/templates/react-demo/src/main.tsx +0 -12
  54. package/dist/templates/react-demo/src/styles.css +0 -3
  55. package/dist/templates/react-demo/tailwind.config.cjs +0 -8
  56. package/dist/templates/react-demo/tsconfig.json +0 -113
  57. package/dist/templates/react-demo/vite.config.ts +0 -16
  58. package/dist/templates/simple-demo/index.html +0 -32
  59. package/dist/templates/simple-demo/package.json +0 -21
  60. package/dist/templates/simple-demo/postcss.config.cjs +0 -5
  61. package/dist/templates/simple-demo/src/assets/.gitkeep +0 -0
  62. package/dist/templates/simple-demo/src/assets/bars-n-tone.mp4 +0 -0
  63. package/dist/templates/simple-demo/src/assets/editframe.png +0 -0
  64. package/dist/templates/simple-demo/src/index.js +0 -2
  65. package/dist/templates/simple-demo/src/styles.css +0 -36
  66. package/dist/templates/simple-demo/tailwind.config.cjs +0 -8
  67. package/dist/templates/simple-demo/vite.config.ts +0 -14
@@ -1,163 +0,0 @@
1
- @keyframes fadein {
2
- 0% {
3
- opacity: 0;
4
- }
5
- 50% {
6
- opacity: 0.5;
7
- }
8
- 100% {
9
- opacity: 1;
10
- }
11
- }
12
- @keyframes fadeout {
13
- from {
14
- opacity: 1;
15
- }
16
- to {
17
- opacity: 0;
18
- }
19
- }
20
- @keyframes disco {
21
- from {
22
- filter: hue-rotate(0deg);
23
- }
24
- to {
25
- filter: hue-rotate(360deg);
26
- }
27
- }
28
- @keyframes slide-in-left {
29
- from {
30
- left: -100%;
31
- }
32
- to {
33
- left: 0%;
34
- }
35
- }
36
- @keyframes slide-in-right {
37
- from {
38
- transform: translateX(150%);
39
- }
40
- to {
41
- transform: translateX(0%);
42
- }
43
- }
44
- @keyframes slide-out-right {
45
- from {
46
- transform: translateX(0%);
47
- }
48
- to {
49
- transform: translateX(150%);
50
- }
51
- }
52
- @keyframes flip {
53
- from {
54
- transform: rotateY(0deg);
55
- }
56
- to {
57
- transform: rotateY(180deg);
58
- }
59
- }
60
-
61
- @keyframes rotate {
62
- from {
63
- transform: rotate(0deg);
64
- }
65
- to {
66
- transform: rotate(360deg);
67
- }
68
- }
69
-
70
- @keyframes bounce-in {
71
- 0% {
72
- transform: scale(0.8);
73
- }
74
- 80% {
75
- transform: scale(1.3);
76
- }
77
- 100% {
78
- transform: scale(1);
79
- }
80
- }
81
-
82
- @keyframes zoom-in {
83
- from {
84
- transform: scale(0);
85
- }
86
- to {
87
- transform: scale(1);
88
- }
89
- }
90
-
91
- @keyframes slide-in-left {
92
- from {
93
- transform: translateX(-150%);
94
- }
95
- to {
96
- transform: translateX(0%);
97
- }
98
- }
99
-
100
- @keyframes slide-up {
101
- from {
102
- transform: translateY(0%);
103
- opacity: 1;
104
- }
105
- to {
106
- transform: translateY(-100%);
107
- opacity: 0;
108
- }
109
- }
110
-
111
- @keyframes jiggle {
112
- 0% {
113
- transform: rotate(0deg);
114
- }
115
- 25% {
116
- transform: rotate(5deg);
117
- }
118
- 50% {
119
- transform: rotate(-5deg);
120
- }
121
- 75% {
122
- transform: rotate(5deg);
123
- }
124
- 100% {
125
- transform: rotate(0deg);
126
- }
127
- }
128
-
129
- @keyframes barrel {
130
- 0% {
131
- transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
132
- }
133
- 10% {
134
- transform: translate3d(30px, 10px, -30px) rotate3d(1, 0, 0, 36deg);
135
- }
136
- 20% {
137
- transform: translate3d(60px, 20px, -60px) rotate3d(1, 0, 0, 72deg);
138
- }
139
- 30% {
140
- transform: translate3d(90px, 40px, -90px) rotate3d(1, 1, 0, 108deg);
141
- }
142
- 40% {
143
- transform: translate3d(120px, 60px, -120px) rotate3d(1, 1, 0, 144deg);
144
- }
145
- 50% {
146
- transform: translate3d(150px, 80px, -150px) rotate3d(1, 1, 1, 180deg);
147
- }
148
- 60% {
149
- transform: translate3d(120px, 100px, -120px) rotate3d(1, 1, 1, 216deg);
150
- }
151
- 70% {
152
- transform: translate3d(90px, 120px, -90px) rotate3d(1, 1, 1, 252deg);
153
- }
154
- 80% {
155
- transform: translate3d(60px, 140px, -60px) rotate3d(1, 1, 0, 288deg);
156
- }
157
- 90% {
158
- transform: translate3d(30px, 160px, -30px) rotate3d(1, 0, 0, 324deg);
159
- }
160
- 100% {
161
- transform: translate3d(0px, 180px, 0px) rotate3d(1, 0, 0, 360deg);
162
- }
163
- }
@@ -1,30 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- @keyframes slide-up {
6
- from {
7
- transform: translateY(100%);
8
- }
9
- to {
10
- transform: translateY(0);
11
- }
12
- }
13
-
14
- @keyframes fade-in {
15
- from {
16
- opacity: 0;
17
- }
18
- to {
19
- opacity: 1;
20
- }
21
- }
22
-
23
- @keyframes spin {
24
- from {
25
- transform: rotate(0deg);
26
- }
27
- to {
28
- transform: rotate(360deg);
29
- }
30
- }
@@ -1,8 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- module.exports = {
3
- content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx,css}"],
4
- theme: {
5
- extend: {},
6
- },
7
- plugins: [],
8
- };
@@ -1,14 +0,0 @@
1
- import path from "node:path";
2
- import { vitePluginEditframe } from "@editframe/vite-plugin";
3
- import { defineConfig } from "vite";
4
- import { viteSingleFile } from "vite-plugin-singlefile";
5
-
6
- export default defineConfig({
7
- plugins: [
8
- vitePluginEditframe({
9
- root: path.join(__dirname, "src"),
10
- cacheRoot: path.join(__dirname, "src", "assets"),
11
- }),
12
- viteSingleFile(),
13
- ],
14
- });
@@ -1,16 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Card Poetry</title>
8
- <script type="module" src="./src/main.tsx"></script>
9
- <link rel="stylesheet" href="./src/styles.css" />
10
- </head>
11
-
12
- <body>
13
- <div id="root" class="w-full h-full"></div>
14
- </body>
15
-
16
- </html>
@@ -1,28 +0,0 @@
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.40.6",
15
- "@editframe/react": "0.40.6",
16
- "@editframe/vite-plugin": "0.40.6",
17
- "@vitejs/plugin-react": "^4.3.1",
18
- "tailwindcss": "^3.4.3",
19
- "vite": "^6.3.5",
20
- "vite-plugin-singlefile": "^2.0.1",
21
- "react": "^18.3.0",
22
- "react-dom": "^18.3.0"
23
- },
24
- "devDependencies": {
25
- "@types/react": "^18.3.0",
26
- "@types/react-dom": "^18.3.0"
27
- }
28
- }
@@ -1,5 +0,0 @@
1
- module.exports = {
2
- plugins: {
3
- tailwindcss: {},
4
- },
5
- };
@@ -1,64 +0,0 @@
1
- import React from "react";
2
- import { Timegroup, Audio, Image, useTimingInfo } from "@editframe/react";
3
-
4
- interface CardInfo {
5
- title: string;
6
- id: string;
7
- }
8
-
9
- const cards: CardInfo[] = [
10
- {
11
- title: "9 Of Spades",
12
- id: "card-9-spades",
13
- },
14
- {
15
- title: "King of Clubs",
16
- id: "card-king-clubs",
17
- },
18
- {
19
- title: "Queen of Spades",
20
- id: "card-queen-spades",
21
- },
22
- {
23
- title: "The Joker",
24
- id: "card-joker",
25
- },
26
- ];
27
-
28
- const CardSegment = ({ title, id }: CardInfo) => {
29
- const { ownCurrentTimeMs, durationMs, percentComplete, ref } =
30
- useTimingInfo();
31
-
32
- return (
33
- <Timegroup mode="contain" ref={ref}>
34
- <div className="absolute flex flex-col items-center justify-center z-10">
35
- <h1 className="text-4xl p-4">{title}</h1>
36
- <Audio id={id} src={`/assets/cards/${id}.mp3`} />
37
- <Image src={`/assets/cards/${id}.png`} className="w-1/4" />
38
- <code>
39
- {(ownCurrentTimeMs / 1000).toFixed(2)}s /{" "}
40
- {(durationMs / 1000).toFixed(2)}s
41
- </code>
42
- <progress max="1" value={percentComplete} className="h-[10px]" />
43
- </div>
44
- <Image
45
- src={`/assets/cards/${id}.png`}
46
- className="absolute z-0 blur-lg opacity-20 "
47
- />
48
- </Timegroup>
49
- );
50
- };
51
-
52
- export const Video = () => {
53
- return (
54
- <Timegroup
55
- workbench
56
- className="w-[500px] h-[500px] bg-slate-200 flex items-center justify-center relative overflow-hidden"
57
- mode="sequence"
58
- >
59
- {cards.map((card) => (
60
- <CardSegment key={card.id} {...card} />
61
- ))}
62
- </Timegroup>
63
- );
64
- };
File without changes
@@ -1,362 +0,0 @@
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
- }