2add3ac4c0
- Cloudflare Worker + Durable Object server (packages/collab/) - One DO per room with WebSocket Hibernation for near-zero idle cost - Yjs sync protocol for document state (CRDT merge) - Yjs awareness protocol for cursors, selection, presence - Persists doc state to DO storage - CORS headers for cross-origin WebSocket upgrade - Client composable (src/composables/use-collab.ts) - Y.Doc ↔ SceneGraph bidirectional binding - Awareness: broadcasts cursor position, selection, name, color - Auto-join from /share/:roomId URL - Suppresses echo loops between Yjs and graph updates - CollabPanel component (src/components/CollabPanel.vue) - Share button generates room link, copies to clipboard - Join flow: paste link or room ID - Avatar stack with colored initials and tooltips - Name input persisted to localStorage - Remote cursor rendering in CanvasKit - Colored arrow cursor + name label pill per remote peer - Remote selection outlines in peer's color - Only shows cursors on the same page - SPA redirect for /share/* routes (Cloudflare Pages _redirects)
93 lines
6.4 KiB
TypeScript
93 lines
6.4 KiB
TypeScript
/* eslint-disable */
|
|
// @ts-nocheck
|
|
// biome-ignore lint: disable
|
|
// oxlint-disable
|
|
// ------
|
|
// Generated by unplugin-vue-components
|
|
// Read more: https://github.com/vuejs/core/pull/3399
|
|
|
|
export {}
|
|
|
|
/* prettier-ignore */
|
|
declare module 'vue' {
|
|
export interface GlobalComponents {
|
|
APIKeySetup: typeof import('./src/components/chat/APIKeySetup.vue')['default']
|
|
AppearanceSection: typeof import('./src/components/properties/AppearanceSection.vue')['default']
|
|
AppMenu: typeof import('./src/components/AppMenu.vue')['default']
|
|
CanvasContextMenu: typeof import('./src/components/CanvasContextMenu.vue')['default']
|
|
ChatInput: typeof import('./src/components/chat/ChatInput.vue')['default']
|
|
ChatMessage: typeof import('./src/components/chat/ChatMessage.vue')['default']
|
|
ChatPanel: typeof import('./src/components/ChatPanel.vue')['default']
|
|
CodePanel: typeof import('./src/components/CodePanel.vue')['default']
|
|
CollabPanel: typeof import('./src/components/CollabPanel.vue')['default']
|
|
ColorInput: typeof import('./src/components/ColorInput.vue')['default']
|
|
ColorPicker: typeof import('./src/components/ColorPicker.vue')['default']
|
|
DesignPanel: typeof import('./src/components/DesignPanel.vue')['default']
|
|
EditorCanvas: typeof import('./src/components/EditorCanvas.vue')['default']
|
|
EffectsSection: typeof import('./src/components/properties/EffectsSection.vue')['default']
|
|
ExportSection: typeof import('./src/components/properties/ExportSection.vue')['default']
|
|
FillPicker: typeof import('./src/components/FillPicker.vue')['default']
|
|
FillSection: typeof import('./src/components/properties/FillSection.vue')['default']
|
|
FontPicker: typeof import('./src/components/FontPicker.vue')['default']
|
|
IconLucideALargeSmall: typeof import('~icons/lucide/a-large-small')['default']
|
|
IconLucideAlignCenter: typeof import('~icons/lucide/align-center')['default']
|
|
IconLucideAlignHorizontalJustifyCenter: typeof import('~icons/lucide/align-horizontal-justify-center')['default']
|
|
IconLucideAlignHorizontalJustifyEnd: typeof import('~icons/lucide/align-horizontal-justify-end')['default']
|
|
IconLucideAlignHorizontalJustifyStart: typeof import('~icons/lucide/align-horizontal-justify-start')['default']
|
|
IconLucideAlignLeft: typeof import('~icons/lucide/align-left')['default']
|
|
IconLucideAlignRight: typeof import('~icons/lucide/align-right')['default']
|
|
IconLucideAlignVerticalJustifyCenter: typeof import('~icons/lucide/align-vertical-justify-center')['default']
|
|
IconLucideAlignVerticalJustifyEnd: typeof import('~icons/lucide/align-vertical-justify-end')['default']
|
|
IconLucideAlignVerticalJustifyStart: typeof import('~icons/lucide/align-vertical-justify-start')['default']
|
|
IconLucideBaseline: typeof import('~icons/lucide/baseline')['default']
|
|
IconLucideBlend: typeof import('~icons/lucide/blend')['default']
|
|
IconLucideBold: typeof import('~icons/lucide/bold')['default']
|
|
IconLucideBot: typeof import('~icons/lucide/bot')['default']
|
|
IconLucideCheck: typeof import('~icons/lucide/check')['default']
|
|
IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
|
|
IconLucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
|
|
IconLucideCode: typeof import('~icons/lucide/code')['default']
|
|
IconLucideCopy: typeof import('~icons/lucide/copy')['default']
|
|
IconLucideEye: typeof import('~icons/lucide/eye')['default']
|
|
IconLucideEyeOff: typeof import('~icons/lucide/eye-off')['default']
|
|
IconLucideFile: typeof import('~icons/lucide/file')['default']
|
|
IconLucideFlipHorizontal: typeof import('~icons/lucide/flip-horizontal')['default']
|
|
IconLucideFlipVertical: typeof import('~icons/lucide/flip-vertical')['default']
|
|
IconLucideFolderPlus: typeof import('~icons/lucide/folder-plus')['default']
|
|
IconLucideImage: typeof import('~icons/lucide/image')['default']
|
|
IconLucideItalic: typeof import('~icons/lucide/italic')['default']
|
|
IconLucideKeyRound: typeof import('~icons/lucide/key-round')['default']
|
|
IconLucideLink: typeof import('~icons/lucide/link')['default']
|
|
IconLucideLoaderCircle: typeof import('~icons/lucide/loader-circle')['default']
|
|
IconLucideMessageCircle: typeof import('~icons/lucide/message-circle')['default']
|
|
IconLucidePlus: typeof import('~icons/lucide/plus')['default']
|
|
IconLucideRadius: typeof import('~icons/lucide/radius')['default']
|
|
IconLucideRotateCcw: typeof import('~icons/lucide/rotate-ccw')['default']
|
|
IconLucideRotateCw: typeof import('~icons/lucide/rotate-cw')['default']
|
|
IconLucideSearch: typeof import('~icons/lucide/search')['default']
|
|
IconLucideSend: typeof import('~icons/lucide/send')['default']
|
|
IconLucideSettings2: typeof import('~icons/lucide/settings2')['default']
|
|
IconLucideShare2: typeof import('~icons/lucide/share2')['default']
|
|
IconLucideSparkles: typeof import('~icons/lucide/sparkles')['default']
|
|
IconLucideSquare: typeof import('~icons/lucide/square')['default']
|
|
IconLucideStrikethrough: typeof import('~icons/lucide/strikethrough')['default']
|
|
IconLucideTriangleAlert: typeof import('~icons/lucide/triangle-alert')['default']
|
|
IconLucideUnderline: typeof import('~icons/lucide/underline')['default']
|
|
IconLucideUnlink: typeof import('~icons/lucide/unlink')['default']
|
|
IconLucideX: typeof import('~icons/lucide/x')['default']
|
|
LayersPanel: typeof import('./src/components/LayersPanel.vue')['default']
|
|
LayoutSection: typeof import('./src/components/properties/LayoutSection.vue')['default']
|
|
PageSection: typeof import('./src/components/properties/PageSection.vue')['default']
|
|
PagesPanel: typeof import('./src/components/PagesPanel.vue')['default']
|
|
PositionSection: typeof import('./src/components/properties/PositionSection.vue')['default']
|
|
PropertiesPanel: typeof import('./src/components/PropertiesPanel.vue')['default']
|
|
SafariBanner: typeof import('./src/components/SafariBanner.vue')['default']
|
|
ScrubInput: typeof import('./src/components/ScrubInput.vue')['default']
|
|
StrokeSection: typeof import('./src/components/properties/StrokeSection.vue')['default']
|
|
Toolbar: typeof import('./src/components/Toolbar.vue')['default']
|
|
TypographySection: typeof import('./src/components/properties/TypographySection.vue')['default']
|
|
VariablesDialog: typeof import('./src/components/VariablesDialog.vue')['default']
|
|
VariablesSection: typeof import('./src/components/properties/VariablesSection.vue')['default']
|
|
}
|
|
}
|