chore: up

chore: remove dialog

chore: sav

chore: save

chore: update title

chore: update porto

chore: fix patch

chore: fix

chore: switch to GET

fix: add notfound error

chore: disable typecheck

chore: ci

chore: continue on error

chore: add build step to ci

chore: set pnpm version

chore: set pnpm version

chore: lower case porto import

chore: improve readme

feat: smart placement

chore: organize

chore: remove expired key

chore: cleanup

feat: delete any problematic schedule

chore: improve

feat: swap kv with d1 for key storage

chore: add mermaid

chore: save

chore: remove kv reference

chore: update cover

chore: delete key on conflict

Author: o-az

.github/cover.png

@@ -1,5 +1,6 @@
 name: Deploy
 
+
 on:
   workflow_dispatch:
   push:
@@ -33,28 +34,26 @@ jobs:
           node-version: 'lts/*'
 
       - name: 'Install Dependencies'
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
-      - name: 'Lint, Check'
+      - name: 'Lint, Check, Build'
         run: |
           pnpm dlx @biomejs/biome check . --reporter='github'
-          # disabled until https://github.com/ithacaxyz/porto/pull/37 is merged
-          # pnpm typecheck 
+          pnpm build
+          pnpm typecheck
 
       - name: '🔸 Cloudflare Workers - Deploy Server'
         working-directory: 'server'
-        continue-on-error: true
         env:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
         run: |
-          pnpm dlx wrangler@latest deploy --env='production' --config='wrangler.toml'
+          pnpm dlx wrangler@latest deploy --config='wrangler.toml' --env='production' --keep-vars
 
       - name: '🔸 Cloudflare Workers - Deploy Client'
         working-directory: 'client'
         env:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
         run: |
-          pnpm build
           pnpm dlx wrangler@latest deploy --config='wrangler.toml'

.github/cover.svg

@@ -1,3 +1,4 @@
 auto-install-peers=false
 link-workspace-packages=deep
 strict-peer-dependencies=false
+node-options='--disable-warning=ExperimentalWarning'

.github/workflows/deploy.yml

@@ -9,6 +9,9 @@
   "[json]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
+  "[jsonc]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
   "[javascript]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
@@ -24,6 +27,9 @@
   "[markdown]": {
     "editor.defaultFormatter": "yzhang.markdown-all-in-one"
   },
+  "[html]": {
+    "editor.defaultFormatter": "vscode.html-language-features"
+  },
   "files.exclude": {
     "**/.wrangler": true
   },
@@ -35,6 +41,7 @@
     ".dev.vars.example": "dotenv"
   },
   "search.exclude": {
+    "**/dist": true,
     "pnpm-lock.yaml": true,
     "**/node_modules": true
   }

.npmrc

@@ -1,21 +1,46 @@
-# EXP-0003: App Sessions feat. Permissions
+# EXP-0003: Offline Actions
 
-![Cover](./.github/cover.png)
+![Cover](./.github/cover.svg)
 
 [Read the Blog Post](https://www.ithaca.xyz/writings/exp-0003)
 
 ## Overview
 
-### Keywords
-
-- Client: The frontend application running in the browser,
-- Server: The Cloudflare Worker that handles key generation, preparing and sending calls, scheduling and managing CRON jobs.
+<details>
+  <summary>Sequence Diagram</summary>
+
+  ```mermaid  
+  sequenceDiagram
+    autonumber
+    participant C as Client
+    participant S as Server
+    participant P as Porton
+  
+    C ->> S: GET /keys/:address?expiry&expiry=
+    S ->> S: keyPair = P256.randomKeyPair()
+    note right of S: Server encrypts and saves privateKey
+    S -->> C: { type: 'p256', publicKey }
+    C ->> P: experimental_grantPermissions(permissions)
+    C -) S: POST /schedule <br/> { address, action: "mint", "schedule": "*****" }
+    loop CRON
+        S ->> P: { digest, request } = wallet_prepareCalls(calls)
+        S ->> S: signature = P256.sign(digest, key)
+        S ->> P: hash = wallet_sendPreparedCalls(request, signature)
+    end
+  ```
+
+</details>
 
 ### Live demo
 
 - <a href="https://exp-0003-client.evm.workers.dev" target="_blank">exp-0003-client.evm.workers.dev</a> - Client
 - <a href="https://exp-0003-server.evm.workers.dev" target="_blank">exp-0003-server.evm.workers.dev</a> - Server
 
+### Keywords
+
+- Client: frontend application running in the browser,
+- Server: handles key generation, preparing and sending calls, scheduling and managing CRON jobs.
+
 ## Getting Started
 
 ### Prerequisites
@@ -27,6 +52,16 @@ npm install --global pnpm@latest
 pnpm install
 ```
 
+### Setup Server database (Cloudflare D1)
+
+```shell
+# create database
+# this will fail if the database already exists
+pnpm --filter='server' db:create
+# run the next command to bootstrap the existing database.
+pnpm --filter='server' db:bootstrap
+```
+
 ### Start dev for worker and client
 
 ```shell
@@ -35,7 +70,7 @@ pnpm --filter='server' --filter='client' dev
 
 ## Deploying
 
-### Prerequisites
+### Requirements
 
 - a Cloudflare account
 - `wrangler` CLI: `pnpm add --global wrangler@latest`,

.vscode/settings.json

@@ -1,20 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>EXP-0003</title>
-    <meta name="description" content="App Sessions feat. Permissions">
-    <meta name="keywords" content="Ithaca,web3,app sessions,permissions">
+    <meta name="keywords" content="Ithaca,web3,offline actions,permissions">
     <link
       rel="icon"
       sizes="310x270"
       type="image/png"
       href="https://ithaca.xyz/icon.png"
     >
     <meta name="theme-color" content="#4285f4">
-    <meta name="application-name" content="Ithaca - EXP-0003">
-    <meta name="description" content="App Sessions feat. Permissions">
+    <meta name="application-name" content="Ithaca - EXP-0003 Demo">
+    <meta name="description" content="Offline Actions">
 
     <!-- SOCIAL -->
     <meta
@@ -25,15 +24,15 @@
     <meta property="og:locale" content="en_US">
     <meta property="article:author" content="Ithaca">
     <meta property="og:image" content="/exp-0003.png">
-    <meta property="og:title" content="Ithaca - EXP-0003">
-    <meta property="og:site_name" content="Ithaca - EXP-0003">
+    <meta property="og:title" content="Ithaca - EXP-0003 Demo">
+    <meta property="og:site_name" content="Ithaca - EXP-0003 Demo">
     <meta property="og:url" content="http://exp0003.ithaca.xyz">
     <meta property="og:description" content="App Sessions feat. Permissions">
 
     <meta name="twitter:card" content="summary">
     <meta name="twitter:site" content="@site_account">
     <meta name="twitter:image" content="/exp-0003.png">
-    <meta name="twitter:title" content="Ithaca - EXP-0003">
+    <meta name="twitter:title" content="Ithaca - EXP-0003 Demo">
     <meta name="twitter:creator" content="@individual_account">
     <meta name="twitter:url" content="http://exp0003.ithaca.xyz">
     <meta name="twitter:description" content="App Sessions feat. Permissions">
@@ -42,7 +41,7 @@
   <body>
     <header>
       <h1>EXP-0003</h1>
-      <h3>App Sessions feat. Permissions</h3>
+      <h3>Offline Actions</h3>
     </header>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>

README.md

@@ -9,24 +9,23 @@
     "typecheck": "tsc --noEmit --project tsconfig.json"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query": "^5.66.3",
     "ox": "catalog:",
     "porto": "catalog:",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "viem": "catalog:",
     "wagmi": "catalog:"
   },
   "devDependencies": {
-    "@tanstack/react-query-devtools": "^5.66.0",
+    "@tanstack/react-query-devtools": "^5.66.3",
     "@types/node": "catalog:",
-    "@types/react": "^19.0.8",
+    "@types/react": "^19.0.9",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
-    "globals": "^15.14.0",
-    "prool": "^0.0.17",
+    "globals": "^15.15.0",
     "typed-query-selector": "^2.12.0",
     "typescript": "catalog:",
-    "vite": "^6.1.0"
+    "vite": "^6.1.0",
+    "wrangler": "catalog:"
   }
 }