I wanted my background coding agent to use the app it was building. Open Chromium, inspect the page, click through a flow, and see whether it actually works.
I got it running with codex app-server, OpenAI’s first-party computer/browser runtimes, and a Linux desktop inside E2B.
Here’s how I put it together, including the auth issues that took me a while to figure out.
So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.
Database in a browser, a spec (Stepan Parunashvili)
What problem are we trying to solve with a sync system?
The web of tomorrow (Nikita Prokopov)
| { | |
| description = "A Nix flake to install Bun 1.1.34 on x86_64, aarch64 Linux and Darwin"; | |
| inputs = { | |
| nixpkgs.url = "github:NixOS/nixpkgs"; | |
| }; | |
| outputs = { self, nixpkgs }: let | |
| systems = [ "x86_64-linux" "aarch64-linux" "x86_64-darwin" "aarch64-darwin"]; | |
| bunVersion = "1.1.34"; |
| import type { TSchema } from '@sinclair/typebox' | |
| import { Type, TypeGuard } from '@sinclair/typebox' | |
| function toSnakeCase(str: string): string { | |
| return str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`).replace(/^_/, '') | |
| } | |
| function deepSnakeCaseTransformer(schema: TSchema): TSchema { | |
| if (TypeGuard.TObject(schema)) { | |
| const newProperties: Record<string, TSchema> = {} |
| // inspired by: https://gist.github.com/KeKs0r/92be7af08d1d10eae8d1328c78de5f07 | |
| // https://hookdeck.com/blog/how-to-call-google-cloud-apis-from-cloudflare-workers | |
| type ServiceAccount = { | |
| private_key_id: string | |
| private_key: string | |
| client_email: string | |
| } | |
| type Scope = 'https://documentai.googleapis.com/' |
| import * as fs from 'node:fs/promises' | |
| const ACCOUNT_ID = process.env.ACCOUNT_ID | |
| const NAMESPACE_ID = process.env.NAMESPACE_ID | |
| const API_TOKEN = process.env.API_TOKEN | |
| const X_AUTH_EMAIL = process.env.X_AUTH_EMAIL | |
| const DEFAULT_HEADERS = { | |
| 'X-Auth-Key': API_TOKEN, | |
| 'X-Auth-Email': X_AUTH_EMAIL, |
| Concept | Definition |
|---|---|
| Autonomy | How well will this company give me autonomy to do my job? |
| Freedom | How much freedom will I have to balance work and personal life? |
| Responsibilities | What level of responsibilities will I have, and how extensive will they be? |
| Culture | How well does this company's culture align with my values, and how open is the company to allowing me to contribute to the culture I believe in? |
| Tech Stack | How closely does the tech stack used by this company align with my preferences, and to what extent is the company willing to allow me to use the stack I prefer? |
| Personal Growth | How big is the potential of this company to help me keep growing? |
| import { Stripe } from 'stripe' | |
| import { exec } from 'node:child_process' | |
| const API_KEY = 'sk_123445' | |
| const WEBHOOK_ID = 'we_da2321' | |
| const stripe = new Stripe(API_KEY, { | |
| apiVersion: '2022-11-15', | |
| }) | |
| const START_TIME = 1691499907 |
| { | |
| "workbench.iconTheme": "material-icon-theme", | |
| "workbench.colorTheme": "Dracula", | |
| "terminal.integrated.fontSize": 14, | |
| "workbench.startupEditor": "newUntitledFile", | |
| "editor.tabSize": 2, | |
| "editor.fontSize": 16, | |
| "editor.lineHeight": 26, |
