feat: table component with query method (#3200)

unionlabs · Nov 21, 2024 · e6e4a9f · e6e4a9f
2 parents 2517a1c + 2432dd7
commit e6e4a9f
Show file tree

Hide file tree

Showing 54 changed files with 3,191 additions and 859 deletions.
diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
@@ -5,13 +5,11 @@ on:
     branches:
       - main
     paths:
-      - 'evm/**'
       - 'docs/**'
       - 'versions/**'
       - 'networks/genesis/**'
   pull_request:
     paths:
-      - 'evm/**'
       - 'docs/**'
       - 'versions/**'
       - 'networks/genesis/**'

diff --git a/biome.json b/biome.json
@@ -226,6 +226,7 @@
         "all": true,
         "noSecrets": "off",
         "noProcessEnv": "off",
+        "noImgElement": "off",
         "useStrictMode": "off",
         "useExplicitType": "off",
         "noNestedTernary": "off",

diff --git a/docs/astro.config.ts b/docs/astro.config.ts
@@ -64,24 +64,10 @@ export default defineConfig({
     starlight({
       title: "Union",
       lastUpdated: true,
+      defaultLocale: "root",
       favicon: "/favicon.svg",
       description: SITE_DESCRIPTION,
       tagline: "Connecting blockchains trustlessly",
-      defaultLocale: "root",
-      expressiveCode: {
-        frames: {
-          showCopyToClipboardButton: true,
-          removeCommentsWhenCopyingTerminalFrames: true
-        },
-        defaultProps: {
-          // @ts-expect-error
-          showLineNumbers: false
-        },
-
-        themes: ["min-light", "houston"],
-        useStarlightDarkModeSwitch: true
-        // plugins: [pluginCollapsibleSections(), pluginLineNumbers()]
-      },
       locales: { root: { label: "English", lang: "en" } },
       editLink: {
         baseUrl: "https://github.com/unionlabs/union/edit/main/docs/"
@@ -148,13 +134,23 @@ export default defineConfig({
               label: "Introduction",
               link: "/"
             },
+            // {
+            //   label: "Chains",
+            //   link: "/chains"
+            // },
             {
               label: "Protocol",
               items: [
                 {
                   label: "Overview",
                   link: "/protocol/overview"
                 },
+                {
+                  label: "Chains",
+                  autogenerate: {
+                    directory: "/protocol/chains"
+                  }
+                },
                 {
                   label: "Channels",
                   autogenerate: {

diff --git a/docs/components.json b/docs/components.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "https://next.shadcn-svelte.com/schema.json",
+  "style": "default",
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/styles/tailwind.css",
+    "baseColor": "slate"
+  },
+  "aliases": {
+    "components": "#/components/svelte/ui",
+    "utils": "#/lib/shadcn",
+    "ui": "#/components/svelte/ui",
+    "hooks": "#/lib/hooks"
+  },
+  "typescript": true,
+  "registry": "https://next.shadcn-svelte.com/registry"
+}
diff --git a/docs/docs.nix b/docs/docs.nix
@@ -2,7 +2,6 @@ _: {
   perSystem =
     {
       lib,
-      pkgs,
       mkCi,
       jsPkgs,
       ensureAtRepositoryRoot,
@@ -20,7 +19,7 @@ _: {
       packages = {
         docs = mkCi false (
           jsPkgs.buildNpmPackage {
-            npmDepsHash = "sha256-v2rwxCCKmbtwxAynUryTigfg0V4cmARh6HgfKTwFQds=";
+            npmDepsHash = "sha256-Dc+WgimfobcG22UcCsC3xBc14BE9MHR/pBytqRfJkqY=";
             src = ./.;
             srcs = [
               ./.
@@ -46,7 +45,7 @@ _: {
       apps = {
         docs-dev-server = {
           type = "app";
-          program = pkgs.writeShellApplication {
+          program = jsPkgs.writeShellApplication {
             name = "docs-dev-server";
             runtimeInputs = deps;
             text = ''
@@ -61,7 +60,7 @@ _: {
         };
         docs-check = {
           type = "app";
-          program = pkgs.writeShellApplication {
+          program = jsPkgs.writeShellApplication {
             name = "docs-check";
             runtimeInputs = deps;
             text = ''
@@ -75,13 +74,13 @@ _: {
               npm_config_yes=true npx astro check
               npm_config_yes=true npx astro build
 
-              nix build .\#checks.${pkgs.system}.spellcheck --print-build-logs
+              nix build .\#checks.${jsPkgs.system}.spellcheck --print-build-logs
             '';
           };
         };
         deploy-docs-ipfs = {
           type = "app";
-          program = pkgs.writeShellApplication {
+          program = jsPkgs.writeShellApplication {
             name = "deploy-docs-ipfs";
             runtimeInputs = deps;
             text = ''

diff --git a/docs/ec.config.mjs b/docs/ec.config.mjs
@@ -1,3 +1,4 @@
+import ecTwoSlash from "expressive-code-twoslash"
 import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers"
 import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections"
 
@@ -20,6 +21,14 @@ export default {
     showLineNumbers: false
   },
   useStarlightDarkModeSwitch: true,
-  themes: ["houston"],
-  plugins: [pluginCollapsibleSections(), pluginLineNumbers()]
+  themes: ["github-light", "houston"],
+  plugins: [
+    ecTwoSlash({
+      includeJsDoc: true,
+      explicitTrigger: true,
+      languages: ["ts", "tsx", "js", "jsx"]
+    }),
+    pluginLineNumbers(),
+    pluginCollapsibleSections()
+  ]
 }