balzack · balzack · Apr 24, 2024 · Apr 23, 2024 · Apr 23, 2024 · Apr 23, 2024
diff --git a/.gitignore b/.gitignore
@@ -14,3 +14,6 @@
 
 # Dependency directories (remove the comment below to include it)
 # vendor/
+node_modules
+.DS_Store
+dist
diff --git a/net/web/babel.config.js b/net/web/babel.config.js
diff --git a/net/web/index.html b/net/web/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="Databag"
+      content="Communication for the Decentralized Web"
+    />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>Databag</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
diff --git a/net/web/jest.config.js b/net/web/jest.config.js
@@ -0,0 +1,12 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+export default {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  modulePaths: ['<rootDir>/src/'],
+  testMatch: ['**/test/**'],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/mock/fileMock.js',
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    // "(.*)": "<rootDir>/src/$1",
+  },
+};
diff --git a/net/web/jsconfig.json b/net/web/jsconfig.json
diff --git a/net/web/package.json b/net/web/package.json
@@ -2,19 +2,7 @@
   "name": "databag",
   "version": "0.1.0",
   "private": true,
-  "jest": {
-    "testEnvironment": "jsdom",
-    "modulePaths": [
-      "<rootDir>/src/"
-    ],
-    "testMatch": [
-      "**/test/**"
-    ],
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/mock/fileMock.js",
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy"
-    }
-  },
+  "type": "module",
   "dependencies": {
     "@charliewilco/gluejar": "^1.0.0",
     "@testing-library/jest-dom": "^5.14.1",
@@ -33,15 +21,13 @@
     "react-image-file-resizer": "^0.4.8",
     "react-resize-detector": "^7.0.0",
     "react-router-dom": "^6.2.2",
-    "react-scripts": "5.0.0",
     "styled-components": "^5.3.3",
     "web-vitals": "^2.1.0"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "vite",
+    "build": "vite build",
+    "test": "jest"
   },
   "eslintConfig": {
     "extends": [
@@ -62,14 +48,25 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
     "@testing-library/dom": "^8.19.1",
     "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
     "babel-jest": "^29.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.3.1",
+    "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.3.1",
-    "react-test-renderer": "^18.2.0"
+    "react-test-renderer": "^18.2.0",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.0",
+    "vite-tsconfig-paths": "^4.3.2"
   }
 }
diff --git a/net/web/public/index.html b/net/web/public/index.html
diff --git a/net/web/src/App.styled.js → net/web/src/App.styled.ts b/net/web/src/App.styled.js → net/web/src/App.styled.ts
diff --git a/net/web/src/App.test.js → net/web/src/App.test.tsx b/net/web/src/App.test.js → net/web/src/App.test.tsx
diff --git a/net/web/src/App.js → net/web/src/App.tsx b/net/web/src/App.js → net/web/src/App.tsx
diff --git a/net/web/src/access/Access.styled.js → net/web/src/access/Access.styled.ts b/net/web/src/access/Access.styled.js → net/web/src/access/Access.styled.ts
diff --git a/net/web/src/access/Access.jsx → net/web/src/access/Access.tsx b/net/web/src/access/Access.jsx → net/web/src/access/Access.tsx
diff --git a/net/web/src/access/admin/Admin.styled.js → net/web/src/access/admin/Admin.styled.ts b/net/web/src/access/admin/Admin.styled.js → net/web/src/access/admin/Admin.styled.ts
diff --git a/net/web/src/access/admin/Admin.jsx → net/web/src/access/admin/Admin.tsx b/net/web/src/access/admin/Admin.jsx → net/web/src/access/admin/Admin.tsx
diff --git a/net/web/src/access/admin/useAdmin.hook.js → net/web/src/access/admin/useAdmin.hook.ts b/net/web/src/access/admin/useAdmin.hook.js → net/web/src/access/admin/useAdmin.hook.ts
@@ -13,7 +13,7 @@ export function useAdmin() {
     placeholder: '',
     unclaimed: null,
     busy: false,
-    strings: {},
+    strings: {} as Record<string, string>,
     menuStyle: {},
   });
 

diff --git a/...ess/createAccount/CreateAccount.styled.js → ...ess/createAccount/CreateAccount.styled.ts b/...ess/createAccount/CreateAccount.styled.js → ...ess/createAccount/CreateAccount.styled.ts
diff --git a/...rc/access/createAccount/CreateAccount.jsx → ...rc/access/createAccount/CreateAccount.tsx b/...rc/access/createAccount/CreateAccount.jsx → ...rc/access/createAccount/CreateAccount.tsx
diff --git a/...ss/createAccount/useCreateAccount.hook.js → ...ss/createAccount/useCreateAccount.hook.ts b/...ss/createAccount/useCreateAccount.hook.js → ...ss/createAccount/useCreateAccount.hook.ts
@@ -14,7 +14,7 @@ export function useCreateAccount() {
     busy: false,
     validatetatus: 'success',
     help: '',
-    strings: {},
+    strings: {} as Record<string,string>,
     menuStyle: {},
   });
 

diff --git a/net/web/src/access/login/Login.styled.js → net/web/src/access/login/Login.styled.ts b/net/web/src/access/login/Login.styled.js → net/web/src/access/login/Login.styled.ts
diff --git a/net/web/src/access/login/Login.jsx → net/web/src/access/login/Login.tsx b/net/web/src/access/login/Login.jsx → net/web/src/access/login/Login.tsx
diff --git a/net/web/src/access/login/useLogin.hook.js → net/web/src/access/login/useLogin.hook.ts b/net/web/src/access/login/useLogin.hook.js → net/web/src/access/login/useLogin.hook.ts
@@ -13,7 +13,7 @@ export function useLogin() {
     availableSet: false,
     disabled: true,
     busy: false,
-    strings: {},
+    strings: {} as Record<string,string>,
     menuStyle: {},
   });
 

diff --git a/net/web/src/access/useAccess.hook.js → net/web/src/access/useAccess.hook.ts b/net/web/src/access/useAccess.hook.js → net/web/src/access/useAccess.hook.ts
@@ -13,7 +13,7 @@ export function useAccess() {
     themes: [],
     language: null,
     languages: [],
-    strings: {},
+    strings: {} as Record<string,string>,
   });
 
   const navigate = useNavigate();
@@ -32,7 +32,7 @@ export function useAccess() {
   }, [app.state, navigate]);
 
   useEffect(() => {
-    let params = new URLSearchParams(location);
+    let params = new URLSearchParams(location+"");
     let token = params.get("access");
     if (token) {
       const access = async () => {

diff --git a/net/web/src/api/addAccount.js → net/web/src/api/addAccount.ts b/net/web/src/api/addAccount.js → net/web/src/api/addAccount.ts
diff --git a/net/web/src/api/addAccountAccess.js → net/web/src/api/addAccountAccess.ts b/net/web/src/api/addAccountAccess.js → net/web/src/api/addAccountAccess.ts
diff --git a/net/web/src/api/addAccountCreate.js → net/web/src/api/addAccountCreate.ts b/net/web/src/api/addAccountCreate.js → net/web/src/api/addAccountCreate.ts
diff --git a/net/web/src/api/addCall.js → net/web/src/api/addCall.ts b/net/web/src/api/addCall.js → net/web/src/api/addCall.ts
diff --git a/net/web/src/api/addCard.js → net/web/src/api/addCard.ts b/net/web/src/api/addCard.js → net/web/src/api/addCard.ts
diff --git a/net/web/src/api/addChannel.js → net/web/src/api/addChannel.ts b/net/web/src/api/addChannel.js → net/web/src/api/addChannel.ts
diff --git a/net/web/src/api/addChannelTopic.js → net/web/src/api/addChannelTopic.ts b/net/web/src/api/addChannelTopic.js → net/web/src/api/addChannelTopic.ts
diff --git a/net/web/src/api/addContactChannelTopic.js → net/web/src/api/addContactChannelTopic.ts b/net/web/src/api/addContactChannelTopic.js → net/web/src/api/addContactChannelTopic.ts
diff --git a/net/web/src/api/addContactRing.js → net/web/src/api/addContactRing.ts b/net/web/src/api/addContactRing.js → net/web/src/api/addContactRing.ts
diff --git a/net/web/src/api/clearChannelCard.js → net/web/src/api/clearChannelCard.ts b/net/web/src/api/clearChannelCard.js → net/web/src/api/clearChannelCard.ts
diff --git a/net/web/src/api/clearLogin.js → net/web/src/api/clearLogin.ts b/net/web/src/api/clearLogin.js → net/web/src/api/clearLogin.ts
diff --git a/net/web/src/api/createAccount.js → net/web/src/api/createAccount.ts b/net/web/src/api/createAccount.js → net/web/src/api/createAccount.ts
diff --git a/net/web/src/api/fetchUtil.js → net/web/src/api/fetchUtil.ts b/net/web/src/api/fetchUtil.js → net/web/src/api/fetchUtil.ts
@@ -12,17 +12,17 @@ export function checkResponse(response) {
   }
 }
 
-export async function fetchWithTimeout(url, options) {
+export async function fetchWithTimeout(url, options):Promise<Response> {
   return Promise.race([
     fetch(url, options).catch(err => { throw new Error(url + ' failed'); }),
-    new Promise((_, reject) => setTimeout(() => reject(new Error(url + ' timeout')), TIMEOUT))
+    new Promise<Response>((_, reject) => setTimeout(() => reject(new Error(url + ' timeout')), TIMEOUT))
   ]);
 }
 
-export async function fetchWithCustomTimeout(url, options, timeout) {
+export async function fetchWithCustomTimeout(url, options, timeout):Promise<Response> {
   return Promise.race([
     fetch(url, options).catch(err => { throw new Error(url + ' failed'); }),
-    new Promise((_, reject) => setTimeout(() => reject(new Error(url + ' timeout')), timeout))
+    new Promise<Response>((_, reject) => setTimeout(() => reject(new Error(url + ' timeout')), timeout))
   ]);
 }
 
diff --git a/net/web/src/api/getAccountImageUrl.js → net/web/src/api/getAccountImageUrl.ts b/net/web/src/api/getAccountImageUrl.js → net/web/src/api/getAccountImageUrl.ts
diff --git a/net/web/src/api/getAccountStatus.js → net/web/src/api/getAccountStatus.ts b/net/web/src/api/getAccountStatus.js → net/web/src/api/getAccountStatus.ts
diff --git a/net/web/src/api/getAvailable.js → net/web/src/api/getAvailable.ts b/net/web/src/api/getAvailable.js → net/web/src/api/getAvailable.ts
diff --git a/net/web/src/api/getCardCloseMessage.js → net/web/src/api/getCardCloseMessage.ts b/net/web/src/api/getCardCloseMessage.js → net/web/src/api/getCardCloseMessage.ts
diff --git a/net/web/src/api/getCardDetail.js → net/web/src/api/getCardDetail.ts b/net/web/src/api/getCardDetail.js → net/web/src/api/getCardDetail.ts
diff --git a/net/web/src/api/getCardImageUrl.js → net/web/src/api/getCardImageUrl.ts b/net/web/src/api/getCardImageUrl.js → net/web/src/api/getCardImageUrl.ts
diff --git a/net/web/src/api/getCardOpenMessage.js → net/web/src/api/getCardOpenMessage.ts b/net/web/src/api/getCardOpenMessage.js → net/web/src/api/getCardOpenMessage.ts
diff --git a/net/web/src/api/getCardProfile.js → net/web/src/api/getCardProfile.ts b/net/web/src/api/getCardProfile.js → net/web/src/api/getCardProfile.ts
diff --git a/net/web/src/api/getCards.js → net/web/src/api/getCards.ts b/net/web/src/api/getCards.js → net/web/src/api/getCards.ts
diff --git a/net/web/src/api/getChannelDetail.js → net/web/src/api/getChannelDetail.ts b/net/web/src/api/getChannelDetail.js → net/web/src/api/getChannelDetail.ts
diff --git a/net/web/src/api/getChannelSummary.js → net/web/src/api/getChannelSummary.ts b/net/web/src/api/getChannelSummary.js → net/web/src/api/getChannelSummary.ts
diff --git a/net/web/src/api/getChannelTopic.js → net/web/src/api/getChannelTopic.ts b/net/web/src/api/getChannelTopic.js → net/web/src/api/getChannelTopic.ts
diff --git a/net/web/src/api/getChannelTopicAssetUrl.js → net/web/src/api/getChannelTopicAssetUrl.ts b/net/web/src/api/getChannelTopicAssetUrl.js → net/web/src/api/getChannelTopicAssetUrl.ts
diff --git a/net/web/src/api/getChannelTopics.js → net/web/src/api/getChannelTopics.ts b/net/web/src/api/getChannelTopics.js → net/web/src/api/getChannelTopics.ts
diff --git a/net/web/src/api/getChannels.js → net/web/src/api/getChannels.ts b/net/web/src/api/getChannels.js → net/web/src/api/getChannels.ts
diff --git a/net/web/src/api/getContactChannelDetail.js → net/web/src/api/getContactChannelDetail.ts b/net/web/src/api/getContactChannelDetail.js → net/web/src/api/getContactChannelDetail.ts
diff --git a/net/web/src/api/getContactChannelSummary.js → net/web/src/api/getContactChannelSummary.ts b/net/web/src/api/getContactChannelSummary.js → net/web/src/api/getContactChannelSummary.ts
diff --git a/net/web/src/api/getContactChannelTopic.js → net/web/src/api/getContactChannelTopic.ts b/net/web/src/api/getContactChannelTopic.js → net/web/src/api/getContactChannelTopic.ts
diff --git a/...src/api/getContactChannelTopicAssetUrl.js → ...src/api/getContactChannelTopicAssetUrl.ts b/...src/api/getContactChannelTopicAssetUrl.js → ...src/api/getContactChannelTopicAssetUrl.ts
diff --git a/net/web/src/api/getContactChannelTopics.js → net/web/src/api/getContactChannelTopics.ts b/net/web/src/api/getContactChannelTopics.js → net/web/src/api/getContactChannelTopics.ts
diff --git a/net/web/src/api/getContactChannels.js → net/web/src/api/getContactChannels.ts b/net/web/src/api/getContactChannels.js → net/web/src/api/getContactChannels.ts
@@ -1,6 +1,6 @@
 import { checkResponse, fetchWithTimeout } from './fetchUtil';
 
-export async function getContactChannels(server, token, viewRevision, channelRevision) {
+export async function getContactChannels(server, token, viewRevision?, channelRevision?) {
   let host = "";
   if (server) {
     host = `https://${server}`;

diff --git a/net/web/src/api/getContactProfile.js → net/web/src/api/getContactProfile.ts b/net/web/src/api/getContactProfile.js → net/web/src/api/getContactProfile.ts
diff --git a/net/web/src/api/getGroups.js → net/web/src/api/getGroups.ts b/net/web/src/api/getGroups.js → net/web/src/api/getGroups.ts
diff --git a/net/web/src/api/getListing.js → net/web/src/api/getListing.ts b/net/web/src/api/getListing.js → net/web/src/api/getListing.ts
diff --git a/net/web/src/api/getListingImageUrl.js → net/web/src/api/getListingImageUrl.ts b/net/web/src/api/getListingImageUrl.js → net/web/src/api/getListingImageUrl.ts
diff --git a/net/web/src/api/getListingMessage.js → net/web/src/api/getListingMessage.ts b/net/web/src/api/getListingMessage.js → net/web/src/api/getListingMessage.ts
diff --git a/net/web/src/api/getNodeAccounts.js → net/web/src/api/getNodeAccounts.ts b/net/web/src/api/getNodeAccounts.js → net/web/src/api/getNodeAccounts.ts
diff --git a/net/web/src/api/getNodeConfig.js → net/web/src/api/getNodeConfig.ts b/net/web/src/api/getNodeConfig.js → net/web/src/api/getNodeConfig.ts
diff --git a/net/web/src/api/getNodeStatus.js → net/web/src/api/getNodeStatus.ts b/net/web/src/api/getNodeStatus.js → net/web/src/api/getNodeStatus.ts
diff --git a/net/web/src/api/getProfile.js → net/web/src/api/getProfile.ts b/net/web/src/api/getProfile.js → net/web/src/api/getProfile.ts
diff --git a/net/web/src/api/getProfileImageUrl.js → net/web/src/api/getProfileImageUrl.ts b/net/web/src/api/getProfileImageUrl.js → net/web/src/api/getProfileImageUrl.ts
diff --git a/net/web/src/api/getUsername.js → net/web/src/api/getUsername.ts b/net/web/src/api/getUsername.js → net/web/src/api/getUsername.ts
diff --git a/net/web/src/api/keepCall.js → net/web/src/api/keepCall.ts b/net/web/src/api/keepCall.js → net/web/src/api/keepCall.ts
diff --git a/net/web/src/api/removeAccount.js → net/web/src/api/removeAccount.ts b/net/web/src/api/removeAccount.js → net/web/src/api/removeAccount.ts
diff --git a/net/web/src/api/removeCall.js → net/web/src/api/removeCall.ts b/net/web/src/api/removeCall.js → net/web/src/api/removeCall.ts
diff --git a/net/web/src/api/removeCard.js → net/web/src/api/removeCard.ts b/net/web/src/api/removeCard.js → net/web/src/api/removeCard.ts
diff --git a/net/web/src/api/removeChannel.js → net/web/src/api/removeChannel.ts b/net/web/src/api/removeChannel.js → net/web/src/api/removeChannel.ts
diff --git a/net/web/src/api/removeChannelTopic.js → net/web/src/api/removeChannelTopic.ts b/net/web/src/api/removeChannelTopic.js → net/web/src/api/removeChannelTopic.ts
diff --git a/net/web/src/api/removeContactCall.js → net/web/src/api/removeContactCall.ts b/net/web/src/api/removeContactCall.js → net/web/src/api/removeContactCall.ts
diff --git a/net/web/src/api/removeContactChannel.js → net/web/src/api/removeContactChannel.ts b/net/web/src/api/removeContactChannel.js → net/web/src/api/removeContactChannel.ts
diff --git a/net/web/src/api/removeContactChannelTopic.js → net/web/src/api/removeContactChannelTopic.ts b/net/web/src/api/removeContactChannelTopic.js → net/web/src/api/removeContactChannelTopic.ts
diff --git a/net/web/src/api/setAccountAccess.js → net/web/src/api/setAccountAccess.ts b/net/web/src/api/setAccountAccess.js → net/web/src/api/setAccountAccess.ts
diff --git a/net/web/src/api/setAccountLogin.js → net/web/src/api/setAccountLogin.ts b/net/web/src/api/setAccountLogin.js → net/web/src/api/setAccountLogin.ts
diff --git a/net/web/src/api/setAccountSeal.js → net/web/src/api/setAccountSeal.ts b/net/web/src/api/setAccountSeal.js → net/web/src/api/setAccountSeal.ts
diff --git a/net/web/src/api/setAccountSearchable.js → net/web/src/api/setAccountSearchable.ts b/net/web/src/api/setAccountSearchable.js → net/web/src/api/setAccountSearchable.ts
diff --git a/net/web/src/api/setAccountStatus.js → net/web/src/api/setAccountStatus.ts b/net/web/src/api/setAccountStatus.js → net/web/src/api/setAccountStatus.ts
diff --git a/net/web/src/api/setCardCloseMessage.js → net/web/src/api/setCardCloseMessage.ts b/net/web/src/api/setCardCloseMessage.js → net/web/src/api/setCardCloseMessage.ts
diff --git a/net/web/src/api/setCardOpenMessage.js → net/web/src/api/setCardOpenMessage.ts b/net/web/src/api/setCardOpenMessage.js → net/web/src/api/setCardOpenMessage.ts
diff --git a/net/web/src/api/setCardProfile.js → net/web/src/api/setCardProfile.ts b/net/web/src/api/setCardProfile.js → net/web/src/api/setCardProfile.ts
diff --git a/net/web/src/api/setCardStatus.js → net/web/src/api/setCardStatus.ts b/net/web/src/api/setCardStatus.js → net/web/src/api/setCardStatus.ts
diff --git a/net/web/src/api/setChannelCard.js → net/web/src/api/setChannelCard.ts b/net/web/src/api/setChannelCard.js → net/web/src/api/setChannelCard.ts
diff --git a/net/web/src/api/setChannelSubject.js → net/web/src/api/setChannelSubject.ts b/net/web/src/api/setChannelSubject.js → net/web/src/api/setChannelSubject.ts
diff --git a/net/web/src/api/setChannelTopicAsset.js → net/web/src/api/setChannelTopicAsset.ts b/net/web/src/api/setChannelTopicAsset.js → net/web/src/api/setChannelTopicAsset.ts
diff --git a/net/web/src/api/setChannelTopicSubject.js → net/web/src/api/setChannelTopicSubject.ts b/net/web/src/api/setChannelTopicSubject.js → net/web/src/api/setChannelTopicSubject.ts
diff --git a/...eb/src/api/setContactChannelTopicAsset.js → ...eb/src/api/setContactChannelTopicAsset.ts b/...eb/src/api/setContactChannelTopicAsset.js → ...eb/src/api/setContactChannelTopicAsset.ts
diff --git a/.../src/api/setContactChannelTopicSubject.js → .../src/api/setContactChannelTopicSubject.ts b/.../src/api/setContactChannelTopicSubject.js → .../src/api/setContactChannelTopicSubject.ts
diff --git a/net/web/src/api/setLogin.js → net/web/src/api/setLogin.ts b/net/web/src/api/setLogin.js → net/web/src/api/setLogin.ts
diff --git a/net/web/src/api/setNodeConfig.js → net/web/src/api/setNodeConfig.ts b/net/web/src/api/setNodeConfig.js → net/web/src/api/setNodeConfig.ts
diff --git a/net/web/src/api/setNodeStatus.js → net/web/src/api/setNodeStatus.ts b/net/web/src/api/setNodeStatus.js → net/web/src/api/setNodeStatus.ts
diff --git a/net/web/src/api/setProfileData.js → net/web/src/api/setProfileData.ts b/net/web/src/api/setProfileData.js → net/web/src/api/setProfileData.ts
diff --git a/net/web/src/api/setProfileImage.js → net/web/src/api/setProfileImage.ts b/net/web/src/api/setProfileImage.js → net/web/src/api/setProfileImage.ts
diff --git a/net/web/src/carousel/Carousel.styled.js → net/web/src/carousel/Carousel.styled.ts b/net/web/src/carousel/Carousel.styled.js → net/web/src/carousel/Carousel.styled.ts
diff --git a/net/web/src/carousel/Carousel.jsx → net/web/src/carousel/Carousel.tsx b/net/web/src/carousel/Carousel.jsx → net/web/src/carousel/Carousel.tsx
@@ -2,15 +2,21 @@ import React, { useState, useEffect, useRef } from 'react';
 import { CarouselWrapper } from './Carousel.styled';
 import { CloseOutlined } from '@ant-design/icons';
 import ReactResizeDetector from 'react-resize-detector';
+interface Props {
+  pad?:any
+   items?:any
+   itemRenderer?:any
+   itemRemove?:any
 
-export function Carousel({ pad, items, itemRenderer, itemRemove }) {
+}
+export function Carousel({ pad, items, itemRenderer, itemRemove }:Props) {
   const [slots, setSlots] = useState([]);
 
-  let carousel = useRef();
+  let carousel = useRef<any>();
 
   const RemoveItem = ({ index }) => {
     if (itemRemove) {
-      return <div class="delitem" onClick={() => itemRemove(index)}><CloseOutlined /></div>
+      return <div className="delitem" onClick={() => itemRemove(index)}><CloseOutlined /></div>
     }
     return <></>
   }
@@ -22,8 +28,8 @@ export function Carousel({ pad, items, itemRenderer, itemRemove }) {
         <ReactResizeDetector handleWidth={true} handleHeight={false}>
           {({ width, height }) => {
             return (
-              <div class="item noselect">
-                <div class="asset">{ itemRenderer(items[i], i) }</div>
+              <div className="item noselect">
+                <div className="asset">{ itemRenderer(items[i], i) }</div>
                 <RemoveItem index={i} />
               </div>
             );
@@ -32,14 +38,14 @@ export function Carousel({ pad, items, itemRenderer, itemRemove }) {
       ));
     }
     if (items.length > 0) {
-      assets.push(<div class="space"></div>)
+      assets.push(<div className="space"></div>)
     }
     setSlots(assets);
   }, [items, itemRenderer]);
 
   return (
     <CarouselWrapper>
-      <div class="carousel" style={{ paddingLeft: pad + 32 }} ref={carousel}>
+      <div className="carousel" style={{ paddingLeft: pad + 32 }} ref={carousel}>
         {slots}
       </div>
     </CarouselWrapper>

diff --git a/net/web/src/carousel/useCarousel.js → net/web/src/carousel/useCarousel.ts b/net/web/src/carousel/useCarousel.js → net/web/src/carousel/useCarousel.ts
diff --git a/net/web/src/constants/Colors.js → net/web/src/constants/Colors.ts b/net/web/src/constants/Colors.js → net/web/src/constants/Colors.ts
diff --git a/net/web/src/constants/Strings.js → net/web/src/constants/Strings.ts b/net/web/src/constants/Strings.js → net/web/src/constants/Strings.ts
diff --git a/net/web/src/context/AccountContext.js → net/web/src/context/AccountContext.tsx b/net/web/src/context/AccountContext.js → net/web/src/context/AccountContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useAccountContext } from './useAccountContext.hook';
+import { defaultAccountContext, useAccountContext } from './useAccountContext.hook';
 
-export const AccountContext = createContext({});
+export const AccountContext = createContext(defaultAccountContext);
 
 export function AccountContextProvider({ children }) {
   const { state, actions } = useAccountContext();

diff --git a/net/web/src/context/AppContext.js → net/web/src/context/AppContext.tsx b/net/web/src/context/AppContext.js → net/web/src/context/AppContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useAppContext } from './useAppContext.hook';
+import { defaultAppContext, useAppContext } from './useAppContext.hook';
 
-export const AppContext = createContext({});
+export const AppContext = createContext(defaultAppContext);
 
 export function AppContextProvider({ children }) {
   const { state, actions } = useAppContext();

diff --git a/net/web/src/context/CardContext.js → net/web/src/context/CardContext.tsx b/net/web/src/context/CardContext.js → net/web/src/context/CardContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useCardContext } from './useCardContext.hook';
+import { defaultCardContext, useCardContext } from './useCardContext.hook';
 
-export const CardContext = createContext({});
+export const CardContext = createContext(defaultCardContext);
 
 export function CardContextProvider({ children }) {
   const { state, actions } = useCardContext();

diff --git a/net/web/src/context/ChannelContext.js → net/web/src/context/ChannelContext.tsx b/net/web/src/context/ChannelContext.js → net/web/src/context/ChannelContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useChannelContext } from './useChannelContext.hook';
+import { defaultChannelContext, useChannelContext } from './useChannelContext.hook';
 
-export const ChannelContext = createContext({});
+export const ChannelContext = createContext(defaultChannelContext);
 
 export function ChannelContextProvider({ children }) {
   const { state, actions } = useChannelContext();

diff --git a/net/web/src/context/ConversationContext.js → net/web/src/context/ConversationContext.tsx b/net/web/src/context/ConversationContext.js → net/web/src/context/ConversationContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useConversationContext } from './useConversationContext.hook';
+import { defaultConversionContext, useConversationContext } from './useConversationContext.hook';
 
-export const ConversationContext = createContext({});
+export const ConversationContext = createContext(defaultConversionContext);
 
 export function ConversationContextProvider({ children }) {
   const { state, actions } = useConversationContext();

diff --git a/net/web/src/context/ProfileContext.js → net/web/src/context/ProfileContext.tsx b/net/web/src/context/ProfileContext.js → net/web/src/context/ProfileContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useProfileContext } from './useProfileContext.hook';
+import { defaultProfileContext, useProfileContext } from './useProfileContext.hook';
 
-export const ProfileContext = createContext({});
+export const ProfileContext = createContext(defaultProfileContext);
 
 export function ProfileContextProvider({ children }) {
   const { state, actions } = useProfileContext();

diff --git a/net/web/src/context/RingContext.js → net/web/src/context/RingContext.tsx b/net/web/src/context/RingContext.js → net/web/src/context/RingContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useRingContext } from './useRingContext.hook';
+import { defaultRingContext, useRingContext } from './useRingContext.hook';
 
-export const RingContext = createContext({});
+export const RingContext = createContext(defaultRingContext);
 
 export function RingContextProvider({ children }) {
   const { state, actions } = useRingContext();

diff --git a/net/web/src/context/SettingsContext.js → net/web/src/context/SettingsContext.tsx b/net/web/src/context/SettingsContext.js → net/web/src/context/SettingsContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useSettingsContext } from './useSettingsContext.hook';
+import { defaultSettingsContext, useSettingsContext } from './useSettingsContext.hook';
 
-export const SettingsContext = createContext({});
+export const SettingsContext = createContext(defaultSettingsContext);
 
 export function SettingsContextProvider({ children }) {
   const { state, actions } = useSettingsContext();

diff --git a/net/web/src/context/StoreContext.js → net/web/src/context/StoreContext.tsx b/net/web/src/context/StoreContext.js → net/web/src/context/StoreContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useStoreContext } from './useStoreContext.hook';
+import { defaultStoreContext, useStoreContext } from './useStoreContext.hook';
 
-export const StoreContext = createContext({});
+export const StoreContext = createContext(defaultStoreContext);
 
 export function StoreContextProvider({ children }) {
   const { state, actions } = useStoreContext();

diff --git a/net/web/src/context/UploadContext.js → net/web/src/context/UploadContext.tsx b/net/web/src/context/UploadContext.js → net/web/src/context/UploadContext.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { useUploadContext } from './useUploadContext.hook';
+import { defaultUploadContext, useUploadContext } from './useUploadContext.hook';
 
-export const UploadContext = createContext({});
+export const UploadContext = createContext(defaultUploadContext);
 
 export function UploadContextProvider({ children }) {
   const { state, actions } = useUploadContext();

diff --git a/net/web/src/context/cardUtil.js → net/web/src/context/cardUtil.ts b/net/web/src/context/cardUtil.js → net/web/src/context/cardUtil.ts
diff --git a/net/web/src/context/sealUtil.js → net/web/src/context/sealUtil.ts b/net/web/src/context/sealUtil.js → net/web/src/context/sealUtil.ts