@zaflun/lumio-sdk 0.1.0 → 0.3.0

package/dist/index.d.ts

@@ -193,7 +193,7 @@ interface OverlayTheme {
  *
  * Extensions use this to style themselves consistently with the
  * overlay or widget they're rendered in. Only relevant for `layer`
- * and `interactive` targets (OBS overlay, widget pages).
+ * and `interactive` targets (stream overlay, widget pages).
  *
  * Theme is provided via lifecycle.init and updated via theme.change when
  * the user switches the overlay/widget theme.

package/dist/index.js

@@ -290,10 +290,30 @@ function useExtensionStorage(key, initialValue) {
 }
 
 // src/hooks/useVisionState.ts
-import { useState as useState2, useCallback as useCallback2 } from "react";
-import { WORKER_METHODS as WORKER_METHODS2 } from "@zaflun/lumio-protocol";
+import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+import { HOST_METHODS as HOST_METHODS2, WORKER_METHODS as WORKER_METHODS2 } from "@zaflun/lumio-protocol";
 function useVisionState(key, defaultValue) {
   const [value, setValueState] = useState2(defaultValue);
+  useEffect2(() => {
+    const bridge = getBridge();
+    const unsub = bridge.onNotification(
+      HOST_METHODS2.STORAGE_UPDATE,
+      (params) => {
+        const p = params;
+        if (p.key === key) {
+          setValueState(p.value);
+        }
+      }
+    );
+    bridge.request(WORKER_METHODS2.STORAGE_GET, { key }).then((result) => {
+      const r = result;
+      if (r && r.value !== void 0) {
+        setValueState(r.value);
+      }
+    }).catch(() => {
+    });
+    return unsub;
+  }, [key]);
   const setValue = useCallback2(
     (newValue) => {
       setValueState(newValue);
@@ -306,8 +326,8 @@ function useVisionState(key, defaultValue) {
 }
 
 // src/hooks/useExtensionContext.ts
-import { useState as useState3, useEffect as useEffect2 } from "react";
-import { HOST_METHODS as HOST_METHODS2 } from "@zaflun/lumio-protocol";
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import { HOST_METHODS as HOST_METHODS3 } from "@zaflun/lumio-protocol";
 var defaultContext = {
   extensionId: null,
   target: null,
@@ -316,10 +336,10 @@ var defaultContext = {
 };
 function useExtensionContext() {
   const [context, setContext] = useState3(defaultContext);
-  useEffect2(() => {
+  useEffect3(() => {
     const bridge = getBridge();
     const unsub = bridge.onNotification(
-      HOST_METHODS2.LIFECYCLE_INIT,
+      HOST_METHODS3.LIFECYCLE_INIT,
       (params) => {
         const p = params;
         setContext({
@@ -336,14 +356,14 @@ function useExtensionContext() {
 }
 
 // src/hooks/useLumioEvent.ts
-import { useState as useState4, useEffect as useEffect3 } from "react";
-import { HOST_METHODS as HOST_METHODS3 } from "@zaflun/lumio-protocol";
+import { useState as useState4, useEffect as useEffect4 } from "react";
+import { HOST_METHODS as HOST_METHODS4 } from "@zaflun/lumio-protocol";
 function useLumioEvent(eventType) {
   const [eventData, setEventData] = useState4(null);
-  useEffect3(() => {
+  useEffect4(() => {
     const bridge = getBridge();
     const unsub = bridge.onNotification(
-      HOST_METHODS3.EVENT_PLATFORM,
+      HOST_METHODS4.EVENT_PLATFORM,
       (params) => {
         const p = params;
         if (p.eventType === eventType) {
@@ -357,14 +377,14 @@ function useLumioEvent(eventType) {
 }
 
 // src/hooks/useLumioConfig.ts
-import { useState as useState5, useEffect as useEffect4, useCallback as useCallback3 } from "react";
-import { HOST_METHODS as HOST_METHODS4 } from "@zaflun/lumio-protocol";
+import { useState as useState5, useEffect as useEffect5, useCallback as useCallback3 } from "react";
+import { HOST_METHODS as HOST_METHODS5 } from "@zaflun/lumio-protocol";
 function useLumioConfig() {
   const [config, setConfigState] = useState5({});
-  useEffect4(() => {
+  useEffect5(() => {
     const bridge = getBridge();
     const unsub = bridge.onNotification(
-      HOST_METHODS4.LIFECYCLE_INIT,
+      HOST_METHODS5.LIFECYCLE_INIT,
       (params) => {
         const p = params;
         setConfigState({
@@ -389,8 +409,8 @@ function useLumioConfig() {
 }
 
 // src/hooks/useLumioTheme.ts
-import { useState as useState6, useEffect as useEffect5 } from "react";
-import { HOST_METHODS as HOST_METHODS5 } from "@zaflun/lumio-protocol";
+import { useState as useState6, useEffect as useEffect6 } from "react";
+import { HOST_METHODS as HOST_METHODS6 } from "@zaflun/lumio-protocol";
 var DEFAULT_THEME = {
   colors: {
     primary: "#6366f1",
@@ -415,10 +435,10 @@ var DEFAULT_THEME = {
 };
 function useLumioTheme() {
   const [theme, setTheme] = useState6(DEFAULT_THEME);
-  useEffect5(() => {
+  useEffect6(() => {
     const bridge = getBridge();
     const unsubInit = bridge.onNotification(
-      HOST_METHODS5.LIFECYCLE_INIT,
+      HOST_METHODS6.LIFECYCLE_INIT,
       (params) => {
         const p = params;
         if (p.theme) {
@@ -427,7 +447,7 @@ function useLumioTheme() {
       }
     );
     const unsubTheme = bridge.onNotification(
-      HOST_METHODS5.THEME_CHANGE,
+      HOST_METHODS6.THEME_CHANGE,
       (params) => {
         const p = params;
         if (p.theme) {
@@ -444,8 +464,8 @@ function useLumioTheme() {
 }
 
 // src/hooks/useLumioIdentity.ts
-import { useState as useState7, useEffect as useEffect6 } from "react";
-import { HOST_METHODS as HOST_METHODS6 } from "@zaflun/lumio-protocol";
+import { useState as useState7, useEffect as useEffect7 } from "react";
+import { HOST_METHODS as HOST_METHODS7 } from "@zaflun/lumio-protocol";
 var defaultIdentity = {
   userId: null,
   accountId: null,
@@ -453,10 +473,10 @@ var defaultIdentity = {
 };
 function useLumioIdentity() {
   const [identity, setIdentity] = useState7(defaultIdentity);
-  useEffect6(() => {
+  useEffect7(() => {
     const bridge = getBridge();
     const unsub = bridge.onNotification(
-      HOST_METHODS6.LIFECYCLE_INIT,
+      HOST_METHODS7.LIFECYCLE_INIT,
       (params) => {
         const p = params;
         setIdentity({
@@ -500,7 +520,7 @@ function useLumioAction(action) {
 }
 
 // src/hooks/useQuery.ts
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback5, useRef as useRef2 } from "react";
+import { useState as useState9, useEffect as useEffect8, useCallback as useCallback5, useRef as useRef2 } from "react";
 import { WORKER_METHODS as WORKER_METHODS3 } from "@zaflun/lumio-protocol";
 function useQuery(functionName, params) {
   const [data, setData] = useState9(null);
@@ -522,9 +542,9 @@ function useQuery(functionName, params) {
       setData(null);
     });
   }, [functionName, params]);
-  useEffect7(() => {
+  useEffect8(() => {
     sendQuery();
-  }, [functionName]);
+  }, [sendQuery]);
   return { data, isLoading, error, refetch: sendQuery };
 }
 
@@ -655,7 +675,7 @@ function getPreset(name) {
 }
 
 // src/animation/Animated.tsx
-import React15, { useEffect as useEffect8, useRef as useRef3, useState as useState11 } from "react";
+import React15, { useEffect as useEffect9, useRef as useRef3, useState as useState11 } from "react";
 function resolveAnimation(name) {
   if (name === void 0) return void 0;
   try {
@@ -685,7 +705,7 @@ function Animated({
       timerRef.current = null;
     }
   }
-  useEffect8(() => {
+  useEffect9(() => {
     const prevVisible = prevVisibleRef.current;
     prevVisibleRef.current = visible;
     if (visible && !prevVisible) {
@@ -696,7 +716,7 @@ function Animated({
       setPhase("out");
     }
   }, [visible]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (phase === "in") {
       const totalDuration = duration + delay;
       if (loopProp !== void 0) {