snapshot of https://github.com/toeverything/AFFiNE.git (canary, 2026-09-16; blobs > 131072B omitted)

packages/frontend/apps/web/README.md

@@ -0,0 +1,3 @@
+# web
+
+AFFiNE Desktop Edition Web app.

packages/frontend/apps/web/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@affine/web",
+  "version": "0.27.5",
+  "description": "AFFiNE Desktop Web application",
+  "private": true,
+  "browser": "src/index.tsx",
+  "scripts": {
+    "build": "affine bundle",
+    "dev": "affine bundle --dev"
+  },
+  "dependencies": {
+    "@affine/component": "workspace:*",
+    "@affine/core": "workspace:*",
+    "@affine/env": "workspace:*",
+    "@affine/nbstore": "workspace:*",
+    "@affine/track": "workspace:*",
+    "@emotion/react": "^11.14.0",
+    "@toeverything/infra": "workspace:*",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-router-dom": "^6.30.4"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "typescript": "npm:@typescript/typescript6@6.0.2"
+  }
+}

packages/frontend/apps/web/src/app.tsx

@@ -0,0 +1,116 @@
+import { AffineContext } from '@affine/core/components/context';
+import { AppContainer } from '@affine/core/desktop/components/app-container';
+import { router } from '@affine/core/desktop/router';
+import { configureCommonModules } from '@affine/core/modules';
+import { I18nProvider } from '@affine/core/modules/i18n';
+import { LifecycleService } from '@affine/core/modules/lifecycle';
+import {
+  configureLocalStorageStateStorageImpls,
+  NbstoreProvider,
+} from '@affine/core/modules/storage';
+import { PopupWindowProvider } from '@affine/core/modules/url';
+import { configureBrowserWorkbenchModule } from '@affine/core/modules/workbench';
+import { configureBrowserWorkspaceFlavours } from '@affine/core/modules/workspace-engine';
+import createEmotionCache from '@affine/core/utils/create-emotion-cache';
+import { getWorkerUrl } from '@affine/env/worker';
+import { StoreManagerClient } from '@affine/nbstore/worker/client';
+import { setTelemetryTransport } from '@affine/track';
+import { CacheProvider } from '@emotion/react';
+import { Framework, FrameworkRoot, getCurrentStore } from '@toeverything/infra';
+import { OpClient } from '@toeverything/infra/op';
+import { Suspense } from 'react';
+import { RouterProvider } from 'react-router-dom';
+
+const cache = createEmotionCache();
+
+let storeManagerClient: StoreManagerClient;
+
+const workerUrl = getWorkerUrl('nbstore');
+
+if (
+  window.SharedWorker &&
+  localStorage.getItem('disableSharedWorker') !== 'true'
+) {
+  const worker = new SharedWorker(workerUrl, {
+    name: 'affine-shared-worker',
+  });
+  storeManagerClient = new StoreManagerClient(new OpClient(worker.port));
+} else {
+  const worker = new Worker(workerUrl);
+  storeManagerClient = new StoreManagerClient(new OpClient(worker));
+}
+setTelemetryTransport(storeManagerClient.telemetry);
+window.addEventListener('beforeunload', () => {
+  storeManagerClient.dispose();
+});
+window.addEventListener('focus', () => {
+  storeManagerClient.resume();
+});
+window.addEventListener('click', () => {
+  storeManagerClient.resume();
+});
+window.addEventListener('blur', () => {
+  storeManagerClient.pause();
+});
+
+const future = {
+  v7_startTransition: true,
+} as const;
+
+const framework = new Framework();
+configureCommonModules(framework);
+configureBrowserWorkbenchModule(framework);
+configureLocalStorageStateStorageImpls(framework);
+configureBrowserWorkspaceFlavours(framework);
+framework.impl(NbstoreProvider, {
+  realtime: storeManagerClient.realtime,
+  openStore(key, options) {
+    return storeManagerClient.open(key, options);
+  },
+});
+framework.impl(PopupWindowProvider, {
+  open: (target: string) => {
+    const targetUrl = new URL(target);
+
+    let url: string;
+    // safe to open directly if in the same origin
+    if (targetUrl.origin === location.origin) {
+      url = target;
+    } else {
+      const redirectProxy = location.origin + '/redirect-proxy';
+      const search = new URLSearchParams({
+        redirect_uri: target,
+      });
+
+      url = `${redirectProxy}?${search.toString()}`;
+    }
+    window.open(url, '_blank', 'popup noreferrer noopener');
+  },
+});
+const frameworkProvider = framework.provider();
+
+// setup application lifecycle events, and emit application start event
+window.addEventListener('focus', () => {
+  frameworkProvider.get(LifecycleService).applicationFocus();
+});
+frameworkProvider.get(LifecycleService).applicationStart();
+
+export function App() {
+  return (
+    <Suspense>
+      <FrameworkRoot framework={frameworkProvider}>
+        <CacheProvider value={cache}>
+          <I18nProvider>
+            <AffineContext store={getCurrentStore()}>
+              <RouterProvider
+                fallbackElement={<AppContainer fallback />}
+                router={router}
+                future={future}
+              />
+            </AffineContext>
+          </I18nProvider>
+        </CacheProvider>
+      </FrameworkRoot>
+    </Suspense>
+  );
+}

packages/frontend/apps/web/src/index.tsx

@@ -0,0 +1,24 @@
+import './setup';
+
+import { Telemetry } from '@affine/core/components/telemetry';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { App } from './app';
+
+function mountApp() {
+  // oxlint-disable-next-line typescript/no-non-null-assertion
+  const root = document.getElementById('app')!;
+  createRoot(root).render(
+    <StrictMode>
+      <Telemetry />
+      <App />
+    </StrictMode>
+  );
+}
+
+try {
+  mountApp();
+} catch (err) {
+  console.error('Failed to bootstrap app', err);
+}

packages/frontend/apps/web/src/nbstore.worker.ts

@@ -0,0 +1,32 @@
+import '@affine/core/bootstrap/browser';
+
+import { broadcastChannelStorages } from '@affine/nbstore/broadcast-channel';
+import { cloudStorages } from '@affine/nbstore/cloud';
+import { idbStorages } from '@affine/nbstore/idb';
+import { idbV1Storages } from '@affine/nbstore/idb/v1';
+import {
+  StoreManagerConsumer,
+  type WorkerManagerOps,
+} from '@affine/nbstore/worker/consumer';
+import { type MessageCommunicapable, OpConsumer } from '@toeverything/infra/op';
+
+const consumer = new StoreManagerConsumer([
+  ...idbStorages,
+  ...idbV1Storages,
+  ...broadcastChannelStorages,
+  ...cloudStorages,
+]);
+
+if ('onconnect' in globalThis) {
+  // if in shared worker
+
+  (globalThis as any).onconnect = (event: MessageEvent) => {
+    const port = event.ports[0];
+    consumer.bindConsumer(new OpConsumer<WorkerManagerOps>(port));
+  };
+} else {
+  // if in worker
+  consumer.bindConsumer(
+    new OpConsumer<WorkerManagerOps>(globalThis as MessageCommunicapable)
+  );
+}

packages/frontend/apps/web/src/setup.ts

@@ -0,0 +1,3 @@
+import '@affine/core/bootstrap/browser';
+import '@affine/core/bootstrap/cleanup';
+import '@affine/component/theme';

packages/frontend/apps/web/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../../../tsconfig.web.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"
+  },
+  "include": ["./src"],
+  "references": [
+    { "path": "../../component" },
+    { "path": "../../core" },
+    { "path": "../../../common/env" },
+    { "path": "../../../common/nbstore" },
+    { "path": "../../track" },
+    { "path": "../../../common/infra" }
+  ]
+}