@editframe/elements 0.25.0-beta.0 → 0.26.0-beta.0

package/src/elements/updateAnimations.ts

@@ -156,7 +156,18 @@ const coordinateAnimationsForSingleElement = (
 
     const adjustedTime = currentTime - delay;
     const currentIteration = Math.floor(adjustedTime / duration);
-    const currentIterationTime = adjustedTime % duration;
+    let currentIterationTime = adjustedTime % duration;
+
+    // Handle animation-direction
+    const direction = timing.direction || "normal";
+    const shouldReverse =
+      direction === "reverse" ||
+      (direction === "alternate" && currentIteration % 2 === 1) ||
+      (direction === "alternate-reverse" && currentIteration % 2 === 0);
+
+    if (shouldReverse) {
+      currentIterationTime = duration - currentIterationTime;
+    }
 
     // Calculate the total animation timeline length (delay + duration * iterations)
     const totalAnimationLength = delay + duration * iterations;

package/src/transcoding/types/index.ts

@@ -275,6 +275,7 @@ export interface MediaEngine {
     audioBufferDurationMs: number;
     maxVideoBufferFetches: number;
     maxAudioBufferFetches: number;
+    bufferThresholdMs: number;
   };
 
   /**

package/tsdown.config.ts

@@ -1,11 +1,13 @@
 import { readFileSync } from "node:fs";
 import path from "node:path";
-
+import autoprefixer from "autoprefixer";
+import postcss from "postcss";
+import tailwindcss from "tailwindcss";
 import { defineConfig, type Plugin } from "tsdown";
 
 import { createTsdownConfig } from "../tsdown.config.base.ts";
 
-// Plugin to handle CSS ?inline imports
+// Plugin to handle CSS ?inline imports with Tailwind processing
 const inlineCssPlugin = (): Plugin => ({
   name: "inline-css",
   resolveId(source, importer) {
@@ -18,10 +20,24 @@ const inlineCssPlugin = (): Plugin => ({
     }
     return null;
   },
-  load(id) {
+  async load(id) {
     if (id.endsWith("?inline")) {
       const filePath = id.replace("?inline", "");
       const css = readFileSync(filePath, "utf-8");
+
+      // Process through Tailwind if it contains @tailwind directives
+      if (css.includes("@tailwind")) {
+        const srcDir = path.resolve(path.dirname(filePath));
+        const result = await postcss([
+          tailwindcss({
+            content: [path.join(srcDir, "**/*.ts")],
+          }),
+          autoprefixer(),
+        ]).process(css, { from: filePath });
+
+        return `export default ${JSON.stringify(result.css)}`;
+      }
+
       return `export default ${JSON.stringify(css)}`;
     }
     return null;
@@ -32,5 +48,10 @@ export default defineConfig(
   createTsdownConfig({
     plugins: [inlineCssPlugin()],
     external: [/@editframe\/assets/],
+    publint: false, // Disabled because CSS is built after tsdown
+    additionalExports: {
+      "./styles.css": "./dist/style.css",
+      "./types.json": "./types.json",
+    },
   }),
 );