dev env

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm install -g pnpm && pnpm install
+    - name: Install Playwright Browsers
+      run: pnpm exec playwright install --with-deps
+    - name: Run Playwright tests
+      run: pnpm exec playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -11,3 +11,9 @@ dist/
 .vscode/*
 !.vscode/extensions.json
 .idea
+test-results
+playwright-report
+/blob-report/
+/playwright/.cache/
+packages/idb-cache/test-results
+packages/idb-cache-app/test-results

package.json

@@ -1,37 +1,13 @@
 {
-	"name": "@instructure/idb-cache",
-	"version": "1.0.3",
-	"license": "MIT",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/instructure/idb-cache.git"
-	},
-	"bugs": {
-		"url": "https://github.com/instructure/idb-cache/issues"
-	},
-	"homepage": "https://github.com/instructure/idb-cache#readme",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"import": "./dist/index.js"
-		}
-	},
-	"module": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"files": ["dist"],
+	"name": "idb-cache-monorepo",
+	"private": true,
 	"scripts": {
-		"build": "rslib build",
-		"dev": "rslib build --watch",
-		"biome:check": "biome check . --write"
-	},
-	"peerDependencies": {
-		"@rslib/core": "^0.0.15",
-		"idb": "^8.0.0"
+		"build": "pnpm -r run build",
+		"dev": "pnpm -r --parallel run dev",
+		"test": "pnpm -r run test",
+		"test:e2e": "pnpm --filter idb-cache-app run test:e2e"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "1.9.4",
-		"@rslib/core": "^0.0.15",
-		"typescript": "^5.6.3"
+		"@biomejs/biome": "1.9.4"
 	}
 }

packages/idb-cache-app/.gitignore

@@ -0,0 +1,13 @@
+# Local
+.DS_Store
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea

packages/idb-cache-app/README.md

@@ -0,0 +1,29 @@
+# Rsbuild Project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm preview
+```

packages/idb-cache-app/package.json

@@ -0,0 +1,26 @@
+{
+	"name": "idb-cache-app",
+	"private": true,
+	"version": "1.0.0",
+	"scripts": {
+		"dev": "rsbuild dev --open",
+		"build": "rsbuild build",
+		"preview": "rsbuild preview"
+	},
+	"dependencies": {
+		"@instructure/idb-cache": "workspace:*",
+		"random-seed": "^0.3.0",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@rsbuild/core": "^1.0.19",
+		"@rsbuild/plugin-react": "^1.0.6",
+		"@types/random-seed": "^0.3.5",
+		"@types/react": "^18.3.12",
+		"@types/react-dom": "^18.3.1",
+		"daisyui": "^4.12.14",
+		"tailwindcss": "^3.4.15",
+		"typescript": "^5.6.3"
+	}
+}

packages/idb-cache-app/postcss.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+  },
+};

packages/idb-cache-app/rsbuild.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "@rsbuild/core";
+import { pluginReact } from "@rsbuild/plugin-react";
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  html: {
+    title: "idb-cache",
+  },
+});

packages/idb-cache-app/src/App.css

@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  font-family: 'Roboto', sans-serif;
+}