feat: update code with jotai-molecule (#5)

.github/workflows/build.yml

@@ -0,0 +1,47 @@
+name: Build and Test
+
+on:
+ pull_request:
+ branches:
+ - stable
+ push:
+ branches:
+ - stable
+ - dev
+
+jobs:
+ build-and-test:
+ name: Build and Test
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v3
+ - uses: pnpm/action-setup@v2
+ name: Install pnpm
+ id: pnpm-install
+ - name: Use Node.js LTS
+ uses: actions/setup-node@v3
+ with:
+ node-version-file: '.nvmrc'
+ cache: 'pnpm'
+ - name: Get pnpm store directory
+ id: pnpm-cache
+ shell: bash
+ run: |
+ echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+ - uses: actions/cache@v3
+ name: Setup pnpm cache
+ with:
+ path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+ key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+ restore-keys: |
+ ${{ runner.os }}-pnpm-store-
+
+ - name: Install dependencies
+ run: pnpm install
+
+ - name: Build
+ run: pnpm run build
+
+ - name: Test
+ run: pnpm run test

.npmrc

@@ -0,0 +1 @@
+shell-emulator=true

.nvmrc

@@ -0,0 +1 @@
+18

README.md

@@ -7,6 +7,7 @@ This is a minimum implementation of the AFFiNE project.
 ## Features
 
 - [x] jotai atoms example
+- [x] jotai-molecule example
 - [x] `useSyncExternalStore` example
 - [x] React 18 `suspense` example
 - [x] BlockSuite Editor embed example

package.json

@@ -12,34 +12,36 @@
  "test": "vitest"
  },
  "dependencies": {
- "@blocksuite/blocks": "0.0.0-20230429153208-4ac043ec-nightly",
- "@blocksuite/editor": "0.0.0-20230429153208-4ac043ec-nightly",
- "@blocksuite/store": "0.0.0-20230429153208-4ac043ec-nightly",
- "@toeverything/y-indexeddb": "0.5.4-canary.19",
- "jotai": "^2.0.4",
- "lit": "^2.7.3",
+ "@blocksuite/blocks": "0.0.0-20230508043859-34d0cc68-nightly",
+ "@blocksuite/editor": "0.0.0-20230508043859-34d0cc68-nightly",
+ "@blocksuite/store": "0.0.0-20230508043859-34d0cc68-nightly",
+ "@toeverything/y-indexeddb": "0.5.4-canary.26",
+ "jotai": "^2.1.0",
+ "jotai-molecules": "^1.1.1",
+ "lit": "^2.7.4",
  "nanoid": "^4.0.2",
- "next": "^13.3.2",
+ "next": "^13.4.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-error-boundary": "^4.0.4",
  "rxjs": "^7.8.1",
- "yjs": "^13.6.0"
+ "yjs": "^13.6.1"
  },
  "devDependencies": {
- "@types/react": "^18.0.28",
- "@types/react-dom": "^18.0.11",
- "@typescript-eslint/eslint-plugin": "^5.57.1",
- "@typescript-eslint/parser": "^5.57.1",
+ "@testing-library/react": "^14.0.0",
+ "@types/react": "^18.2.6",
+ "@types/react-dom": "^18.2.4",
+ "@typescript-eslint/eslint-plugin": "^5.59.2",
+ "@typescript-eslint/parser": "^5.59.2",
  "@vanilla-extract/css": "^1.11.0",
  "@vanilla-extract/next-plugin": "^2.1.2",
  "@vitejs/plugin-react": "^4.0.0",
- "eslint": "^8.38.0",
- "eslint-config-next": "^13.3.4",
+ "eslint": "^8.40.0",
+ "eslint-config-next": "^13.4.1",
  "fake-indexeddb": "^4.0.1",
- "happy-dom": "^9.10.1",
+ "happy-dom": "^9.10.9",
  "typescript": "^5.0.2",
- "vite": "^4.3.3",
+ "vite": "^4.3.5",
  "vitest": "^0.30.1"
  }
 }