PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
tldraw/packages/assets/selfHosted.js

227 lines
12 KiB
JavaScript
Raw Normal View History

Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
// This file is automatically generated by scripts/refresh-assets.ts.
Prevent iframe embedding for dotcom (except on tldraw.com) (#2947) This PR fixes a check on whether the dot com multiplayer editor has been loaded in an iframe. It tries to keep it working on tldraw.com itself. ### Change Type - [x] `patch` — Bug fix ### Test Plan 1. Load me in an iframe
2024-02-26 18:30:55 +00:00
// Do not edit manually. Or do, I'm a comment, not a cop.
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
/// <reference path="./modules.d.ts" />
import { formatAssetUrl } from './utils.js'
/**
* @param {AssetUrlOptions} [opts]
* @public
*/
export function getAssetUrls(opts) {
serve icons via a single merged .svg file (#4150) We currently serve icons in the form of 141 separate svg files. This is pretty inefficient: it results in 141 http requests each with its own overheads and costs. Each one is generally less than 1kb of data. This PR merges all of our icons into a single 44kb icon file. Each item in the svg has an ID, and we use the ID in the asset url to target the specific icon. This also fixes a lot of the icon preloading issues: because the icon file is already loaded, there's no extra request needed when panels open etc. I was messing with this whilst killing time before a late meeting so made a shitty overengineered code generator, dont at me ### Change type - [x] `improvement` ### Release notes - Serve icons more efficiently, and make sure they're still available if tldraw goes offline.
2024-07-15 11:03:11 +00:00
const iconsIcon0MergedSvg = formatAssetUrl('./icons/icon/0_merged.svg', opts)
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
return {
fonts: {
monospace: formatAssetUrl('./fonts/IBMPlexMono-Medium.woff2', opts),
sansSerif: formatAssetUrl('./fonts/IBMPlexSans-Medium.woff2', opts),
serif: formatAssetUrl('./fonts/IBMPlexSerif-Medium.woff2', opts),
Use custom font (#2343) This PR adds our custom version of Shantell Sans. Not sure if we need to keep the old file around for backwards compat? ### Change Type - [x] `major` ### Release Notes - Add a brief release note for your PR here. --------- Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2023-12-19 14:17:45 +00:00
draw: formatAssetUrl('./fonts/Shantell_Sans-Tldrawish.woff2', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
},
icons: {
serve icons via a single merged .svg file (#4150) We currently serve icons in the form of 141 separate svg files. This is pretty inefficient: it results in 141 http requests each with its own overheads and costs. Each one is generally less than 1kb of data. This PR merges all of our icons into a single 44kb icon file. Each item in the svg has an ID, and we use the ID in the asset url to target the specific icon. This also fixes a lot of the icon preloading issues: because the icon file is already loaded, there's no extra request needed when panels open etc. I was messing with this whilst killing time before a late meeting so made a shitty overengineered code generator, dont at me ### Change type - [x] `improvement` ### Release notes - Serve icons more efficiently, and make sure they're still available if tldraw goes offline.
2024-07-15 11:03:11 +00:00
'align-bottom': iconsIcon0MergedSvg + '#align-bottom',
'align-center-horizontal': iconsIcon0MergedSvg + '#align-center-horizontal',
'align-center-vertical': iconsIcon0MergedSvg + '#align-center-vertical',
'align-left': iconsIcon0MergedSvg + '#align-left',
'align-right': iconsIcon0MergedSvg + '#align-right',
'align-top': iconsIcon0MergedSvg + '#align-top',
'arrow-left': iconsIcon0MergedSvg + '#arrow-left',
'arrowhead-arrow': iconsIcon0MergedSvg + '#arrowhead-arrow',
'arrowhead-bar': iconsIcon0MergedSvg + '#arrowhead-bar',
'arrowhead-diamond': iconsIcon0MergedSvg + '#arrowhead-diamond',
'arrowhead-dot': iconsIcon0MergedSvg + '#arrowhead-dot',
'arrowhead-none': iconsIcon0MergedSvg + '#arrowhead-none',
'arrowhead-square': iconsIcon0MergedSvg + '#arrowhead-square',
'arrowhead-triangle-inverted': iconsIcon0MergedSvg + '#arrowhead-triangle-inverted',
'arrowhead-triangle': iconsIcon0MergedSvg + '#arrowhead-triangle',
blob: iconsIcon0MergedSvg + '#blob',
'bring-forward': iconsIcon0MergedSvg + '#bring-forward',
'bring-to-front': iconsIcon0MergedSvg + '#bring-to-front',
broken: iconsIcon0MergedSvg + '#broken',
'check-circle': iconsIcon0MergedSvg + '#check-circle',
check: iconsIcon0MergedSvg + '#check',
'chevron-down': iconsIcon0MergedSvg + '#chevron-down',
'chevron-left': iconsIcon0MergedSvg + '#chevron-left',
'chevron-right': iconsIcon0MergedSvg + '#chevron-right',
'chevron-up': iconsIcon0MergedSvg + '#chevron-up',
'chevrons-ne': iconsIcon0MergedSvg + '#chevrons-ne',
'chevrons-sw': iconsIcon0MergedSvg + '#chevrons-sw',
'clipboard-copied': iconsIcon0MergedSvg + '#clipboard-copied',
'clipboard-copy': iconsIcon0MergedSvg + '#clipboard-copy',
color: iconsIcon0MergedSvg + '#color',
'cross-2': iconsIcon0MergedSvg + '#cross-2',
'cross-circle': iconsIcon0MergedSvg + '#cross-circle',
'dash-dashed': iconsIcon0MergedSvg + '#dash-dashed',
'dash-dotted': iconsIcon0MergedSvg + '#dash-dotted',
'dash-draw': iconsIcon0MergedSvg + '#dash-draw',
'dash-solid': iconsIcon0MergedSvg + '#dash-solid',
disconnected: iconsIcon0MergedSvg + '#disconnected',
discord: iconsIcon0MergedSvg + '#discord',
'distribute-horizontal': iconsIcon0MergedSvg + '#distribute-horizontal',
'distribute-vertical': iconsIcon0MergedSvg + '#distribute-vertical',
dot: iconsIcon0MergedSvg + '#dot',
'dots-horizontal': iconsIcon0MergedSvg + '#dots-horizontal',
'dots-vertical': iconsIcon0MergedSvg + '#dots-vertical',
'drag-handle-dots': iconsIcon0MergedSvg + '#drag-handle-dots',
duplicate: iconsIcon0MergedSvg + '#duplicate',
edit: iconsIcon0MergedSvg + '#edit',
'external-link': iconsIcon0MergedSvg + '#external-link',
'fill-fill': iconsIcon0MergedSvg + '#fill-fill',
'fill-none': iconsIcon0MergedSvg + '#fill-none',
'fill-pattern': iconsIcon0MergedSvg + '#fill-pattern',
'fill-semi': iconsIcon0MergedSvg + '#fill-semi',
'fill-solid': iconsIcon0MergedSvg + '#fill-solid',
follow: iconsIcon0MergedSvg + '#follow',
following: iconsIcon0MergedSvg + '#following',
'font-draw': iconsIcon0MergedSvg + '#font-draw',
'font-mono': iconsIcon0MergedSvg + '#font-mono',
'font-sans': iconsIcon0MergedSvg + '#font-sans',
'font-serif': iconsIcon0MergedSvg + '#font-serif',
'geo-arrow-down': iconsIcon0MergedSvg + '#geo-arrow-down',
'geo-arrow-left': iconsIcon0MergedSvg + '#geo-arrow-left',
'geo-arrow-right': iconsIcon0MergedSvg + '#geo-arrow-right',
'geo-arrow-up': iconsIcon0MergedSvg + '#geo-arrow-up',
'geo-check-box': iconsIcon0MergedSvg + '#geo-check-box',
'geo-cloud': iconsIcon0MergedSvg + '#geo-cloud',
'geo-diamond': iconsIcon0MergedSvg + '#geo-diamond',
'geo-ellipse': iconsIcon0MergedSvg + '#geo-ellipse',
'geo-heart': iconsIcon0MergedSvg + '#geo-heart',
'geo-hexagon': iconsIcon0MergedSvg + '#geo-hexagon',
'geo-octagon': iconsIcon0MergedSvg + '#geo-octagon',
'geo-oval': iconsIcon0MergedSvg + '#geo-oval',
'geo-pentagon': iconsIcon0MergedSvg + '#geo-pentagon',
'geo-rectangle': iconsIcon0MergedSvg + '#geo-rectangle',
'geo-rhombus-2': iconsIcon0MergedSvg + '#geo-rhombus-2',
'geo-rhombus': iconsIcon0MergedSvg + '#geo-rhombus',
'geo-star': iconsIcon0MergedSvg + '#geo-star',
'geo-trapezoid': iconsIcon0MergedSvg + '#geo-trapezoid',
'geo-triangle': iconsIcon0MergedSvg + '#geo-triangle',
'geo-x-box': iconsIcon0MergedSvg + '#geo-x-box',
github: iconsIcon0MergedSvg + '#github',
group: iconsIcon0MergedSvg + '#group',
'horizontal-align-end': iconsIcon0MergedSvg + '#horizontal-align-end',
'horizontal-align-middle': iconsIcon0MergedSvg + '#horizontal-align-middle',
'horizontal-align-start': iconsIcon0MergedSvg + '#horizontal-align-start',
'info-circle': iconsIcon0MergedSvg + '#info-circle',
leading: iconsIcon0MergedSvg + '#leading',
link: iconsIcon0MergedSvg + '#link',
lock: iconsIcon0MergedSvg + '#lock',
menu: iconsIcon0MergedSvg + '#menu',
minus: iconsIcon0MergedSvg + '#minus',
mixed: iconsIcon0MergedSvg + '#mixed',
pack: iconsIcon0MergedSvg + '#pack',
plus: iconsIcon0MergedSvg + '#plus',
'question-mark-circle': iconsIcon0MergedSvg + '#question-mark-circle',
'question-mark': iconsIcon0MergedSvg + '#question-mark',
redo: iconsIcon0MergedSvg + '#redo',
'reset-zoom': iconsIcon0MergedSvg + '#reset-zoom',
'rotate-ccw': iconsIcon0MergedSvg + '#rotate-ccw',
'rotate-cw': iconsIcon0MergedSvg + '#rotate-cw',
'send-backward': iconsIcon0MergedSvg + '#send-backward',
'send-to-back': iconsIcon0MergedSvg + '#send-to-back',
'share-1': iconsIcon0MergedSvg + '#share-1',
'size-extra-large': iconsIcon0MergedSvg + '#size-extra-large',
'size-large': iconsIcon0MergedSvg + '#size-large',
'size-medium': iconsIcon0MergedSvg + '#size-medium',
'size-small': iconsIcon0MergedSvg + '#size-small',
'spline-cubic': iconsIcon0MergedSvg + '#spline-cubic',
'spline-line': iconsIcon0MergedSvg + '#spline-line',
'stack-horizontal': iconsIcon0MergedSvg + '#stack-horizontal',
'stack-vertical': iconsIcon0MergedSvg + '#stack-vertical',
'status-offline': iconsIcon0MergedSvg + '#status-offline',
'stretch-horizontal': iconsIcon0MergedSvg + '#stretch-horizontal',
'stretch-vertical': iconsIcon0MergedSvg + '#stretch-vertical',
'text-align-center': iconsIcon0MergedSvg + '#text-align-center',
'text-align-left': iconsIcon0MergedSvg + '#text-align-left',
'text-align-right': iconsIcon0MergedSvg + '#text-align-right',
'toggle-off': iconsIcon0MergedSvg + '#toggle-off',
'toggle-on': iconsIcon0MergedSvg + '#toggle-on',
'tool-arrow': iconsIcon0MergedSvg + '#tool-arrow',
'tool-eraser': iconsIcon0MergedSvg + '#tool-eraser',
'tool-frame': iconsIcon0MergedSvg + '#tool-frame',
'tool-hand': iconsIcon0MergedSvg + '#tool-hand',
'tool-highlight': iconsIcon0MergedSvg + '#tool-highlight',
'tool-laser': iconsIcon0MergedSvg + '#tool-laser',
'tool-line': iconsIcon0MergedSvg + '#tool-line',
'tool-media': iconsIcon0MergedSvg + '#tool-media',
'tool-note': iconsIcon0MergedSvg + '#tool-note',
'tool-pencil': iconsIcon0MergedSvg + '#tool-pencil',
'tool-pointer': iconsIcon0MergedSvg + '#tool-pointer',
'tool-screenshot': iconsIcon0MergedSvg + '#tool-screenshot',
'tool-text': iconsIcon0MergedSvg + '#tool-text',
trash: iconsIcon0MergedSvg + '#trash',
twitter: iconsIcon0MergedSvg + '#twitter',
undo: iconsIcon0MergedSvg + '#undo',
ungroup: iconsIcon0MergedSvg + '#ungroup',
unlock: iconsIcon0MergedSvg + '#unlock',
'vertical-align-end': iconsIcon0MergedSvg + '#vertical-align-end',
'vertical-align-middle': iconsIcon0MergedSvg + '#vertical-align-middle',
'vertical-align-start': iconsIcon0MergedSvg + '#vertical-align-start',
'warning-triangle': iconsIcon0MergedSvg + '#warning-triangle',
'zoom-in': iconsIcon0MergedSvg + '#zoom-in',
'zoom-out': iconsIcon0MergedSvg + '#zoom-out',
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
},
translations: {
ar: formatAssetUrl('./translations/ar.json', opts),
ca: formatAssetUrl('./translations/ca.json', opts),
Lokalise: Translations update (#2342) This pull request was initiated by Lokalise (user Lu) at 2023-12-19 10:48:13 ## Release Notes Added Czech translations. Updated translations for German, Korean, Russian, Ukrainian, Traditional Chinese.
2023-12-19 10:33:17 +00:00
cs: formatAssetUrl('./translations/cs.json', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
da: formatAssetUrl('./translations/da.json', opts),
de: formatAssetUrl('./translations/de.json', opts),
en: formatAssetUrl('./translations/en.json', opts),
es: formatAssetUrl('./translations/es.json', opts),
fa: formatAssetUrl('./translations/fa.json', opts),
fi: formatAssetUrl('./translations/fi.json', opts),
fr: formatAssetUrl('./translations/fr.json', opts),
gl: formatAssetUrl('./translations/gl.json', opts),
he: formatAssetUrl('./translations/he.json', opts),
'hi-in': formatAssetUrl('./translations/hi-in.json', opts),
i18n: add HR 🇭🇷 (#2778) ### Change Type - [x] `patch` — Bug fix ### Release Notes - i18n: add Croatian / Hrvatski.
2024-02-07 16:27:27 +00:00
hr: formatAssetUrl('./translations/hr.json', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
hu: formatAssetUrl('./translations/hu.json', opts),
Lokalise: Translations update (#3649) This pull request was initiated by Lokalise (user Lu) at 2024-04-30 10:52:40
2024-04-30 10:23:23 +00:00
id: formatAssetUrl('./translations/id.json', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
it: formatAssetUrl('./translations/it.json', opts),
ja: formatAssetUrl('./translations/ja.json', opts),
'ko-kr': formatAssetUrl('./translations/ko-kr.json', opts),
ku: formatAssetUrl('./translations/ku.json', opts),
languages: formatAssetUrl('./translations/languages.json', opts),
main: formatAssetUrl('./translations/main.json', opts),
my: formatAssetUrl('./translations/my.json', opts),
ne: formatAssetUrl('./translations/ne.json', opts),
no: formatAssetUrl('./translations/no.json', opts),
pl: formatAssetUrl('./translations/pl.json', opts),
'pt-br': formatAssetUrl('./translations/pt-br.json', opts),
'pt-pt': formatAssetUrl('./translations/pt-pt.json', opts),
ro: formatAssetUrl('./translations/ro.json', opts),
ru: formatAssetUrl('./translations/ru.json', opts),
Lokalise: Translations update (#2830) Adds Slovenian localization. ### Change Type - [ ] `patch` — Bug fix - [x] `minor` — New feature - [ ] `major` — Breaking change - [ ] `dependencies` — Changes to package dependencies[^1] - [ ] `documentation` — Changes to the documentation only[^2] - [ ] `tests` — Changes to any test code only[^2] - [ ] `internal` — Any other changes that don't affect the published package[^2] - [ ] I don't know [^1]: publishes a `patch` release, for devDependencies use `internal` [^2]: will not publish a new version --------- Co-authored-by: Mitja Bezenšek <mitja.bezensek@gmail.com>
2024-02-14 08:59:41 +00:00
sl: formatAssetUrl('./translations/sl.json', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
sv: formatAssetUrl('./translations/sv.json', opts),
te: formatAssetUrl('./translations/te.json', opts),
th: formatAssetUrl('./translations/th.json', opts),
tr: formatAssetUrl('./translations/tr.json', opts),
uk: formatAssetUrl('./translations/uk.json', opts),
vi: formatAssetUrl('./translations/vi.json', opts),
'zh-cn': formatAssetUrl('./translations/zh-cn.json', opts),
'zh-tw': formatAssetUrl('./translations/zh-tw.json', opts),
},
embedIcons: {
codepen: formatAssetUrl('./embed-icons/codepen.png', opts),
codesandbox: formatAssetUrl('./embed-icons/codesandbox.png', opts),
Add desmos graph embed type (#3608) I added a new embed type, for desmos graphing calculator (https://www.desmos.com/calculator) that uses their supported embed URL. I added an icon, the new embed shape, and created tests for it. https://github.com/tldraw/tldraw/assets/111339712/acc1a6b0-2551-4f25-8f85-20e6f829930e ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [ ] `sdk` — Changes the tldraw SDK - [x] `dotcom` — Changes the tldraw.com web app - [ ] `docs` — Changes to the documentation, examples, or templates. - [ ] `vs code` — Changes to the vscode plugin - [ ] `internal` — Does not affect user-facing stuff <!-- ❗ Please select a 'Type' label ❗️ --> - [ ] `bugfix` — Bug fix - [x] `feature` — New feature - [ ] `improvement` — Improving existing features - [ ] `chore` — Updating dependencies, other boring stuff - [ ] `galaxy brain` — Architectural changes - [x] `tests` — Changes to any test code - [ ] `tools` — Changes to infrastructure, CI, internal scripts, debugging tools, etc. - [ ] `dunno` — I don't know ### Test Plan 1. Add links for desmos graphing calculator (e.g. https://www.desmos.com/calculator/4wa2im6u31) by either pasting or using the insert embed menu. ### Release Notes - (feature) add desmos embed --------- Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
2024-04-27 12:30:58 +00:00
desmos: formatAssetUrl('./embed-icons/desmos.png', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
excalidraw: formatAssetUrl('./embed-icons/excalidraw.png', opts),
felt: formatAssetUrl('./embed-icons/felt.png', opts),
figma: formatAssetUrl('./embed-icons/figma.png', opts),
github_gist: formatAssetUrl('./embed-icons/github_gist.png', opts),
google_calendar: formatAssetUrl('./embed-icons/google_calendar.png', opts),
google_maps: formatAssetUrl('./embed-icons/google_maps.png', opts),
google_slides: formatAssetUrl('./embed-icons/google_slides.png', opts),
observable: formatAssetUrl('./embed-icons/observable.png', opts),
replit: formatAssetUrl('./embed-icons/replit.png', opts),
scratch: formatAssetUrl('./embed-icons/scratch.png', opts),
spotify: formatAssetUrl('./embed-icons/spotify.png', opts),
tldraw: formatAssetUrl('./embed-icons/tldraw.png', opts),
[feature] Add val town embed (#1777) This PR adds val town to tldraw's collection of embeddable things. ### Change Type - [x] `minor` — New feature ### Test Plan 1. Add links to val town, e.g. https://www.val.town/v/steveruizok.mathFact ### Release Notes - (feature) val town
2023-07-31 15:44:33 +00:00
val_town: formatAssetUrl('./embed-icons/val_town.png', opts),
Asset improvements (#1557) This PR does the following: - Add `selfHosted.js`, which is a great option for users that wish to self host the assets. Works well for both self hosting from the public folder or via a CDN. - Updates the docs for assets. We now have a dedicated page for assets where all the options are more clearly explained. I also removed the assets explanation from the main docs as the unpkg option should work out of the box and setting up the assets is no longer necessary. - Cleaned up the `refresh-assets` script. We now use common `types.d.ts` file to define our types. All the other options then reuse them. - Pulled out the `formatAssetUrl` into it's own file. It's now static an no longer generated. - `urls.d.ts`, `import.d.ts`, and newly added `selfhosted.d.ts` are now also no longer generated as we can import the types from `types.d.ts`. - You can now pass a subset of `assetUrls` to `<Tldraw />` and it will override the default option with the passed in overrides. This makes it easy to only customizes certain assets (only change the draw font as an example). ### Change Type - [x] `patch` — Bug Fix
2023-06-09 11:43:01 +00:00
vimeo: formatAssetUrl('./embed-icons/vimeo.png', opts),
youtube: formatAssetUrl('./embed-icons/youtube.png', opts),
},
}
}
Reference in a new issue Copy permalink