@warpgogol/forge 0.21.0 → 0.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warpgogol/forge",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "private": false,
   "type": "module",
   "license": "Apache-2.0",
@@ -15,107 +15,115 @@
     "framework"
   ],
   "homepage": "https://warpgogol.com",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/src/index.js",
+  "types": "./dist/src/index.d.ts",
   "bin": {
     "forge": "./bin/cli.js"
   },
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
     },
     "./types": {
-      "types": "./src/types.ts",
-      "default": "./src/types.ts"
+      "types": "./dist/src/types.d.ts",
+      "default": "./dist/src/types.js"
     },
     "./utils": {
-      "types": "./src/utils/index.ts",
-      "default": "./src/utils/index.ts"
+      "types": "./dist/src/utils/index.d.ts",
+      "default": "./dist/src/utils/index.js"
     },
     "./config": {
-      "types": "./src/config/forge-config.ts",
-      "default": "./src/config/forge-config.ts"
+      "types": "./dist/src/config/forge-config.d.ts",
+      "default": "./dist/src/config/forge-config.js"
     },
     "./os/core": {
-      "types": "./os/core/core.module.ts",
-      "default": "./os/core/core.module.ts"
+      "types": "./dist/os/core/core.module.d.ts",
+      "default": "./dist/os/core/core.module.js"
     },
     "./os/compass": {
-      "types": "./os/compass/index.ts",
-      "default": "./os/compass/index.ts"
+      "types": "./dist/os/compass/index.d.ts",
+      "default": "./dist/os/compass/index.js"
     },
     "./os/naming": {
-      "types": "./os/naming/index.ts",
-      "default": "./os/naming/index.ts"
+      "types": "./dist/os/naming/index.d.ts",
+      "default": "./dist/os/naming/index.js"
     },
     "./os/naming-module": {
-      "types": "./os/naming/naming.module.ts",
-      "default": "./os/naming/naming.module.ts"
+      "types": "./dist/os/naming/naming.module.d.ts",
+      "default": "./dist/os/naming/naming.module.js"
     },
     "./os/rfc": {
-      "types": "./os/rfc/index.ts",
-      "default": "./os/rfc/index.ts"
+      "types": "./dist/os/rfc/index.d.ts",
+      "default": "./dist/os/rfc/index.js"
     },
     "./os/rfc-module": {
-      "types": "./os/rfc/rfc.module.ts",
-      "default": "./os/rfc/rfc.module.ts"
+      "types": "./dist/os/rfc/rfc.module.d.ts",
+      "default": "./dist/os/rfc/rfc.module.js"
     },
     "./os/werkstatt": {
-      "types": "./os/werkstatt/index.ts",
-      "default": "./os/werkstatt/index.ts"
+      "types": "./dist/os/werkstatt/index.d.ts",
+      "default": "./dist/os/werkstatt/index.js"
     },
     "./os/workflow": {
-      "types": "./os/workflow/index.ts",
-      "default": "./os/workflow/index.ts"
+      "types": "./dist/os/workflow/index.d.ts",
+      "default": "./dist/os/workflow/index.js"
     },
     "./os/workflow-module": {
-      "types": "./os/workflow/workflow.module.ts",
-      "default": "./os/workflow/workflow.module.ts"
+      "types": "./dist/os/workflow/workflow.module.d.ts",
+      "default": "./dist/os/workflow/workflow.module.js"
     },
     "./os/spec-module": {
-      "types": "./os/spec/spec.module.ts",
-      "default": "./os/spec/spec.module.ts"
+      "types": "./dist/os/spec/spec.module.d.ts",
+      "default": "./dist/os/spec/spec.module.js"
     },
     "./os/adr": {
-      "types": "./os/adr/index.ts",
-      "default": "./os/adr/index.ts"
+      "types": "./dist/os/adr/index.d.ts",
+      "default": "./dist/os/adr/index.js"
     },
     "./os/adr-module": {
-      "types": "./os/adr/adr.module.ts",
-      "default": "./os/adr/adr.module.ts"
+      "types": "./dist/os/adr/adr.module.d.ts",
+      "default": "./dist/os/adr/adr.module.js"
     },
     "./os/plan": {
-      "types": "./os/plan/index.ts",
-      "default": "./os/plan/index.ts"
+      "types": "./dist/os/plan/index.d.ts",
+      "default": "./dist/os/plan/index.js"
     },
     "./os/plan-module": {
-      "types": "./os/plan/plan.module.ts",
-      "default": "./os/plan/plan.module.ts"
+      "types": "./dist/os/plan/plan.module.d.ts",
+      "default": "./dist/os/plan/plan.module.js"
     },
     "./os/audit": {
-      "types": "./os/audit/index.ts",
-      "default": "./os/audit/index.ts"
+      "types": "./dist/os/audit/index.d.ts",
+      "default": "./dist/os/audit/index.js"
     },
     "./os/audit-module": {
-      "types": "./os/audit/audit.module.ts",
-      "default": "./os/audit/audit.module.ts"
+      "types": "./dist/os/audit/audit.module.d.ts",
+      "default": "./dist/os/audit/audit.module.js"
     },
     "./os/session": {
-      "types": "./os/session/index.ts",
-      "default": "./os/session/index.ts"
+      "types": "./dist/os/session/index.d.ts",
+      "default": "./dist/os/session/index.js"
     },
     "./os/session-module": {
-      "types": "./os/session/session.module.ts",
-      "default": "./os/session/session.module.ts"
+      "types": "./dist/os/session/session.module.d.ts",
+      "default": "./dist/os/session/session.module.js"
     },
     "./os/mission": {
-      "types": "./os/mission/index.ts",
-      "default": "./os/mission/index.ts"
+      "types": "./dist/os/mission/index.d.ts",
+      "default": "./dist/os/mission/index.js"
     },
     "./os/mission-module": {
-      "types": "./os/mission/mission.module.ts",
-      "default": "./os/mission/mission.module.ts"
+      "types": "./dist/os/mission/mission.module.d.ts",
+      "default": "./dist/os/mission/mission.module.js"
+    },
+    "./os/exploration": {
+      "types": "./dist/os/exploration/index.d.ts",
+      "default": "./dist/os/exploration/index.js"
+    },
+    "./os/exploration-module": {
+      "types": "./dist/os/exploration/exploration.module.d.ts",
+      "default": "./dist/os/exploration/exploration.module.js"
     }
   },
   "files": [
@@ -129,15 +137,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "pnpm exec tsc -p tsconfig.json",
-    "build:check": "pnpm exec tsc -p tsconfig.json --noEmit",
-    "clean": "rm -rf dist",
-    "prepublishOnly": "pnpm run clean && pnpm run build && node scripts/publish-check.mjs && node scripts/strip-workspace-deps.mjs",
-    "postpublish": "git checkout -- ./package.json",
-    "test": "vitest run --passWithNoTests",
-    "test:watch": "vitest"
-  },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.700.0",
     "trash": "^10.1.1",
@@ -154,106 +153,13 @@
     "node": ">=20.0.0"
   },
   "publishConfig": {
-    "access": "public",
-    "main": "./dist/src/index.js",
-    "types": "./dist/src/index.d.ts",
-    "exports": {
-      ".": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/src/index.js"
-      },
-      "./types": {
-        "types": "./dist/src/types.d.ts",
-        "default": "./dist/src/types.js"
-      },
-      "./utils": {
-        "types": "./dist/src/utils/index.d.ts",
-        "default": "./dist/src/utils/index.js"
-      },
-      "./config": {
-        "types": "./dist/src/config/forge-config.d.ts",
-        "default": "./dist/src/config/forge-config.js"
-      },
-      "./os/core": {
-        "types": "./dist/os/core/core.module.d.ts",
-        "default": "./dist/os/core/core.module.js"
-      },
-      "./os/compass": {
-        "types": "./dist/os/compass/index.d.ts",
-        "default": "./dist/os/compass/index.js"
-      },
-      "./os/naming": {
-        "types": "./dist/os/naming/index.d.ts",
-        "default": "./dist/os/naming/index.js"
-      },
-      "./os/naming-module": {
-        "types": "./dist/os/naming/naming.module.d.ts",
-        "default": "./dist/os/naming/naming.module.js"
-      },
-      "./os/rfc": {
-        "types": "./dist/os/rfc/index.d.ts",
-        "default": "./dist/os/rfc/index.js"
-      },
-      "./os/rfc-module": {
-        "types": "./dist/os/rfc/rfc.module.d.ts",
-        "default": "./dist/os/rfc/rfc.module.js"
-      },
-      "./os/werkstatt": {
-        "types": "./dist/os/werkstatt/index.d.ts",
-        "default": "./dist/os/werkstatt/index.js"
-      },
-      "./os/workflow": {
-        "types": "./dist/os/workflow/index.d.ts",
-        "default": "./dist/os/workflow/index.js"
-      },
-      "./os/workflow-module": {
-        "types": "./dist/os/workflow/workflow.module.d.ts",
-        "default": "./dist/os/workflow/workflow.module.js"
-      },
-      "./os/spec-module": {
-        "types": "./dist/os/spec/spec.module.d.ts",
-        "default": "./dist/os/spec/spec.module.js"
-      },
-      "./os/adr": {
-        "types": "./dist/os/adr/index.d.ts",
-        "default": "./dist/os/adr/index.js"
-      },
-      "./os/adr-module": {
-        "types": "./dist/os/adr/adr.module.d.ts",
-        "default": "./dist/os/adr/adr.module.js"
-      },
-      "./os/plan": {
-        "types": "./dist/os/plan/index.d.ts",
-        "default": "./dist/os/plan/index.js"
-      },
-      "./os/plan-module": {
-        "types": "./dist/os/plan/plan.module.d.ts",
-        "default": "./dist/os/plan/plan.module.js"
-      },
-      "./os/audit": {
-        "types": "./dist/os/audit/index.d.ts",
-        "default": "./dist/os/audit/index.js"
-      },
-      "./os/audit-module": {
-        "types": "./dist/os/audit/audit.module.d.ts",
-        "default": "./dist/os/audit/audit.module.js"
-      },
-      "./os/session": {
-        "types": "./dist/os/session/index.d.ts",
-        "default": "./dist/os/session/index.js"
-      },
-      "./os/session-module": {
-        "types": "./dist/os/session/session.module.d.ts",
-        "default": "./dist/os/session/session.module.js"
-      },
-      "./os/mission": {
-        "types": "./dist/os/mission/index.d.ts",
-        "default": "./dist/os/mission/index.js"
-      },
-      "./os/mission-module": {
-        "types": "./dist/os/mission/mission.module.d.ts",
-        "default": "./dist/os/mission/mission.module.js"
-      }
-    }
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm exec tsc -p tsconfig.json",
+    "build:check": "pnpm exec tsc -p tsconfig.json --noEmit",
+    "clean": "rm -rf dist",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest"
   }
-}
+}

package/profiles/editframe-templates/composition.tsx

@@ -10,21 +10,45 @@
   - Captions: accessibility captions for speech audio
   Run `editframe preview` to preview, `editframe render` to produce output.
 */
-import {
-  Configuration,
-  Timegroup,
-  Video,
-  Text,
-  Audio,
-  Captions,
-  Workbench,
-} from "@editframe/react";
+import { useEffect, useRef } from "react";
+import { Configuration, Timegroup, Text, Workbench } from "@editframe/react";
+
+const EFWorkbench = Workbench as any;
+const EFConfiguration = Configuration as any;
+const EFTimegroup = Timegroup as any;
+const EFText = Text as any;
 
 export default function Composition() {
+  const workbenchRef = useRef<HTMLElement>(null);
+
+  useEffect(() => {
+    const wb = workbenchRef.current;
+    if (!wb) return;
+
+    const fixReplay = () => {
+      const config = wb.querySelector("ef-configuration");
+      const controller = (config as any)?.playback;
+      if (!controller) return;
+
+      const originalPlay = controller.play.bind(controller);
+      controller.play = (opts?: any) => {
+        if (!opts?.from && controller.currentTime >= controller.duration) {
+          originalPlay({ from: 0, to: opts?.to });
+          return;
+        }
+        originalPlay(opts);
+      };
+    };
+
+    fixReplay();
+    wb.addEventListener("playback-attached", fixReplay);
+    return () => wb.removeEventListener("playback-attached", fixReplay);
+  }, []);
+
   return (
-    <Workbench resolution="1920x1080">
-      <Configuration>
-        <Timegroup
+    <EFWorkbench ref={workbenchRef} resolution="1920x1080">
+      <EFConfiguration>
+        <EFTimegroup
           id="root"
           duration="10s"
           mode="contain"
@@ -37,14 +61,21 @@ export default function Composition() {
             justifyContent: "center",
           }}
         >
-          <Video src="assets/background.mp4" fit="contain" duration="10s" />
-          <Text duration="5s" style={{ color: "white", fontSize: "48px", textAlign: "center" }}>
-            Your text here
-          </Text>
-          <Audio src="assets/narration.mp3" />
-          <Captions src="assets/captions.vtt" />
-        </Timegroup>
-      </Configuration>
-    </Workbench>
+          <EFText
+            duration="10s"
+            style={{
+              color: "white",
+              fontSize: "72px",
+              textAlign: "center",
+              fontFamily: "ui-sans-serif, system-ui, sans-serif",
+              opacity: "min(1, var(--ef-progress, 0) * 5)",
+              transform: "scale(min(1, 0.8 + var(--ef-progress, 0) * 0.2))",
+            }}
+          >
+            Hello, Editframe!
+          </EFText>
+        </EFTimegroup>
+      </EFConfiguration>
+    </EFWorkbench>
   );
 }

package/profiles/editframe.yaml

@@ -455,13 +455,45 @@ firstWorkspace:
           This file declares a video composition using @editframe/react components.
           Run `editframe preview` to preview, `editframe render` to produce output.
         */
+        import { useEffect, useRef } from "react";
         import { Configuration, Timegroup, Text, Workbench } from "@editframe/react";
 
+        const EFWorkbench = Workbench as any;
+        const EFConfiguration = Configuration as any;
+        const EFTimegroup = Timegroup as any;
+        const EFText = Text as any;
+
         export default function Composition() {
+          const workbenchRef = useRef<HTMLElement>(null);
+
+          useEffect(() => {
+            const wb = workbenchRef.current;
+            if (!wb) return;
+
+            const fixReplay = () => {
+              const config = wb.querySelector("ef-configuration");
+              const controller = (config as any)?.playback;
+              if (!controller) return;
+
+              const originalPlay = controller.play.bind(controller);
+              controller.play = (opts?: any) => {
+                if (!opts?.from && controller.currentTime >= controller.duration) {
+                  originalPlay({ from: 0, to: opts?.to });
+                  return;
+                }
+                originalPlay(opts);
+              };
+            };
+
+            fixReplay();
+            wb.addEventListener("playback-attached", fixReplay);
+            return () => wb.removeEventListener("playback-attached", fixReplay);
+          }, []);
+
           return (
-            <Workbench resolution="1920x1080">
-              <Configuration>
-                <Timegroup
+            <EFWorkbench ref={workbenchRef} resolution="1920x1080">
+              <EFConfiguration>
+                <EFTimegroup
                   id="root"
                   duration="10s"
                   mode="contain"
@@ -474,15 +506,22 @@ firstWorkspace:
                     justifyContent: "center",
                   }}
                 >
-                  <Text
-                    duration="5s"
-                    style={{ color: "white", fontSize: "48px", textAlign: "center" }}
+                  <EFText
+                    duration="10s"
+                    style={{
+                      color: "white",
+                      fontSize: "72px",
+                      textAlign: "center",
+                      fontFamily: "ui-sans-serif, system-ui, sans-serif",
+                      opacity: "min(1, var(--ef-progress, 0) * 5)",
+                      transform: "scale(min(1, 0.8 + var(--ef-progress, 0) * 0.2))",
+                    }}
                   >
                     Hello, Editframe!
-                  </Text>
-                </Timegroup>
-              </Configuration>
-            </Workbench>
+                  </EFText>
+                </EFTimegroup>
+              </EFConfiguration>
+            </EFWorkbench>
           );
         }
   install:
@@ -586,13 +625,45 @@ templates:
               This file declares a video composition using @editframe/react components.
               Run `editframe preview` to preview, `editframe render` to produce output.
             */
+            import { useEffect, useRef } from "react";
             import { Configuration, Timegroup, Text, Workbench } from "@editframe/react";
 
+            const EFWorkbench = Workbench as any;
+            const EFConfiguration = Configuration as any;
+            const EFTimegroup = Timegroup as any;
+            const EFText = Text as any;
+
             export default function Composition() {
+              const workbenchRef = useRef<HTMLElement>(null);
+
+              useEffect(() => {
+                const wb = workbenchRef.current;
+                if (!wb) return;
+
+                const fixReplay = () => {
+                  const config = wb.querySelector("ef-configuration");
+                  const controller = (config as any)?.playback;
+                  if (!controller) return;
+
+                  const originalPlay = controller.play.bind(controller);
+                  controller.play = (opts?: any) => {
+                    if (!opts?.from && controller.currentTime >= controller.duration) {
+                      originalPlay({ from: 0, to: opts?.to });
+                      return;
+                    }
+                    originalPlay(opts);
+                  };
+                };
+
+                fixReplay();
+                wb.addEventListener("playback-attached", fixReplay);
+                return () => wb.removeEventListener("playback-attached", fixReplay);
+              }, []);
+
               return (
-                <Workbench resolution="1920x1080">
-                  <Configuration>
-                    <Timegroup
+                <EFWorkbench ref={workbenchRef} resolution="1920x1080">
+                  <EFConfiguration>
+                    <EFTimegroup
                       id="root"
                       duration="10s"
                       mode="contain"
@@ -605,15 +676,22 @@ templates:
                         justifyContent: "center",
                       }}
                     >
-                      <Text
-                        duration="5s"
-                        style={{ color: "white", fontSize: "48px", textAlign: "center" }}
+                      <EFText
+                        duration="10s"
+                        style={{
+                          color: "white",
+                          fontSize: "72px",
+                          textAlign: "center",
+                          fontFamily: "ui-sans-serif, system-ui, sans-serif",
+                          opacity: "min(1, var(--ef-progress, 0) * 5)",
+                          transform: "scale(min(1, 0.8 + var(--ef-progress, 0) * 0.2))",
+                        }}
                       >
                         Hello, Editframe!
-                      </Text>
-                    </Timegroup>
-                  </Configuration>
-                </Workbench>
+                      </EFText>
+                    </EFTimegroup>
+                  </EFConfiguration>
+                </EFWorkbench>
               );
             }
       install: