2 |
9 |
--------------------------------------------------------------------------------
/packages/app/src/lib/components/icons/PlusCircleIcon.svelte:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/packages/app/src/lib/components/icons/Envelope.svelte:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/packages/app/src/lib/components/icons/HomeIcon.svelte:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/packages/server/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import {configDefaults, defineConfig} from 'vitest/config';
2 |
3 | const isDarwin = process.platform === 'darwin';
4 |
5 | export default defineConfig({
6 | test: {
7 | exclude: [
8 | ...configDefaults.exclude,
9 | ...(isDarwin ? ['./src/fdb-kv-store.spec.ts'] : []), // foundationdb KV store requires additional configuration on host machine to run on MacOS
10 | ],
11 | },
12 | });
13 |
--------------------------------------------------------------------------------
/packages/www/public/assets/images/brand-logos/microsoft.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/packages/app/serve.json:
--------------------------------------------------------------------------------
1 | {
2 | "public": "./dist",
3 | "trailingSlash": false,
4 | "headers": [
5 | {
6 | "source": "/assets/**",
7 | "headers": [
8 | {
9 | "key": "Cache-Control",
10 | "value": "max-age=31536000, immutable, public"
11 | }
12 | ]
13 | }
14 | ],
15 |
16 | "rewrites": [{"source": "!/assets/**", "destination": "/index.html"}]
17 | }
18 |
--------------------------------------------------------------------------------
/packages/app/src/lib/styles/text.css:
--------------------------------------------------------------------------------
1 | @theme static {
2 | --text-xs: 0.6875rem;
3 | --text-sm: 0.75rem;
4 | --text-md: 0.8125rem;
5 | --text-lg: 0.875rem;
6 | --text-xl: 0.9375rem;
7 |
8 | --text-xs--line-height: 1.25;
9 | --text-sm--line-height: 1.25;
10 | --text-md--line-height: 1.25;
11 | --text-lg--line-height: 1.25;
12 | --text-xl--line-height: 1.25;
13 |
14 | --leading-relaxed: 1.5;
15 |
16 | --font-sans: 'Inter', sans-serif;
17 | }
18 |
--------------------------------------------------------------------------------
/packages/app/src/lib/components/icons/LeftPanelIcon.svelte:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/packages/app/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "bracketSpacing": false,
3 | "arrowParens": "avoid",
4 | "tabWidth": 4,
5 | "useTabs": false,
6 | "singleQuote": true,
7 | "trailingComma": "es5",
8 | "printWidth": 80,
9 | "plugins": ["prettier-plugin-svelte", "prettier-plugin-organize-imports"],
10 | "overrides": [
11 | {
12 | "files": "*.svelte",
13 | "options": {
14 | "parser": "svelte"
15 | }
16 | }
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/packages/app/src/lib/components/boards/BoardLoader.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 | Login Failed
3 |4 | The login attempt was unsuccessful. Please verify your email, or try 5 | signing in with Google. 6 |
7 | Go back to login page 8 |
14 |
18 |
--------------------------------------------------------------------------------
/packages/www/public/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "",
3 | "short_name": "",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/packages/app/src/lib/styles/panel.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --panel-padding-block: 1rem;
3 | --panel-padding-inline: 1rem;
4 | --panel-header-height: 3rem;
5 | }
6 |
7 | @theme static {
8 | --spacing-panel-inline: var(--panel-padding-inline);
9 | --spacing-panel-block: var(--panel-padding-block);
10 | --spacing-panel-inline-half: calc(var(--spacing-panel-inline) / 2);
11 | --spacing-panel-block-half: calc(var(--spacing-panel-block) / 2);
12 | }
13 |
14 | .h-panel-header {
15 | height: var(--panel-header-height);
16 | }
17 |
--------------------------------------------------------------------------------
/packages/www/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:22-slim AS base
2 |
3 | FROM base AS deps
4 |
5 | WORKDIR /app
6 |
7 | COPY package*.json .
8 | COPY packages/www/package*.json ./packages/www/
9 |
10 | RUN npm install
11 |
12 | FROM base AS builder
13 |
14 | WORKDIR /app
15 |
16 | COPY . .
17 | COPY --from=deps /app .
18 |
19 | WORKDIR /app/packages/www
20 | RUN npm run build
21 |
22 | FROM nginx:1.26.3-alpine AS runtime
23 | COPY ./packages/www/nginx.conf /etc/nginx/nginx.conf
24 | COPY --from=builder /app/packages/www/dist /usr/share/nginx/html
25 | EXPOSE 8080
26 |
--------------------------------------------------------------------------------
/packages/app/src/pages/db.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 | 15 | {board.name} Syncing... 16 |
17 |
6 |
18 |
--------------------------------------------------------------------------------
/packages/lib/src/kv/registry.ts:
--------------------------------------------------------------------------------
1 | import {AppError} from '../errors.js';
2 | import {type AppTransaction, isolate} from './kv-store.js';
3 |
4 | export class Registry
9 |
17 | 12 | DB Explorer 13 |
14 | 15 |-
13 | {
14 | releaseDates.map(releaseDate => (
15 |
- 16 | {releaseDate} 17 | 18 | )) 19 | } 20 |
18 |
23 | {/if}
24 |
--------------------------------------------------------------------------------
/packages/app/src/lib/styles/icons.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --icon-size: 1em;
3 | }
4 |
5 | .icon {
6 | inline-size: var(--icon-size);
7 | block-size: var(--icon-size);
8 |
9 | fill: var(--icon-fill, none);
10 |
11 | stroke: var(--icon-stroke, currentColor);
12 | stroke-width: var(--icon-stroke-width, 1.5);
13 | stroke-linecap: round;
14 | stroke-linejoin: round;
15 |
16 | display: inline-block;
17 |
18 | vertical-align: middle;
19 | flex-shrink: 0;
20 |
21 | &.icon--solid {
22 | --icon-fill: currentColor;
23 | --icon-stroke: none;
24 | }
25 | }
26 |
27 | .icon--medium {
28 | --icon-stroke-width: 2;
29 | }
30 |
31 | .icon--bold {
32 | --icon-stroke-width: 2.5;
33 | }
34 |
--------------------------------------------------------------------------------
/packages/scripts/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "syncwave-scripts",
3 | "private": true,
4 | "version": "0.0.1",
5 | "engines": {
6 | "node": ">=22.0.0"
7 | },
8 | "type": "module",
9 | "scripts": {
10 | "clean": "rimraf dist",
11 | "dev": "AWS_DEFAULT_REGION=us-east-1 NODE_OPTIONS='--enable-source-maps' tsx watch --clear-screen=false ./src/entrypoint.ts | tsx ../../packages/scripts/src/log-prettify.ts",
12 | "build": "tsc",
13 | "build:watch": "tsc -w",
14 | "test": "vitest run"
15 | },
16 | "dependencies": {
17 | "@sinclair/typebox": "^0.34.33",
18 | "dotenv": "^16.5.0",
19 | "pino-pretty": "^13.0.0",
20 | "syncwave": "*",
21 | "syncwave-config": "*"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/packages/lib/src/base64.ts:
--------------------------------------------------------------------------------
1 | import {Type} from '@sinclair/typebox';
2 | import type {Brand} from './utils.js';
3 |
4 | export type Base64 = Brand
19 | Synchronizing your data with this device
20 |
26 | {@render children()}
27 |
28 |
25 | {@html html}
26 |
27 |
28 |
38 |
--------------------------------------------------------------------------------
/packages/lib/src/mutex.ts:
--------------------------------------------------------------------------------
1 | import {Deferred} from './deferred.js';
2 | import {AppError} from './errors.js';
3 |
4 | export class Mutex {
5 | private locked = false;
6 | private queue: Array<() => void> = [];
7 |
8 | async run
14 |
35 | 17 | 404 18 |
19 |20 | Oops! Page Not Found 21 |
22 |23 | The page you're looking for doesn't seem to exist. It might have 24 | been moved, deleted, or maybe you just mistyped the URL. 25 |
26 |
27 |
31 | Go to Homepage
32 |
33 |
34 |
19 |
51 |
--------------------------------------------------------------------------------
/packages/server/src/event-loop-monitor.ts:
--------------------------------------------------------------------------------
1 | import {createHook} from 'node:async_hooks';
2 | import {context, log, type TraceId} from 'syncwave';
3 |
4 | const THRESHOLD_NS = 1e8; // 100ms
5 |
6 | const cache = new Map<
7 | number,
8 | {type: string; traceId: TraceId; spanId: string; start?: [number, number]}
9 | >();
10 |
11 | function init(asyncId: number, type: string) {
12 | cache.set(asyncId, {
13 | type,
14 | traceId: context().traceId,
15 | spanId: context().spanId,
16 | });
17 | }
18 |
19 | function destroy(asyncId: number) {
20 | cache.delete(asyncId);
21 | }
22 |
23 | function before(asyncId: number) {
24 | const cached = cache.get(asyncId);
25 |
26 | if (!cached) {
27 | return;
28 | }
29 |
30 | cache.set(asyncId, {
31 | ...cached,
32 | start: process.hrtime(),
33 | });
34 | }
35 |
36 | function after(asyncId: number) {
37 | const cached = cache.get(asyncId);
38 |
39 | if (!cached) {
40 | return;
41 | }
42 |
43 | cache.delete(asyncId);
44 |
45 | if (!cached.start) {
46 | return;
47 | }
48 |
49 | const diff = process.hrtime(cached.start);
50 | const diffNs = diff[0] * 1e9 + diff[1];
51 | if (diffNs > THRESHOLD_NS) {
52 | const time = diffNs / 1e6; // in ms
53 |
54 | log.warn({
55 | msg: `Event loop blocked for ${time.toFixed(2)}ms`,
56 | info: cached,
57 | });
58 | }
59 | }
60 |
61 | export const eventLoopMonitor = (() => {
62 | const hook = createHook({init, before, after, destroy});
63 |
64 | return {
65 | enable: () => {
66 | log.info({msg: 'Initializing event loop monitor'});
67 |
68 | hook.enable();
69 | },
70 | disable: () => {
71 | log.info({msg: 'Disabling event loop monitor'});
72 |
73 | hook.disable();
74 | },
75 | };
76 | })();
77 |
--------------------------------------------------------------------------------
/packages/lib/src/transport/instrumented-transport.ts:
--------------------------------------------------------------------------------
1 | import {context} from '../context.js';
2 | import {getReadableError} from '../errors.js';
3 | import type {Observer} from '../subject.js';
4 | import type {Unsubscribe} from '../utils.js';
5 | import type {
6 | Connection,
7 | TransportClient,
8 | TransportServer,
9 | } from './transport.js';
10 |
11 | export class InstrumentedConnection
22 |
50 | 25 | Impersonate User 26 |
27 | 28 |
29 |
49 |
30 |
33 |
40 |
41 |
42 |
48 |
52 | {name.slice(0, 2)?.toUpperCase() ?? 'UN'}
53 |
54 | {:else}
55 |
56 | 
61 |
62 | {/if}
63 |
--------------------------------------------------------------------------------
/packages/lib/src/transport/rpc-transport.ts:
--------------------------------------------------------------------------------
1 | import type {Observer} from '../subject.js';
2 | import {checkValue} from '../type.js';
3 | import {type Unsubscribe} from '../utils.js';
4 | import {RpcMessage} from './rpc-message.js';
5 | import type {
6 | Connection,
7 | TransportClient,
8 | TransportServer,
9 | } from './transport.js';
10 |
11 | const messageSchema = RpcMessage();
12 |
13 | export class RpcConnection implements Connection
53 |
67 |
--------------------------------------------------------------------------------
/packages/lib/src/transport/transport.ts:
--------------------------------------------------------------------------------
1 | import {AppError} from '../errors.js';
2 | import {Channel, toStream} from '../stream.js';
3 | import type {Observer} from '../subject.js';
4 | import type {Unsubscribe} from '../utils.js';
5 |
6 | export interface TransportServer54 | {@render trigger()} 55 |
56 | 57 |
64 | {@render children()}
65 |
66 |
16 | Hi there!
17 |
18 | We noticed a request to sign into your Syncwave account.
19 | If this wasn't you, no worries—just ignore this email.
20 |
21 | Your one-time code is (expires in 10 minutes): ${params.code}
22 |
23 | Have a great day!
24 | The Syncwave Team
25 |
You have been invited to join the board ${params.boardName} in Syncwave. Click on the link to accept the invitation: ${boardUrl}
`, 55 | }); 56 | }); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /packages/lib/src/data/repos/user-repo.ts: -------------------------------------------------------------------------------- 1 | import {type Static, Type} from '@sinclair/typebox'; 2 | import {type CrdtDiff} from '../../crdt/crdt.js'; 3 | import {type AppTransaction, isolate} from '../../kv/kv-store.js'; 4 | import {type Brand} from '../../utils.js'; 5 | import {createUuid, Uuid} from '../../uuid.js'; 6 | import type {DataTriggerScheduler} from '../data-layer.js'; 7 | import {ObjectKey} from '../infrastructure.js'; 8 | import type {TransitionChecker} from '../transition-checker.js'; 9 | import { 10 | CrdtRepo, 11 | type OnCrdtChange, 12 | type QueryOptions, 13 | type Recipe, 14 | } from './base/crdt-repo.js'; 15 | import {Doc} from './base/doc.js'; 16 | 17 | export function UserId() { 18 | return Uuid
47 |
76 |
--------------------------------------------------------------------------------
/packages/app/src/mem-storage.ts:
--------------------------------------------------------------------------------
1 | export function createMemStorage(): Storage {
2 | const store = new Map
48 |
53 | Manage columns
49 |50 | Add, edit, or reorder columns to organize your board layout 51 |
52 |
58 | {#each board.columns as column (column.id)}
59 |
75 |