@vuu-ui/vuu-data-react 0.10.3 → 0.10.4-beta.1

package/cjs/datasource-provider/VuuDataSourceProvider.js

@@ -3,19 +3,26 @@
 var jsxRuntime = require('react/jsx-runtime');
 var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
 var vuuUtils = require('@vuu-ui/vuu-utils');
+var useAutoLoginToVuuServer = require('./useAutoLoginToVuuServer.js');
 
 const getServerAPI = () => vuuDataRemote.ConnectionManager.serverAPI;
 const VuuDataSourceProvider = ({
+  autoLogin = false,
   children
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  vuuUtils.DataSourceProvider,
-  {
-    VuuDataSource: vuuDataRemote.VuuDataSource,
-    getServerAPI,
-    isLocalData: false,
-    children
-  }
-);
+}) => {
+  useAutoLoginToVuuServer.useAutoLoginToVuuServer({
+    autoLogin
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vuuUtils.DataSourceProvider,
+    {
+      VuuDataSource: vuuDataRemote.VuuDataSource,
+      getServerAPI,
+      isLocalData: false,
+      children
+    }
+  );
+};
 
 exports.VuuDataSourceProvider = VuuDataSourceProvider;
 //# sourceMappingURL=VuuDataSourceProvider.js.map

package/cjs/datasource-provider/VuuDataSourceProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":["ConnectionManager","jsx","DataSourceProvider","VuuDataSource"],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,MAAMA,+BAAkB,CAAA,SAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAGE,qBAAAC,cAAA;AAAA,EAACC,2BAAA;AAAA,EAAA;AAAA,mBACCC,2BAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ;AAAA;AACH;;;;"}
+{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\nimport { useAutoLoginToVuuServer } from \"./useAutoLoginToVuuServer\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  autoLogin = false,\n  children,\n}: {\n  autoLogin?: boolean;\n  children: ReactNode;\n}) => {\n  useAutoLoginToVuuServer({\n    autoLogin,\n  });\n  return (\n    <DataSourceProvider\n      VuuDataSource={VuuDataSource}\n      getServerAPI={getServerAPI}\n      isLocalData={false}\n    >\n      {children}\n    </DataSourceProvider>\n  );\n};\n"],"names":["ConnectionManager","useAutoLoginToVuuServer","jsx","DataSourceProvider","VuuDataSource"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,MAAMA,+BAAkB,CAAA,SAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC,SAAY,GAAA,KAAA;AAAA,EACZ;AACF,CAGM,KAAA;AACJ,EAAwBC,+CAAA,CAAA;AAAA,IACtB;AAAA,GACD,CAAA;AACD,EACE,uBAAAC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,qBACCC,2BAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAa,EAAA,KAAA;AAAA,MAEZ;AAAA;AAAA,GACH;AAEJ;;;;"}

package/cjs/datasource-provider/useAutoLoginToVuuServer.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var react = require('react');
+
+const useAutoLoginToVuuServer = ({
+  authenticate = true,
+  autoConnect = true,
+  autoLogin = true,
+  secure = true
+} = {}) => {
+  const [errorMessage, setErrorMessage] = react.useState("");
+  react.useEffect(() => {
+    const connect = async () => {
+      try {
+        let token = "no-token";
+        if (authenticate) {
+          token = await vuuDataRemote.authenticate(
+            "steve",
+            "xyz",
+            "/api/authn"
+          );
+        }
+        const protocol = secure ? "wss" : "ws";
+        vuuDataRemote.ConnectionManager.connect({
+          url: `${protocol}://localhost:8090/websocket`,
+          token,
+          username: "steve"
+        });
+      } catch (e) {
+        if (e instanceof Error) {
+          console.error(e.message);
+          setErrorMessage(e.message);
+        }
+      }
+    };
+    if (autoConnect) {
+      connect();
+    }
+    return () => {
+      if (autoConnect) {
+        vuuDataRemote.ConnectionManager.disconnect();
+      }
+    };
+  }, [authenticate, autoConnect, secure]);
+  if (errorMessage) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Unable to authenticate against Vuu Server A Vuu Server instance must be running to show this example." });
+  }
+};
+
+exports.useAutoLoginToVuuServer = useAutoLoginToVuuServer;
+//# sourceMappingURL=useAutoLoginToVuuServer.js.map

package/cjs/datasource-provider/useAutoLoginToVuuServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoLoginToVuuServer.js","sources":["../../src/datasource-provider/useAutoLoginToVuuServer.tsx"],"sourcesContent":["import {\n  authenticate as vuuAuthenticate,\n  ConnectionManager,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useEffect, useState } from \"react\";\n\nexport const useAutoLoginToVuuServer = ({\n  authenticate = true,\n  autoConnect = true,\n  autoLogin = true,\n  secure = true,\n}: {\n  authenticate?: boolean;\n  autoConnect?: boolean;\n  autoLogin?: boolean;\n  secure?: boolean;\n} = {}) => {\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  useEffect(() => {\n    const connect = async () => {\n      try {\n        let token = \"no-token\";\n        if (authenticate) {\n          token = (await vuuAuthenticate(\n            \"steve\",\n            \"xyz\",\n            \"/api/authn\",\n          )) as string;\n        }\n        const protocol = secure ? \"wss\" : \"ws\";\n        ConnectionManager.connect({\n          url: `${protocol}://localhost:8090/websocket`,\n          token,\n          username: \"steve\",\n        });\n      } catch (e: unknown) {\n        if (e instanceof Error) {\n          console.error(e.message);\n          setErrorMessage(e.message);\n        }\n      }\n    };\n    if (autoConnect) {\n      connect();\n    }\n\n    return () => {\n      if (autoConnect) {\n        ConnectionManager.disconnect();\n      }\n    };\n  }, [authenticate, autoConnect, secure]);\n\n  if (errorMessage) {\n    return (\n      <p>\n        Unable to authenticate against Vuu Server A Vuu Server instance must be\n        running to show this example.\n      </p>\n    );\n  }\n};\n"],"names":["useState","useEffect","vuuAuthenticate","ConnectionManager","jsx"],"mappings":";;;;;;AAMO,MAAM,0BAA0B,CAAC;AAAA,EACtC,YAAe,GAAA,IAAA;AAAA,EACf,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA,IAAA;AAAA,EACZ,MAAS,GAAA;AACX,CAAA,GAKI,EAAO,KAAA;AACT,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,EAAE,CAAA;AACnD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,YAAY;AAC1B,MAAI,IAAA;AACF,QAAA,IAAI,KAAQ,GAAA,UAAA;AACZ,QAAA,IAAI,YAAc,EAAA;AAChB,UAAA,KAAA,GAAS,MAAMC,0BAAA;AAAA,YACb,OAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,WACF;AAAA;AAEF,QAAM,MAAA,QAAA,GAAW,SAAS,KAAQ,GAAA,IAAA;AAClC,QAAAC,+BAAA,CAAkB,OAAQ,CAAA;AAAA,UACxB,GAAA,EAAK,GAAG,QAAQ,CAAA,2BAAA,CAAA;AAAA,UAChB,KAAA;AAAA,UACA,QAAU,EAAA;AAAA,SACX,CAAA;AAAA,eACM,CAAY,EAAA;AACnB,QAAA,IAAI,aAAa,KAAO,EAAA;AACtB,UAAQ,OAAA,CAAA,KAAA,CAAM,EAAE,OAAO,CAAA;AACvB,UAAA,eAAA,CAAgB,EAAE,OAAO,CAAA;AAAA;AAC3B;AACF,KACF;AACA,IAAA,IAAI,WAAa,EAAA;AACf,MAAQ,OAAA,EAAA;AAAA;AAGV,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAa,EAAA;AACf,QAAAA,+BAAA,CAAkB,UAAW,EAAA;AAAA;AAC/B,KACF;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,WAAA,EAAa,MAAM,CAAC,CAAA;AAEtC,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAAC,cAAA,CAAC,OAAE,QAGH,EAAA,uGAAA,EAAA,CAAA;AAAA;AAGN;;;;"}

package/esm/datasource-provider/VuuDataSourceProvider.js

@@ -1,19 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
 import { VuuDataSource, ConnectionManager } from '@vuu-ui/vuu-data-remote';
 import { DataSourceProvider } from '@vuu-ui/vuu-utils';
+import { useAutoLoginToVuuServer } from './useAutoLoginToVuuServer.js';
 
 const getServerAPI = () => ConnectionManager.serverAPI;
 const VuuDataSourceProvider = ({
+  autoLogin = false,
   children
-}) => /* @__PURE__ */ jsx(
-  DataSourceProvider,
-  {
-    VuuDataSource,
-    getServerAPI,
-    isLocalData: false,
-    children
-  }
-);
+}) => {
+  useAutoLoginToVuuServer({
+    autoLogin
+  });
+  return /* @__PURE__ */ jsx(
+    DataSourceProvider,
+    {
+      VuuDataSource,
+      getServerAPI,
+      isLocalData: false,
+      children
+    }
+  );
+};
 
 export { VuuDataSourceProvider };
 //# sourceMappingURL=VuuDataSourceProvider.js.map

package/esm/datasource-provider/VuuDataSourceProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":[],"mappings":";;;;AAIA,MAAM,YAAA,GAAe,MAAM,iBAAkB,CAAA,SAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAGE,qBAAA,GAAA;AAAA,EAAC,kBAAA;AAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ;AAAA;AACH;;;;"}
+{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\nimport { useAutoLoginToVuuServer } from \"./useAutoLoginToVuuServer\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  autoLogin = false,\n  children,\n}: {\n  autoLogin?: boolean;\n  children: ReactNode;\n}) => {\n  useAutoLoginToVuuServer({\n    autoLogin,\n  });\n  return (\n    <DataSourceProvider\n      VuuDataSource={VuuDataSource}\n      getServerAPI={getServerAPI}\n      isLocalData={false}\n    >\n      {children}\n    </DataSourceProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,MAAM,iBAAkB,CAAA,SAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC,SAAY,GAAA,KAAA;AAAA,EACZ;AACF,CAGM,KAAA;AACJ,EAAwB,uBAAA,CAAA;AAAA,IACtB;AAAA,GACD,CAAA;AACD,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAa,EAAA,KAAA;AAAA,MAEZ;AAAA;AAAA,GACH;AAEJ;;;;"}

package/esm/datasource-provider/useAutoLoginToVuuServer.js

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import { ConnectionManager, authenticate } from '@vuu-ui/vuu-data-remote';
+import { useState, useEffect } from 'react';
+
+const useAutoLoginToVuuServer = ({
+  authenticate: authenticate$1 = true,
+  autoConnect = true,
+  autoLogin = true,
+  secure = true
+} = {}) => {
+  const [errorMessage, setErrorMessage] = useState("");
+  useEffect(() => {
+    const connect = async () => {
+      try {
+        let token = "no-token";
+        if (authenticate$1) {
+          token = await authenticate(
+            "steve",
+            "xyz",
+            "/api/authn"
+          );
+        }
+        const protocol = secure ? "wss" : "ws";
+        ConnectionManager.connect({
+          url: `${protocol}://localhost:8090/websocket`,
+          token,
+          username: "steve"
+        });
+      } catch (e) {
+        if (e instanceof Error) {
+          console.error(e.message);
+          setErrorMessage(e.message);
+        }
+      }
+    };
+    if (autoConnect) {
+      connect();
+    }
+    return () => {
+      if (autoConnect) {
+        ConnectionManager.disconnect();
+      }
+    };
+  }, [authenticate$1, autoConnect, secure]);
+  if (errorMessage) {
+    return /* @__PURE__ */ jsx("p", { children: "Unable to authenticate against Vuu Server A Vuu Server instance must be running to show this example." });
+  }
+};
+
+export { useAutoLoginToVuuServer };
+//# sourceMappingURL=useAutoLoginToVuuServer.js.map

package/esm/datasource-provider/useAutoLoginToVuuServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoLoginToVuuServer.js","sources":["../../src/datasource-provider/useAutoLoginToVuuServer.tsx"],"sourcesContent":["import {\n  authenticate as vuuAuthenticate,\n  ConnectionManager,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useEffect, useState } from \"react\";\n\nexport const useAutoLoginToVuuServer = ({\n  authenticate = true,\n  autoConnect = true,\n  autoLogin = true,\n  secure = true,\n}: {\n  authenticate?: boolean;\n  autoConnect?: boolean;\n  autoLogin?: boolean;\n  secure?: boolean;\n} = {}) => {\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  useEffect(() => {\n    const connect = async () => {\n      try {\n        let token = \"no-token\";\n        if (authenticate) {\n          token = (await vuuAuthenticate(\n            \"steve\",\n            \"xyz\",\n            \"/api/authn\",\n          )) as string;\n        }\n        const protocol = secure ? \"wss\" : \"ws\";\n        ConnectionManager.connect({\n          url: `${protocol}://localhost:8090/websocket`,\n          token,\n          username: \"steve\",\n        });\n      } catch (e: unknown) {\n        if (e instanceof Error) {\n          console.error(e.message);\n          setErrorMessage(e.message);\n        }\n      }\n    };\n    if (autoConnect) {\n      connect();\n    }\n\n    return () => {\n      if (autoConnect) {\n        ConnectionManager.disconnect();\n      }\n    };\n  }, [authenticate, autoConnect, secure]);\n\n  if (errorMessage) {\n    return (\n      <p>\n        Unable to authenticate against Vuu Server A Vuu Server instance must be\n        running to show this example.\n      </p>\n    );\n  }\n};\n"],"names":["authenticate","vuuAuthenticate"],"mappings":";;;;AAMO,MAAM,0BAA0B,CAAC;AAAA,gBACtCA,cAAe,GAAA,IAAA;AAAA,EACf,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA,IAAA;AAAA,EACZ,MAAS,GAAA;AACX,CAAA,GAKI,EAAO,KAAA;AACT,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,EAAE,CAAA;AACnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,YAAY;AAC1B,MAAI,IAAA;AACF,QAAA,IAAI,KAAQ,GAAA,UAAA;AACZ,QAAA,IAAIA,cAAc,EAAA;AAChB,UAAA,KAAA,GAAS,MAAMC,YAAA;AAAA,YACb,OAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,WACF;AAAA;AAEF,QAAM,MAAA,QAAA,GAAW,SAAS,KAAQ,GAAA,IAAA;AAClC,QAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,UACxB,GAAA,EAAK,GAAG,QAAQ,CAAA,2BAAA,CAAA;AAAA,UAChB,KAAA;AAAA,UACA,QAAU,EAAA;AAAA,SACX,CAAA;AAAA,eACM,CAAY,EAAA;AACnB,QAAA,IAAI,aAAa,KAAO,EAAA;AACtB,UAAQ,OAAA,CAAA,KAAA,CAAM,EAAE,OAAO,CAAA;AACvB,UAAA,eAAA,CAAgB,EAAE,OAAO,CAAA;AAAA;AAC3B;AACF,KACF;AACA,IAAA,IAAI,WAAa,EAAA;AACf,MAAQ,OAAA,EAAA;AAAA;AAGV,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,iBAAA,CAAkB,UAAW,EAAA;AAAA;AAC/B,KACF;AAAA,GACC,EAAA,CAACD,cAAc,EAAA,WAAA,EAAa,MAAM,CAAC,CAAA;AAEtC,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAA,GAAA,CAAC,OAAE,QAGH,EAAA,uGAAA,EAAA,CAAA;AAAA;AAGN;;;;"}

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.10.3",
+  "version": "0.10.4-beta.1",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.10.3",
-    "@vuu-ui/vuu-filter-types": "0.10.3",
-    "@vuu-ui/vuu-popups": "0.10.3",
-    "@vuu-ui/vuu-protocol-types": "0.10.3",
-    "@vuu-ui/vuu-table-types": "0.10.3"
+    "@vuu-ui/vuu-data-types": "0.10.4-beta.1",
+    "@vuu-ui/vuu-filter-types": "0.10.4-beta.1",
+    "@vuu-ui/vuu-popups": "0.10.4-beta.1",
+    "@vuu-ui/vuu-protocol-types": "0.10.4-beta.1",
+    "@vuu-ui/vuu-table-types": "0.10.4-beta.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.10.3",
-    "@vuu-ui/vuu-filter-parser": "0.10.3",
-    "@vuu-ui/vuu-layout": "0.10.3",
-    "@vuu-ui/vuu-popups": "0.10.3",
-    "@vuu-ui/vuu-ui-controls": "0.10.3",
-    "@vuu-ui/vuu-utils": "0.10.3",
-    "@vuu-ui/vuu-table": "0.10.3",
+    "@vuu-ui/vuu-data-remote": "0.10.4-beta.1",
+    "@vuu-ui/vuu-filter-parser": "0.10.4-beta.1",
+    "@vuu-ui/vuu-layout": "0.10.4-beta.1",
+    "@vuu-ui/vuu-popups": "0.10.4-beta.1",
+    "@vuu-ui/vuu-ui-controls": "0.10.4-beta.1",
+    "@vuu-ui/vuu-utils": "0.10.4-beta.1",
+    "@vuu-ui/vuu-table": "0.10.4-beta.1",
     "@salt-ds/core": "1.43.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

package/types/datasource-provider/VuuDataSourceProvider.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
-export declare const VuuDataSourceProvider: ({ children, }: {
+export declare const VuuDataSourceProvider: ({ autoLogin, children, }: {
+    autoLogin?: boolean;
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/types/datasource-provider/useAutoLoginToVuuServer.d.ts

@@ -0,0 +1,6 @@
+export declare const useAutoLoginToVuuServer: ({ authenticate, autoConnect, autoLogin, secure, }?: {
+    authenticate?: boolean;
+    autoConnect?: boolean;
+    autoLogin?: boolean;
+    secure?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | undefined;