Add Nabla UI

.gitignore

@@ -32,4 +32,6 @@ dist-ssr
 !.yarn/plugins
 !.yarn/releases
 !.yarn/sdks
-!.yarn/versions
+!.yarn/versions
+
+vite.config.ts.timestamp-*

.prettierignore

@@ -5,6 +5,7 @@ build/
 preact/
 internals/
 docs/
+gql/
 .lighthouseci/
 
 *.yml
@@ -13,4 +14,5 @@ package-lock.json
 package.json
 yarn.lock
 
+
 CHANGELOG.md

codegen.ts

@@ -1,7 +1,7 @@
 import { CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {
-  schema: 'https://squid.subsquid.io/foucoco-squid/graphql',
+  schema: 'https://pendulum.squids.live/foucoco-squid/graphql',
   documents: ['**/*.{ts,tsx}', '!gql/**/*'],
   generates: {
     './gql/': {

config/setupTests.ts

@@ -1,2 +1,2 @@
 /* eslint-env jest */
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

gql/gql.ts

@@ -13,10 +13,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
-    "\n  query getBackstopPool($id: String!) {\n    backstopPoolById(id: $id) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        decimals\n        id\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n          liabilities\n          paused\n          reserves\n          totalSupply\n          token {\n            decimals\n            id\n            name\n            symbol\n          }\n        }\n        id\n      }\n    }\n  }\n": types.GetBackstopPoolDocument,
-    "\n  query getBackstopPools {\n    backstopPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        decimals\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n        }\n        id\n      }\n    }\n  }\n": types.GetBackstopPoolsDocument,
-    "\n  query getSwapPools {\n    swapPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        name\n        symbol\n        decimals\n      }\n      router {\n        id\n        paused\n      }\n      backstop {\n        id\n        liabilities\n        paused\n        reserves\n        totalSupply\n      }\n    }\n  }\n": types.GetSwapPoolsDocument,
-    "\n  query getTokens {\n    nablaTokens {\n      id\n      name\n      symbol\n      decimals\n    }\n  }\n": types.GetTokensDocument,
+    "\n  query getRouter($id: String!) {\n    routerById(id: $id) {\n      id\n      swapPools {\n        id\n        paused\n        name\n        reserve\n        reserveWithSlippage\n        totalLiabilities\n        totalSupply\n        lpTokenDecimals\n        apr\n        symbol\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n        insuranceFeeBps\n        protocolTreasuryAddress\n      }\n      backstopPool {\n        id\n        name\n        paused\n        symbol\n        totalSupply\n        apr\n        reserves\n        lpTokenDecimals\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n      }\n      paused\n    }\n  }\n": types.GetRouterDocument,
 };
 
 /**
@@ -36,19 +33,7 @@ export function graphql(source: string): unknown;
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  query getBackstopPool($id: String!) {\n    backstopPoolById(id: $id) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        decimals\n        id\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n          liabilities\n          paused\n          reserves\n          totalSupply\n          token {\n            decimals\n            id\n            name\n            symbol\n          }\n        }\n        id\n      }\n    }\n  }\n"): (typeof documents)["\n  query getBackstopPool($id: String!) {\n    backstopPoolById(id: $id) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        decimals\n        id\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n          liabilities\n          paused\n          reserves\n          totalSupply\n          token {\n            decimals\n            id\n            name\n            symbol\n          }\n        }\n        id\n      }\n    }\n  }\n"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n  query getBackstopPools {\n    backstopPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        decimals\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n        }\n        id\n      }\n    }\n  }\n"): (typeof documents)["\n  query getBackstopPools {\n    backstopPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        decimals\n        name\n        symbol\n      }\n      router {\n        swapPools(where: { router_isNull: false, paused_not_eq: true }) {\n          id\n        }\n        id\n      }\n    }\n  }\n"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n  query getSwapPools {\n    swapPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        name\n        symbol\n        decimals\n      }\n      router {\n        id\n        paused\n      }\n      backstop {\n        id\n        liabilities\n        paused\n        reserves\n        totalSupply\n      }\n    }\n  }\n"): (typeof documents)["\n  query getSwapPools {\n    swapPools(where: { paused_eq: false }) {\n      id\n      liabilities\n      paused\n      reserves\n      totalSupply\n      token {\n        id\n        name\n        symbol\n        decimals\n      }\n      router {\n        id\n        paused\n      }\n      backstop {\n        id\n        liabilities\n        paused\n        reserves\n        totalSupply\n      }\n    }\n  }\n"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n  query getTokens {\n    nablaTokens {\n      id\n      name\n      symbol\n      decimals\n    }\n  }\n"): (typeof documents)["\n  query getTokens {\n    nablaTokens {\n      id\n      name\n      symbol\n      decimals\n    }\n  }\n"];
+export function graphql(source: "\n  query getRouter($id: String!) {\n    routerById(id: $id) {\n      id\n      swapPools {\n        id\n        paused\n        name\n        reserve\n        reserveWithSlippage\n        totalLiabilities\n        totalSupply\n        lpTokenDecimals\n        apr\n        symbol\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n        insuranceFeeBps\n        protocolTreasuryAddress\n      }\n      backstopPool {\n        id\n        name\n        paused\n        symbol\n        totalSupply\n        apr\n        reserves\n        lpTokenDecimals\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n      }\n      paused\n    }\n  }\n"): (typeof documents)["\n  query getRouter($id: String!) {\n    routerById(id: $id) {\n      id\n      swapPools {\n        id\n        paused\n        name\n        reserve\n        reserveWithSlippage\n        totalLiabilities\n        totalSupply\n        lpTokenDecimals\n        apr\n        symbol\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n        insuranceFeeBps\n        protocolTreasuryAddress\n      }\n      backstopPool {\n        id\n        name\n        paused\n        symbol\n        totalSupply\n        apr\n        reserves\n        lpTokenDecimals\n        token {\n          id\n          decimals\n          name\n          symbol\n        }\n      }\n      paused\n    }\n  }\n"];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};