@webgamekit/recording 0.0.0-stage → 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { recordCreate } from './recorder';
+export type { RecorderConfig, RecorderState, RecorderFormat, StateChangeCallback, Recorder } from './types';

package/dist/index.js

@@ -0,0 +1,51 @@
+const y = (c) => c === "mp4" ? "video/mp4" : "video/webm", D = (c) => {
+  const { canvas: S, duration: p, format: b = "webm", frameRate: w = 30 } = c;
+  let o = {
+    isRecording: !1,
+    elapsed: 0,
+    blob: null
+  }, t = null, d = [];
+  const n = /* @__PURE__ */ new Set();
+  let a = null, s = null, m = 0, l = null;
+  const R = () => {
+    n.forEach((e) => e({ ...o }));
+  }, u = (e) => {
+    o = { ...o, ...e }, R();
+  }, f = () => {
+    a && (clearInterval(a), a = null), s && (clearTimeout(s), s = null);
+  }, v = () => {
+    if (o.isRecording) return;
+    const e = S.captureStream(w), i = y(b);
+    t = new MediaRecorder(e, { mimeType: i }), d = [], t.ondataavailable = (r) => {
+      r.data.size > 0 && d.push(r.data);
+    }, t.onstop = () => {
+      const r = new Blob(d, { type: i });
+      u({ isRecording: !1, blob: r }), f(), l && (l(r), l = null);
+    }, t.start(), m = Date.now(), u({ isRecording: !0, elapsed: 0, blob: null }), a = setInterval(() => {
+      const r = Date.now() - m;
+      u({ elapsed: r });
+    }, 100), p && (s = setTimeout(() => {
+      g();
+    }, p));
+  }, g = () => new Promise((e, i) => {
+    if (!o.isRecording || !t) {
+      i(new Error("Not recording"));
+      return;
+    }
+    l = e, t.stop();
+  });
+  return {
+    recordStart: v,
+    recordStop: g,
+    recordGetState: () => ({ ...o }),
+    recordOnStateChange: (e) => (n.add(e), () => {
+      n.delete(e);
+    }),
+    recordDestroy: () => {
+      o.isRecording && t && t.stop(), f(), n.clear(), t = null;
+    }
+  };
+};
+export {
+  D as recordCreate
+};

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(r,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(r=typeof globalThis<"u"?globalThis:r||self,s(r.WebGameToolkitRecording={}))})(this,function(r){"use strict";const s=u=>u==="mp4"?"video/mp4":"video/webm",y=u=>{const{canvas:T,duration:m,format:R="webm",frameRate:h=30}=u;let o={isRecording:!1,elapsed:0,blob:null},t=null,f=[];const a=new Set;let i=null,l=null,g=0,d=null;const w=()=>{a.forEach(e=>e({...o}))},p=e=>{o={...o,...e},w()},S=()=>{i&&(clearInterval(i),i=null),l&&(clearTimeout(l),l=null)},v=()=>{if(o.isRecording)return;const e=T.captureStream(h),c=s(R);t=new MediaRecorder(e,{mimeType:c}),f=[],t.ondataavailable=n=>{n.data.size>0&&f.push(n.data)},t.onstop=()=>{const n=new Blob(f,{type:c});p({isRecording:!1,blob:n}),S(),d&&(d(n),d=null)},t.start(),g=Date.now(),p({isRecording:!0,elapsed:0,blob:null}),i=setInterval(()=>{const n=Date.now()-g;p({elapsed:n})},100),m&&(l=setTimeout(()=>{b()},m))},b=()=>new Promise((e,c)=>{if(!o.isRecording||!t){c(new Error("Not recording"));return}d=e,t.stop()});return{recordStart:v,recordStop:b,recordGetState:()=>({...o}),recordOnStateChange:e=>(a.add(e),()=>{a.delete(e)}),recordDestroy:()=>{o.isRecording&&t&&t.stop(),S(),a.clear(),t=null}}};r.recordCreate=y,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/dist/recorder.d.ts

@@ -0,0 +1,7 @@
+import type { RecorderConfig, Recorder } from './types';
+/**
+ * Creates a recorder that captures a canvas to a video blob for a fixed duration.
+ * @param config The canvas, duration, format and frame rate.
+ * @returns The recorder, to start, stop and read the result from.
+ */
+export declare const recordCreate: (config: RecorderConfig) => Recorder;

package/dist/types.d.ts

@@ -0,0 +1,20 @@
+export type RecorderFormat = 'webm' | 'mp4';
+export type RecorderConfig = {
+    canvas: HTMLCanvasElement;
+    duration?: number;
+    format?: RecorderFormat;
+    frameRate?: number;
+};
+export type RecorderState = {
+    isRecording: boolean;
+    elapsed: number;
+    blob: Blob | null;
+};
+export type StateChangeCallback = (state: RecorderState) => void;
+export type Recorder = {
+    recordStart: () => void;
+    recordStop: () => Promise<Blob>;
+    recordGetState: () => RecorderState;
+    recordOnStateChange: (callback: StateChangeCallback) => () => void;
+    recordDestroy: () => void;
+};

package/package.json

@@ -1,6 +1,33 @@
 {
   "name": "@webgamekit/recording",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cnotv/generative-art.git",
+    "directory": "packages/recording"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  },
+  "scripts": {
+    "build": "vite build && tsc"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.