npm - @editframe/create - Versions diffs - 0.6.0-beta.17 → 0.6.0-beta.18 - Mend

@editframe/create 0.6.0-beta.17 → 0.6.0-beta.18

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 (25) hide show

package/dist/templates/card-poetry/package.json CHANGED Viewed

@@ -5,15 +5,15 @@
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "editframe preview"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.6.0-beta.17",
-    "@editframe/elements": "0.6.0-beta.17",
-    "@editframe/vite-plugin": "0.6.0-beta.17",
+    "@editframe/cli": "0.6.0-beta.18",
+    "@editframe/elements": "0.6.0-beta.18",
+    "@editframe/vite-plugin": "0.6.0-beta.18",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",
     "vite-plugin-singlefile": "^2.0.1"

package/dist/templates/react-demo/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Card Poetry</title>
+    <script type="module" src="./src/main.tsx"></script>
+    <link rel="stylesheet" href="./src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/templates/react-demo/package.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "name": "card-demo",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "start": "editframe preview"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@editframe/cli": "0.6.0-beta.18",
+    "@editframe/react": "0.6.0-beta.18",
+    "@editframe/vite-plugin": "0.6.0-beta.18",
+    "@vitejs/plugin-react": "^4.3.1",
+    "tailwindcss": "^3.4.3",
+    "vite": "^5.2.11",
+    "vite-plugin-singlefile": "^2.0.1",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0"
+  }
+}

package/dist/templates/react-demo/postcss.config.cjs ADDED Viewed

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+  },
+};

package/dist/templates/react-demo/src/Video.tsx ADDED Viewed

@@ -0,0 +1,62 @@
+import { EFTimegroup, EFAudio, EFImage, useTimingInfo } from "@editframe/react";
+interface CardInfo {
+  title: string;
+  id: string;
+}
+const cards: CardInfo[] = [
+  {
+    title: "9 Of Spades",
+    id: "card-9-spades",
+  },
+  {
+    title: "King of Clubs",
+    id: "card-king-clubs",
+  },
+  {
+    title: "Queen of Spades",
+    id: "card-queen-spades",
+  },
+  {
+    title: "The Joker",
+    id: "card-joker",
+  },
+];
+const CardSegment = ({ title, id }: CardInfo) => {
+  const { ownCurrentTimeMs, durationMs, percentComplete, ref } =
+    useTimingInfo();
+  return (
+    <EFTimegroup mode="contain" ref={ref}>
+      <div className="absolute flex flex-col items-center justify-center z-10">
+        <h1 className="text-4xl p-4">{title}</h1>
+        <EFAudio id={id} src={`/assets/cards/${id}.mp3`} />
+        <EFImage src={`/assets/cards/${id}.png`} className="w-1/4" />
+        <code>
+          {(ownCurrentTimeMs / 1000).toFixed(2)}s /{" "}
+          {(durationMs / 1000).toFixed(2)}s
+        </code>
+        <progress max="1" value={percentComplete} className="h-[10px]" />
+      </div>
+      <EFImage
+        src={`/assets/cards/${id}.png`}
+        className="absolute z-0 blur-lg opacity-20 "
+      />
+    </EFTimegroup>
+  );
+};
+export const Video = () => {
+  return (
+    <EFTimegroup
+      className="w-[500px] h-[500px] bg-slate-200 flex items-center justify-center relative overflow-hidden"
+      mode="sequence"
+    >
+      {cards.map((card) => (
+        <CardSegment key={card.id} {...card} />
+      ))}
+    </EFTimegroup>
+  );
+};

package/dist/templates/react-demo/src/assets/.gitkeep ADDED Viewed

File without changes

package/dist/templates/react-demo/src/assets/cards/card-9-spades.json ADDED Viewed

@@ -0,0 +1,362 @@
+{
+  "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.",
+  "segments": [
+    {
+      "start": 0.1,
+      "end": 6.1,
+      "text": " Behold the unassuming Nine of Spades, a shadowy envoy in the deck, its presence subtle yet commanding.",
+      "confidence": 0.94,
+      "words": [
+        {
+          "text": "Behold",
+          "start": 0.1,
+          "end": 0.38,
+          "confidence": 0.92
+        },
+        {
+          "text": "the",
+          "start": 0.38,
+          "end": 0.54,
+          "confidence": 0.99
+        },
+        {
+          "text": "unassuming",
+          "start": 0.54,
+          "end": 1.06,
+          "confidence": 0.99
+        },
+        {
+          "text": "Nine",
+          "start": 1.06,
+          "end": 1.32,
+          "confidence": 0.91
+        },
+        {
+          "text": "of",
+          "start": 1.32,
+          "end": 1.48,
+          "confidence": 0.99
+        },
+        {
+          "text": "Spades,",
+          "start": 1.48,
+          "end": 1.98,
+          "confidence": 0.98
+        },
+        {
+          "text": "a",
+          "start": 2.18,
+          "end": 2.26,
+          "confidence": 0.98
+        },
+        {
+          "text": "shadowy",
+          "start": 2.26,
+          "end": 2.74,
+          "confidence": 0.99
+        },
+        {
+          "text": "envoy",
+          "start": 2.74,
+          "end": 3.02,
+          "confidence": 0.65
+        },
+        {
+          "text": "in",
+          "start": 3.02,
+          "end": 3.32,
+          "confidence": 0.99
+        },
+        {
+          "text": "the",
+          "start": 3.32,
+          "end": 3.42,
+          "confidence": 0.99
+        },
+        {
+          "text": "deck,",
+          "start": 3.42,
+          "end": 3.72,
+          "confidence": 0.91
+        },
+        {
+          "text": "its",
+          "start": 4.04,
+          "end": 4.18,
+          "confidence": 0.88
+        },
+        {
+          "text": "presence",
+          "start": 4.18,
+          "end": 4.58,
+          "confidence": 0.98
+        },
+        {
+          "text": "subtle",
+          "start": 4.58,
+          "end": 5.08,
+          "confidence": 0.92
+        },
+        {
+          "text": "yet",
+          "start": 5.08,
+          "end": 5.44,
+          "confidence": 0.87
+        },
+        {
+          "text": "commanding.",
+          "start": 5.44,
+          "end": 6.1,
+          "confidence": 0.89
+        }
+      ]
+    },
+    {
+      "start": 7.12,
+      "end": 11.46,
+      "text": " This card, with its sleek black design, whispers tales of mystery and strategy.",
+      "confidence": 0.99,
+      "words": [
+        {
+          "text": "This",
+          "start": 7.12,
+          "end": 7.28,
+          "confidence": 0.99
+        },
+        {
+          "text": "card,",
+          "start": 7.28,
+          "end": 7.62,
+          "confidence": 1.0
+        },
+        {
+          "text": "with",
+          "start": 7.9,
+          "end": 8.0,
+          "confidence": 1.0
+        },
+        {
+          "text": "its",
+          "start": 8.0,
+          "end": 8.16,
+          "confidence": 0.98
+        },
+        {
+          "text": "sleek",
+          "start": 8.16,
+          "end": 8.4,
+          "confidence": 1.0
+        },
+        {
+          "text": "black",
+          "start": 8.4,
+          "end": 8.68,
+          "confidence": 0.98
+        },
+        {
+          "text": "design,",
+          "start": 8.68,
+          "end": 9.12,
+          "confidence": 1.0
+        },
+        {
+          "text": "whispers",
+          "start": 9.48,
+          "end": 9.76,
+          "confidence": 0.99
+        },
+        {
+          "text": "tales",
+          "start": 9.76,
+          "end": 10.08,
+          "confidence": 0.99
+        },
+        {
+          "text": "of",
+          "start": 10.08,
+          "end": 10.32,
+          "confidence": 1.0
+        },
+        {
+          "text": "mystery",
+          "start": 10.32,
+          "end": 10.68,
+          "confidence": 1.0
+        },
+        {
+          "text": "and",
+          "start": 10.68,
+          "end": 11.04,
+          "confidence": 0.98
+        },
+        {
+          "text": "strategy.",
+          "start": 11.04,
+          "end": 11.46,
+          "confidence": 1.0
+        }
+      ]
+    },
+    {
+      "start": 12.68,
+      "end": 15.74,
+      "text": " A strategic companion in the realm of poker and beyond,",
+      "confidence": 0.97,
+      "words": [
+        {
+          "text": "A",
+          "start": 12.68,
+          "end": 12.8,
+          "confidence": 0.99
+        },
+        {
+          "text": "strategic",
+          "start": 12.8,
+          "end": 13.22,
+          "confidence": 0.99
+        },
+        {
+          "text": "companion",
+          "start": 13.22,
+          "end": 13.84,
+          "confidence": 1.0
+        },
+        {
+          "text": "in",
+          "start": 13.84,
+          "end": 14.18,
+          "confidence": 1.0
+        },
+        {
+          "text": "the",
+          "start": 14.18,
+          "end": 14.28,
+          "confidence": 1.0
+        },
+        {
+          "text": "realm",
+          "start": 14.28,
+          "end": 14.48,
+          "confidence": 0.98
+        },
+        {
+          "text": "of",
+          "start": 14.48,
+          "end": 14.64,
+          "confidence": 1.0
+        },
+        {
+          "text": "poker",
+          "start": 14.64,
+          "end": 14.96,
+          "confidence": 0.9
+        },
+        {
+          "text": "and",
+          "start": 14.96,
+          "end": 15.34,
+          "confidence": 0.86
+        },
+        {
+          "text": "beyond,",
+          "start": 15.34,
+          "end": 15.74,
+          "confidence": 1.0
+        }
+      ]
+    },
+    {
+      "start": 16.02,
+      "end": 20.32,
+      "text": " the Nine of Spades wields influence from the sidelines, a silent architect of fate.",
+      "confidence": 0.98,
+      "words": [
+        {
+          "text": "the",
+          "start": 16.02,
+          "end": 16.18,
+          "confidence": 0.91
+        },
+        {
+          "text": "Nine",
+          "start": 16.18,
+          "end": 16.38,
+          "confidence": 0.97
+        },
+        {
+          "text": "of",
+          "start": 16.38,
+          "end": 16.54,
+          "confidence": 1.0
+        },
+        {
+          "text": "Spades",
+          "start": 16.54,
+          "end": 16.86,
+          "confidence": 0.97
+        },
+        {
+          "text": "wields",
+          "start": 16.86,
+          "end": 17.28,
+          "confidence": 0.99
+        },
+        {
+          "text": "influence",
+          "start": 17.28,
+          "end": 17.66,
+          "confidence": 0.99
+        },
+        {
+          "text": "from",
+          "start": 17.66,
+          "end": 17.92,
+          "confidence": 1.0
+        },
+        {
+          "text": "the",
+          "start": 17.92,
+          "end": 18.08,
+          "confidence": 1.0
+        },
+        {
+          "text": "sidelines,",
+          "start": 18.08,
+          "end": 18.7,
+          "confidence": 0.94
+        },
+        {
+          "text": "a",
+          "start": 19.0,
+          "end": 19.08,
+          "confidence": 0.98
+        },
+        {
+          "text": "silent",
+          "start": 19.08,
+          "end": 19.36,
+          "confidence": 1.0
+        },
+        {
+          "text": "architect",
+          "start": 19.36,
+          "end": 19.8,
+          "confidence": 0.98
+        },
+        {
+          "text": "of",
+          "start": 19.8,
+          "end": 20.06,
+          "confidence": 0.99
+        },
+        {
+          "text": "fate.",
+          "start": 20.06,
+          "end": 20.32,
+          "confidence": 0.98
+        }
+      ]
+    }
+  ],
+  "language": "en"
+}

package/dist/templates/react-demo/src/assets/cards/card-9-spades.mp3 ADDED Viewed

Binary file

package/dist/templates/react-demo/src/assets/cards/card-9-spades.png ADDED Viewed

Binary file