25f39a65fc
* Update turbo to latest * Update turbo.json * The --stream flag has been deprecated * Remove unused start:all * build:packages -> use new --filter * build:apps -> use new --filter * build:www -> use new --filter * build:core -> use new --filter * build -> fix tldraw-example dependencies * Optimize test* and lint * start & start:core -> use new --filter * start:electron -> use new --filter * Remove unused start:apps * Update turbo.json * Caching ESLint See Pro Tip : https://turborepo.org/docs/core-concepts/caching#configuring-cache-outputs * Optimize test:watch * start:www -> use new filter * start:vscode -> use new filter * Update build:core * Optimize start and start:core * Clean build:core * Remove unused command * Revert "Merge branch 'main' into chore/update-turbo" This reverts commit a481c242054504c9b8452822df8c452c24bcdfbd, reversing changes made to a0f2f337b3d00974741effd4faae699ce493d3a2. * Update start:electron * Remove unused deploy in turbo.json * Add start:extension * Add package:electron and package:vscode * Add publish:vscode * Revet Revert: revert "Merge branch 'main' into chore/update-turbo" * Update vscode extension build * Clean tldraw-example tsconfig.json * Uniform script commands * Fix start for www * remove mention of removed packages * add build:core * Add force to build step Co-authored-by: Steve Ruiz <steveruizok@gmail.com> |
||
---|---|---|
.. | ||
editor | ||
extension | ||
README.md |
@tldraw/vscode
This folder contains the source for the tldraw VS Code extension.
Developing
1. Install dependencies
- Run
yarn
from the root folder
2. Build @tldraw/tldraw
- Run
yarn build:packages
from the root folder.
3. Start the editor
In the root folder:
- Run
yarn start:vscode
.
This will start the development server for the vscode/editor
project and open the vscode/extension
folder in a new window.
In the vscode/extension
window, open the terminal and run:
- Install dependencies (
yarn
) - Start the VS Code debugger (Menu > Run > Start Debugging)
Open a .tldr
file or create a new .tldr
file from the command palette.
Publishing
To publish, chat with the team on the Discord channel.
- Install
vsce
globally - Run
vsce login tldraw-org
and sign in
In the vscode/extension
folder:
- Run
yarn vscode:publish
References
- VS Code Marketplace Manager
- Web Extensions Guide
- Test Your Web Extension
- Web Extension Testing
- An example custom editor that does work as a Web Extension
- VS Code Extension API/Landing Page
- Getting Started
- Custom Editor API
- github.com/microsoft/vscode-extension-samples
- Extensions Guide -> Webviews
- Publishing Extensions