@editframe/create 0.48.0 → 0.48.1

package/dist/templates/{templates/html → html}/package.json

@@ -7,9 +7,9 @@
     "start": "editframe preview"
   },
   "dependencies": {
-    "@editframe/cli": "0.48.0",
-    "@editframe/elements": "0.48.0",
-    "@editframe/vite-plugin": "0.48.0",
+    "@editframe/cli": "0.48.1",
+    "@editframe/elements": "0.48.1",
+    "@editframe/vite-plugin": "0.48.1",
     "tailwindcss": "^3.4.3",
     "vite": "^6.3.5",
     "vite-plugin-singlefile": "^2.0.1"

package/dist/templates/html/src/index.js

@@ -0,0 +1,2 @@
+import "@editframe/elements";
+import "@editframe/elements/styles.css";

package/dist/templates/html/src/styles.css

@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body > ef-workbench {
+  width: 100vw !important;
+  height: 100vh !important;
+}

package/dist/templates/{templates/react → react}/package.json

@@ -7,9 +7,9 @@
     "start": "editframe preview"
   },
   "dependencies": {
-    "@editframe/cli": "0.48.0",
-    "@editframe/react": "0.48.0",
-    "@editframe/vite-plugin": "0.48.0",
+    "@editframe/cli": "0.48.1",
+    "@editframe/react": "0.48.1",
+    "@editframe/vite-plugin": "0.48.1",
     "@vitejs/plugin-react": "^4.3.1",
     "tailwindcss": "^3.4.3",
     "vite": "^6.3.5",

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { Timegroup, Text } from "@editframe/react";
+
+export const Video = () => {
+  return (
+    <Timegroup
+      workbench
+      className="w-[1920px] h-[1080px] bg-black flex items-center justify-center relative overflow-hidden"
+      mode="sequence"
+    >
+      {/* Add your composition here */}
+      <Timegroup
+        mode="fixed"
+        duration="5s"
+        className="absolute w-full h-full flex items-center justify-center"
+      >
+        <Text duration="5s" className="text-white text-4xl">
+          Your video starts here
+        </Text>
+      </Timegroup>
+    </Timegroup>
+  );
+};

package/dist/templates/react/src/main.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { TimelineRoot } from "@editframe/react";
+import { Video } from "./Video";
+import "@editframe/elements/styles.css";
+
+const root = document.getElementById("root");
+if (!root) {
+  throw new Error("Root element not found");
+}
+
+ReactDOM.createRoot(root).render(<TimelineRoot id="root" component={Video} />);

package/dist/templates/react/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/create",
-  "version": "0.48.0",
+  "version": "0.48.1",
   "description": "",
   "bin": {
     "create-editframe": "dist/index.js"

package/tsdown.config.ts

@@ -13,11 +13,11 @@ export default defineConfig(
     copy: [
       {
         from: "src/templates",
-        to: "dist/templates",
+        to: "dist",
       },
       {
         from: "src/skills",
-        to: "dist/skills",
+        to: "dist",
       },
     ],
     hooks: {