Update dependencies (#1613)

This PR updates a few key dependencies.

### Change Type

- [x] `dependencies` — Changes to package dependencies
This commit is contained in:
Steve Ruiz 2023-06-18 19:26:33 +01:00 committed by GitHub
parent 99a46af4c8
commit b6716a3750
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 341 additions and 731 deletions

View file

@ -35,12 +35,13 @@
"content": "lazy docs-content"
},
"dependencies": {
"@microsoft/api-extractor-model": "^7.27.3",
"@microsoft/tsdoc": "^0.14.2",
"@tldraw/utils": "workspace:*",
"@types/node": "18.15.0",
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.6",
"eslint": "8.36.0",
"eslint": "^8.37.0",
"eslint-config-next": "13.2.4",
"gray-matter": "^4.0.3",
"next": "13.2.4",
@ -48,8 +49,8 @@
"next-remote-watch": "^2.0.0",
"next-themes": "^0.2.1",
"prettier": "^2.8.7",
"react": "18.2.0",
"react-dom": "18.2.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"rehype-autolink-headings": "^6.1.1",
"rehype-highlight": "^6.0.0",
"rehype-slug": "^5.1.0",
@ -62,7 +63,6 @@
"tsdoc comments), even though we don't use any of their code to run the docs site."
],
"devDependencies": {
"@microsoft/api-extractor-model": "^7.26.4",
"@tldraw/editor": "workspace:*",
"@tldraw/file-format": "workspace:*",
"@tldraw/primitives": "workspace:*",

View file

@ -45,8 +45,8 @@
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.9.0",
"signia": "0.1.4",
"signia-react": "0.1.4",
"signia": "*",
"signia-react": "*",
"vite": "^4.3.4",
"y-websocket": "^1.5.0",
"yjs": "^13.6.2"

View file

@ -24,6 +24,7 @@ In the `apps/vscode/extension` window, open the terminal and:
Open a `.tldr` file from the file explorer or create a new `.tldr` file from the command palette.
## 3. Debugging
You can use standard debugging techniques like `console.log`, which will be displayed in the VS Code window with the extension running. It will display logs both from the Extension and the Editor. VS Code editor with the Extension folder will show more detailed logs from the Extension project. You can also use a debugger.
The code is hot-reloaded, so the developer experience is quite nice.
@ -38,6 +39,7 @@ To publish:
- Run `vsce login tldraw-org` and sign in. For this to work you need to create a [personal access token](https://code.visualstudio.com/api/working-with-extensions/publishing-extension#get-a-personal-access-token) and you also need to be added to the `tldraw-org` organization on the [Visual Studio Marketplace](https://marketplace.visualstudio.com/manage).
In the `apps/vscode/extension` folder:
- Run `yarn package`
- Run `yarn publish`
@ -46,6 +48,7 @@ In the `apps/vscode/extension` folder:
The Visual Studio Code extension is made of two projects:
### 1. Extension project
Extension project is under `apps/vscode/extension` and contains the code needed to run a VS Code Extension - it implements the required VS Code interfaces so that VS Code can call our extension and start running it.
It registers the command for generating a new `.tldr` file, custom editor for `.tldr` files, and it communicates with the WebViews that run `@tldraw/editor` (more on this later on).
@ -57,6 +60,7 @@ The custom editor logic lives in `TldrawDocument`, where we handle all the requi
When a users opens a file a new WebView is created by the `TldrawWebviewManager` and the file's contents are sent do it. WebViews then show our editor project, which is described below.
### 2. Editor project
Editor project is under `apps/vscode/editor`. When a file is opened a new instance of a WebView is created and we show `@tldraw/editor` this WebView.
The implementation is pretty straight forward, but there are some limitations of running `tldraw` inside a WebView, like `window.open` and `window.prompt` not being available, as well as some issues with embeds. We are using `useLocalSyncClient` to sync between different editor instances for cases when the same file is opened in multiple editors.
@ -69,7 +73,6 @@ VS Code actives our extension when needed - when a user opens the first `.tldr`
![VS Code Extension](VS-Code-Extension-1.png)
#### References
- [VS Code Marketplace Manager](https://marketplace.visualstudio.com/manage/)

View file

@ -40,11 +40,11 @@
"@tldraw/ui": "workspace:*",
"@tldraw/utils": "workspace:*",
"@types/fs-extra": "^11.0.1",
"@types/node": "^17.0.14",
"@types/node": "18.15.0",
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.6",
"@types/react-router-dom": "^5.1.8",
"concurrently": "7.0.0",
"concurrently": "^8.1.0",
"create-serve": "1.0.1",
"dotenv": "^16.0.3",
"esbuild": "^0.18.3",

View file

@ -1,4 +1,5 @@
## 2.0.8
- New highlighter tool!
- You can now lock shapes.
- Added vertical align setting to Note shapes.
@ -8,6 +9,7 @@
- Fixed a problem where arrows might cause the extension to crash.
## 2.0.7
- New laser tool!
- New checkbox shape!
- Add veritcal alignment options to Notes and Geo shapes.
@ -15,6 +17,7 @@
- Improve exporting and saving to svgs.
## 2.0.6
- Improved appearance of selection for single draw shapes.
- Improve handling of pixel scale when pasting images.
- Fixed a bug where pasted tabs wouldn't get converted into spaces.
@ -26,7 +29,6 @@
- Fixed a minor consistency bug when re-doing a shape update.
- Re-doing a deletion of the current page now correctly navigates back to that page.
## 2.0.5
- Fixed another issue with undo / redo.

View file

@ -136,8 +136,8 @@
"@types/fs-extra": "^11.0.1",
"@types/node-fetch": "^2.6.2",
"@types/vscode": "^1.75.1",
"@typescript-eslint/eslint-plugin": "^5.10.2",
"@typescript-eslint/parser": "^5.10.2",
"@typescript-eslint/eslint-plugin": "^5.57.0",
"@typescript-eslint/parser": "^5.57.0",
"assert": "^2.0.0",
"esbuild": "^0.18.3",
"fs-extra": "^11.1.0",

View file

@ -8,8 +8,8 @@
"eslint-preset.js"
],
"dependencies": {
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-react": "7.28.0"
"eslint-config-prettier": "^8.8.0",
"eslint-plugin-react": "^7.32.2"
},
"devDependencies": {
"lazyrepo": "0.0.0-alpha.27"

View file

@ -62,9 +62,10 @@
]
},
"dependencies": {
"@babel/parser": "^7.22.5",
"@next/eslint-plugin-next": "^13.3.0",
"@types/jest": "^28.1.2",
"@types/node": "18.7.3",
"@types/node": "18.15.0",
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.6",
"@typescript-eslint/eslint-plugin": "^5.57.0",
@ -80,7 +81,7 @@
"husky": "^8.0.0",
"jest": "^28.1.1",
"lint-staged": ">=10",
"prettier": "^2.8.6",
"prettier": "^2.8.7",
"prettier-plugin-organize-imports": "^3.2.2",
"typescript": "^5.0.2"
},
@ -93,7 +94,7 @@
"json5": "^2.2.3",
"lazyrepo": "0.0.0-alpha.27",
"rimraf": "^4.4.0",
"tsx": "^3.12.2",
"tsx": "^3.12.6",
"vercel": "^28.16.15"
},
"resolutions": {

View file

@ -3,230 +3,228 @@
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
// @public (undocumented)
export function getBundlerAssetUrls(opts?: AssetUrlOptions): {
readonly fonts: {
readonly monospace: string;
readonly sansSerif: string;
readonly serif: string;
readonly draw: string;
};
readonly icons: {
readonly 'align-bottom-center': string;
readonly 'align-bottom-left': string;
readonly 'align-bottom-right': string;
readonly 'align-bottom': string;
readonly 'align-center-center': string;
readonly 'align-center-horizontal': string;
readonly 'align-center-left': string;
readonly 'align-center-right': string;
readonly 'align-center-vertical': string;
readonly 'align-left': string;
readonly 'align-right': string;
readonly 'align-top-center': string;
readonly 'align-top-left': string;
readonly 'align-top-right': string;
readonly 'align-top': string;
readonly 'arrow-left': string;
readonly 'arrowhead-arrow': string;
readonly 'arrowhead-bar': string;
readonly 'arrowhead-diamond': string;
readonly 'arrowhead-dot': string;
readonly 'arrowhead-none': string;
readonly 'arrowhead-square': string;
readonly 'arrowhead-triangle-inverted': string;
readonly 'arrowhead-triangle': string;
readonly 'aspect-ratio': string;
readonly avatar: string;
readonly blob: string;
readonly 'bring-forward': string;
readonly 'bring-to-front': string;
readonly check: string;
readonly 'checkbox-checked': string;
readonly 'checkbox-empty': string;
readonly 'chevron-down': string;
readonly 'chevron-left': string;
readonly 'chevron-right': string;
readonly 'chevron-up': string;
readonly 'chevrons-ne': string;
readonly 'chevrons-sw': string;
readonly 'clipboard-copy': string;
readonly code: string;
readonly collab: string;
readonly color: string;
readonly comment: string;
readonly 'cross-2': string;
readonly cross: string;
readonly 'dash-dashed': string;
readonly 'dash-dotted': string;
readonly 'dash-draw': string;
readonly 'dash-solid': string;
readonly discord: string;
readonly 'distribute-horizontal': string;
readonly 'distribute-vertical': string;
readonly dot: string;
readonly 'dots-horizontal': string;
readonly 'dots-vertical': string;
readonly 'drag-handle-dots': string;
readonly duplicate: string;
readonly edit: string;
readonly 'external-link': string;
readonly file: string;
readonly 'fill-none': string;
readonly 'fill-pattern': string;
readonly 'fill-semi': string;
readonly 'fill-solid': string;
readonly follow: string;
readonly following: string;
readonly 'font-draw': string;
readonly 'font-mono': string;
readonly 'font-sans': string;
readonly 'font-serif': string;
readonly 'geo-arrow-down': string;
readonly 'geo-arrow-left': string;
readonly 'geo-arrow-right': string;
readonly 'geo-arrow-up': string;
readonly 'geo-check-box': string;
readonly 'geo-diamond': string;
readonly 'geo-ellipse': string;
readonly 'geo-hexagon': string;
readonly 'geo-octagon': string;
readonly 'geo-oval': string;
readonly 'geo-pentagon': string;
readonly 'geo-rectangle': string;
readonly 'geo-rhombus-2': string;
readonly 'geo-rhombus': string;
readonly 'geo-star': string;
readonly 'geo-trapezoid': string;
readonly 'geo-triangle': string;
readonly 'geo-x-box': string;
readonly github: string;
readonly group: string;
readonly hidden: string;
readonly image: string;
readonly 'info-circle': string;
readonly leading: string;
readonly link: string;
readonly 'lock-small': string;
readonly lock: string;
readonly menu: string;
readonly minus: string;
readonly mixed: string;
readonly pack: string;
readonly page: string;
readonly plus: string;
readonly 'question-mark-circle': string;
readonly 'question-mark': string;
readonly redo: string;
readonly 'reset-zoom': string;
readonly 'rotate-ccw': string;
readonly 'rotate-cw': string;
readonly ruler: string;
readonly search: string;
readonly 'send-backward': string;
readonly 'send-to-back': string;
readonly 'settings-horizontal': string;
readonly 'settings-vertical-1': string;
readonly 'settings-vertical': string;
readonly 'share-1': string;
readonly 'share-2': string;
readonly 'size-extra-large': string;
readonly 'size-large': string;
readonly 'size-medium': string;
readonly 'size-small': string;
readonly 'spline-cubic': string;
readonly 'spline-line': string;
readonly 'stack-horizontal': string;
readonly 'stack-vertical': string;
readonly 'stretch-horizontal': string;
readonly 'stretch-vertical': string;
readonly 'text-align-center': string;
readonly 'text-align-justify': string;
readonly 'text-align-left': string;
readonly 'text-align-right': string;
readonly 'tool-arrow': string;
readonly 'tool-embed': string;
readonly 'tool-eraser': string;
readonly 'tool-frame': string;
readonly 'tool-hand': string;
readonly 'tool-highlighter': string;
readonly 'tool-line': string;
readonly 'tool-media': string;
readonly 'tool-note': string;
readonly 'tool-pencil': string;
readonly 'tool-pointer': string;
readonly 'tool-text': string;
readonly trash: string;
readonly 'triangle-down': string;
readonly 'triangle-up': string;
readonly twitter: string;
readonly undo: string;
readonly ungroup: string;
readonly 'unlock-small': string;
readonly unlock: string;
readonly visible: string;
readonly 'warning-triangle': string;
readonly 'zoom-in': string;
readonly 'zoom-out': string;
};
readonly translations: {
readonly ar: string;
readonly ca: string;
readonly da: string;
readonly de: string;
readonly en: string;
readonly es: string;
readonly fa: string;
readonly fi: string;
readonly fr: string;
readonly gl: string;
readonly he: string;
readonly 'hi-in': string;
readonly hu: string;
readonly it: string;
readonly ja: string;
readonly 'ko-kr': string;
readonly ku: string;
readonly languages: string;
readonly main: string;
readonly my: string;
readonly ne: string;
readonly no: string;
readonly pl: string;
readonly 'pt-br': string;
readonly 'pt-pt': string;
readonly ro: string;
readonly ru: string;
readonly sv: string;
readonly te: string;
readonly th: string;
readonly tr: string;
readonly uk: string;
readonly vi: string;
readonly 'zh-cn': string;
readonly 'zh-tw': string;
};
readonly embedIcons: {
readonly codepen: string;
readonly codesandbox: string;
readonly excalidraw: string;
readonly felt: string;
readonly figma: string;
readonly github_gist: string;
readonly google_calendar: string;
readonly google_maps: string;
readonly google_slides: string;
readonly observable: string;
readonly replit: string;
readonly scratch: string;
readonly spotify: string;
readonly tldraw: string;
readonly vimeo: string;
readonly youtube: string;
};
};
readonly fonts: {
readonly monospace: string
readonly sansSerif: string
readonly serif: string
readonly draw: string
}
readonly icons: {
readonly 'align-bottom-center': string
readonly 'align-bottom-left': string
readonly 'align-bottom-right': string
readonly 'align-bottom': string
readonly 'align-center-center': string
readonly 'align-center-horizontal': string
readonly 'align-center-left': string
readonly 'align-center-right': string
readonly 'align-center-vertical': string
readonly 'align-left': string
readonly 'align-right': string
readonly 'align-top-center': string
readonly 'align-top-left': string
readonly 'align-top-right': string
readonly 'align-top': string
readonly 'arrow-left': string
readonly 'arrowhead-arrow': string
readonly 'arrowhead-bar': string
readonly 'arrowhead-diamond': string
readonly 'arrowhead-dot': string
readonly 'arrowhead-none': string
readonly 'arrowhead-square': string
readonly 'arrowhead-triangle-inverted': string
readonly 'arrowhead-triangle': string
readonly 'aspect-ratio': string
readonly avatar: string
readonly blob: string
readonly 'bring-forward': string
readonly 'bring-to-front': string
readonly check: string
readonly 'checkbox-checked': string
readonly 'checkbox-empty': string
readonly 'chevron-down': string
readonly 'chevron-left': string
readonly 'chevron-right': string
readonly 'chevron-up': string
readonly 'chevrons-ne': string
readonly 'chevrons-sw': string
readonly 'clipboard-copy': string
readonly code: string
readonly collab: string
readonly color: string
readonly comment: string
readonly 'cross-2': string
readonly cross: string
readonly 'dash-dashed': string
readonly 'dash-dotted': string
readonly 'dash-draw': string
readonly 'dash-solid': string
readonly discord: string
readonly 'distribute-horizontal': string
readonly 'distribute-vertical': string
readonly dot: string
readonly 'dots-horizontal': string
readonly 'dots-vertical': string
readonly 'drag-handle-dots': string
readonly duplicate: string
readonly edit: string
readonly 'external-link': string
readonly file: string
readonly 'fill-none': string
readonly 'fill-pattern': string
readonly 'fill-semi': string
readonly 'fill-solid': string
readonly follow: string
readonly following: string
readonly 'font-draw': string
readonly 'font-mono': string
readonly 'font-sans': string
readonly 'font-serif': string
readonly 'geo-arrow-down': string
readonly 'geo-arrow-left': string
readonly 'geo-arrow-right': string
readonly 'geo-arrow-up': string
readonly 'geo-check-box': string
readonly 'geo-diamond': string
readonly 'geo-ellipse': string
readonly 'geo-hexagon': string
readonly 'geo-octagon': string
readonly 'geo-oval': string
readonly 'geo-pentagon': string
readonly 'geo-rectangle': string
readonly 'geo-rhombus-2': string
readonly 'geo-rhombus': string
readonly 'geo-star': string
readonly 'geo-trapezoid': string
readonly 'geo-triangle': string
readonly 'geo-x-box': string
readonly github: string
readonly group: string
readonly hidden: string
readonly image: string
readonly 'info-circle': string
readonly leading: string
readonly link: string
readonly 'lock-small': string
readonly lock: string
readonly menu: string
readonly minus: string
readonly mixed: string
readonly pack: string
readonly page: string
readonly plus: string
readonly 'question-mark-circle': string
readonly 'question-mark': string
readonly redo: string
readonly 'reset-zoom': string
readonly 'rotate-ccw': string
readonly 'rotate-cw': string
readonly ruler: string
readonly search: string
readonly 'send-backward': string
readonly 'send-to-back': string
readonly 'settings-horizontal': string
readonly 'settings-vertical-1': string
readonly 'settings-vertical': string
readonly 'share-1': string
readonly 'share-2': string
readonly 'size-extra-large': string
readonly 'size-large': string
readonly 'size-medium': string
readonly 'size-small': string
readonly 'spline-cubic': string
readonly 'spline-line': string
readonly 'stack-horizontal': string
readonly 'stack-vertical': string
readonly 'stretch-horizontal': string
readonly 'stretch-vertical': string
readonly 'text-align-center': string
readonly 'text-align-justify': string
readonly 'text-align-left': string
readonly 'text-align-right': string
readonly 'tool-arrow': string
readonly 'tool-embed': string
readonly 'tool-eraser': string
readonly 'tool-frame': string
readonly 'tool-hand': string
readonly 'tool-highlighter': string
readonly 'tool-line': string
readonly 'tool-media': string
readonly 'tool-note': string
readonly 'tool-pencil': string
readonly 'tool-pointer': string
readonly 'tool-text': string
readonly trash: string
readonly 'triangle-down': string
readonly 'triangle-up': string
readonly twitter: string
readonly undo: string
readonly ungroup: string
readonly 'unlock-small': string
readonly unlock: string
readonly visible: string
readonly 'warning-triangle': string
readonly 'zoom-in': string
readonly 'zoom-out': string
}
readonly translations: {
readonly ar: string
readonly ca: string
readonly da: string
readonly de: string
readonly en: string
readonly es: string
readonly fa: string
readonly fi: string
readonly fr: string
readonly gl: string
readonly he: string
readonly 'hi-in': string
readonly hu: string
readonly it: string
readonly ja: string
readonly 'ko-kr': string
readonly ku: string
readonly languages: string
readonly main: string
readonly my: string
readonly ne: string
readonly no: string
readonly pl: string
readonly 'pt-br': string
readonly 'pt-pt': string
readonly ro: string
readonly ru: string
readonly sv: string
readonly te: string
readonly th: string
readonly tr: string
readonly uk: string
readonly vi: string
readonly 'zh-cn': string
readonly 'zh-tw': string
}
readonly embedIcons: {
readonly codepen: string
readonly codesandbox: string
readonly excalidraw: string
readonly felt: string
readonly figma: string
readonly github_gist: string
readonly google_calendar: string
readonly google_maps: string
readonly google_slides: string
readonly observable: string
readonly replit: string
readonly scratch: string
readonly spotify: string
readonly tldraw: string
readonly vimeo: string
readonly youtube: string
}
}
// (No @packageDocumentation comment for this package)
```

View file

@ -65,8 +65,8 @@
"nanoid": "4.0.2"
},
"peerDependencies": {
"react": "^18",
"react-dom": "^18",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"signia": "*",
"signia-react": "*"
},

View file

@ -3,7 +3,5 @@
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
// (No @packageDocumentation comment for this package)
```

View file

@ -4,6 +4,8 @@
```ts
/// <reference types="react" />
import { TldrawEditorProps } from '@tldraw/editor';
import { TldrawUiProps } from '@tldraw/ui';

View file

@ -49,16 +49,16 @@
"@tldraw/ui": "workspace:*"
},
"peerDependencies": {
"react": "^18",
"react-dom": "^18"
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@peculiar/webcrypto": "^1.4.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^14.0.0",
"chokidar-cli": "^3.0.0",
"jest-canvas-mock": "^2.4.0",
"jest-environment-jsdom": "^28.1.2",
"jest-canvas-mock": "^2.5.1",
"jest-environment-jsdom": "^29.4.3",
"lazyrepo": "0.0.0-alpha.27",
"resize-observer-polyfill": "^1.5.1"
},

View file

@ -211,13 +211,7 @@ function Title({ className, children }: {
}): JSX.Element;
// @public (undocumented)
export const TldrawUi: React_2.NamedExoticComponent<{
children?: ReactNode;
hideUi?: boolean | undefined;
shareZone?: ReactNode;
topZone?: ReactNode;
renderDebugMenuItems?: (() => React_2.ReactNode) | undefined;
} & TldrawUiContextProviderProps>;
export const TldrawUi: React_2.NamedExoticComponent<TldrawUiProps>;
// @public (undocumented)
export function TldrawUiContextProvider({ overrides, assetUrls, onUiEvent, children, }: TldrawUiContextProviderProps): JSX.Element;

View file

@ -63,18 +63,18 @@
"lz-string": "^1.4.4"
},
"peerDependencies": {
"react": "^18",
"react-dom": "^18",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"signia": "*",
"signia-react": "*"
},
"devDependencies": {
"@peculiar/webcrypto": "^1.4.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^12.0.0",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^14.0.0",
"@types/lz-string": "^1.3.34",
"jest-canvas-mock": "^2.4.0",
"jest-environment-jsdom": "^28.1.2",
"jest-canvas-mock": "^2.5.1",
"jest-environment-jsdom": "^29.4.3",
"lazyrepo": "0.0.0-alpha.27",
"resize-observer-polyfill": "^1.5.1"
},

File diff suppressed because it is too large Load diff

View file

@ -29,7 +29,7 @@
"devDependencies": {
"@auto-it/core": "^10.45.0",
"@types/is-ci": "^3.0.0",
"@types/node": "^18.13.0",
"@types/node": "18.15.0",
"@typescript-eslint/utils": "^5.59.0",
"ast-types": "^0.14.2",
"cross-fetch": "^3.1.5",
@ -43,7 +43,7 @@
"rimraf": "^4.4.0",
"semver": "^7.3.8",
"svgo": "^3.0.2",
"typescript": "^4.5.2"
"typescript": "^5.0.2"
},
"scripts": {
"lint": "yarn run -T tsx lint.ts"