v3

.env.example

@@ -1,23 +0,0 @@
-ALCHEMY_KEY=""
-ARBITRUM_ALCHEMY_KEY=""
-BALANCY_TOKEN=""
-BASE_ALCHEMY_KEY=""
-EDGE_CONFIG=""
-GOERLI_ALCHEMY_KEY=""
-GUILD_API_KEY=""
-IPFS_GATEWAY=""
-MAINNET_ALCHEMY_KEY=""
-NACL_PUBLIC=""
-NETWORK_NAME=""
-NOOX_KEY=""
-OPENSEA_API_KEY=""
-OPTIMISM_ALCHEMY_KEY=""
-PINATA_ADMIN_JWT=""
-PINATA_ADMIN_KEY=""
-PINATA_ADMIN_SECRET=""
-POLYGON_ALCHEMY_KEY=""
-POLYGON_MUMBAI_ALCHEMY_KEY=""
-SECRET_WORDS=""
-SEPOLIA_ALCHEMY_KEY=""
-SOUND_API_KEY=""
-ZEROX_API_KEY=""

.github/workflows/code-check.yml

@@ -19,11 +19,9 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 20
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
       - name: Install dependencies
-        run: npm install
+        run: bun install
       - name: Run TypeScript compiler
-        run: npm run type-check
+        run: bun run type-check

.github/workflows/storybook-deploy.yml

@@ -2,8 +2,7 @@ name: Build and Publish storybook to GitHub Pages
 
 on:
   push:
-    branches:
-      - "main"
+    branches: ["main", "v3-main"]
 
 permissions:
   contents: read
@@ -14,7 +13,11 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-    - id: build-publish
+    - name: Set up Bun
+      uses: oven-sh/setup-bun@v2
+    - name: build-publish
       uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3
       with:
         path: storybook-static
+        install_command: bun install
+        build_command: bun build-storybook

.gitignore

@@ -22,6 +22,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local

.husky/pre-commit

@@ -1,5 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged
-npm run type-check -- --incremental true
+bunx lint-staged

.storybook/main.ts

@@ -4,21 +4,16 @@ const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     "@storybook/addon-onboarding",
-    "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@chromatic-com/storybook",
     "@storybook/addon-interactions",
+    "@storybook/addon-styling-webpack",
     "@storybook/addon-themes",
   ],
   framework: {
     name: "@storybook/nextjs",
     options: {},
   },
   staticDirs: ["../public", { from: "../public/fonts", to: "/public/fonts" }],
-  refs: {
-    "@chakra-ui/react": {
-      disable: true,
-    },
-  },
 };
 export default config;

.storybook/preview.tsx

@@ -0,0 +1,36 @@
+import type { Preview } from "@storybook/react";
+import "../src/styles/globals.css";
+
+import { dystopian } from "@/lib/fonts";
+import { withThemeByClassName } from "@storybook/addon-themes";
+import { useEffect } from "react";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    withThemeByClassName({
+      themes: {
+        light: "",
+        dark: "dark",
+      },
+      defaultTheme: "dark",
+    }),
+    (storyFn) => {
+      useEffect(() => {
+        if (typeof document === "undefined") return;
+        document?.querySelector("body")?.classList.add(dystopian.variable);
+      }, []);
+
+      return storyFn();
+    },
+  ],
+};
+
+export default preview;

README.md

@@ -12,13 +12,13 @@ Open source interface for Guild.xyz -- a tool for platformless membership manage
 ## Key dependencies overview
 
 - Framework
-  - React with Next.js
+  - Next.js
 - Styling:
-  - Chakra UI (migration to Tailwind CSS and Radix UI in progress)
+  - Tailwind CSS
+  - Radix UI
   - Phosphor icons
   - Framer motion
 - State management:
-  - SWR for fetching and caching
   - React Hook Form for form state
   - jotai for custom, simple global state
 - Testing:
@@ -27,43 +27,25 @@ Open source interface for Guild.xyz -- a tool for platformless membership manage
 - Web3 related:
   - viem
   - wagmi for connection management
-- Data visualization, graphics:
-  - visx
-  - threejs
 - Deployment:
   - Vercel
 - Product analytics:
   - PostHog
-- Error monitoring:
-  - BugSnag
 
 ## Development
 
 ### Running the interface locally
 
-1. `npm i`
-2. `npm run dev`
+1. `bun i`
+2. `bun run dev`
 3. If you don't have the secret environment variables, copy the `.env.example` as `.env.local`.
 
 Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.
 
-> [!WARNING]
-> We've recently turned on `strict` and `strictNullChecks` tsconfig options, and decided to gradually fix the related TypeScript issues. The pre-commit hook will ignore these, but it is expected that you'll see different issues during local development. Feel free to open a PR if you fix some of them. :wink:
-
-#### For Windows users
-
-If you encounter the error `ERR_OSSL_EVP_UNSUPPORTED` you can do :
-
-```bash
-export NODE_OPTIONS=--openssl-legacy-provider
-npm i --force
-npm run dev
-```
-
 ### Getting secret environment variables (for core team members):
 
 1. Get added to the team on Vercel
-1. `npm i vercel@latest -g`
+1. `bun i vercel@latest -g`
 1. `vercel link`
 1. `vercel env pull .env.local`