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

package/dist/index.cjs

@@ -4,6 +4,7 @@ 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));
@@ -31,5 +32,10 @@ async function main() {
   console.log(`Using template: ${answers.templateName}`);
   await promises.cp(templateDir, targetDir, { recursive: true });
   console.log("Project created successfully.");
+  console.log(chalk.green("Next steps:\n"));
+  console.log(`cd ${answers.directoryName}`);
+  console.log("npm install");
+  console.log("npm start");
+  console.log("Happy hacking!");
 }
 main();

package/dist/index.js

@@ -3,6 +3,7 @@ import { readdir, cp } from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import prompts from "prompts";
+import chalk from "chalk";
 async function main() {
   const __dirname = path.dirname(fileURLToPath(import.meta.url));
   const templates = await readdir(path.join(__dirname, "templates"));
@@ -29,5 +30,10 @@ async function main() {
   console.log(`Using template: ${answers.templateName}`);
   await cp(templateDir, targetDir, { recursive: true });
   console.log("Project created successfully.");
+  console.log(chalk.green("Next steps:\n"));
+  console.log(`cd ${answers.directoryName}`);
+  console.log("npm install");
+  console.log("npm start");
+  console.log("Happy hacking!");
 }
 main();

package/dist/templates/card-poetry/index.html

@@ -18,8 +18,60 @@
         style="
           animation:
             fadein 1250ms backwards,
-            fadeout 50ms calc(var(--ef-duration) - 50ms) forwards,
-            250ms slide-out-right calc(var(--ef-duration) - 250ms) forwards;
+            fadeout 500ms calc(var(--ef-duration) - 500ms) forwards;
+        "
+      >
+        <ef-audio
+          id="nine-spades-poem"
+          src="/assets/cards/card-9-spades.mp3"
+        ></ef-audio>
+        <div
+          class="absolute z-10 flex h-full w-full flex-col items-center justify-center"
+        >
+          <h1
+            class="mb-3 inline-block font-serif text-7xl font-extralight underline"
+            style="animation: 1s slide-in-left ease-out"
+          >
+            9 of Spades
+          </h1>
+          <ef-image
+            class="w-1/4"
+            src="/assets/cards/card-9-spades.png"
+            style="
+              animation-composition: add;
+              animation:
+                4s rotate 4s,
+                1s slide-in-left 0.25s ease-out backwards;
+            "
+          ></ef-image>
+          <ef-waveform
+            class="h-4 w-1/2 self-center"
+            target="#nine-spades-poem"
+          ></ef-waveform>
+          <ef-captions
+            class="h-24 p-2 text-center text-4xl"
+            target="#nine-spades-poem"
+            ><ef-captions-active-word
+              style="
+                animation: 0.1s bounce-in ease-out forwards;
+                animation-play-state: paused;
+              "
+            ></ef-captions-active-word
+          ></ef-captions>
+        </div>
+        <ef-image
+          class="absolute z-0 h-full opacity-20 blur-md"
+          src="/assets/cards/card-9-spades.png"
+          style="animation: 1.25s slide-in-left 0.25s ease-out backwards"
+        ></ef-image>
+      </ef-timegroup>
+      <ef-timegroup
+        mode="contain"
+        class="absolute"
+        style="
+          animation:
+            fadein 1250ms backwards,
+            fadeout 500ms calc(var(--ef-duration) - 500ms) forwards;
         "
       >
         <ef-audio id="joker-poem" src="/assets/cards/card-joker.mp3"></ef-audio>
@@ -49,7 +101,12 @@
           <ef-captions
             class="h-24 p-2 text-center text-4xl"
             target="#joker-poem"
-            ><ef-captions-active-word></ef-captions-active-word
+            ><ef-captions-active-word
+              style="
+                animation: 0.1s bounce-in ease-out forwards;
+                animation-play-state: paused;
+              "
+            ></ef-captions-active-word
           ></ef-captions>
         </div>
         <ef-image

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

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.6.0-beta.15",
-    "@editframe/elements": "0.6.0-beta.15",
-    "@editframe/vite-plugin": "0.6.0-beta.15",
+    "@editframe/cli": "0.6.0-beta.17",
+    "@editframe/elements": "0.6.0-beta.17",
+    "@editframe/vite-plugin": "0.6.0-beta.17",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",
     "vite-plugin-singlefile": "^2.0.1"

package/dist/templates/card-poetry/postcss.config.cjs

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

package/dist/templates/card-poetry/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
+import { vitePluginEditframe } from "@editframe/vite-plugin";
+import path from "node:path";
+
+export default defineConfig({
+  plugins: [
+    vitePluginEditframe({
+      root: path.join(__dirname, "src"),
+      cacheRoot: path.join(__dirname, "src", "assets"),
+    }),
+    viteSingleFile(),
+  ],
+});

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

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@editframe/cli": "0.6.0-beta.15",
-    "@editframe/elements": "0.6.0-beta.15",
-    "@editframe/vite-plugin": "0.6.0-beta.15",
+    "@editframe/cli": "0.6.0-beta.17",
+    "@editframe/elements": "0.6.0-beta.17",
+    "@editframe/vite-plugin": "0.6.0-beta.17",
     "tailwindcss": "^3.4.3",
     "vite": "^5.2.11",
     "vite-plugin-singlefile": "^2.0.1"

package/dist/templates/simple-demo/postcss.config.cjs

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

package/dist/templates/simple-demo/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
+import { vitePluginEditframe } from "@editframe/vite-plugin";
+import path from "node:path";
+
+export default defineConfig({
+  plugins: [
+    vitePluginEditframe({
+      root: path.join(__dirname, "src"),
+      cacheRoot: path.join(__dirname, "src", "assets"),
+    }),
+    viteSingleFile(),
+  ],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/create",
-  "version": "0.6.0-beta.15",
+  "version": "0.6.0-beta.17",
   "description": "",
   "bin": {
     "create-editframe": "dist/index.js"
@@ -22,6 +22,7 @@
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
+    "chalk": "^5.3.0",
     "prompts": "^2.4.2"
   }
 }