@solidrt/core 0.0.1-exp.4 → 0.0.1-exp.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidrt/core",
-  "version": "0.0.1-exp.4",
+  "version": "0.0.1-exp.5",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

package/src/index.ts

@@ -1 +1,2 @@
 export * from "./renderer"
+export { onRender, onResize } from "./window"

package/src/types.d.ts

@@ -1,6 +1,10 @@
 import type { Accessor, JSX as SolidJSX } from "@solidjs/signals"
 
 declare global {
+  let Flux: {
+    on(event: string, callback: (data: any) => void): () => void
+  }
+
   let ffi: {
     createRoot(id: number): void
     createNode(id: number, kind: string): void

package/src/window.ts

@@ -5,26 +5,47 @@ import { onCleanup, onSettled } from "@solidjs/signals"
 let nextFrameId = 1
 let animationFrames = new Map<number, Function>()
 
-export let requestAnimationFrame = (fn: (tick: number) => void) => {
-  let id = nextFrameId++
-  animationFrames.set(id, fn)
-  return id
-}
-
-export let cancelAnimationFrame = (id: number) => {
-  animationFrames.delete(id)
-}
-
+/**
+ * Calls `fn` on every rendered frame. Returns a cleanup function to stop rendering.
+ * When called within a reactive scope (e.g. a component or createEffect), cleanup is also automatic.
+ */
 export function onRender(fn: (tick: number) => void) {
   let frameId: number = null!
 
   let extendedFn = (tick: number) => {
     fn(tick)
-    frameId = requestAnimationFrame(extendedFn)
+    frameId = nextFrameId++
+    animationFrames.set(frameId, extendedFn)
   }
 
-  frameId = requestAnimationFrame(extendedFn)
-  onCleanup(() => cancelAnimationFrame(frameId))
+  frameId = nextFrameId++
+  animationFrames.set(frameId, extendedFn)
+
+  let cleanup = () => animationFrames.delete(frameId)
+  onCleanup(cleanup)
+  return cleanup
+}
+
+// ------ Resize ----------------
+
+interface SafeArea {
+  top: number
+  left: number
+  right: number
+  bottom: number
+}
+
+interface ResizeEvent {
+  width: number
+  height: number
+  safeArea: SafeArea
+  displayScale: number
+}
+
+export function onResize(fn: (data: ResizeEvent) => void) {
+  let unsubscribe = Flux.on("resize", fn)
+  onCleanup(unsubscribe)
+  return unsubscribe
 }
 
 // ------ Window ----------------