@mocanvas/compat 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Symbio Digital
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @mocanvas/compat
+
+`TL`-prefixed type and value aliases over the
+[mocanvas](https://github.com/SYMBIO/mocanvas) API, for projects moving an
+existing tldraw app over. Every alias is a pure re-export — there is no runtime
+code of its own — so you can switch imports first and rename at your own pace.
+
+## Install
+
+```bash
+npm install @mocanvas/compat
+```
+
+## Use
+
+```ts
+import type { TLShape, TLShapeId, TLGeoShape } from "@mocanvas/compat"
+import { Tldraw } from "@mocanvas/compat" // alias of <Mocanvas />
+```
+
+The package also re-exports everything from `@mocanvas/mocanvas`, so a single import
+source works during a migration.
+
+What does and does not carry over is listed in
+[docs/COMPAT.md](https://github.com/SYMBIO/mocanvas/blob/main/docs/COMPAT.md);
+the step-by-step move is in
+[docs/MIGRATION.md](https://github.com/SYMBIO/mocanvas/blob/main/docs/MIGRATION.md).
+
+ESM only.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,66 @@
+import { ShapeUtilConstructor, ArrowBinding, ArrowShape, UnknownBinding, BindingId, BindingUtilConstructor, Camera, CameraId, ClickEventInfo, DefaultColorStyle, DefaultDashStyle, DefaultFillStyle, DefaultFontStyle, DefaultHorizontalAlignStyle, DefaultSizeStyle, DefaultVerticalAlignStyle, Document, DrawShape, Editor, EventInfo, FrameShape, GeoShape, GeoShapeKind, GroupShape, ShapeHandle, Instance, InstancePageState, KeyboardEventInfo, LineShape, NoteShape, Page, PageId, ParentId, PointerEventInfo, EditorRecord, UnknownShape, ResizeInfo, SelectionHandle, Shape, ShapeCreate, ShapeId, ShapePartial, StateNodeConstructor, EditorStore, EditorStoreSnapshot, TextShape, WheelEventInfo, Mocanvas, Canvas, createSchema, createStore } from '@mocanvas/mocanvas';
+export * from '@mocanvas/mocanvas';
+
+/**
+ * Migration aliases. Projects moving from a `TL`-prefixed API can switch their
+ * imports to `@mocanvas/compat` first and rename at their own pace.
+ *
+ * Every alias here is a pure re-export; there is no runtime code.
+ */
+
+type TLRecord = EditorRecord;
+type TLStore = EditorStore;
+type TLStoreSnapshot = EditorStoreSnapshot;
+type TLShape = Shape;
+type TLUnknownShape = UnknownShape;
+type TLShapeId = ShapeId;
+type TLParentId = ParentId;
+type TLShapePartial<T extends UnknownShape = UnknownShape> = ShapePartial<T>;
+type TLShapeCreate<T extends UnknownShape = UnknownShape> = ShapeCreate<T>;
+type TLPage = Page;
+type TLPageId = PageId;
+type TLDocument = Document;
+type TLCamera = Camera;
+type TLCameraId = CameraId;
+type TLInstance = Instance;
+type TLInstancePageState = InstancePageState;
+type TLBinding = UnknownBinding;
+type TLBindingId = BindingId;
+type TLArrowBinding = ArrowBinding;
+type TLGeoShape = GeoShape;
+type TLDrawShape = DrawShape;
+type TLLineShape = LineShape;
+type TLArrowShape = ArrowShape;
+type TLTextShape = TextShape;
+type TLNoteShape = NoteShape;
+type TLFrameShape = FrameShape;
+type TLGroupShape = GroupShape;
+type TLGeoShapeGeoStyle = GeoShapeKind;
+type TLDefaultColorStyle = DefaultColorStyle;
+type TLDefaultDashStyle = DefaultDashStyle;
+type TLDefaultFillStyle = DefaultFillStyle;
+type TLDefaultFontStyle = DefaultFontStyle;
+type TLDefaultSizeStyle = DefaultSizeStyle;
+type TLDefaultHorizontalAlignStyle = DefaultHorizontalAlignStyle;
+type TLDefaultVerticalAlignStyle = DefaultVerticalAlignStyle;
+type TLEventInfo = EventInfo;
+type TLPointerEventInfo = PointerEventInfo;
+type TLClickEventInfo = ClickEventInfo;
+type TLKeyboardEventInfo = KeyboardEventInfo;
+type TLWheelEventInfo = WheelEventInfo;
+type TLHandle = ShapeHandle;
+type TLSelectionHandle = SelectionHandle;
+type TLResizeInfo<T extends UnknownShape> = ResizeInfo<T>;
+type TLShapeUtilConstructor<T extends UnknownShape = UnknownShape> = ShapeUtilConstructor<T>;
+type TLStateNodeConstructor = StateNodeConstructor;
+type TLBindingUtilConstructor = BindingUtilConstructor;
+type TLAnyShapeUtilConstructor = ShapeUtilConstructor;
+/** The batteries-included component. */
+declare const Tldraw: typeof Mocanvas;
+/** The bare canvas (bring your own shapes, tools and UI). */
+declare const TldrawEditor: typeof Canvas;
+declare const createTLStore: typeof createStore;
+declare const createTLSchema: typeof createSchema;
+type TLEditor = Editor;
+
+export { type TLAnyShapeUtilConstructor, type TLArrowBinding, type TLArrowShape, type TLBinding, type TLBindingId, type TLBindingUtilConstructor, type TLCamera, type TLCameraId, type TLClickEventInfo, type TLDefaultColorStyle, type TLDefaultDashStyle, type TLDefaultFillStyle, type TLDefaultFontStyle, type TLDefaultHorizontalAlignStyle, type TLDefaultSizeStyle, type TLDefaultVerticalAlignStyle, type TLDocument, type TLDrawShape, type TLEditor, type TLEventInfo, type TLFrameShape, type TLGeoShape, type TLGeoShapeGeoStyle, type TLGroupShape, type TLHandle, type TLInstance, type TLInstancePageState, type TLKeyboardEventInfo, type TLLineShape, type TLNoteShape, type TLPage, type TLPageId, type TLParentId, type TLPointerEventInfo, type TLRecord, type TLResizeInfo, type TLSelectionHandle, type TLShape, type TLShapeCreate, type TLShapeId, type TLShapePartial, type TLShapeUtilConstructor, type TLStateNodeConstructor, type TLStore, type TLStoreSnapshot, type TLTextShape, type TLUnknownShape, type TLWheelEventInfo, Tldraw, TldrawEditor, createTLSchema, createTLStore };

package/dist/index.js

@@ -0,0 +1,12 @@
+import { Mocanvas, Canvas, createSchema, createStore } from '@mocanvas/mocanvas';
+export * from '@mocanvas/mocanvas';
+
+// src/index.ts
+var Tldraw = Mocanvas;
+var TldrawEditor = Canvas;
+var createTLStore = createStore;
+var createTLSchema = createSchema;
+
+export { Tldraw, TldrawEditor, createTLSchema, createTLStore };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AAmHO,IAAM,MAAA,GAAS;AAEf,IAAM,YAAA,GAAe;AACrB,IAAM,aAAA,GAAgB;AACtB,IAAM,cAAA,GAAiB","file":"index.js","sourcesContent":["/**\n * Migration aliases. Projects moving from a `TL`-prefixed API can switch their\n * imports to `@mocanvas/compat` first and rename at their own pace.\n *\n * Every alias here is a pure re-export; there is no runtime code.\n */\nexport * from \"@mocanvas/mocanvas\"\n\nimport type {\n  ArrowBinding,\n  ArrowShape,\n  Camera,\n  CameraId,\n  ClickEventInfo,\n  Document,\n  DrawShape,\n  EditorRecord,\n  EditorStore,\n  EditorStoreSnapshot,\n  EventInfo,\n  FrameShape,\n  GeoShape,\n  GroupShape,\n  Instance,\n  InstancePageState,\n  KeyboardEventInfo,\n  LineShape,\n  NoteShape,\n  Page,\n  PageId,\n  ParentId,\n  PointerEventInfo,\n  Shape,\n  ShapeCreate,\n  ShapeHandle,\n  ShapeId,\n  ShapePartial,\n  ShapeUtilConstructor,\n  StateNodeConstructor,\n  TextShape,\n  UnknownBinding,\n  UnknownShape,\n  WheelEventInfo,\n  BindingId,\n  BindingUtilConstructor,\n  SelectionHandle,\n  ResizeInfo,\n  DefaultColorStyle as DefaultColorStyleValue,\n  DefaultDashStyle as DefaultDashStyleValue,\n  DefaultFillStyle as DefaultFillStyleValue,\n  DefaultFontStyle as DefaultFontStyleValue,\n  DefaultSizeStyle as DefaultSizeStyleValue,\n  DefaultHorizontalAlignStyle as DefaultHorizontalAlignStyleValue,\n  DefaultVerticalAlignStyle as DefaultVerticalAlignStyleValue,\n  GeoShapeKind,\n} from \"@mocanvas/mocanvas\"\nimport { Mocanvas, createSchema, createStore, Canvas, Editor } from \"@mocanvas/mocanvas\"\n\n// ---- records ----------------------------------------------------------------\nexport type TLRecord = EditorRecord\nexport type TLStore = EditorStore\nexport type TLStoreSnapshot = EditorStoreSnapshot\nexport type TLShape = Shape\nexport type TLUnknownShape = UnknownShape\nexport type TLShapeId = ShapeId\nexport type TLParentId = ParentId\nexport type TLShapePartial<T extends UnknownShape = UnknownShape> = ShapePartial<T>\nexport type TLShapeCreate<T extends UnknownShape = UnknownShape> = ShapeCreate<T>\nexport type TLPage = Page\nexport type TLPageId = PageId\nexport type TLDocument = Document\nexport type TLCamera = Camera\nexport type TLCameraId = CameraId\nexport type TLInstance = Instance\nexport type TLInstancePageState = InstancePageState\nexport type TLBinding = UnknownBinding\nexport type TLBindingId = BindingId\nexport type TLArrowBinding = ArrowBinding\n\n// ---- default shapes ---------------------------------------------------------\nexport type TLGeoShape = GeoShape\nexport type TLDrawShape = DrawShape\nexport type TLLineShape = LineShape\nexport type TLArrowShape = ArrowShape\nexport type TLTextShape = TextShape\nexport type TLNoteShape = NoteShape\nexport type TLFrameShape = FrameShape\nexport type TLGroupShape = GroupShape\nexport type TLGeoShapeGeoStyle = GeoShapeKind\n\n// ---- styles (value types) ---------------------------------------------------\nexport type TLDefaultColorStyle = DefaultColorStyleValue\nexport type TLDefaultDashStyle = DefaultDashStyleValue\nexport type TLDefaultFillStyle = DefaultFillStyleValue\nexport type TLDefaultFontStyle = DefaultFontStyleValue\nexport type TLDefaultSizeStyle = DefaultSizeStyleValue\nexport type TLDefaultHorizontalAlignStyle = DefaultHorizontalAlignStyleValue\nexport type TLDefaultVerticalAlignStyle = DefaultVerticalAlignStyleValue\n\n// ---- events / tools ---------------------------------------------------------\nexport type TLEventInfo = EventInfo\nexport type TLPointerEventInfo = PointerEventInfo\nexport type TLClickEventInfo = ClickEventInfo\nexport type TLKeyboardEventInfo = KeyboardEventInfo\nexport type TLWheelEventInfo = WheelEventInfo\nexport type TLHandle = ShapeHandle\nexport type TLSelectionHandle = SelectionHandle\nexport type TLResizeInfo<T extends UnknownShape> = ResizeInfo<T>\nexport type TLShapeUtilConstructor<T extends UnknownShape = UnknownShape> = ShapeUtilConstructor<T>\nexport type TLStateNodeConstructor = StateNodeConstructor\nexport type TLBindingUtilConstructor = BindingUtilConstructor\nexport type TLAnyShapeUtilConstructor = ShapeUtilConstructor\n\n// ---- values -----------------------------------------------------------------\n/** The batteries-included component. */\nexport const Tldraw = Mocanvas\n/** The bare canvas (bring your own shapes, tools and UI). */\nexport const TldrawEditor = Canvas\nexport const createTLStore = createStore\nexport const createTLSchema = createSchema\nexport type TLEditor = Editor\n"]}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@mocanvas/compat",
+  "version": "1.0.0",
+  "description": "TL-prefixed aliases over the mocanvas API, for projects migrating an existing tldraw app.",
+  "license": "MIT",
+  "author": "Symbio Digital",
+  "homepage": "https://github.com/SYMBIO/mocanvas/tree/main/packages/compat#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SYMBIO/mocanvas.git",
+    "directory": "packages/compat"
+  },
+  "bugs": {
+    "url": "https://github.com/SYMBIO/mocanvas/issues"
+  },
+  "keywords": [
+    "tldraw",
+    "compat",
+    "migration",
+    "aliases",
+    "mocanvas"
+  ],
+  "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@mocanvas/editor": "1.0.0",
+    "@mocanvas/mocanvas": "1.0.0",
+    "@mocanvas/state": "1.0.0",
+    "@mocanvas/store": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  }
+}