@editframe/create 0.7.0-beta.8 → 0.8.0-beta.10

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

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.7.0-beta.8",
-    "@editframe/elements": "0.7.0-beta.8",
-    "@editframe/vite-plugin": "0.7.0-beta.8",
+    "@editframe/cli": "0.8.0-beta.10",
+    "@editframe/elements": "0.8.0-beta.10",
+    "@editframe/vite-plugin": "0.8.0-beta.10",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",
     "vite-plugin-singlefile": "^2.0.1"

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

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.7.0-beta.8",
-    "@editframe/react": "0.7.0-beta.8",
-    "@editframe/vite-plugin": "0.7.0-beta.8",
+    "@editframe/cli": "0.8.0-beta.10",
+    "@editframe/react": "0.8.0-beta.10",
+    "@editframe/vite-plugin": "0.8.0-beta.10",
     "@vitejs/plugin-react": "^4.3.1",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { EFTimegroup, EFAudio, EFImage, useTimingInfo } from "@editframe/react";
+import { Timegroup, Audio, Image, useTimingInfo } from "@editframe/react";
 
 interface CardInfo {
   title: string;
@@ -30,34 +30,34 @@ const CardSegment = ({ title, id }: CardInfo) => {
     useTimingInfo();
 
   return (
-    <EFTimegroup mode="contain" ref={ref}>
+    <Timegroup 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" />
+        <Audio id={id} src={`/assets/cards/${id}.mp3`} />
+        <Image 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
+      <Image
         src={`/assets/cards/${id}.png`}
         className="absolute z-0 blur-lg opacity-20 "
       />
-    </EFTimegroup>
+    </Timegroup>
   );
 };
 
 export const Video = () => {
   return (
-    <EFTimegroup
+    <Timegroup
       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>
+    </Timegroup>
   );
 };

package/dist/templates/simple-demo/package.json

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.7.0-beta.8",
-    "@editframe/elements": "0.7.0-beta.8",
-    "@editframe/vite-plugin": "0.7.0-beta.8",
+    "@editframe/cli": "0.8.0-beta.10",
+    "@editframe/elements": "0.8.0-beta.10",
+    "@editframe/vite-plugin": "0.8.0-beta.10",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",
     "vite-plugin-singlefile": "^2.0.1"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/create",
-  "version": "0.7.0-beta.8",
+  "version": "0.8.0-beta.10",
   "description": "",
   "bin": {
     "create-editframe": "dist/index.js"
@@ -9,9 +9,10 @@
   "main": "index.js",
   "devDependencies": {
     "@types/dom-webcodecs": "^0.1.11",
-    "@types/node": "^20.14.9",
+    "@types/node": "^20.14.13",
     "@types/prompts": "^2.4.9",
-    "vite-plugin-dts": "^3.9.1",
+    "typescript": "^5.5.4",
+    "vite-plugin-dts": "^4.0.3",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "scripts": {

package/dist/index.cjs

@@ -1,43 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-const promises = require("node:fs/promises");
-const path = require("node:path");
-const node_url = require("node:url");
-const prompts = require("prompts");
-const chalk = require("chalk");
-var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
-async function main() {
-  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));
-  const templates = await promises.readdir(path.join(__dirname, "templates"));
-  const answers = await prompts([
-    {
-      type: "text",
-      name: "directoryName",
-      message: "Enter the name of the directory to generate into:",
-      initial: "my-project"
-    },
-    {
-      type: "select",
-      name: "templateName",
-      message: "Choose a starter template:",
-      choices: templates.map((template) => ({
-        title: template,
-        value: template
-      }))
-    }
-  ]);
-  const targetDir = path.join(process.cwd(), answers.directoryName);
-  const templateDir = path.join(__dirname, "templates", answers.templateName);
-  process.stderr.write(`Creating project in directory: ${targetDir}
-`);
-  process.stderr.write(`Using template: ${answers.templateName}`);
-  await promises.cp(templateDir, targetDir, { recursive: true });
-  process.stderr.write("Project created successfully.\n");
-  process.stderr.write(chalk.green("Next steps:\n"));
-  process.stderr.write(`cd ${answers.directoryName}
-`);
-  process.stderr.write("npm install\n");
-  process.stderr.write("npm start\n\n");
-  process.stderr.write("Happy hacking!\n");
-}
-main();