Merge pull request #252 from oasisprotocol/csillag/add-ui-library

csillag · web-flow · commit 40240a7e4577 · 2025-06-05T09:56:10.000+02:00
Introduce Oasis UI Library
diff --git a/.changelog/252.internal.md b/.changelog/252.internal.md
@@ -0,0 +1 @@
+Introduce Oasis UI Library
diff --git a/.eslintignore b/.eslintignore
@@ -33,3 +33,5 @@ pnpm-lock.yaml
 
 # markdownlint formatted files
 *.md
+
+ui-library
diff --git a/.github/workflows/ci-build.yml b/.github/workflows/ci-build.yml
@@ -19,6 +19,8 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Set up Node.js 20
         uses: actions/setup-node@v4
         with:
diff --git a/.github/workflows/ci-test.yml b/.github/workflows/ci-test.yml
@@ -19,6 +19,8 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Set up Node.js 20
         uses: actions/setup-node@v4
         with:
diff --git a/.github/workflows/cloudflare-pages.yml b/.github/workflows/cloudflare-pages.yml
@@ -44,6 +44,7 @@ jobs:
         # Checkout pull request HEAD commit instead of merge commit.
         with:
           ref: ${{ github.event.pull_request.head.sha }}
+          submodules: 'recursive'
       - name: Set up Node.js 20
         uses: actions/setup-node@v4
         with:
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -20,6 +20,8 @@ jobs:
       contents: write
     steps:
       - uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Set up Node.js 20
         uses: actions/setup-node@v4
         with:
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "ui-library"]
+	path = ui-library
+	url = https://github.com/oasisprotocol/ui-library.git
diff --git a/home/index.html b/home/index.html
@@ -7,7 +7,7 @@
     <title>ROSE App</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root" class="dark"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/home/package.json b/home/package.json
@@ -23,13 +23,16 @@
     "@oasisprotocol/rose-app-stake": "workspace:*",
     "@oasisprotocol/rose-app-ui": "workspace:*",
     "@oasisprotocol/rose-app-wrap": "workspace:*",
+    "@oasisprotocol/ui-library": "file:../ui-library",
     "@rainbow-me/rainbowkit": "^2.1.2",
+    "@tailwindcss/vite": "^4.1.7",
     "@tanstack/react-query": "5.45.1",
     "fathom-client": "^3.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-responsive": "^9.0.2",
     "react-router-dom": "^6.22.2",
+    "tailwindcss": "^4.1.7",
     "viem": "^2.23.1",
     "wagmi": "^2.14.11"
   },
diff --git a/home/src/main.tsx b/home/src/main.tsx
@@ -8,6 +8,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 import { App } from './App.tsx'
 import { ProvidersWithSidebar } from './ProvidersWithSidebar.tsx'
 
+import './styles/global.css'
 import '@oasisprotocol/rose-app-ui/core/index.css'
 
 const router = createBrowserRouter([
diff --git a/home/src/styles/global.css b/home/src/styles/global.css
@@ -0,0 +1,9 @@
+@import '@oasisprotocol/ui-library/src/styles/global.css';
+
+@source "../../node_modules/@oasisprotocol/ui-library";
+@source "../../../ui/src";
+@source "../"; /* this is home */
+@source "../../../discover/src";
+@source "../../../stake/src";
+@source "../../../move/src";
+@source "../../../wrap/src";
diff --git a/home/vite.config.ts b/home/vite.config.ts
@@ -2,12 +2,13 @@ import { execSync } from 'node:child_process'
 import { defineConfig } from 'vite'
 import svgr from 'vite-plugin-svgr'
 import react from '@vitejs/plugin-react-swc'
+import tailwindcss from '@tailwindcss/vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import { version } from '../package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [nodePolyfills(), svgr(), react()],
+  plugins: [nodePolyfills(), svgr(), react(), tailwindcss()],
   base: '/',
   build: {
     sourcemap: true,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/ui-library b/ui-library
diff --git a/ui/package.json b/ui/package.json
diff --git a/wrap/package.json b/wrap/package.json

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+[submodule "ui-library"]`
	`2`	`+ path = ui-library`
	`3`	`+ url = https://github.com/oasisprotocol/ui-library.git`