Home Explore Help
Register Sign In
JoystreamStats
/
jsstats
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

20230218: GraphQL-Integration : Integrated Elected Council GraphQL

mkbeefcake 1 year ago
parent
386db819ca
commit
33295a18be
14 changed files with 267 additions and 44 deletions
Unified View Show Diff Stats
  1. 2 0
      package.json
  2. 1 1
      public/index.html
  3. 6 7
      src/App.tsx
  4. 27 0
      src/Providers.tsx
  5. 5 22
      src/components/Dashboard/index.tsx
  6. 3 1
      src/config.ts
  7. 15 0
      src/helpers/bn.ts
  8. 2 0
      src/helpers/index.ts
  9. 94 0
      src/helpers/utils.ts
  10. 4 1
      src/index.tsx
  11. 1 1
      src/queries/index.tsx
  12. 0 1
      tsconfig.json
  13. 10 8
      webpack.config.js
  14. 97 2
      yarn.lock

+ 2 - 0
package.json
View File 

@@ -4,6 +4,7 @@
 
   "license": "GPL-3.0-or-later",
 
   "license": "GPL-3.0-or-later",
 
   "repository": "https://github.com/Joystream/community-repo",
 
   "repository": "https://github.com/Joystream/community-repo",
 
   "dependencies": {
 
   "dependencies": {
 
+    "@apollo/client": "^3.7.8",
 
     "@joystream/types": "0.20.5",
 
     "@joystream/types": "0.20.5",
 
     "@material-ui/core": "^4.12.3",
 
     "@material-ui/core": "^4.12.3",
 
     "@material-ui/data-grid": "^4.0.0-alpha.35",
 
     "@material-ui/data-grid": "^4.0.0-alpha.35",
 
@@ -100,6 +101,7 @@
 
     "stream-browserify": "^3.0.0",
 
     "stream-browserify": "^3.0.0",
 
     "style-loader": "^3.3.1",
 
     "style-loader": "^3.3.1",
 
     "ts-loader": "^9.4.2",
 
     "ts-loader": "^9.4.2",
 
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
 
     "typescript": "^4.9.5",
 
     "typescript": "^4.9.5",
 
     "webpack": "^5.75.0",
 
     "webpack": "^5.75.0",
 
     "webpack-cli": "^5.0.1",
 
     "webpack-cli": "^5.0.1",

+ 1 - 1
public/index.html
View File 

@@ -4,7 +4,7 @@
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta name="theme-color" content="#000000" />
 
     <meta name="theme-color" content="#000000" />
 
-    <link rel="manifest" href="/public/manifest.json" />
 
+    <link rel="manifest" href="manifest.json" />
 
     <title>JoystreamStats</title>
 
     <title>JoystreamStats</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>

+ 6 - 7
src/App.tsx
View File 

@@ -317,8 +317,7 @@ class App extends React.Component<IProps, IState> {
 
   }
 
   }
 
 
 
   componentDidMount() {
 
   componentDidMount() {
 
-    debugger;
 
-    this.loadData(); // local storage + bootstrap
 
+    // this.loadData(); // local storage + bootstrap
 
     // this.joyApi(); // joystream rpc connection
 
     // this.joyApi(); // joystream rpc connection
 
     //this.initializeSocket() // jsstats socket.io
 
     //this.initializeSocket() // jsstats socket.io
 
   }
 
   }
 
@@ -328,11 +327,11 @@ class App extends React.Component<IProps, IState> {
 
     this.state = initialState;
 
     this.state = initialState;
 
     this.save = this.save.bind(this);
 
     this.save = this.save.bind(this);
 
     this.load = this.load.bind(this);
 
     this.load = this.load.bind(this);
 
-    this.toggleEditKpi = this.toggleEditKpi.bind(this);
 
-    this.toggleStar = this.toggleStar.bind(this);
 
-    this.toggleFooter = this.toggleFooter.bind(this);
 
-    this.toggleShowStatus = this.toggleShowStatus.bind(this);
 
-    this.getMember = this.getMember.bind(this);
 
+    // this.toggleEditKpi = this.toggleEditKpi.bind(this);
 
+    // this.toggleStar = this.toggleStar.bind(this);
 
+    // this.toggleFooter = this.toggleFooter.bind(this);
 
+    // this.toggleShowStatus = this.toggleShowStatus.bind(this);
 
+    // this.getMember = this.getMember.bind(this);
 
   }
 
   }
 
 }
 
 }

+ 27 - 0
src/Providers.tsx
View File 

@@ -0,0 +1,27 @@
 
+import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
 
+import React from 'react';
 
+import { queryNode } from './config';
 
+
 
+const client = new ApolloClient({
 
+  // uri: import.meta.env.VITE_QN_URL,
 
+  uri: queryNode,
 
+  cache: new InMemoryCache(),
 
+  connectToDevTools: true,
 
+  defaultOptions: {
 
+    watchQuery: {
 
+      fetchPolicy: 'cache-and-network',
 
+      errorPolicy: 'all',
 
+    },
 
+    query: {
 
+      fetchPolicy: 'standby',
 
+      errorPolicy: 'all',
 
+    },
 
+    mutate: {
 
+      errorPolicy: 'all',
 
+    },
 
+  },
 
+});
 
+
 
+export default function Providers({ children }: React.PropsWithChildren) {
 
+  return <ApolloProvider client={client}>{children}</ApolloProvider>;
 
+}

+ 5 - 22
src/components/Dashboard/index.tsx
View File 

@@ -9,34 +9,17 @@ import Election from "./Election";
 
 import Validation from "./Validation";
 
 import Validation from "./Validation";
 
 import SubBlock from "./ui/SubBlock";
 
 import SubBlock from "./ui/SubBlock";
 
 import Banner from "./ui/Banner";
 
 import Banner from "./ui/Banner";
 
+import { useElectedCouncils } from '@/hooks';
 
 
 
-interface IProps extends IState {
 
-}
 
 
 
+interface IProps extends IState {}
 
 const Dashboard = (props: IProps) => {
 
 const Dashboard = (props: IProps) => {
 
-  const {
 
-    getMember,
 
-    toggleStar,
 
-    councils,
 
-    members,
 
-    nominators,
 
-    openings,
 
-    posts,
 
-    proposals,
 
-    rewardPoints,
 
-    threads,
 
-    tokenomics,
 
-    status,
 
-    stars,
 
-    stashes,
 
-    stakes,
 
-    validators,
 
-    domain,
 
-  } = props;
 
-
 
+  const { } = props;
 
   const _description1 = "For a given council period {so there needs to be an input field for this}, I want to see a nice one page dashboard which shows the following, and nothing else (each at end of period)"
 
   const _description1 = "For a given council period {so there needs to be an input field for this}, I want to see a nice one page dashboard which shows the following, and nothing else (each at end of period)"
 
   const _description2 = "new tokens minted size of budget at end of period amount of debt at end of period number of workers at end of period"
 
   const _description2 = "new tokens minted size of budget at end of period amount of debt at end of period number of workers at end of period"
 
 
 
+  const { data } = useElectedCouncils({});
 
+
 
   return (
 
   return (
 
     <div style={{ flexGrow: 1 }}>
 
     <div style={{ flexGrow: 1 }}>
 
       <Container maxWidth="xl">
 
       <Container maxWidth="xl">

+ 3 - 1
src/config.ts
View File 

@@ -4,7 +4,9 @@ export const wsLocation = "wss://joystreamstats.live:9945";
 
 export const apiLocation = "https://api.joystreamstats.live/api"
 
 export const apiLocation = "https://api.joystreamstats.live/api"
 
 export const socketLocation = "/socket.io"
 
 export const socketLocation = "/socket.io"
 
 export const hydraLocation = "https://hydra.joystream.org/graphql"
 
 export const hydraLocation = "https://hydra.joystream.org/graphql"
 
-export const queryNode= "https://hydra.joystream.org/graphql"
 
+export const queryNode= "https://tiguan08.com/graphql"
 
+// export const queryNode= "https://hydra.joystream.org/graphql"
 
+// export const queryNode= "https://query.joystream.org/graphql"
 
 //export const alternativeBackendApis = "http://localhost:3000"
 
 //export const alternativeBackendApis = "http://localhost:3000"
 
 export const alternativeBackendApis = "https://validators.joystreamstats.live"
 
 export const alternativeBackendApis = "https://validators.joystreamstats.live"
 
 export const tasksEndpoint = "https://api.joystreamstats.live/tasks"
 
 export const tasksEndpoint = "https://api.joystreamstats.live/tasks"

+ 15 - 0
src/helpers/bn.ts
View File 

@@ -0,0 +1,15 @@
 
+import { BN_TEN, BN_TWO, BN_ZERO } from '@polkadot/util';
 
+import BN from 'bn.js';
 
+
 
+type BNParam = number | string | number[] | Uint8Array | Buffer | BN;
 
+
 
+export const sumStakes = (entities: { stake: BNParam }[]) =>
 
+  entities.reduce((total, { stake }) => total.add(new BN(stake)), BN_ZERO);
 
+
 
+export const asBN = (value: any) => new BN(String(value));
 
+
 
+export const sumBN = (a: BN | undefined, b: BN | undefined): BN => new BN(a ?? 0).add(new BN(b ?? 0));
 
+
 
+export const powerOf10 = (value: any) => BN_TEN.pow(asBN(value));
 
+
 
+export const powerOf2 = (value: any) => BN_TWO.pow(asBN(value));

+ 2 - 0
src/helpers/index.ts
View File 

@@ -0,0 +1,2 @@
 
+export * from './bn';
 
+export * from './utils';

+ 94 - 0
src/helpers/utils.ts
View File 

@@ -0,0 +1,94 @@
 
+export const capitalizeFirstLetter = <T extends string>(str: T) =>
 
+  (str.charAt(0).toUpperCase() + str.slice(1)) as Capitalize<T>;
 
+
 
+export const lowerFirstLetter = (str: string): string => str.charAt(0).toLowerCase() + str.slice(1);
 
+
 
+export const plural = (quantity?: unknown, suffix = 's') => (quantity === 1 ? '' : suffix);
 
+
 
+export const cutText = (text: string, length = 100) => (text.length > length ? text.slice(0, length) + '...' : text);
 
+
 
+export const isInFuture = (time: string) => {
 
+  const timeAsDate = new Date(time).valueOf();
 
+  return timeAsDate > Date.now();
 
+};
 
+
 
+export const nameMapping = (value: string) => {
 
+  switch (value) {
 
+    case 'Operations Alpha':
 
+      return 'Builders';
 
+    case 'App':
 
+      return 'Apps';
 
+    case 'Operations Beta':
 
+      return 'HR';
 
+    case 'Operations Gamma':
 
+      return 'Marketing';
 
+    default:
 
+      return value;
 
+  }
 
+};
 
+
 
+export const wgListItemMappings = (value: string) => {
 
+  switch (value) {
 
+    case 'Operations Alpha':
 
+      return {
 
+        subtitle:
 
+          'A diverse set of contributors, such as Developers, Designers and Product Managers, responsible for development of infrastructure and user facing applications.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/builders',
 
+      };
 
+    case 'Storage':
 
+      return {
 
+        subtitle:
 
+          'Broadly responsible for ensuring storage infrastructure uptime, namely running complete and up-to-date copy of the content directory and accept inbound uploads from end users.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/storage',
 
+      };
 
+    case 'Content':
 
+      return {
 
+        subtitle:
 
+          'Monitor publishing of the new content into the content directory, respond to the reported publications and adjudicate possible dispute processes.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/content-directory',
 
+      };
 
+    case 'Distribution':
 
+      return {
 
+        subtitle:
 
+          'Run and maintain distributor nodes that deliver large volumes of upstream data to a large number of simultaneous end users.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/storage#distributor',
 
+      };
 
+    case 'App':
 
+      return {
 
+        subtitle:
 
+          'Apps group runs multiple video streaming apps working on Joystream blockchain and provides support to all external app operators.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/gateways',
 
+      };
 
+    case 'Operations Beta':
 
+      return {
 
+        subtitle:
 
+          'Human Resources working group is responsible for integrating new members greeting, onboarding, catalyzing and nurturing, as well as managing bounties.',
 
+        tooltipLink:
 
+          'https://joystream.gitbook.io/testnet-workspace/testnet/council-period-scoring/human-resources-score',
 
+      };
 
+    case 'Operations Gamma':
 
+      return {
 
+        subtitle:
 
+          'Marketing group is responsible for increasing the outreach, sharing the content from the platform with the world, spreading the news about platform development, new members acquisition and overall growth.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/marketers',
 
+      };
 
+    case 'Membership':
 
+      return {
 
+        subtitle:
 
+          'Membership group is responsible for new memberships invitations, referral rewards for existing members and overall process of adding more members via referral scheme.',
 
+        tooltipLink:
 
+          'https://joystream.gitbook.io/testnet-workspace/testnet/council-period-scoring/human-resources-score',
 
+      };
 
+    case 'Forum':
 
+      return {
 
+        subtitle:
 
+          'Monitor and supervise public communication channels for compliance with usage policies as decided through the governance system.',
 
+        tooltipLink: 'https://joystream.gitbook.io/testnet-workspace/system/forum',
 
+      };
 
+    default:
 
+      return {
 
+        subtitle: value,
 
+        tooltipLink: undefined,
 
+      };
 
+  }
 
+};

+ 4 - 1
src/index.tsx
View File 

@@ -3,12 +3,15 @@ import ReactDOM from "react-dom";
 
 import { BrowserRouter as Router } from "react-router-dom";
 
 import { BrowserRouter as Router } from "react-router-dom";
 
 import "./index.css";
 
 import "./index.css";
 
 import App from "./App";
 
 import App from "./App";
 
+import Providers from "./Providers";
 
 
 
 import "./i18n";
 
 import "./i18n";
 
 
 
 ReactDOM.render(
 
 ReactDOM.render(
 
   <Router>
 
   <Router>
 
-    <App />
 
+    <Providers>
 
+      <App />
 
+    </Providers>
 
   </Router>,
 
   </Router>,
 
   document.getElementById("root")
 
   document.getElementById("root")
 
 );
 
 );

+ 1 - 1
src/queries/index.tsx
View File 

@@ -11,4 +11,4 @@ export * from './__generated__/videos.generated';
 
 export * from './__generated__/workingGroups.generated';
 
 export * from './__generated__/workingGroups.generated';
 
 export * from './__generated__/tokens.generated';
 
 export * from './__generated__/tokens.generated';
 
 export * from './__generated__/workers.generated';
 
 export * from './__generated__/workers.generated';
 
-export * from './__generated__/councilMembers.generated';
 
+export * from './__generated__/councilMember.generated';

+ 0 - 1
tsconfig.json
View File 

@@ -20,7 +20,6 @@
 
       "baseUrl": ".",
 
       "baseUrl": ".",
 
       "paths": {
 
       "paths": {
 
         "@/*": ["./src/*"],
 
         "@/*": ["./src/*"],
 
-        "./*": ["./node_modules/*", "./src/*"]
 
       }
 
       }
 
   },
 
   },
 
   "exclude": [
 
   "exclude": [

+ 10 - 8
webpack.config.js
View File 

@@ -1,6 +1,7 @@
 
 const path = require('path');
 
 const path = require('path');
 
 const webpack = require('webpack')
 
 const webpack = require('webpack')
 
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 
 
 
 const { DEV, DEBUG } = process.env;
 
 const { DEV, DEBUG } = process.env;
 
 
 
@@ -96,19 +97,20 @@ module.exports = {
 
             path: require.resolve("path-browserify"),
 
             path: require.resolve("path-browserify"),
 
             fs: false,
 
             fs: false,
 
         },
 
         },
 
+        plugins: [ new TsconfigPathsPlugin({ configFile: "./tsconfig.json" }) ]
 
         // alias: {
 
         // alias: {
 
         //   '@': path.resolve(__dirname, './src/'),
 
         //   '@': path.resolve(__dirname, './src/'),
 
         //   'react/jsx-runtime': require.resolve('react/jsx-runtime'),
 
         //   'react/jsx-runtime': require.resolve('react/jsx-runtime'),
 
         // },
 
         // },
 
       },
 
       },
 
     plugins:[
 
     plugins:[
 
-        new HtmlWebpackPlugin({
 
-            template: path.join(__dirname,'/public/index.html')
 
-        }),
 
-        new webpack.ProvidePlugin({
 
-          Buffer: ['buffer', 'Buffer'],
 
-          process: 'process/browser.js',
 
-          "React": "react",
 
-        }),      
+      new HtmlWebpackPlugin({
 
+          template: path.join(__dirname,'/public/index.html')
 
+      }),
 
+      new webpack.ProvidePlugin({
 
+        Buffer: ['buffer', 'Buffer'],
 
+        process: 'process/browser.js',
 
+        "React": "react",
 
+      }),      
     ]
 
     ]
 
 }
 
 }

+ 97 - 2
yarn.lock
View File 

@@ -10,6 +10,25 @@
 
     "@jridgewell/gen-mapping" "^0.1.0"
 
     "@jridgewell/gen-mapping" "^0.1.0"
 
     "@jridgewell/trace-mapping" "^0.3.9"
 
     "@jridgewell/trace-mapping" "^0.3.9"
 
 
 
+"@apollo/client@^3.7.8":
 
+  version "3.7.8"
 
+  resolved "https://registry.yarnpkg.com/@apollo/client/-/client-3.7.8.tgz#e1c8dfd02cbbe1baf9b18fa86918904efd9cc580"
 
+  integrity sha512-o1NxF4ytET2w9HSVMLwYUEEdv6H3XPpbh9M+ABVGnUVT0s6T9pgqRtYO4pFP1TmeDmb1pbRfVhFwh3gC167j5Q==
 
+  dependencies:
 
+    "@graphql-typed-document-node/core" "^3.1.1"
 
+    "@wry/context" "^0.7.0"
 
+    "@wry/equality" "^0.5.0"
 
+    "@wry/trie" "^0.3.0"
 
+    graphql-tag "^2.12.6"
 
+    hoist-non-react-statics "^3.3.2"
 
+    optimism "^0.16.1"
 
+    prop-types "^15.7.2"
 
+    response-iterator "^0.2.6"
 
+    symbol-observable "^4.0.0"
 
+    ts-invariant "^0.10.3"
 
+    tslib "^2.3.0"
 
+    zen-observable-ts "^1.2.5"
 
+
 
 "@ardatan/relay-compiler@12.0.0":
 
 "@ardatan/relay-compiler@12.0.0":
 
   version "12.0.0"
 
   version "12.0.0"
 
   resolved "https://registry.yarnpkg.com/@ardatan/relay-compiler/-/relay-compiler-12.0.0.tgz#2e4cca43088e807adc63450e8cab037020e91106"
 
   resolved "https://registry.yarnpkg.com/@ardatan/relay-compiler/-/relay-compiler-12.0.0.tgz#2e4cca43088e807adc63450e8cab037020e91106"
 
@@ -3801,6 +3820,27 @@
 
     fast-url-parser "^1.1.3"
 
     fast-url-parser "^1.1.3"
 
     tslib "^2.3.1"
 
     tslib "^2.3.1"
 
 
 
+"@wry/context@^0.7.0":
 
+  version "0.7.0"
 
+  resolved "https://registry.yarnpkg.com/@wry/context/-/context-0.7.0.tgz#be88e22c0ddf62aeb0ae9f95c3d90932c619a5c8"
 
+  integrity sha512-LcDAiYWRtwAoSOArfk7cuYvFXytxfVrdX7yxoUmK7pPITLk5jYh2F8knCwS7LjgYL8u1eidPlKKV6Ikqq0ODqQ==
 
+  dependencies:
 
+    tslib "^2.3.0"
 
+
 
+"@wry/equality@^0.5.0":
 
+  version "0.5.3"
 
+  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.5.3.tgz#fafebc69561aa2d40340da89fa7dc4b1f6fb7831"
 
+  integrity sha512-avR+UXdSrsF2v8vIqIgmeTY0UR91UT+IyablCyKe/uk22uOJ8fusKZnH9JH9e1/EtLeNJBtagNmL3eJdnOV53g==
 
+  dependencies:
 
+    tslib "^2.3.0"
 
+
 
+"@wry/trie@^0.3.0":
 
+  version "0.3.2"
 
+  resolved "https://registry.yarnpkg.com/@wry/trie/-/trie-0.3.2.tgz#a06f235dc184bd26396ba456711f69f8c35097e6"
 
+  integrity sha512-yRTyhWSls2OY/pYLfwff867r8ekooZ4UI+/gxot5Wj8EFwSf2rG+n+Mo/6LoLQm1TKA4GRj2+LCpbfS937dClQ==
 
+  dependencies:
 
+    tslib "^2.3.0"
 
+
 
 "@xtuc/ieee754@^1.2.0":
 
 "@xtuc/ieee754@^1.2.0":
 
   version "1.2.0"
 
   version "1.2.0"
 
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
 
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
 
@@ -7262,7 +7302,7 @@ enhanced-resolve@^4.3.0:
 
     memory-fs "^0.5.0"
 
     memory-fs "^0.5.0"
 
     tapable "^1.0.0"
 
     tapable "^1.0.0"
 
 
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
 
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0, enhanced-resolve@^5.7.0:
 
   version "5.12.0"
 
   version "5.12.0"
 
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
 
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
 
   integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
 
   integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
 
@@ -8598,7 +8638,7 @@ graphql-request@^5.0.0:
 
     extract-files "^9.0.0"
 
     extract-files "^9.0.0"
 
     form-data "^3.0.0"
 
     form-data "^3.0.0"
 
 
 
-graphql-tag@^2.11.0, graphql-tag@^2.9.2:
 
+graphql-tag@^2.11.0, graphql-tag@^2.12.6, graphql-tag@^2.9.2:
 
   version "2.12.6"
 
   version "2.12.6"
 
   resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.12.6.tgz#d441a569c1d2537ef10ca3d1633b48725329b5f1"
 
   resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.12.6.tgz#d441a569c1d2537ef10ca3d1633b48725329b5f1"
 
   integrity sha512-FdSNcu2QQcWnM2VNvSCCDCVS5PpPqpzgFT8+GXzqJuoDd0CBncxCY278u4mhRO7tMgo2JjgJA5aZ+nWSQ/Z+xg==
 
   integrity sha512-FdSNcu2QQcWnM2VNvSCCDCVS5PpPqpzgFT8+GXzqJuoDd0CBncxCY278u4mhRO7tMgo2JjgJA5aZ+nWSQ/Z+xg==
 
@@ -11987,6 +12027,14 @@ opn@^5.5.0:
 
   dependencies:
 
   dependencies:
 
     is-wsl "^1.1.0"
 
     is-wsl "^1.1.0"
 
 
 
+optimism@^0.16.1:
 
+  version "0.16.2"
 
+  resolved "https://registry.yarnpkg.com/optimism/-/optimism-0.16.2.tgz#519b0c78b3b30954baed0defe5143de7776bf081"
 
+  integrity sha512-zWNbgWj+3vLEjZNIh/okkY2EUfX+vB9TJopzIZwT1xxaMqC5hRLLraePod4c5n4He08xuXNH+zhKFFCu390wiQ==
 
+  dependencies:
 
+    "@wry/context" "^0.7.0"
 
+    "@wry/trie" "^0.3.0"
 
+
 
 optimize-css-assets-webpack-plugin@5.0.4:
 
 optimize-css-assets-webpack-plugin@5.0.4:
 
   version "5.0.4"
 
   version "5.0.4"
 
   resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.4.tgz#85883c6528aaa02e30bbad9908c92926bb52dc90"
 
   resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.4.tgz#85883c6528aaa02e30bbad9908c92926bb52dc90"
 
@@ -14215,6 +14263,11 @@ resolve@^2.0.0-next.4:
 
     path-parse "^1.0.7"
 
     path-parse "^1.0.7"
 
     supports-preserve-symlinks-flag "^1.0.0"
 
     supports-preserve-symlinks-flag "^1.0.0"
 
 
 
+response-iterator@^0.2.6:
 
+  version "0.2.6"
 
+  resolved "https://registry.yarnpkg.com/response-iterator/-/response-iterator-0.2.6.tgz#249005fb14d2e4eeb478a3f735a28fd8b4c9f3da"
 
+  integrity sha512-pVzEEzrsg23Sh053rmDUvLSkGXluZio0qu8VT6ukrYuvtjVfCbDZH9d6PGXb8HZfzdNZt8feXv/jvUzlhRgLnw==
 
+
 
 restore-cursor@^3.1.0:
 
 restore-cursor@^3.1.0:
 
   version "3.1.0"
 
   version "3.1.0"
 
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
 
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
 
@@ -15370,6 +15423,11 @@ swap-case@^2.0.2:
 
   dependencies:
 
   dependencies:
 
     tslib "^2.0.3"
 
     tslib "^2.0.3"
 
 
 
+symbol-observable@^4.0.0:
 
+  version "4.0.0"
 
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-4.0.0.tgz#5b425f192279e87f2f9b937ac8540d1984b39205"
 
+  integrity sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==
 
+
 
 symbol-tree@^3.2.4:
 
 symbol-tree@^3.2.4:
 
   version "3.2.4"
 
   version "3.2.4"
 
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
 
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
 
@@ -15660,6 +15718,13 @@ tryer@^1.0.1:
 
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
 
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
 
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
 
 
+ts-invariant@^0.10.3:
 
+  version "0.10.3"
 
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.10.3.tgz#3e048ff96e91459ffca01304dbc7f61c1f642f6c"
 
+  integrity sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==
 
+  dependencies:
 
+    tslib "^2.1.0"
 
+
 
 ts-loader@^9.4.2:
 
 ts-loader@^9.4.2:
 
   version "9.4.2"
 
   version "9.4.2"
 
   resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
 
   resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.2.tgz#80a45eee92dd5170b900b3d00abcfa14949aeb78"
 
@@ -15699,6 +15764,15 @@ ts-pnp@1.2.0, ts-pnp@^1.1.6:
 
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
 
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
 
   integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
 
   integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
 
 
 
+tsconfig-paths-webpack-plugin@^4.0.0:
 
+  version "4.0.0"
 
+  resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.0.0.tgz#84008fc3e3e0658fdb0262758b07b4da6265ff1a"
 
+  integrity sha512-fw/7265mIWukrSHd0i+wSwx64kYUSAKPfxRDksjKIYTxSAp9W9/xcZVBF4Kl0eqQd5eBpAQ/oQrc5RyM/0c1GQ==
 
+  dependencies:
 
+    chalk "^4.1.0"
 
+    enhanced-resolve "^5.7.0"
 
+    tsconfig-paths "^4.0.0"
 
+
 
 tsconfig-paths@^3.14.1:
 
 tsconfig-paths@^3.14.1:
 
   version "3.14.1"
 
   version "3.14.1"
 
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
 
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
 
@@ -15709,6 +15783,15 @@ tsconfig-paths@^3.14.1:
 
     minimist "^1.2.6"
 
     minimist "^1.2.6"
 
     strip-bom "^3.0.0"
 
     strip-bom "^3.0.0"
 
 
 
+tsconfig-paths@^4.0.0:
 
+  version "4.1.2"
 
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.1.2.tgz#4819f861eef82e6da52fb4af1e8c930a39ed979a"
 
+  integrity sha512-uhxiMgnXQp1IR622dUXI+9Ehnws7i/y6xvpZB9IbUVOPy0muvdvgXeZOn88UcGPiT98Vp3rJPTa8bFoalZ3Qhw==
 
+  dependencies:
 
+    json5 "^2.2.2"
 
+    minimist "^1.2.6"
 
+    strip-bom "^3.0.0"
 
+
 
 tslib@^1.8.1:
 
 tslib@^1.8.1:
 
   version "1.14.1"
 
   version "1.14.1"
 
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
 
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
 
@@ -17115,6 +17198,18 @@ yocto-queue@^0.1.0:
 
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
 
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
 
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
 
 
+zen-observable-ts@^1.2.5:
 
+  version "1.2.5"
 
+  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-1.2.5.tgz#6c6d9ea3d3a842812c6e9519209365a122ba8b58"
 
+  integrity sha512-QZWQekv6iB72Naeake9hS1KxHlotfRpe+WGNbNx5/ta+R3DNjVO2bswf63gXlWDcs+EMd7XY8HfVQyP1X6T4Zg==
 
+  dependencies:
 
+    zen-observable "0.8.15"
 
+
 
+zen-observable@0.8.15:
 
+  version "0.8.15"
 
+  resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.8.15.tgz#96415c512d8e3ffd920afd3889604e30b9eaac15"
 
+  integrity sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ==
 
+
 
 zwitch@^1.0.0:
 
 zwitch@^1.0.0:
 
   version "1.0.5"
 
   version "1.0.5"
 
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"
 
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"