diff --git a/README.md b/README.md index a5be22abb..b243f71e7 100644 --- a/README.md +++ b/README.md @@ -19,7 +19,7 @@ Learn more at [tldraw.dev](https://tldraw.dev). ## Installation & Usage -To learn more about using tldraw in your React application, follow our guide [here](https://tldraw.dev/docs/ucg/installation) or see [this CodeSandbox](https://codesandbox.io/p/github/tldraw/tldraw-examples/main?file=%2FREADME.md). +To learn more about using tldraw in your React application, follow our guide [here](https://tldraw.dev/docs/ucg/installation) or see [this StackBlitz](https://stackblitz.com/github/tldraw/tldraw/tree/examples?file=src%2F1-basic%2FBasicExample.tsx). ```tsx import { Tldraw } from '@tldraw/tldraw' diff --git a/apps/docs/content/docs/installation.mdx b/apps/docs/content/docs/installation.mdx index 60abbe3d4..a48aade67 100644 --- a/apps/docs/content/docs/installation.mdx +++ b/apps/docs/content/docs/installation.mdx @@ -14,5 +14,5 @@ yarn add @tldraw/tldraw@alpha signia signia-react npm install @tldraw/tldraw@alpha signia signia-react ``` -Next, copy the following folders: `icons`, `embed-icons`, `fonts`, and `translations` from the [tldraw-examples](https://github.com/tldraw/tldraw-examples/tree/main/public) repository. Put them in your project's public path so that, e.g. `your-website.com/icons` points to the icons folder you copied. (Ability to customize the base asset URL is coming soon!) +Next, copy the following folders: `icons`, `embed-icons`, `fonts`, and `translations` from the [assets folder](https://github.com/tldraw/tldraw/tree/main/assets). Put them in your project's public path so that, e.g. `your-website.com/icons` points to the icons folder you copied. (Ability to customize the base asset URL is coming soon!) diff --git a/apps/docs/content/docs/introduction.mdx b/apps/docs/content/docs/introduction.mdx index 150fe48fc..94a0bf28a 100644 --- a/apps/docs/content/docs/introduction.mdx +++ b/apps/docs/content/docs/introduction.mdx @@ -30,7 +30,7 @@ yarn add @tldraw/tldraw@alpha signia signia-react npm install @tldraw/tldraw@alpha signia signia-react ``` -Next, copy the following folders: `icons`, `embed-icons`, `fonts`, and `translations` from the [tldraw-examples](https://github.com/tldraw/tldraw-examples/tree/main/public) repository. Put them in your project's public path so that, e.g. `your-website.com/icons` points to the icons folder you copied. (Ability to customize the base asset URL is coming soon!) +Next, copy the following folders: `icons`, `embed-icons`, `fonts`, and `translations` from the [assets folder](https://github.com/tldraw/tldraw/tree/main/assets). Put them in your project's public path so that, e.g. `your-website.com/icons` points to the icons folder you copied. (Ability to customize the base asset URL is coming soon!) ## Usage @@ -98,7 +98,7 @@ If you wanted to have more granular control, you could also use those subcompone In order to use the `` component, the app must be able to find certain assets on the host. These are contained in the `embed-icons`, `fonts`, `icons`, and `translations` folders. If you are using the `` component in your app, you must also copy these folders into your public path. -You can copy these files from the [tldraw-examples](https://github.com/tldraw/tldraw-examples) repository. Place the folders in your project's public path as shown in that repository. +You can copy these files from the [assets folder](https://github.com/tldraw/tldraw/tree/main/assets) repository. Place the folders in your project's public path as shown in that repository. > **Note:** This requirement is very likely to change in the near future. diff --git a/apps/docs/content/docs/usage.mdx b/apps/docs/content/docs/usage.mdx index 82b50d421..102502718 100644 --- a/apps/docs/content/docs/usage.mdx +++ b/apps/docs/content/docs/usage.mdx @@ -64,13 +64,13 @@ The `` component combines several other pieces: > **Note:** In the future, this library will also include an engine for using our collaboration services. -If you wanted to have more granular control, you could also use those subcomponents directly. See the ["exploded" example](https://github.com/tldraw/tldraw-examples) for what that would look like. +If you wanted to have more granular control, you could also use those subcomponents directly. See the ["exploded" example](https://github.com/tldraw/tldraw/blob/main/apps/examples/src/5-exploded/ExplodedExample.tsx) for what that would look like. ### Assets In order to use the `` component, the app must be able to find certain assets on the host. These are contained in the `embed-icons`, `fonts`, `icons`, and `translations` folders. If you are using the `` component in your app, you must also copy these folders into your public path. -You can copy these files from the [tldraw-examples](https://github.com/tldraw/tldraw-examples) repository. Place the folders in your project's public path as shown in that repository. +You can copy these files from the [assets folder](https://github.com/tldraw/tldraw/tree/main/assets). Place the folders in your project's public path as shown in that repository. > **Note:** This requirement is very likely to change in the near future. diff --git a/package.json b/package.json index 29a06b704..e12a22a63 100644 --- a/package.json +++ b/package.json @@ -37,9 +37,9 @@ "postinstall": "husky install && yarn refresh-assets", "refresh-assets": "lazy refresh-assets", "build": "lazy build", - "build-docs": "lazy build --filter='apps/docs'", + "build-docs": "lazy build --filter='{,bublic/}apps/docs'", "dev": "lazy run dev --filter='{,bublic/}apps/examples' --filter='{,bublic/}packages/tldraw'", - "dev-docs": "lazy run dev --filter='apps/docs'", + "dev-docs": "lazy run dev --filter='{,bublic/}apps/docs'", "dev-vscode": "code ./apps/vscode/extension && lazy run dev --filter='{,bublic/}apps/vscode/{extension,editor}'", "dev-webdriver": "lazy run dev --filter='apps/webdriver' --filter='{,bublic/}apps/vscode/*'", "build-types": "lazy inherit",