bigstate.client.vue 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,51 @@
+import * as vue from 'vue';
+import { IState, BSHttpOptions, BSDeliveryWsOptions } from 'bigstate.client.javascript';
+
+type State<TMap extends Record<string, any> = Record<string, any>> = {
+    [K in keyof TMap]?: SidState<TMap[K]>;
+};
+interface SidState<T> {
+    prevState: IState<T> | null;
+    currState: IState<T> | null;
+    error: IState<T> | null;
+}
+
+declare function useBigState<TMap extends Record<string, any>>(deliveryIds: string[], sids: (keyof TMap & string)[], optionsHttp: BSHttpOptions, optionsWs: BSDeliveryWsOptions): {
+    bigState: State<TMap>;
+    lastChanged: vue.Ref<{
+        sid: vue.UnwrapRef<keyof TMap & string>;
+        value: {
+            currState: {
+                at: string;
+                value: vue.UnwrapRef<TMap[keyof TMap]>;
+            } | null;
+            error: {
+                at: string;
+                value: any;
+            } | null;
+        };
+    } | null, {
+        sid: keyof TMap & string;
+        value: {
+            currState: IState<TMap[keyof TMap]> | null;
+            error: IState | null;
+        };
+    } | {
+        sid: vue.UnwrapRef<keyof TMap & string>;
+        value: {
+            currState: {
+                at: string;
+                value: vue.UnwrapRef<TMap[keyof TMap]>;
+            } | null;
+            error: {
+                at: string;
+                value: any;
+            } | null;
+        };
+    } | null>;
+    retry: () => void;
+};
+
+declare const matchPattern: (pattern: string, input: string) => boolean;
+
+export { type SidState, type State, matchPattern, useBigState };

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import * as vue from 'vue';
+import { IState, BSHttpOptions, BSDeliveryWsOptions } from 'bigstate.client.javascript';
+
+type State<TMap extends Record<string, any> = Record<string, any>> = {
+    [K in keyof TMap]?: SidState<TMap[K]>;
+};
+interface SidState<T> {
+    prevState: IState<T> | null;
+    currState: IState<T> | null;
+    error: IState<T> | null;
+}
+
+declare function useBigState<TMap extends Record<string, any>>(deliveryIds: string[], sids: (keyof TMap & string)[], optionsHttp: BSHttpOptions, optionsWs: BSDeliveryWsOptions): {
+    bigState: State<TMap>;
+    lastChanged: vue.Ref<{
+        sid: vue.UnwrapRef<keyof TMap & string>;
+        value: {
+            currState: {
+                at: string;
+                value: vue.UnwrapRef<TMap[keyof TMap]>;
+            } | null;
+            error: {
+                at: string;
+                value: any;
+            } | null;
+        };
+    } | null, {
+        sid: keyof TMap & string;
+        value: {
+            currState: IState<TMap[keyof TMap]> | null;
+            error: IState | null;
+        };
+    } | {
+        sid: vue.UnwrapRef<keyof TMap & string>;
+        value: {
+            currState: {
+                at: string;
+                value: vue.UnwrapRef<TMap[keyof TMap]>;
+            } | null;
+            error: {
+                at: string;
+                value: any;
+            } | null;
+        };
+    } | null>;
+    retry: () => void;
+};
+
+declare const matchPattern: (pattern: string, input: string) => boolean;
+
+export { type SidState, type State, matchPattern, useBigState };

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var v=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var H=(t,e)=>{for(var i in e)v(t,i,{get:e[i],enumerable:!0})},T=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of B(e))!b.call(t,n)&&n!==i&&v(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t};var k=t=>T(v({},"__esModule",{value:!0}),t);var C={};H(C,{matchPattern:()=>h,useBigState:()=>M});module.exports=k(C);var a=require("vue");var d=require("bigstate.client.javascript"),W=class{constructor(){}init(e,i){this.isInitClients()||(this.clientWs=new d.BigStateWsDeliveryClient(i),this.clientHttp=new d.BigStateHttpClient(e))}isInitClients(){return!!this.clientWs&&!!this.clientHttp}},o=new W;var h=(t,e)=>{if(!t)return!1;if(t==="*")return!0;let i=t.endsWith(":"),s=t.split(":"),n=e.split(":");if(!i&&!t.endsWith("*")&&s.length!==n.length||!i&&s.length>n.length)return!1;for(let l=0;l<s.length;l++){let c=s[l],p=n[l];if(c===void 0)return!1;if(!p&&c==="")return!0;if(!(c==="*"||c===p))return!1}return!0};function M(t,e,i,s){let n=(0,a.reactive)({}),l=(0,a.ref)(null),c=async r=>{if(!r?.sid)return null;let f=r.sid;if(!e.some(m=>h(m,f)))return null;let u=r?.value?{data:{at:r.rec??"",value:r.value}}:await o.clientHttp?.stateGet({sid:r.sid,version:r?.version??""});return u?.data?.value?[r.sid,{prevState:null,currState:r?.error?null:u.data,error:r?.error||null}]:null},p=async r=>{let f=await c(r);if(!f)return;let[S,u]=f;n[S]={prevState:n[S]?.currState??null,currState:u.currState,error:u.error},l.value={sid:S,value:{currState:u.currState,error:u.error}}},g=()=>{if(o.clientWs?.isSocketConnected()){o.clientWs.subscribeStateUpdate(t),o.clientWs.addWsEventListener(p,t[0]);return}o.clientWs?.subscribeStateUpdate(t,p)};return(0,a.onMounted)(()=>{o.init(i,s),g()}),(0,a.onUnmounted)(()=>{o.clientWs?.removeWsEventListener(p,t[0])}),{bigState:n,lastChanged:l,retry:g}}0&&(module.exports={matchPattern,useBigState});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{ref as M,onMounted as m,onUnmounted as y,reactive as B}from"vue";import{BigStateHttpClient as h,BigStateWsDeliveryClient as g}from"bigstate.client.javascript";var S=class{constructor(){}init(c,o){this.isInitClients()||(this.clientWs=new g(o),this.clientHttp=new h(c))}isInitClients(){return!!this.clientWs&&!!this.clientHttp}},n=new S;var v=(e,c)=>{if(!e)return!1;if(e==="*")return!0;let o=e.endsWith(":"),a=e.split(":"),r=c.split(":");if(!o&&!e.endsWith("*")&&a.length!==r.length||!o&&a.length>r.length)return!1;for(let i=0;i<a.length;i++){let l=a[i],u=r[i];if(l===void 0)return!1;if(!u&&l==="")return!0;if(!(l==="*"||l===u))return!1}return!0};function b(e,c,o,a){let r=B({}),i=M(null),l=async t=>{if(!t?.sid)return null;let p=t.sid;if(!c.some(W=>v(W,p)))return null;let s=t?.value?{data:{at:t.rec??"",value:t.value}}:await n.clientHttp?.stateGet({sid:t.sid,version:t?.version??""});return s?.data?.value?[t.sid,{prevState:null,currState:t?.error?null:s.data,error:t?.error||null}]:null},u=async t=>{let p=await l(t);if(!p)return;let[f,s]=p;r[f]={prevState:r[f]?.currState??null,currState:s.currState,error:s.error},i.value={sid:f,value:{currState:s.currState,error:s.error}}},d=()=>{if(n.clientWs?.isSocketConnected()){n.clientWs.subscribeStateUpdate(e),n.clientWs.addWsEventListener(u,e[0]);return}n.clientWs?.subscribeStateUpdate(e,u)};return m(()=>{n.init(o,a),d()}),y(()=>{n.clientWs?.removeWsEventListener(u,e[0])}),{bigState:r,lastChanged:i,retry:d}}export{v as matchPattern,b as useBigState};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "bigstate.client.vue",
+  "version": "0.0.1",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/index": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "format": "prettier --write \"src/**/*.ts\"",
+    "build": "npm run format && tsup",
+    "pack": "npm run build && npm pack",
+    "versionPatch": "npm version patch",
+    "versionMinor": "npm version minor",
+    "versionMajor": "npm version major",
+    "publish:package": "npm publish --access public",
+    "pack:publish": "npm run build && npm pack && npm publish --access public",
+    "test:watch": "vitest"
+  },
+  "keywords": [],
+  "author": "bigstate",
+  "license": "ISC",
+  "private": false,
+  "peerDependencies": {
+    "vue": ">=3.2.0"
+  },
+  "dependencies": {
+    "bigstate.client.javascript": "0.0.4"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "tsup": "^8.5.1",
+    "prettier": "^3.3.2"
+  },
+  "files": [
+    "dist"
+  ]
+}