From a3763648fe780c0345267fc7b52ee26d8d704c21 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 1 Aug 2025 17:17:42 +0200 Subject: [PATCH 001/176] chore: update title (#9814) * chore: update title * update meta tag * lint --- excalidraw-app/index.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/excalidraw-app/index.html b/excalidraw-app/index.html index 750824c585..7eac3e39a2 100644 --- a/excalidraw-app/index.html +++ b/excalidraw-app/index.html @@ -2,7 +2,9 @@ - Excalidraw | Hand-drawn look & feel • Collaborative • Secure + + Free, collaborative whiteboard • Hand-drawn look & feel | Excalidraw + Date: Thu, 7 Aug 2025 15:38:58 +0200 Subject: [PATCH 002/176] feat: fix delta apply to issues (#9830) --- packages/element/src/delta.ts | 83 +++++++++---- packages/element/src/store.ts | 4 +- .../tests/__snapshots__/history.test.tsx.snap | 110 +++++++++++++++++- scripts/release.js | 4 +- 4 files changed, 174 insertions(+), 27 deletions(-) diff --git a/packages/element/src/delta.ts b/packages/element/src/delta.ts index bd428d8560..a86b5b523d 100644 --- a/packages/element/src/delta.ts +++ b/packages/element/src/delta.ts @@ -151,6 +151,16 @@ export class Delta { ); } + /** + * Merges two deltas into a new one. + */ + public static merge(delta1: Delta, delta2: Delta) { + return Delta.create( + { ...delta1.deleted, ...delta2.deleted }, + { ...delta1.inserted, ...delta2.inserted }, + ); + } + /** * Merges deleted and inserted object partials. */ @@ -497,6 +507,11 @@ export interface DeltaContainer { */ applyTo(previous: T, ...options: unknown[]): [T, boolean]; + /** + * Squashes the current delta with the given one. + */ + squash(delta: DeltaContainer): this; + /** * Checks whether all `Delta`s are empty. */ @@ -504,7 +519,7 @@ export interface DeltaContainer { } export class AppStateDelta implements DeltaContainer { - private constructor(public readonly delta: Delta) {} + private constructor(public delta: Delta) {} public static calculate( prevAppState: T, @@ -535,6 +550,11 @@ export class AppStateDelta implements DeltaContainer { return new AppStateDelta(inversedDelta); } + public squash(delta: AppStateDelta): this { + this.delta = Delta.merge(this.delta, delta.delta); + return this; + } + public applyTo( appState: AppState, nextElements: SceneElementsMap, @@ -1196,8 +1216,8 @@ export class ElementsDelta implements DeltaContainer { const inverseInternal = (deltas: Record>) => { const inversedDeltas: Record> = {}; - for (const [id, delta] of Object.entries(deltas)) { - inversedDeltas[id] = Delta.create(delta.inserted, delta.deleted); + for (const [id, { inserted, deleted }] of Object.entries(deltas)) { + inversedDeltas[id] = Delta.create({ ...inserted }, { ...deleted }); } return inversedDeltas; @@ -1395,6 +1415,42 @@ export class ElementsDelta implements DeltaContainer { } } + public squash(delta: ElementsDelta): this { + const { added, removed, updated } = delta; + + for (const [id, nextDelta] of Object.entries(added)) { + const prevDelta = this.added[id]; + + if (!prevDelta) { + this.added[id] = nextDelta; + } else { + this.added[id] = Delta.merge(prevDelta, nextDelta); + } + } + + for (const [id, nextDelta] of Object.entries(removed)) { + const prevDelta = this.removed[id]; + + if (!prevDelta) { + this.removed[id] = nextDelta; + } else { + this.removed[id] = Delta.merge(prevDelta, nextDelta); + } + } + + for (const [id, nextDelta] of Object.entries(updated)) { + const prevDelta = this.updated[id]; + + if (!prevDelta) { + this.updated[id] = nextDelta; + } else { + this.updated[id] = Delta.merge(prevDelta, nextDelta); + } + } + + return this; + } + private static createApplier = ( nextElements: SceneElementsMap, @@ -1624,25 +1680,12 @@ export class ElementsDelta implements DeltaContainer { Array.from(prevElements).filter(([id]) => nextAffectedElements.has(id)), ); - // calculate complete deltas for affected elements, and assign them back to all the deltas - // technically we could do better here if perf. would become an issue - const { added, removed, updated } = ElementsDelta.calculate( - prevAffectedElements, - nextAffectedElements, + // calculate complete deltas for affected elements, and squash them back to the current deltas + this.squash( + // technically we could do better here if perf. would become an issue + ElementsDelta.calculate(prevAffectedElements, nextAffectedElements), ); - for (const [id, delta] of Object.entries(added)) { - this.added[id] = delta; - } - - for (const [id, delta] of Object.entries(removed)) { - this.removed[id] = delta; - } - - for (const [id, delta] of Object.entries(updated)) { - this.updated[id] = delta; - } - return nextAffectedElements; } diff --git a/packages/element/src/store.ts b/packages/element/src/store.ts index 2bf70f5814..56316c5e39 100644 --- a/packages/element/src/store.ts +++ b/packages/element/src/store.ts @@ -76,8 +76,9 @@ type MicroActionsQueue = (() => void)[]; * Store which captures the observed changes and emits them as `StoreIncrement` events. */ export class Store { - // internally used by history + // for internal use by history public readonly onDurableIncrementEmitter = new Emitter<[DurableIncrement]>(); + // for public use as part of onIncrement API public readonly onStoreIncrementEmitter = new Emitter< [DurableIncrement | EphemeralIncrement] >(); @@ -239,7 +240,6 @@ export class Store { if (!storeDelta.isEmpty()) { const increment = new DurableIncrement(storeChange, storeDelta); - // Notify listeners with the increment this.onDurableIncrementEmitter.trigger(increment); this.onStoreIncrementEmitter.trigger(increment); } diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 70269263de..9d7be4e0d0 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -2924,7 +2924,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 11, "width": 100, "x": 10, "y": 10, @@ -3001,7 +3001,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 5, + "version": 11, "verticalAlign": "top", "width": 30, "x": 15, @@ -3031,14 +3031,67 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "version": 9, }, "inserted": { + "angle": 0, + "autoResize": true, + "backgroundColor": "transparent", + "boundElements": null, "containerId": null, + "customData": undefined, + "fillStyle": "solid", + "fontFamily": 5, + "fontSize": 20, + "frameId": null, + "groupIds": [], + "height": 100, + "index": "a0", "isDeleted": false, + "lineHeight": "1.25000", + "link": null, + "locked": false, + "opacity": 100, + "originalText": "que pasa", + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "text": "que pasa", + "textAlign": "left", + "type": "text", "version": 8, + "verticalAlign": "top", + "width": 100, + "x": 15, + "y": 15, }, }, }, "removed": {}, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "boundElements": [], + "version": 11, + }, + "inserted": { + "boundElements": [ + { + "id": "id1", + "type": "text", + }, + ], + "version": 10, + }, + }, + "id5": { + "deleted": { + "version": 11, + }, + "inserted": { + "version": 9, + }, + }, + }, }, "id": "id9", }, @@ -5036,9 +5089,29 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "removed": { "id0": { "deleted": { + "angle": 0, + "backgroundColor": "transparent", "boundElements": [], + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 100, + "index": "a0", "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", "version": 8, + "width": 100, + "x": 10, + "y": 10, }, "inserted": { "boundElements": [ @@ -5266,9 +5339,38 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "removed": { "id1": { "deleted": { + "angle": 0, + "autoResize": true, + "backgroundColor": "transparent", + "boundElements": null, "containerId": null, + "customData": undefined, + "fillStyle": "solid", + "fontFamily": 5, + "fontSize": 20, + "frameId": null, + "groupIds": [], + "height": 100, + "index": "a0", "isDeleted": false, + "lineHeight": "1.25000", + "link": null, + "locked": false, + "opacity": 100, + "originalText": "que pasa", + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "text": "que pasa", + "textAlign": "left", + "type": "text", "version": 8, + "verticalAlign": "top", + "width": 100, + "x": 15, + "y": 15, }, "inserted": { "containerId": "id0", @@ -5525,9 +5627,11 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre "updated": { "id1": { "deleted": { + "frameId": null, "version": 10, }, "inserted": { + "frameId": null, "version": 8, }, }, diff --git a/scripts/release.js b/scripts/release.js index 3c75523411..f45afc66d2 100644 --- a/scripts/release.js +++ b/scripts/release.js @@ -144,7 +144,7 @@ const askToCommit = (tag, nextVersion) => { }); rl.question( - "Do you want to commit these changes to git? (Y/n): ", + "Would you like to commit these changes to git? (Y/n): ", (answer) => { rl.close(); @@ -189,7 +189,7 @@ const askToPublish = (tag, version) => { }); rl.question( - "Do you want to publish these changes to npm? (Y/n): ", + "Would you like to publish these changes to npm? (Y/n): ", (answer) => { rl.close(); From 9036812b6d6d7c38d092405b312114e9fd9fcb49 Mon Sep 17 00:00:00 2001 From: Marcel Mraz Date: Fri, 8 Aug 2025 09:30:11 +0200 Subject: [PATCH 003/176] fix: editing linear element (#9839) --- packages/element/src/delta.ts | 120 +++----- packages/element/src/store.ts | 17 +- packages/element/tests/delta.test.tsx | 21 +- packages/excalidraw/data/reconcile.ts | 4 +- packages/excalidraw/data/restore.ts | 1 + .../tests/__snapshots__/history.test.tsx.snap | 285 ++++++++---------- .../regressionTests.test.tsx.snap | 109 ++++--- packages/excalidraw/tests/history.test.tsx | 9 +- packages/excalidraw/types.ts | 6 +- 9 files changed, 264 insertions(+), 308 deletions(-) diff --git a/packages/element/src/delta.ts b/packages/element/src/delta.ts index a86b5b523d..87a23d0c2f 100644 --- a/packages/element/src/delta.ts +++ b/packages/element/src/delta.ts @@ -2,7 +2,6 @@ import { arrayToMap, arrayToObject, assertNever, - invariant, isDevEnv, isShallowEqual, isTestEnv, @@ -561,70 +560,50 @@ export class AppStateDelta implements DeltaContainer { ): [AppState, boolean] { try { const { - selectedElementIds: removedSelectedElementIds = {}, - selectedGroupIds: removedSelectedGroupIds = {}, + selectedElementIds: deletedSelectedElementIds = {}, + selectedGroupIds: deletedSelectedGroupIds = {}, } = this.delta.deleted; const { - selectedElementIds: addedSelectedElementIds = {}, - selectedGroupIds: addedSelectedGroupIds = {}, - selectedLinearElementId, - selectedLinearElementIsEditing, + selectedElementIds: insertedSelectedElementIds = {}, + selectedGroupIds: insertedSelectedGroupIds = {}, + selectedLinearElement: insertedSelectedLinearElement, ...directlyApplicablePartial } = this.delta.inserted; const mergedSelectedElementIds = Delta.mergeObjects( appState.selectedElementIds, - addedSelectedElementIds, - removedSelectedElementIds, + insertedSelectedElementIds, + deletedSelectedElementIds, ); const mergedSelectedGroupIds = Delta.mergeObjects( appState.selectedGroupIds, - addedSelectedGroupIds, - removedSelectedGroupIds, + insertedSelectedGroupIds, + deletedSelectedGroupIds, ); - let selectedLinearElement = appState.selectedLinearElement; - - if (selectedLinearElementId === null) { - // Unselect linear element (visible change) - selectedLinearElement = null; - } else if ( - selectedLinearElementId && - nextElements.has(selectedLinearElementId) - ) { - selectedLinearElement = new LinearElementEditor( - nextElements.get( - selectedLinearElementId, - ) as NonDeleted, - nextElements, - selectedLinearElementIsEditing === true, // Can be unknown which is defaulted to false - ); - } - - if ( - // Value being 'null' is equivaluent to unknown in this case because it only gets set - // to null when 'selectedLinearElementId' is set to null - selectedLinearElementIsEditing != null - ) { - invariant( - selectedLinearElement, - `selectedLinearElement is null when selectedLinearElementIsEditing is set to ${selectedLinearElementIsEditing}`, - ); - - selectedLinearElement = { - ...selectedLinearElement, - isEditing: selectedLinearElementIsEditing, - }; - } + const selectedLinearElement = + insertedSelectedLinearElement && + nextElements.has(insertedSelectedLinearElement.elementId) + ? new LinearElementEditor( + nextElements.get( + insertedSelectedLinearElement.elementId, + ) as NonDeleted, + nextElements, + insertedSelectedLinearElement.isEditing, + ) + : null; const nextAppState = { ...appState, ...directlyApplicablePartial, selectedElementIds: mergedSelectedElementIds, selectedGroupIds: mergedSelectedGroupIds, - selectedLinearElement, + selectedLinearElement: + typeof insertedSelectedLinearElement !== "undefined" + ? selectedLinearElement + : appState.selectedLinearElement, }; const constainsVisibleChanges = this.filterInvisibleChanges( @@ -753,64 +732,53 @@ export class AppStateDelta implements DeltaContainer { } break; - case "selectedLinearElementId": { - const appStateKey = AppStateDelta.convertToAppStateKey(key); - const linearElement = nextAppState[appStateKey]; + case "selectedLinearElement": + const nextLinearElement = nextAppState[key]; - if (!linearElement) { + if (!nextLinearElement) { // previously there was a linear element (assuming visible), now there is none visibleDifferenceFlag.value = true; } else { - const element = nextElements.get(linearElement.elementId); + const element = nextElements.get(nextLinearElement.elementId); if (element && !element.isDeleted) { // previously there wasn't a linear element, now there is one which is visible visibleDifferenceFlag.value = true; } else { // there was assigned a linear element now, but it's deleted - nextAppState[appStateKey] = null; + nextAppState[key] = null; } } break; - } - case "selectedLinearElementIsEditing": { - // Changes in editing state are always visible - const prevIsEditing = - prevAppState.selectedLinearElement?.isEditing ?? false; - const nextIsEditing = - nextAppState.selectedLinearElement?.isEditing ?? false; - - if (prevIsEditing !== nextIsEditing) { - visibleDifferenceFlag.value = true; - } - break; - } - case "lockedMultiSelections": { + case "lockedMultiSelections": const prevLockedUnits = prevAppState[key] || {}; const nextLockedUnits = nextAppState[key] || {}; + // TODO: this seems wrong, we are already doing this comparison generically above, + // hence instead we should check whether elements are actually visible, + // so that once these changes are applied they actually result in a visible change to the user if (!isShallowEqual(prevLockedUnits, nextLockedUnits)) { visibleDifferenceFlag.value = true; } break; - } - case "activeLockedId": { + case "activeLockedId": const prevHitLockedId = prevAppState[key] || null; const nextHitLockedId = nextAppState[key] || null; + // TODO: this seems wrong, we are already doing this comparison generically above, + // hence instead we should check whether elements are actually visible, + // so that once these changes are applied they actually result in a visible change to the user if (prevHitLockedId !== nextHitLockedId) { visibleDifferenceFlag.value = true; } break; - } - default: { + default: assertNever( key, `Unknown ObservedElementsAppState's key "${key}"`, true, ); - } } } } @@ -818,15 +786,6 @@ export class AppStateDelta implements DeltaContainer { return visibleDifferenceFlag.value; } - private static convertToAppStateKey( - key: keyof Pick, - ): keyof Pick { - switch (key) { - case "selectedLinearElementId": - return "selectedLinearElement"; - } - } - private static filterSelectedElements( selectedElementIds: AppState["selectedElementIds"], elements: SceneElementsMap, @@ -891,8 +850,7 @@ export class AppStateDelta implements DeltaContainer { editingGroupId, selectedGroupIds, selectedElementIds, - selectedLinearElementId, - selectedLinearElementIsEditing, + selectedLinearElement, croppingElementId, lockedMultiSelections, activeLockedId, diff --git a/packages/element/src/store.ts b/packages/element/src/store.ts index 56316c5e39..e304486ffa 100644 --- a/packages/element/src/store.ts +++ b/packages/element/src/store.ts @@ -978,8 +978,7 @@ const getDefaultObservedAppState = (): ObservedAppState => { viewBackgroundColor: COLOR_PALETTE.white, selectedElementIds: {}, selectedGroupIds: {}, - selectedLinearElementId: null, - selectedLinearElementIsEditing: null, + selectedLinearElement: null, croppingElementId: null, activeLockedId: null, lockedMultiSelections: {}, @@ -998,14 +997,12 @@ export const getObservedAppState = ( croppingElementId: appState.croppingElementId, activeLockedId: appState.activeLockedId, lockedMultiSelections: appState.lockedMultiSelections, - selectedLinearElementId: - (appState as AppState).selectedLinearElement?.elementId ?? - (appState as ObservedAppState).selectedLinearElementId ?? - null, - selectedLinearElementIsEditing: - (appState as AppState).selectedLinearElement?.isEditing ?? - (appState as ObservedAppState).selectedLinearElementIsEditing ?? - null, + selectedLinearElement: appState.selectedLinearElement + ? { + elementId: appState.selectedLinearElement.elementId, + isEditing: !!appState.selectedLinearElement.isEditing, + } + : null, }; Reflect.defineProperty(observedAppState, hiddenObservedAppStateProp, { diff --git a/packages/element/tests/delta.test.tsx b/packages/element/tests/delta.test.tsx index 4d56aac834..89501c8663 100644 --- a/packages/element/tests/delta.test.tsx +++ b/packages/element/tests/delta.test.tsx @@ -7,7 +7,10 @@ describe("AppStateDelta", () => { describe("ensure stable delta properties order", () => { it("should maintain stable order for root properties", () => { const name = "untitled scene"; - const selectedLinearElementId = "id1" as LinearElementEditor["elementId"]; + const selectedLinearElement = { + elementId: "id1" as LinearElementEditor["elementId"], + isEditing: false, + }; const commonAppState = { viewBackgroundColor: "#ffffff", @@ -24,23 +27,23 @@ describe("AppStateDelta", () => { const prevAppState1: ObservedAppState = { ...commonAppState, name: "", - selectedLinearElementId: null, + selectedLinearElement: null, }; const nextAppState1: ObservedAppState = { ...commonAppState, name, - selectedLinearElementId, + selectedLinearElement, }; const prevAppState2: ObservedAppState = { - selectedLinearElementId: null, + selectedLinearElement: null, name: "", ...commonAppState, }; const nextAppState2: ObservedAppState = { - selectedLinearElementId, + selectedLinearElement, name, ...commonAppState, }; @@ -58,9 +61,7 @@ describe("AppStateDelta", () => { selectedGroupIds: {}, editingGroupId: null, croppingElementId: null, - selectedLinearElementId: null, - selectedLinearElementIsEditing: null, - editingLinearElementId: null, + selectedLinearElement: null, activeLockedId: null, lockedMultiSelections: {}, }; @@ -106,9 +107,7 @@ describe("AppStateDelta", () => { selectedElementIds: {}, editingGroupId: null, croppingElementId: null, - selectedLinearElementId: null, - selectedLinearElementIsEditing: null, - editingLinearElementId: null, + selectedLinearElement: null, activeLockedId: null, lockedMultiSelections: {}, }; diff --git a/packages/excalidraw/data/reconcile.ts b/packages/excalidraw/data/reconcile.ts index d758796a78..a93f951003 100644 --- a/packages/excalidraw/data/reconcile.ts +++ b/packages/excalidraw/data/reconcile.ts @@ -20,7 +20,7 @@ export type ReconciledExcalidrawElement = OrderedExcalidrawElement & export type RemoteExcalidrawElement = OrderedExcalidrawElement & MakeBrand<"RemoteExcalidrawElement">; -const shouldDiscardRemoteElement = ( +export const shouldDiscardRemoteElement = ( localAppState: AppState, local: OrderedExcalidrawElement | undefined, remote: RemoteExcalidrawElement, @@ -30,7 +30,7 @@ const shouldDiscardRemoteElement = ( // local element is being edited (local.id === localAppState.editingTextElement?.id || local.id === localAppState.resizingElement?.id || - local.id === localAppState.newElement?.id || // TODO: Is this still valid? As newElement is selection element, which is never part of the elements array + local.id === localAppState.newElement?.id || // local element is newer local.version > remote.version || // resolve conflicting edits deterministically by taking the one with diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index a609c0a0eb..c7ec8d728e 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -291,6 +291,7 @@ const restoreElement = ( // if empty text, mark as deleted. We keep in array // for data integrity purposes (collab etc.) if (!text && !element.isDeleted) { + // TODO: we should not do this since it breaks sync / versioning when we exchange / apply just deltas and restore the elements (deletion isn't recorded) element = { ...element, originalText: text, isDeleted: true }; element = bumpVersion(element); } diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 9d7be4e0d0..50f08c4c23 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -543,13 +543,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "selectedElementIds": { "id4": true, }, - "selectedLinearElementId": "id4", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id4", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -1026,13 +1027,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "selectedElementIds": { "id4": true, }, - "selectedLinearElementId": "id4", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id4", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -2414,13 +2416,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "selectedElementIds": { "id4": true, }, - "selectedLinearElementId": "id4", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id4", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -7028,9 +7031,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "scrollX": 0, "scrollY": 0, "searchMatches": null, - "selectedElementIds": { - "id0": true, - }, + "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectionElement": null, @@ -7131,74 +7132,70 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "elements": { "added": {}, - "removed": { - "id0": { - "deleted": { - "angle": 0, - "backgroundColor": "transparent", - "boundElements": null, - "customData": undefined, - "elbowed": false, - "endArrowhead": "arrow", - "endBinding": null, - "fillStyle": "solid", - "frameId": null, - "groupIds": [], - "height": 10, - "index": "a0", - "isDeleted": false, - "lastCommittedPoint": [ - 10, - 10, - ], - "link": null, - "locked": false, - "opacity": 100, - "points": [ - [ - 0, - 0, - ], - [ - 10, - 10, - ], - ], - "roughness": 1, - "roundness": { - "type": 2, - }, - "startArrowhead": null, - "startBinding": null, - "strokeColor": "#1e1e1e", - "strokeStyle": "solid", - "strokeWidth": 2, - "type": "arrow", - "version": 6, - "width": 10, - "x": 0, - "y": 0, + "removed": {}, + "updated": {}, + }, + "id": "id13", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, }, - "inserted": { - "isDeleted": true, - "version": 5, + }, + "inserted": { + "selectedLinearElement": null, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id14", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "selectedLinearElement": { + "elementId": "id0", + "isEditing": true, + }, + }, + "inserted": { + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, }, }, }, + }, + "elements": { + "added": {}, + "removed": {}, "updated": {}, }, - "id": "id2", + "id": "id15", }, { "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": true, + }, }, }, }, @@ -7207,43 +7204,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "removed": {}, "updated": {}, }, - "id": "id4", - }, - { - "appState": AppStateDelta { - "delta": Delta { - "deleted": { - "selectedLinearElementIsEditing": true, - }, - "inserted": { - "selectedLinearElementIsEditing": false, - }, - }, - }, - "elements": { - "added": {}, - "removed": {}, - "updated": {}, - }, - "id": "id6", - }, - { - "appState": AppStateDelta { - "delta": Delta { - "deleted": { - "selectedLinearElementIsEditing": false, - }, - "inserted": { - "selectedLinearElementIsEditing": true, - }, - }, - }, - "elements": { - "added": {}, - "removed": {}, - "updated": {}, - }, - "id": "id10", + "id": "id16", }, ] `; @@ -10210,12 +10171,13 @@ exports[`history > multiplayer undo/redo > should override remotely added points "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -15770,13 +15732,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -16064,15 +16027,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -16688,15 +16652,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -17320,15 +17285,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -18017,15 +17983,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -18132,15 +18099,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, }, }, @@ -18744,15 +18712,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -18859,15 +18828,16 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { "selectedElementIds": { "id13": true, }, - "selectedLinearElementId": "id13", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id13", + "isEditing": false, + }, }, }, }, @@ -20656,12 +20626,13 @@ exports[`history > singleplayer undo/redo > should support linear element creati "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -20676,10 +20647,16 @@ exports[`history > singleplayer undo/redo > should support linear element creati "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementIsEditing": true, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": true, + }, }, "inserted": { - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, }, }, @@ -20747,10 +20724,16 @@ exports[`history > singleplayer undo/redo > should support linear element creati "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementIsEditing": true, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": true, + }, }, }, }, diff --git a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap index f22cfd28cb..a895eb6366 100644 --- a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap @@ -6394,15 +6394,16 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "selectedElementIds": { "id9": true, }, - "selectedLinearElementId": "id9", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id9", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id6": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -6470,13 +6471,19 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "selectedElementIds": { "id12": true, }, - "selectedLinearElementId": "id12", + "selectedLinearElement": { + "elementId": "id12", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": { "id9": true, }, - "selectedLinearElementId": "id9", + "selectedLinearElement": { + "elementId": "id9", + "isEditing": false, + }, }, }, }, @@ -6542,15 +6549,16 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "selectedElementIds": { "id15": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { "selectedElementIds": { "id12": true, }, - "selectedLinearElementId": "id12", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id12", + "isEditing": false, + }, }, }, }, @@ -6677,12 +6685,13 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": "id15", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id15", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -6700,15 +6709,16 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "selectedElementIds": { "id22": true, }, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { "selectedElementIds": { "id15": true, }, - "selectedLinearElementId": "id15", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id15", + "isEditing": false, + }, }, }, }, @@ -6833,12 +6843,13 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": "id22", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id22", + "isEditing": false, + }, }, "inserted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -6873,12 +6884,13 @@ exports[`regression tests > draw every type of shape > [end of test] undo stack "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { - "selectedLinearElementId": "id22", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id22", + "isEditing": false, + }, }, }, }, @@ -8719,13 +8731,14 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] undo stack "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -8946,13 +8959,14 @@ exports[`regression tests > key 6 selects line tool > [end of test] undo stack 1 "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -9365,13 +9379,14 @@ exports[`regression tests > key a selects arrow tool > [end of test] undo stack "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -9770,13 +9785,14 @@ exports[`regression tests > key l selects line tool > [end of test] undo stack 1 "selectedElementIds": { "id0": true, }, - "selectedLinearElementId": "id0", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id0", + "isEditing": false, + }, }, "inserted": { "selectedElementIds": {}, - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, }, }, @@ -14494,12 +14510,13 @@ exports[`regression tests > undo/redo drawing an element > [end of test] redo st "appState": AppStateDelta { "delta": Delta { "deleted": { - "selectedLinearElementId": null, - "selectedLinearElementIsEditing": null, + "selectedLinearElement": null, }, "inserted": { - "selectedLinearElementId": "id6", - "selectedLinearElementIsEditing": false, + "selectedLinearElement": { + "elementId": "id6", + "isEditing": false, + }, }, }, }, diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index a0953b8d47..707fe4e48c 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -3043,15 +3043,14 @@ describe("history", () => { }); Keyboard.undo(); - expect(API.getUndoStack().length).toBe(3); - expect(API.getRedoStack().length).toBe(1); - expect(h.state.selectedLinearElement).not.toBeNull(); - expect(h.state.selectedLinearElement?.isEditing).toBe(true); + expect(API.getUndoStack().length).toBe(0); + expect(API.getRedoStack().length).toBe(4); + expect(h.state.selectedLinearElement).toBeNull(); Keyboard.redo(); expect(API.getUndoStack().length).toBe(4); expect(API.getRedoStack().length).toBe(0); - expect(h.state.selectedLinearElement).not.toBeNull(); + expect(h.state.selectedLinearElement).toBeNull(); expect(h.state.selectedLinearElement?.isEditing ?? false).toBe(false); }); diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index c265d7ca61..e321b34cba 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -248,8 +248,10 @@ export type ObservedElementsAppState = { editingGroupId: AppState["editingGroupId"]; selectedElementIds: AppState["selectedElementIds"]; selectedGroupIds: AppState["selectedGroupIds"]; - selectedLinearElementId: LinearElementEditor["elementId"] | null; - selectedLinearElementIsEditing: boolean | null; + selectedLinearElement: { + elementId: LinearElementEditor["elementId"]; + isEditing: boolean; + } | null; croppingElementId: AppState["croppingElementId"]; lockedMultiSelections: AppState["lockedMultiSelections"]; activeLockedId: AppState["activeLockedId"]; From cc8e490c7507cfa6810bae0be3fdc873e0317b3d Mon Sep 17 00:00:00 2001 From: zsviczian Date: Mon, 11 Aug 2025 11:52:44 +0200 Subject: [PATCH 004/176] fix: do not auto-add elements to locked frame (#9851) * Do not return locked frames when filtering for top level frame * lint * lint * lint --- packages/excalidraw/components/App.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index b381ad0f13..548df6f9d7 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -5708,8 +5708,9 @@ class App extends React.Component { const elementsMap = this.scene.getNonDeletedElementsMap(); const frames = this.scene .getNonDeletedFramesLikes() - .filter((frame): frame is ExcalidrawFrameLikeElement => - isCursorInFrame(sceneCoords, frame, elementsMap), + .filter( + (frame): frame is ExcalidrawFrameLikeElement => + !frame.locked && isCursorInFrame(sceneCoords, frame, elementsMap), ); return frames.length ? frames[frames.length - 1] : null; From 54c148f3902de857c813a0e7fdd598c21fc67214 Mon Sep 17 00:00:00 2001 From: Marcel Mraz Date: Tue, 12 Aug 2025 09:27:04 +0200 Subject: [PATCH 005/176] fix: text restore & deletion issues (#9853) --- excalidraw-app/data/firebase.ts | 4 +- excalidraw-app/data/index.ts | 7 +- packages/element/src/delta.ts | 39 +++++- packages/element/tests/delta.test.tsx | 69 +++++++++- packages/excalidraw/components/App.tsx | 27 ++-- packages/excalidraw/data/blob.ts | 6 +- packages/excalidraw/data/restore.ts | 26 +++- packages/excalidraw/index.tsx | 1 + .../tests/__snapshots__/history.test.tsx.snap | 128 +++++++----------- .../regressionTests.test.tsx.snap | 38 +----- .../excalidraw/tests/data/restore.test.ts | 24 +++- packages/excalidraw/tests/history.test.tsx | 4 +- .../excalidraw/wysiwyg/textWysiwyg.test.tsx | 8 +- packages/utils/src/export.ts | 2 + 14 files changed, 229 insertions(+), 154 deletions(-) diff --git a/excalidraw-app/data/firebase.ts b/excalidraw-app/data/firebase.ts index 568054f7ef..d05966df51 100644 --- a/excalidraw-app/data/firebase.ts +++ b/excalidraw-app/data/firebase.ts @@ -259,7 +259,9 @@ export const loadFromFirebase = async ( } const storedScene = docSnap.data() as FirebaseStoredScene; const elements = getSyncableElements( - restoreElements(await decryptElements(storedScene, roomKey), null), + restoreElements(await decryptElements(storedScene, roomKey), null, { + deleteEmptyTextElements: true, + }), ); if (socket) { diff --git a/excalidraw-app/data/index.ts b/excalidraw-app/data/index.ts index 75aa278779..73512f3786 100644 --- a/excalidraw-app/data/index.ts +++ b/excalidraw-app/data/index.ts @@ -258,11 +258,16 @@ export const loadScene = async ( await importFromBackend(id, privateKey), localDataState?.appState, localDataState?.elements, - { repairBindings: true, refreshDimensions: false }, + { + repairBindings: true, + refreshDimensions: false, + deleteEmptyTextElements: true, + }, ); } else { data = restore(localDataState || null, null, null, { repairBindings: true, + deleteEmptyTextElements: true, }); } diff --git a/packages/element/src/delta.ts b/packages/element/src/delta.ts index 87a23d0c2f..38839fa84c 100644 --- a/packages/element/src/delta.ts +++ b/packages/element/src/delta.ts @@ -1088,7 +1088,7 @@ export class ElementsDelta implements DeltaContainer { const nextElement = nextElements.get(prevElement.id); if (!nextElement) { - const deleted = { ...prevElement, isDeleted: false } as ElementPartial; + const deleted = { ...prevElement } as ElementPartial; const inserted = { isDeleted: true, @@ -1102,7 +1102,10 @@ export class ElementsDelta implements DeltaContainer { ElementsDelta.stripIrrelevantProps, ); - removed[prevElement.id] = delta; + // ignore updates which would "delete" already deleted element + if (!prevElement.isDeleted) { + removed[prevElement.id] = delta; + } } } @@ -1118,7 +1121,6 @@ export class ElementsDelta implements DeltaContainer { const inserted = { ...nextElement, - isDeleted: false, } as ElementPartial; const delta = Delta.create( @@ -1127,7 +1129,10 @@ export class ElementsDelta implements DeltaContainer { ElementsDelta.stripIrrelevantProps, ); - added[nextElement.id] = delta; + // ignore updates which would "delete" already deleted element + if (!nextElement.isDeleted) { + added[nextElement.id] = delta; + } continue; } @@ -1156,8 +1161,13 @@ export class ElementsDelta implements DeltaContainer { continue; } - // making sure there are at least some changes - if (!Delta.isEmpty(delta)) { + const strippedDeleted = ElementsDelta.stripVersionProps(delta.deleted); + const strippedInserted = ElementsDelta.stripVersionProps( + delta.inserted, + ); + + // making sure there are at least some changes and only changed version & versionNonce does not count! + if (Delta.isInnerDifferent(strippedDeleted, strippedInserted, true)) { updated[nextElement.id] = delta; } } @@ -1273,8 +1283,15 @@ export class ElementsDelta implements DeltaContainer { latestDelta = delta; } + const strippedDeleted = ElementsDelta.stripVersionProps( + latestDelta.deleted, + ); + const strippedInserted = ElementsDelta.stripVersionProps( + latestDelta.inserted, + ); + // it might happen that after applying latest changes the delta itself does not contain any changes - if (Delta.isInnerDifferent(latestDelta.deleted, latestDelta.inserted)) { + if (Delta.isInnerDifferent(strippedDeleted, strippedInserted)) { modifiedDeltas[id] = latestDelta; } } @@ -1854,4 +1871,12 @@ export class ElementsDelta implements DeltaContainer { return strippedPartial; } + + private static stripVersionProps( + partial: Partial, + ): ElementPartial { + const { version, versionNonce, ...strippedPartial } = partial; + + return strippedPartial; + } } diff --git a/packages/element/tests/delta.test.tsx b/packages/element/tests/delta.test.tsx index 89501c8663..81c9d4591c 100644 --- a/packages/element/tests/delta.test.tsx +++ b/packages/element/tests/delta.test.tsx @@ -1,7 +1,74 @@ +import { API } from "@excalidraw/excalidraw/tests/helpers/api"; + import type { ObservedAppState } from "@excalidraw/excalidraw/types"; import type { LinearElementEditor } from "@excalidraw/element"; +import type { SceneElementsMap } from "@excalidraw/element/types"; -import { AppStateDelta } from "../src/delta"; +import { AppStateDelta, ElementsDelta } from "../src/delta"; + +describe("ElementsDelta", () => { + describe("elements delta calculation", () => { + it("should not create removed delta when element gets removed but was already deleted", () => { + const element = API.createElement({ + type: "rectangle", + x: 100, + y: 100, + isDeleted: true, + }); + + const prevElements = new Map([[element.id, element]]); + const nextElements = new Map(); + + const delta = ElementsDelta.calculate(prevElements, nextElements); + + expect(delta.isEmpty()).toBeTruthy(); + }); + + it("should not create added delta when adding element as already deleted", () => { + const element = API.createElement({ + type: "rectangle", + x: 100, + y: 100, + isDeleted: true, + }); + + const prevElements = new Map(); + const nextElements = new Map([[element.id, element]]); + + const delta = ElementsDelta.calculate(prevElements, nextElements); + + expect(delta.isEmpty()).toBeTruthy(); + }); + + it("should not create updated delta when there is only version and versionNonce change", () => { + const baseElement = API.createElement({ + type: "rectangle", + x: 100, + y: 100, + strokeColor: "#000000", + backgroundColor: "#ffffff", + }); + + const modifiedElement = { + ...baseElement, + version: baseElement.version + 1, + versionNonce: baseElement.versionNonce + 1, + }; + + // Create maps for the delta calculation + const prevElements = new Map([[baseElement.id, baseElement]]); + const nextElements = new Map([[modifiedElement.id, modifiedElement]]); + + // Calculate the delta + const delta = ElementsDelta.calculate( + prevElements as SceneElementsMap, + nextElements as SceneElementsMap, + ); + + expect(delta.isEmpty()).toBeTruthy(); + }); + }); +}); describe("AppStateDelta", () => { describe("ensure stable delta properties order", () => { diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 548df6f9d7..40a942e96b 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -2342,7 +2342,10 @@ class App extends React.Component { }, }; } - const scene = restore(initialData, null, null, { repairBindings: true }); + const scene = restore(initialData, null, null, { + repairBindings: true, + deleteEmptyTextElements: true, + }); scene.appState = { ...scene.appState, theme: this.props.theme || scene.appState.theme, @@ -3200,7 +3203,9 @@ class App extends React.Component { retainSeed?: boolean; fitToContent?: boolean; }) => { - const elements = restoreElements(opts.elements, null, undefined); + const elements = restoreElements(opts.elements, null, { + deleteEmptyTextElements: true, + }); const [minX, minY, maxX, maxY] = getCommonBounds(elements); const elementsCenterX = distance(minX, maxX) / 2; @@ -4927,17 +4932,8 @@ class App extends React.Component { }), onSubmit: withBatchedUpdates(({ viaKeyboard, nextOriginalText }) => { const isDeleted = !nextOriginalText.trim(); + updateElement(nextOriginalText, isDeleted); - if (isDeleted && !isExistingElement) { - // let's just remove the element from the scene, as it's an empty just created text element - this.scene.replaceAllElements( - this.scene - .getElementsIncludingDeleted() - .filter((x) => x.id !== element.id), - ); - } else { - updateElement(nextOriginalText, isDeleted); - } // select the created text element only if submitting via keyboard // (when submitting via click it should act as signal to deselect) if (!isDeleted && viaKeyboard) { @@ -4961,15 +4957,16 @@ class App extends React.Component { })); }); } + if (isDeleted) { fixBindingsAfterDeletion(this.scene.getNonDeletedElements(), [ element, ]); } - // we need to record either way, whether the text element was added or removed - // since we need to sync this delta to other clients, otherwise it would end up with inconsistencies - this.store.scheduleCapture(); + if (!isDeleted || isExistingElement) { + this.store.scheduleCapture(); + } flushSync(() => { this.setState({ diff --git a/packages/excalidraw/data/blob.ts b/packages/excalidraw/data/blob.ts index 3e5db7c29e..5db4c6cfe0 100644 --- a/packages/excalidraw/data/blob.ts +++ b/packages/excalidraw/data/blob.ts @@ -170,7 +170,11 @@ export const loadSceneOrLibraryFromBlob = async ( }, localAppState, localElements, - { repairBindings: true, refreshDimensions: false }, + { + repairBindings: true, + refreshDimensions: false, + deleteEmptyTextElements: true, + }, ), }; } else if (isValidLibrary(data)) { diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index c7ec8d728e..10addb47e5 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -241,8 +241,9 @@ const restoreElementWithProperties = < return ret; }; -const restoreElement = ( +export const restoreElement = ( element: Exclude, + opts?: { deleteEmptyTextElements?: boolean }, ): typeof element | null => { element = { ...element }; @@ -290,7 +291,7 @@ const restoreElement = ( // if empty text, mark as deleted. We keep in array // for data integrity purposes (collab etc.) - if (!text && !element.isDeleted) { + if (opts?.deleteEmptyTextElements && !text && !element.isDeleted) { // TODO: we should not do this since it breaks sync / versioning when we exchange / apply just deltas and restore the elements (deletion isn't recorded) element = { ...element, originalText: text, isDeleted: true }; element = bumpVersion(element); @@ -524,7 +525,13 @@ export const restoreElements = ( elements: ImportedDataState["elements"], /** NOTE doesn't serve for reconciliation */ localElements: readonly ExcalidrawElement[] | null | undefined, - opts?: { refreshDimensions?: boolean; repairBindings?: boolean } | undefined, + opts?: + | { + refreshDimensions?: boolean; + repairBindings?: boolean; + deleteEmptyTextElements?: boolean; + } + | undefined, ): OrderedExcalidrawElement[] => { // used to detect duplicate top-level element ids const existingIds = new Set(); @@ -534,7 +541,12 @@ export const restoreElements = ( // filtering out selection, which is legacy, no longer kept in elements, // and causing issues if retained if (element.type !== "selection" && !isInvisiblySmallElement(element)) { - let migratedElement: ExcalidrawElement | null = restoreElement(element); + let migratedElement: ExcalidrawElement | null = restoreElement( + element, + { + deleteEmptyTextElements: opts?.deleteEmptyTextElements, + }, + ); if (migratedElement) { const localElement = localElementsMap?.get(element.id); if (localElement && localElement.version > migratedElement.version) { @@ -791,7 +803,11 @@ export const restore = ( */ localAppState: Partial | null | undefined, localElements: readonly ExcalidrawElement[] | null | undefined, - elementsConfig?: { refreshDimensions?: boolean; repairBindings?: boolean }, + elementsConfig?: { + refreshDimensions?: boolean; + repairBindings?: boolean; + deleteEmptyTextElements?: boolean; + }, ): RestoredDataState => { return { elements: restoreElements(data?.elements, localElements, elementsConfig), diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index a592e2ea91..1b1f830439 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -229,6 +229,7 @@ export { defaultLang, useI18n, languages } from "./i18n"; export { restore, restoreAppState, + restoreElement, restoreElements, restoreLibraryItems, } from "./data/restore"; diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 50f08c4c23..c9a2992838 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -282,14 +282,6 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "added": {}, "removed": {}, "updated": { - "id0": { - "deleted": { - "version": 17, - }, - "inserted": { - "version": 15, - }, - }, "id1": { "deleted": { "boundElements": [], @@ -404,14 +396,6 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "version": 17, }, }, - "id15": { - "deleted": { - "version": 14, - }, - "inserted": { - "version": 12, - }, - }, "id4": { "deleted": { "height": "99.19972", @@ -853,14 +837,6 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "added": {}, "removed": {}, "updated": { - "id0": { - "deleted": { - "version": 18, - }, - "inserted": { - "version": 16, - }, - }, "id1": { "deleted": { "boundElements": [], @@ -2656,7 +2632,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "height": 100, "id": "id0", "index": "a0", - "isDeleted": false, + "isDeleted": true, "link": null, "locked": false, "opacity": 100, @@ -2667,7 +2643,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 6, + "version": 9, "width": 100, "x": 10, "y": 10, @@ -2719,7 +2695,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "autoResize": true, "backgroundColor": "transparent", "boundElements": null, - "containerId": "id0", + "containerId": null, "customData": undefined, "fillStyle": "solid", "fontFamily": 5, @@ -2744,7 +2720,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 7, + "version": 10, "verticalAlign": "top", "width": 30, "x": 15, @@ -2766,15 +2742,49 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, }, "elements": { - "added": {}, + "added": { + "id0": { + "deleted": { + "isDeleted": true, + "version": 9, + }, + "inserted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 100, + "index": "a0", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 8, + "width": 100, + "x": 10, + "y": 10, + }, + }, + }, "removed": {}, "updated": { "id5": { "deleted": { - "version": 7, + "containerId": null, + "version": 10, }, "inserted": { - "version": 5, + "containerId": "id0", + "version": 9, }, }, }, @@ -3086,14 +3096,6 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "version": 10, }, }, - "id5": { - "deleted": { - "version": 11, - }, - "inserted": { - "version": 9, - }, - }, }, }, "id": "id9", @@ -4643,15 +4645,15 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "id1": { "deleted": { "angle": 0, - "version": 5, + "version": 4, "x": 15, "y": 15, }, "inserted": { - "angle": 0, - "version": 7, - "x": 15, - "y": 15, + "angle": 90, + "version": 3, + "x": 205, + "y": 205, }, }, }, @@ -5630,12 +5632,12 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre "updated": { "id1": { "deleted": { - "frameId": null, - "version": 10, + "frameId": "id0", + "version": 5, }, "inserted": { "frameId": null, - "version": 8, + "version": 6, }, }, }, @@ -15773,14 +15775,6 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 5, }, }, - "id1": { - "deleted": { - "version": 6, - }, - "inserted": { - "version": 4, - }, - }, "id2": { "deleted": { "boundElements": [ @@ -16742,14 +16736,6 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 5, }, }, - "id1": { - "deleted": { - "version": 8, - }, - "inserted": { - "version": 6, - }, - }, "id2": { "deleted": { "boundElements": [ @@ -17375,14 +17361,6 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 9, }, }, - "id1": { - "deleted": { - "version": 12, - }, - "inserted": { - "version": 10, - }, - }, "id2": { "deleted": { "boundElements": [ @@ -17744,14 +17722,6 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 7, }, }, - "id2": { - "deleted": { - "version": 5, - }, - "inserted": { - "version": 3, - }, - }, }, }, "id": "id21", diff --git a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap index a895eb6366..c16cd9884f 100644 --- a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap @@ -2216,16 +2216,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] undo }, }, }, - "updated": { - "id0": { - "deleted": { - "version": 5, - }, - "inserted": { - "version": 3, - }, - }, - }, + "updated": {}, }, "id": "id6", }, @@ -10901,32 +10892,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] undo s }, }, }, - "updated": { - "id0": { - "deleted": { - "version": 6, - }, - "inserted": { - "version": 4, - }, - }, - "id3": { - "deleted": { - "version": 6, - }, - "inserted": { - "version": 4, - }, - }, - "id6": { - "deleted": { - "version": 6, - }, - "inserted": { - "version": 4, - }, - }, - }, + "updated": {}, }, "id": "id21", }, diff --git a/packages/excalidraw/tests/data/restore.test.ts b/packages/excalidraw/tests/data/restore.test.ts index cc38073821..1cae91416b 100644 --- a/packages/excalidraw/tests/data/restore.test.ts +++ b/packages/excalidraw/tests/data/restore.test.ts @@ -85,6 +85,23 @@ describe("restoreElements", () => { }); }); + it("should not delete empty text element when deleteEmptyTextElements is not defined", () => { + const textElement = API.createElement({ + type: "text", + text: "", + isDeleted: false, + }); + + const restoredElements = restore.restoreElements([textElement], null); + + expect(restoredElements).toEqual([ + expect.objectContaining({ + id: textElement.id, + isDeleted: false, + }), + ]); + }); + it("should restore text element correctly with unknown font family, null text and undefined alignment", () => { const textElement: any = API.createElement({ type: "text", @@ -97,10 +114,9 @@ describe("restoreElements", () => { textElement.font = "10 unknown"; expect(textElement.isDeleted).toBe(false); - const restoredText = restore.restoreElements( - [textElement], - null, - )[0] as ExcalidrawTextElement; + const restoredText = restore.restoreElements([textElement], null, { + deleteEmptyTextElements: true, + })[0] as ExcalidrawTextElement; expect(restoredText.isDeleted).toBe(true); expect(restoredText).toMatchSnapshot({ seed: expect.any(Number), diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index 707fe4e48c..09510e5ebb 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -4055,7 +4055,7 @@ describe("history", () => { expect.objectContaining({ id: container.id, boundElements: [{ id: remoteText.id, type: "text" }], - isDeleted: false, // isDeleted got remotely updated to false + isDeleted: true, }), expect.objectContaining({ id: text.id, @@ -4065,7 +4065,7 @@ describe("history", () => { expect.objectContaining({ id: remoteText.id, // unbound - containerId: container.id, + containerId: null, isDeleted: false, }), ]); diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx index 08301a3042..b03fab7391 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx @@ -704,7 +704,7 @@ describe("textWysiwyg", () => { rectangle.x + rectangle.width / 2, rectangle.y + rectangle.height / 2, ); - expect(h.elements.length).toBe(2); + expect(h.elements.length).toBe(3); text = h.elements[1] as ExcalidrawTextElementWithContainer; expect(text.type).toBe("text"); @@ -1198,7 +1198,11 @@ describe("textWysiwyg", () => { updateTextEditor(editor, " "); Keyboard.exitTextEditor(editor); expect(rectangle.boundElements).toStrictEqual([]); - expect(h.elements[1]).toBeUndefined(); + expect(h.elements[1]).toEqual( + expect.objectContaining({ + isDeleted: true, + }), + ); }); it("should restore original container height and clear cache once text is unbind", async () => { diff --git a/packages/utils/src/export.ts b/packages/utils/src/export.ts index 4559fe1af8..7821b51608 100644 --- a/packages/utils/src/export.ts +++ b/packages/utils/src/export.ts @@ -49,6 +49,7 @@ export const exportToCanvas = ({ { elements, appState }, null, null, + { deleteEmptyTextElements: true }, ); const { exportBackground, viewBackgroundColor } = restoredAppState; return _exportToCanvas( @@ -179,6 +180,7 @@ export const exportToSvg = async ({ { elements, appState }, null, null, + { deleteEmptyTextElements: true }, ); const exportAppState = { From dda3affcb081c40e2333cc2019dddadd3a37609f Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Tue, 12 Aug 2025 11:56:11 +0200 Subject: [PATCH 006/176] fix: do not strip invisible elements from array (#9844) --- excalidraw-app/data/firebase.ts | 2 +- excalidraw-app/data/index.ts | 4 +- .../excalidraw/actions/actionFinalize.tsx | 29 +++++++-- packages/excalidraw/components/App.tsx | 4 +- packages/excalidraw/data/blob.ts | 2 +- packages/excalidraw/data/restore.ts | 61 +++++++++++-------- .../excalidraw/tests/data/restore.test.ts | 30 +++++++-- packages/excalidraw/tests/dragCreate.test.tsx | 14 ++++- packages/utils/src/export.ts | 4 +- 9 files changed, 104 insertions(+), 46 deletions(-) diff --git a/excalidraw-app/data/firebase.ts b/excalidraw-app/data/firebase.ts index d05966df51..4e4c60b291 100644 --- a/excalidraw-app/data/firebase.ts +++ b/excalidraw-app/data/firebase.ts @@ -260,7 +260,7 @@ export const loadFromFirebase = async ( const storedScene = docSnap.data() as FirebaseStoredScene; const elements = getSyncableElements( restoreElements(await decryptElements(storedScene, roomKey), null, { - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }), ); diff --git a/excalidraw-app/data/index.ts b/excalidraw-app/data/index.ts index 73512f3786..cc7d5e8cc9 100644 --- a/excalidraw-app/data/index.ts +++ b/excalidraw-app/data/index.ts @@ -261,13 +261,13 @@ export const loadScene = async ( { repairBindings: true, refreshDimensions: false, - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }, ); } else { data = restore(localDataState || null, null, null, { repairBindings: true, - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }); } diff --git a/packages/excalidraw/actions/actionFinalize.tsx b/packages/excalidraw/actions/actionFinalize.tsx index 9baeb0b6f0..f9ff6e79f7 100644 --- a/packages/excalidraw/actions/actionFinalize.tsx +++ b/packages/excalidraw/actions/actionFinalize.tsx @@ -5,7 +5,11 @@ import { bindOrUnbindLinearElement, isBindingEnabled, } from "@excalidraw/element/binding"; -import { isValidPolygon, LinearElementEditor } from "@excalidraw/element"; +import { + isValidPolygon, + LinearElementEditor, + newElementWith, +} from "@excalidraw/element"; import { isBindingElement, @@ -78,7 +82,14 @@ export const actionFinalize = register({ let newElements = elements; if (element && isInvisiblySmallElement(element)) { // TODO: #7348 in theory this gets recorded by the store, so the invisible elements could be restored by the undo/redo, which might be not what we would want - newElements = newElements.filter((el) => el.id !== element!.id); + newElements = newElements.map((el) => { + if (el.id === element.id) { + return newElementWith(el, { + isDeleted: true, + }); + } + return el; + }); } return { elements: newElements, @@ -117,7 +128,12 @@ export const actionFinalize = register({ return { elements: element.points.length < 2 || isInvisiblySmallElement(element) - ? elements.filter((el) => el.id !== element.id) + ? elements.map((el) => { + if (el.id === element.id) { + return newElementWith(el, { isDeleted: true }); + } + return el; + }) : undefined, appState: { ...appState, @@ -172,7 +188,12 @@ export const actionFinalize = register({ if (element && isInvisiblySmallElement(element)) { // TODO: #7348 in theory this gets recorded by the store, so the invisible elements could be restored by the undo/redo, which might be not what we would want - newElements = newElements.filter((el) => el.id !== element!.id); + newElements = newElements.map((el) => { + if (el.id === element?.id) { + return newElementWith(el, { isDeleted: true }); + } + return el; + }); } if (isLinearElement(element) || isFreeDrawElement(element)) { diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 40a942e96b..5d0ce49e24 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -2344,7 +2344,7 @@ class App extends React.Component { } const scene = restore(initialData, null, null, { repairBindings: true, - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }); scene.appState = { ...scene.appState, @@ -3204,7 +3204,7 @@ class App extends React.Component { fitToContent?: boolean; }) => { const elements = restoreElements(opts.elements, null, { - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }); const [minX, minY, maxX, maxY] = getCommonBounds(elements); diff --git a/packages/excalidraw/data/blob.ts b/packages/excalidraw/data/blob.ts index 5db4c6cfe0..d990fd0500 100644 --- a/packages/excalidraw/data/blob.ts +++ b/packages/excalidraw/data/blob.ts @@ -173,7 +173,7 @@ export const loadSceneOrLibraryFromBlob = async ( { repairBindings: true, refreshDimensions: false, - deleteEmptyTextElements: true, + deleteInvisibleElements: true, }, ), }; diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 10addb47e5..40c57b9cf6 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -243,7 +243,7 @@ const restoreElementWithProperties = < export const restoreElement = ( element: Exclude, - opts?: { deleteEmptyTextElements?: boolean }, + opts?: { deleteInvisibleElements?: boolean }, ): typeof element | null => { element = { ...element }; @@ -291,7 +291,7 @@ export const restoreElement = ( // if empty text, mark as deleted. We keep in array // for data integrity purposes (collab etc.) - if (opts?.deleteEmptyTextElements && !text && !element.isDeleted) { + if (opts?.deleteInvisibleElements && !text && !element.isDeleted) { // TODO: we should not do this since it breaks sync / versioning when we exchange / apply just deltas and restore the elements (deletion isn't recorded) element = { ...element, originalText: text, isDeleted: true }; element = bumpVersion(element); @@ -529,7 +529,7 @@ export const restoreElements = ( | { refreshDimensions?: boolean; repairBindings?: boolean; - deleteEmptyTextElements?: boolean; + deleteInvisibleElements?: boolean; } | undefined, ): OrderedExcalidrawElement[] => { @@ -540,29 +540,38 @@ export const restoreElements = ( (elements || []).reduce((elements, element) => { // filtering out selection, which is legacy, no longer kept in elements, // and causing issues if retained - if (element.type !== "selection" && !isInvisiblySmallElement(element)) { - let migratedElement: ExcalidrawElement | null = restoreElement( - element, - { - deleteEmptyTextElements: opts?.deleteEmptyTextElements, - }, - ); - if (migratedElement) { - const localElement = localElementsMap?.get(element.id); - if (localElement && localElement.version > migratedElement.version) { - migratedElement = bumpVersion( - migratedElement, - localElement.version, - ); - } - if (existingIds.has(migratedElement.id)) { - migratedElement = { ...migratedElement, id: randomId() }; - } - existingIds.add(migratedElement.id); - - elements.push(migratedElement); - } + if (element.type === "selection") { + return elements; } + + let migratedElement: ExcalidrawElement | null = restoreElement(element, { + deleteInvisibleElements: opts?.deleteInvisibleElements, + }); + if (migratedElement) { + const localElement = localElementsMap?.get(element.id); + + const shouldMarkAsDeleted = + opts?.deleteInvisibleElements && isInvisiblySmallElement(element); + + if ( + shouldMarkAsDeleted || + (localElement && localElement.version > migratedElement.version) + ) { + migratedElement = bumpVersion(migratedElement, localElement?.version); + } + + if (shouldMarkAsDeleted) { + migratedElement = { ...migratedElement, isDeleted: true }; + } + + if (existingIds.has(migratedElement.id)) { + migratedElement = { ...migratedElement, id: randomId() }; + } + existingIds.add(migratedElement.id); + + elements.push(migratedElement); + } + return elements; }, [] as ExcalidrawElement[]), ); @@ -806,7 +815,7 @@ export const restore = ( elementsConfig?: { refreshDimensions?: boolean; repairBindings?: boolean; - deleteEmptyTextElements?: boolean; + deleteInvisibleElements?: boolean; }, ): RestoredDataState => { return { diff --git a/packages/excalidraw/tests/data/restore.test.ts b/packages/excalidraw/tests/data/restore.test.ts index 1cae91416b..3eee14d4a4 100644 --- a/packages/excalidraw/tests/data/restore.test.ts +++ b/packages/excalidraw/tests/data/restore.test.ts @@ -60,7 +60,11 @@ describe("restoreElements", () => { const rectElement = API.createElement({ type: "rectangle" }); mockSizeHelper.mockImplementation(() => true); - expect(restore.restoreElements([rectElement], null).length).toBe(0); + expect( + restore.restoreElements([rectElement], null, { + deleteInvisibleElements: true, + }), + ).toEqual([expect.objectContaining({ isDeleted: true })]); }); it("should restore text element correctly passing value for each attribute", () => { @@ -85,7 +89,7 @@ describe("restoreElements", () => { }); }); - it("should not delete empty text element when deleteEmptyTextElements is not defined", () => { + it("should not delete empty text element when opts.deleteInvisibleElements is not defined", () => { const textElement = API.createElement({ type: "text", text: "", @@ -115,7 +119,7 @@ describe("restoreElements", () => { expect(textElement.isDeleted).toBe(false); const restoredText = restore.restoreElements([textElement], null, { - deleteEmptyTextElements: true, + deleteInvisibleElements: true, })[0] as ExcalidrawTextElement; expect(restoredText.isDeleted).toBe(true); expect(restoredText).toMatchSnapshot({ @@ -193,13 +197,16 @@ describe("restoreElements", () => { y: 0, }); - const restoredElements = restore.restoreElements([arrowElement], null); + const restoredElements = restore.restoreElements([arrowElement], null, { + deleteInvisibleElements: true, + }); const restoredArrow = restoredElements[0] as | ExcalidrawArrowElement | undefined; - expect(restoredArrow).toBeUndefined(); + expect(restoredArrow).not.toBeUndefined(); + expect(restoredArrow?.isDeleted).toBe(true); }); it("should keep 'imperceptibly' small freedraw/line elements", () => { @@ -864,6 +871,7 @@ describe("repairing bindings", () => { let restoredElements = restore.restoreElements( [container, invisibleBoundElement, boundElement], null, + { deleteInvisibleElements: true }, ); expect(restoredElements).toEqual([ @@ -871,6 +879,11 @@ describe("repairing bindings", () => { id: container.id, boundElements: [obsoleteBinding, invisibleBinding, nonExistentBinding], }), + expect.objectContaining({ + id: invisibleBoundElement.id, + containerId: container.id, + isDeleted: true, + }), expect.objectContaining({ id: boundElement.id, containerId: container.id, @@ -880,7 +893,7 @@ describe("repairing bindings", () => { restoredElements = restore.restoreElements( [container, invisibleBoundElement, boundElement], null, - { repairBindings: true }, + { repairBindings: true, deleteInvisibleElements: true }, ); expect(restoredElements).toEqual([ @@ -888,6 +901,11 @@ describe("repairing bindings", () => { id: container.id, boundElements: [], }), + expect.objectContaining({ + id: invisibleBoundElement.id, + containerId: container.id, + isDeleted: true, + }), expect.objectContaining({ id: boundElement.id, containerId: container.id, diff --git a/packages/excalidraw/tests/dragCreate.test.tsx b/packages/excalidraw/tests/dragCreate.test.tsx index 810efa973e..566c839050 100644 --- a/packages/excalidraw/tests/dragCreate.test.tsx +++ b/packages/excalidraw/tests/dragCreate.test.tsx @@ -315,7 +315,12 @@ describe("Test dragCreate", () => { ); expect(renderStaticScene.mock.calls.length).toMatchInlineSnapshot(`5`); expect(h.state.selectionElement).toBeNull(); - expect(h.elements.length).toEqual(0); + expect(h.elements).toEqual([ + expect.objectContaining({ + type: "arrow", + isDeleted: true, + }), + ]); }); it("line", async () => { @@ -344,7 +349,12 @@ describe("Test dragCreate", () => { ); expect(renderStaticScene.mock.calls.length).toMatchInlineSnapshot(`5`); expect(h.state.selectionElement).toBeNull(); - expect(h.elements.length).toEqual(0); + expect(h.elements).toEqual([ + expect.objectContaining({ + type: "line", + isDeleted: true, + }), + ]); }); }); }); diff --git a/packages/utils/src/export.ts b/packages/utils/src/export.ts index 7821b51608..fefd0db2e0 100644 --- a/packages/utils/src/export.ts +++ b/packages/utils/src/export.ts @@ -49,7 +49,7 @@ export const exportToCanvas = ({ { elements, appState }, null, null, - { deleteEmptyTextElements: true }, + { deleteInvisibleElements: true }, ); const { exportBackground, viewBackgroundColor } = restoredAppState; return _exportToCanvas( @@ -180,7 +180,7 @@ export const exportToSvg = async ({ { elements, appState }, null, null, - { deleteEmptyTextElements: true }, + { deleteInvisibleElements: true }, ); const exportAppState = { From 2535d7305485a032b5a860a4538870a0c2d09c5a Mon Sep 17 00:00:00 2001 From: Marcel Mraz Date: Fri, 15 Aug 2025 15:25:56 +0200 Subject: [PATCH 007/176] feat: apply deltas API (#9869) --- packages/element/src/Scene.ts | 20 +- packages/element/src/delta.ts | 304 +++++++++++++--- packages/element/src/store.ts | 26 +- packages/element/tests/delta.test.tsx | 340 +++++++++++++++++- packages/excalidraw/components/App.tsx | 25 ++ packages/excalidraw/history.ts | 2 +- .../tests/__snapshots__/history.test.tsx.snap | 184 +++++----- packages/excalidraw/types.ts | 1 + 8 files changed, 750 insertions(+), 152 deletions(-) diff --git a/packages/element/src/Scene.ts b/packages/element/src/Scene.ts index df0fd3e2d4..eaef257960 100644 --- a/packages/element/src/Scene.ts +++ b/packages/element/src/Scene.ts @@ -164,9 +164,14 @@ export class Scene { return this.frames; } - constructor(elements: ElementsMapOrArray | null = null) { + constructor( + elements: ElementsMapOrArray | null = null, + options?: { + skipValidation?: true; + }, + ) { if (elements) { - this.replaceAllElements(elements); + this.replaceAllElements(elements, options); } } @@ -263,12 +268,19 @@ export class Scene { return didChange; } - replaceAllElements(nextElements: ElementsMapOrArray) { + replaceAllElements( + nextElements: ElementsMapOrArray, + options?: { + skipValidation?: true; + }, + ) { // we do trust the insertion order on the map, though maybe we shouldn't and should prefer order defined by fractional indices const _nextElements = toArray(nextElements); const nextFrameLikes: ExcalidrawFrameLikeElement[] = []; - validateIndicesThrottled(_nextElements); + if (!options?.skipValidation) { + validateIndicesThrottled(_nextElements); + } this.elements = syncInvalidIndices(_nextElements); this.elementsMap.clear(); diff --git a/packages/element/src/delta.ts b/packages/element/src/delta.ts index 38839fa84c..d7b242d60f 100644 --- a/packages/element/src/delta.ts +++ b/packages/element/src/delta.ts @@ -55,10 +55,10 @@ import { getNonDeletedGroupIds } from "./groups"; import { orderByFractionalIndex, syncMovedIndices } from "./fractionalIndex"; -import { Scene } from "./Scene"; - import { StoreSnapshot } from "./store"; +import { Scene } from "./Scene"; + import type { BindableProp, BindingProp } from "./binding"; import type { ElementUpdate } from "./mutateElement"; @@ -153,10 +153,14 @@ export class Delta { /** * Merges two deltas into a new one. */ - public static merge(delta1: Delta, delta2: Delta) { + public static merge( + delta1: Delta, + delta2: Delta, + delta3: Delta = Delta.empty(), + ) { return Delta.create( - { ...delta1.deleted, ...delta2.deleted }, - { ...delta1.inserted, ...delta2.inserted }, + { ...delta1.deleted, ...delta2.deleted, ...delta3.deleted }, + { ...delta1.inserted, ...delta2.inserted, ...delta3.inserted }, ); } @@ -166,7 +170,7 @@ export class Delta { public static mergeObjects( prev: T, added: T, - removed: T, + removed: T = {} as T, ) { const cloned = { ...prev }; @@ -520,6 +524,10 @@ export interface DeltaContainer { export class AppStateDelta implements DeltaContainer { private constructor(public delta: Delta) {} + public static create(delta: Delta): AppStateDelta { + return new AppStateDelta(delta); + } + public static calculate( prevAppState: T, nextAppState: T, @@ -550,7 +558,74 @@ export class AppStateDelta implements DeltaContainer { } public squash(delta: AppStateDelta): this { - this.delta = Delta.merge(this.delta, delta.delta); + if (delta.isEmpty()) { + return this; + } + + const mergedDeletedSelectedElementIds = Delta.mergeObjects( + this.delta.deleted.selectedElementIds ?? {}, + delta.delta.deleted.selectedElementIds ?? {}, + ); + + const mergedInsertedSelectedElementIds = Delta.mergeObjects( + this.delta.inserted.selectedElementIds ?? {}, + delta.delta.inserted.selectedElementIds ?? {}, + ); + + const mergedDeletedSelectedGroupIds = Delta.mergeObjects( + this.delta.deleted.selectedGroupIds ?? {}, + delta.delta.deleted.selectedGroupIds ?? {}, + ); + + const mergedInsertedSelectedGroupIds = Delta.mergeObjects( + this.delta.inserted.selectedGroupIds ?? {}, + delta.delta.inserted.selectedGroupIds ?? {}, + ); + + const mergedDeletedLockedMultiSelections = Delta.mergeObjects( + this.delta.deleted.lockedMultiSelections ?? {}, + delta.delta.deleted.lockedMultiSelections ?? {}, + ); + + const mergedInsertedLockedMultiSelections = Delta.mergeObjects( + this.delta.inserted.lockedMultiSelections ?? {}, + delta.delta.inserted.lockedMultiSelections ?? {}, + ); + + const mergedInserted: Partial = {}; + const mergedDeleted: Partial = {}; + + if ( + Object.keys(mergedDeletedSelectedElementIds).length || + Object.keys(mergedInsertedSelectedElementIds).length + ) { + mergedDeleted.selectedElementIds = mergedDeletedSelectedElementIds; + mergedInserted.selectedElementIds = mergedInsertedSelectedElementIds; + } + + if ( + Object.keys(mergedDeletedSelectedGroupIds).length || + Object.keys(mergedInsertedSelectedGroupIds).length + ) { + mergedDeleted.selectedGroupIds = mergedDeletedSelectedGroupIds; + mergedInserted.selectedGroupIds = mergedInsertedSelectedGroupIds; + } + + if ( + Object.keys(mergedDeletedLockedMultiSelections).length || + Object.keys(mergedInsertedLockedMultiSelections).length + ) { + mergedDeleted.lockedMultiSelections = mergedDeletedLockedMultiSelections; + mergedInserted.lockedMultiSelections = + mergedInsertedLockedMultiSelections; + } + + this.delta = Delta.merge( + this.delta, + delta.delta, + Delta.create(mergedDeleted, mergedInserted), + ); + return this; } @@ -562,11 +637,13 @@ export class AppStateDelta implements DeltaContainer { const { selectedElementIds: deletedSelectedElementIds = {}, selectedGroupIds: deletedSelectedGroupIds = {}, + lockedMultiSelections: deletedLockedMultiSelections = {}, } = this.delta.deleted; const { selectedElementIds: insertedSelectedElementIds = {}, selectedGroupIds: insertedSelectedGroupIds = {}, + lockedMultiSelections: insertedLockedMultiSelections = {}, selectedLinearElement: insertedSelectedLinearElement, ...directlyApplicablePartial } = this.delta.inserted; @@ -583,6 +660,12 @@ export class AppStateDelta implements DeltaContainer { deletedSelectedGroupIds, ); + const mergedLockedMultiSelections = Delta.mergeObjects( + appState.lockedMultiSelections, + insertedLockedMultiSelections, + deletedLockedMultiSelections, + ); + const selectedLinearElement = insertedSelectedLinearElement && nextElements.has(insertedSelectedLinearElement.elementId) @@ -600,6 +683,7 @@ export class AppStateDelta implements DeltaContainer { ...directlyApplicablePartial, selectedElementIds: mergedSelectedElementIds, selectedGroupIds: mergedSelectedGroupIds, + lockedMultiSelections: mergedLockedMultiSelections, selectedLinearElement: typeof insertedSelectedLinearElement !== "undefined" ? selectedLinearElement @@ -904,12 +988,6 @@ export class AppStateDelta implements DeltaContainer { "lockedMultiSelections", (prevValue) => (prevValue ?? {}) as ValueOf, ); - Delta.diffObjects( - deleted, - inserted, - "activeLockedId", - (prevValue) => (prevValue ?? null) as ValueOf, - ); } catch (e) { // if postprocessing fails it does not make sense to bubble up, but let's make sure we know about it console.error(`Couldn't postprocess appstate change deltas.`); @@ -938,12 +1016,13 @@ type ElementPartial = Omit>, "id" | "updated" | "seed">; export type ApplyToOptions = { - excludedProperties: Set; + excludedProperties?: Set; }; type ApplyToFlags = { containsVisibleDifference: boolean; containsZindexDifference: boolean; + applyDirection: "forward" | "backward" | undefined; }; /** @@ -1044,6 +1123,15 @@ export class ElementsDelta implements DeltaContainer { deleted.version !== inserted.version ); + private static satisfiesUniqueInvariants = ( + elementsDelta: ElementsDelta, + id: string, + ) => { + const { added, removed, updated } = elementsDelta; + // it's required that there is only one unique delta type per element + return [added[id], removed[id], updated[id]].filter(Boolean).length === 1; + }; + private static validate( elementsDelta: ElementsDelta, type: "added" | "removed" | "updated", @@ -1052,6 +1140,7 @@ export class ElementsDelta implements DeltaContainer { for (const [id, delta] of Object.entries(elementsDelta[type])) { if ( !this.satisfiesCommmonInvariants(delta) || + !this.satisfiesUniqueInvariants(elementsDelta, id) || !satifiesSpecialInvariants(delta) ) { console.error( @@ -1311,9 +1400,7 @@ export class ElementsDelta implements DeltaContainer { public applyTo( elements: SceneElementsMap, snapshot: StoreSnapshot["elements"] = StoreSnapshot.empty().elements, - options: ApplyToOptions = { - excludedProperties: new Set(), - }, + options?: ApplyToOptions, ): [SceneElementsMap, boolean] { let nextElements = new Map(elements) as SceneElementsMap; let changedElements: Map; @@ -1321,22 +1408,28 @@ export class ElementsDelta implements DeltaContainer { const flags: ApplyToFlags = { containsVisibleDifference: false, containsZindexDifference: false, + applyDirection: undefined, }; // mimic a transaction by applying deltas into `nextElements` (always new instance, no mutation) try { const applyDeltas = ElementsDelta.createApplier( + elements, nextElements, snapshot, - options, flags, + options, ); const addedElements = applyDeltas(this.added); const removedElements = applyDeltas(this.removed); const updatedElements = applyDeltas(this.updated); - const affectedElements = this.resolveConflicts(elements, nextElements); + const affectedElements = this.resolveConflicts( + elements, + nextElements, + flags.applyDirection, + ); // TODO: #7348 validate elements semantically and syntactically the changed elements, in case they would result data integrity issues changedElements = new Map([ @@ -1360,22 +1453,15 @@ export class ElementsDelta implements DeltaContainer { } try { - // the following reorder performs also mutations, but only on new instances of changed elements - // (unless something goes really bad and it fallbacks to fixing all invalid indices) + // the following reorder performs mutations, but only on new instances of changed elements, + // unless something goes really bad and it fallbacks to fixing all invalid indices nextElements = ElementsDelta.reorderElements( nextElements, changedElements, flags, ); - // we don't have an up-to-date scene, as we can be just in the middle of applying history entry - // we also don't have a scene on the server - // so we are creating a temp scene just to query and mutate elements - const tempScene = new Scene(nextElements); - - ElementsDelta.redrawTextBoundingBoxes(tempScene, changedElements); - // Need ordered nextElements to avoid z-index binding issues - ElementsDelta.redrawBoundArrows(tempScene, changedElements); + ElementsDelta.redrawElements(nextElements, changedElements); } catch (e) { console.error( `Couldn't mutate elements after applying elements change`, @@ -1391,47 +1477,112 @@ export class ElementsDelta implements DeltaContainer { } public squash(delta: ElementsDelta): this { + if (delta.isEmpty()) { + return this; + } + const { added, removed, updated } = delta; + const mergeBoundElements = ( + prevDelta: Delta, + nextDelta: Delta, + ) => { + const mergedDeletedBoundElements = + Delta.mergeArrays( + prevDelta.deleted.boundElements ?? [], + nextDelta.deleted.boundElements ?? [], + undefined, + (x) => x.id, + ) ?? []; + + const mergedInsertedBoundElements = + Delta.mergeArrays( + prevDelta.inserted.boundElements ?? [], + nextDelta.inserted.boundElements ?? [], + undefined, + (x) => x.id, + ) ?? []; + + if ( + !mergedDeletedBoundElements.length && + !mergedInsertedBoundElements.length + ) { + return; + } + + return Delta.create( + { + boundElements: mergedDeletedBoundElements, + }, + { + boundElements: mergedInsertedBoundElements, + }, + ); + }; + for (const [id, nextDelta] of Object.entries(added)) { - const prevDelta = this.added[id]; + const prevDelta = this.added[id] ?? this.removed[id] ?? this.updated[id]; if (!prevDelta) { this.added[id] = nextDelta; } else { - this.added[id] = Delta.merge(prevDelta, nextDelta); + const mergedDelta = mergeBoundElements(prevDelta, nextDelta); + delete this.removed[id]; + delete this.updated[id]; + + this.added[id] = Delta.merge(prevDelta, nextDelta, mergedDelta); } } for (const [id, nextDelta] of Object.entries(removed)) { - const prevDelta = this.removed[id]; + const prevDelta = this.added[id] ?? this.removed[id] ?? this.updated[id]; if (!prevDelta) { this.removed[id] = nextDelta; } else { - this.removed[id] = Delta.merge(prevDelta, nextDelta); + const mergedDelta = mergeBoundElements(prevDelta, nextDelta); + delete this.added[id]; + delete this.updated[id]; + + this.removed[id] = Delta.merge(prevDelta, nextDelta, mergedDelta); } } for (const [id, nextDelta] of Object.entries(updated)) { - const prevDelta = this.updated[id]; + const prevDelta = this.added[id] ?? this.removed[id] ?? this.updated[id]; if (!prevDelta) { this.updated[id] = nextDelta; } else { - this.updated[id] = Delta.merge(prevDelta, nextDelta); + const mergedDelta = mergeBoundElements(prevDelta, nextDelta); + const updatedDelta = Delta.merge(prevDelta, nextDelta, mergedDelta); + + if (prevDelta === this.added[id]) { + this.added[id] = updatedDelta; + } else if (prevDelta === this.removed[id]) { + this.removed[id] = updatedDelta; + } else { + this.updated[id] = updatedDelta; + } } } + if (isTestEnv() || isDevEnv()) { + ElementsDelta.validate(this, "added", ElementsDelta.satisfiesAddition); + ElementsDelta.validate(this, "removed", ElementsDelta.satisfiesRemoval); + ElementsDelta.validate(this, "updated", ElementsDelta.satisfiesUpdate); + } + return this; } private static createApplier = ( + prevElements: SceneElementsMap, nextElements: SceneElementsMap, snapshot: StoreSnapshot["elements"], - options: ApplyToOptions, flags: ApplyToFlags, + options?: ApplyToOptions, ) => (deltas: Record>) => { const getElement = ElementsDelta.createGetter( @@ -1444,15 +1595,26 @@ export class ElementsDelta implements DeltaContainer { const element = getElement(id, delta.inserted); if (element) { - const newElement = ElementsDelta.applyDelta( + const nextElement = ElementsDelta.applyDelta( element, delta, - options, flags, + options, ); - nextElements.set(newElement.id, newElement); - acc.set(newElement.id, newElement); + nextElements.set(nextElement.id, nextElement); + acc.set(nextElement.id, nextElement); + + if (!flags.applyDirection) { + const prevElement = prevElements.get(id); + + if (prevElement) { + flags.applyDirection = + prevElement.version > nextElement.version + ? "backward" + : "forward"; + } + } } return acc; @@ -1497,8 +1659,8 @@ export class ElementsDelta implements DeltaContainer { private static applyDelta( element: OrderedExcalidrawElement, delta: Delta, - options: ApplyToOptions, flags: ApplyToFlags, + options?: ApplyToOptions, ) { const directlyApplicablePartial: Mutable = {}; @@ -1512,7 +1674,7 @@ export class ElementsDelta implements DeltaContainer { continue; } - if (options.excludedProperties.has(key)) { + if (options?.excludedProperties?.has(key)) { continue; } @@ -1552,7 +1714,7 @@ export class ElementsDelta implements DeltaContainer { delta.deleted.index !== delta.inserted.index; } - return newElementWith(element, directlyApplicablePartial); + return newElementWith(element, directlyApplicablePartial, true); } /** @@ -1592,6 +1754,7 @@ export class ElementsDelta implements DeltaContainer { private resolveConflicts( prevElements: SceneElementsMap, nextElements: SceneElementsMap, + applyDirection: "forward" | "backward" = "forward", ) { const nextAffectedElements = new Map(); const updater = ( @@ -1603,21 +1766,36 @@ export class ElementsDelta implements DeltaContainer { return; } + const prevElement = prevElements.get(element.id); + const nextVersion = + applyDirection === "forward" + ? nextElement.version + 1 + : nextElement.version - 1; + + const elementUpdates = updates as ElementUpdate; + let affectedElement: OrderedExcalidrawElement; - if (prevElements.get(element.id) === nextElement) { + if (prevElement === nextElement) { // create the new element instance in case we didn't modify the element yet // so that we won't end up in an incosistent state in case we would fail in the middle of mutations affectedElement = newElementWith( nextElement, - updates as ElementUpdate, + { + ...elementUpdates, + version: nextVersion, + }, + true, ); } else { - affectedElement = mutateElement( - nextElement, - nextElements, - updates as ElementUpdate, - ); + affectedElement = mutateElement(nextElement, nextElements, { + ...elementUpdates, + // don't modify the version further, if it's already different + version: + prevElement?.version !== nextElement.version + ? nextElement.version + : nextVersion, + }); } nextAffectedElements.set(affectedElement.id, affectedElement); @@ -1722,6 +1900,31 @@ export class ElementsDelta implements DeltaContainer { BindableElement.rebindAffected(nextElements, nextElement(), updater); } + public static redrawElements( + nextElements: SceneElementsMap, + changedElements: Map, + ) { + try { + // we don't have an up-to-date scene, as we can be just in the middle of applying history entry + // we also don't have a scene on the server + // so we are creating a temp scene just to query and mutate elements + const tempScene = new Scene(nextElements, { skipValidation: true }); + + ElementsDelta.redrawTextBoundingBoxes(tempScene, changedElements); + + // needs ordered nextElements to avoid z-index binding issues + ElementsDelta.redrawBoundArrows(tempScene, changedElements); + } catch (e) { + console.error(`Couldn't redraw elements`, e); + + if (isTestEnv() || isDevEnv()) { + throw e; + } + } finally { + return nextElements; + } + } + private static redrawTextBoundingBoxes( scene: Scene, changed: Map, @@ -1776,6 +1979,7 @@ export class ElementsDelta implements DeltaContainer { ) { for (const element of changed.values()) { if (!element.isDeleted && isBindableElement(element)) { + // TODO: with precise bindings this is quite expensive, so consider optimisation so it's only triggered when the arrow does not intersect (imprecise) element bounds updateBoundElements(element, scene, { changedElements: changed, }); diff --git a/packages/element/src/store.ts b/packages/element/src/store.ts index e304486ffa..38235e752c 100644 --- a/packages/element/src/store.ts +++ b/packages/element/src/store.ts @@ -552,10 +552,26 @@ export class StoreDelta { public static load({ id, elements: { added, removed, updated }, + appState: { delta: appStateDelta }, }: DTO) { const elements = ElementsDelta.create(added, removed, updated); + const appState = AppStateDelta.create(appStateDelta); - return new this(id, elements, AppStateDelta.empty()); + return new this(id, elements, appState); + } + + /** + * Squash the passed deltas into the aggregated delta instance. + */ + public static squash(...deltas: StoreDelta[]) { + const aggregatedDelta = StoreDelta.empty(); + + for (const delta of deltas) { + aggregatedDelta.elements.squash(delta.elements); + aggregatedDelta.appState.squash(delta.appState); + } + + return aggregatedDelta; } /** @@ -572,9 +588,7 @@ export class StoreDelta { delta: StoreDelta, elements: SceneElementsMap, appState: AppState, - options: ApplyToOptions = { - excludedProperties: new Set(), - }, + options?: ApplyToOptions, ): [SceneElementsMap, AppState, boolean] { const [nextElements, elementsContainVisibleChange] = delta.elements.applyTo( elements, @@ -613,6 +627,10 @@ export class StoreDelta { ); } + public static empty() { + return StoreDelta.create(ElementsDelta.empty(), AppStateDelta.empty()); + } + public isEmpty() { return this.elements.isEmpty() && this.appState.isEmpty(); } diff --git a/packages/element/tests/delta.test.tsx b/packages/element/tests/delta.test.tsx index 81c9d4591c..e9a19d850a 100644 --- a/packages/element/tests/delta.test.tsx +++ b/packages/element/tests/delta.test.tsx @@ -4,7 +4,7 @@ import type { ObservedAppState } from "@excalidraw/excalidraw/types"; import type { LinearElementEditor } from "@excalidraw/element"; import type { SceneElementsMap } from "@excalidraw/element/types"; -import { AppStateDelta, ElementsDelta } from "../src/delta"; +import { AppStateDelta, Delta, ElementsDelta } from "../src/delta"; describe("ElementsDelta", () => { describe("elements delta calculation", () => { @@ -68,6 +68,251 @@ describe("ElementsDelta", () => { expect(delta.isEmpty()).toBeTruthy(); }); }); + + describe("squash", () => { + it("should not squash when second delta is empty", () => { + const updatedDelta = Delta.create( + { x: 100, version: 1, versionNonce: 1 }, + { x: 200, version: 2, versionNonce: 2 }, + ); + + const elementsDelta1 = ElementsDelta.create( + {}, + {}, + { id1: updatedDelta }, + ); + const elementsDelta2 = ElementsDelta.empty(); + const elementsDelta = elementsDelta1.squash(elementsDelta2); + + expect(elementsDelta.isEmpty()).toBeFalsy(); + expect(elementsDelta).toBe(elementsDelta1); + expect(elementsDelta.updated.id1).toBe(updatedDelta); + }); + + it("should squash mutually exclusive delta types", () => { + const addedDelta = Delta.create( + { x: 100, version: 1, versionNonce: 1, isDeleted: true }, + { x: 200, version: 2, versionNonce: 2, isDeleted: false }, + ); + + const removedDelta = Delta.create( + { x: 100, version: 1, versionNonce: 1, isDeleted: false }, + { x: 200, version: 2, versionNonce: 2, isDeleted: true }, + ); + + const updatedDelta = Delta.create( + { x: 100, version: 1, versionNonce: 1 }, + { x: 200, version: 2, versionNonce: 2 }, + ); + + const elementsDelta1 = ElementsDelta.create( + { id1: addedDelta }, + { id2: removedDelta }, + {}, + ); + + const elementsDelta2 = ElementsDelta.create( + {}, + {}, + { id3: updatedDelta }, + ); + + const elementsDelta = elementsDelta1.squash(elementsDelta2); + + expect(elementsDelta.isEmpty()).toBeFalsy(); + expect(elementsDelta).toBe(elementsDelta1); + expect(elementsDelta.added.id1).toBe(addedDelta); + expect(elementsDelta.removed.id2).toBe(removedDelta); + expect(elementsDelta.updated.id3).toBe(updatedDelta); + }); + + it("should squash the same delta types", () => { + const elementsDelta1 = ElementsDelta.create( + { + id1: Delta.create( + { x: 100, version: 1, versionNonce: 1, isDeleted: true }, + { x: 200, version: 2, versionNonce: 2, isDeleted: false }, + ), + }, + { + id2: Delta.create( + { x: 100, version: 1, versionNonce: 1, isDeleted: false }, + { x: 200, version: 2, versionNonce: 2, isDeleted: true }, + ), + }, + { + id3: Delta.create( + { x: 100, version: 1, versionNonce: 1 }, + { x: 200, version: 2, versionNonce: 2 }, + ), + }, + ); + + const elementsDelta2 = ElementsDelta.create( + { + id1: Delta.create( + { y: 100, version: 2, versionNonce: 2, isDeleted: true }, + { y: 200, version: 3, versionNonce: 3, isDeleted: false }, + ), + }, + { + id2: Delta.create( + { y: 100, version: 2, versionNonce: 2, isDeleted: false }, + { y: 200, version: 3, versionNonce: 3, isDeleted: true }, + ), + }, + { + id3: Delta.create( + { y: 100, version: 2, versionNonce: 2 }, + { y: 200, version: 3, versionNonce: 3 }, + ), + }, + ); + + const elementsDelta = elementsDelta1.squash(elementsDelta2); + + expect(elementsDelta.isEmpty()).toBeFalsy(); + expect(elementsDelta).toBe(elementsDelta1); + expect(elementsDelta.added.id1).toEqual( + Delta.create( + { x: 100, y: 100, version: 2, versionNonce: 2, isDeleted: true }, + { x: 200, y: 200, version: 3, versionNonce: 3, isDeleted: false }, + ), + ); + expect(elementsDelta.removed.id2).toEqual( + Delta.create( + { x: 100, y: 100, version: 2, versionNonce: 2, isDeleted: false }, + { x: 200, y: 200, version: 3, versionNonce: 3, isDeleted: true }, + ), + ); + expect(elementsDelta.updated.id3).toEqual( + Delta.create( + { x: 100, y: 100, version: 2, versionNonce: 2 }, + { x: 200, y: 200, version: 3, versionNonce: 3 }, + ), + ); + }); + + it("should squash different delta types ", () => { + // id1: added -> updated => added + // id2: removed -> added => added + // id3: updated -> removed => removed + const elementsDelta1 = ElementsDelta.create( + { + id1: Delta.create( + { x: 100, version: 1, versionNonce: 1, isDeleted: true }, + { x: 101, version: 2, versionNonce: 2, isDeleted: false }, + ), + }, + { + id2: Delta.create( + { x: 200, version: 1, versionNonce: 1, isDeleted: false }, + { x: 201, version: 2, versionNonce: 2, isDeleted: true }, + ), + }, + { + id3: Delta.create( + { x: 300, version: 1, versionNonce: 1 }, + { x: 301, version: 2, versionNonce: 2 }, + ), + }, + ); + + const elementsDelta2 = ElementsDelta.create( + { + id2: Delta.create( + { y: 200, version: 2, versionNonce: 2, isDeleted: true }, + { y: 201, version: 3, versionNonce: 3, isDeleted: false }, + ), + }, + { + id3: Delta.create( + { y: 300, version: 2, versionNonce: 2, isDeleted: false }, + { y: 301, version: 3, versionNonce: 3, isDeleted: true }, + ), + }, + { + id1: Delta.create( + { y: 100, version: 2, versionNonce: 2 }, + { y: 101, version: 3, versionNonce: 3 }, + ), + }, + ); + + const elementsDelta = elementsDelta1.squash(elementsDelta2); + + expect(elementsDelta.isEmpty()).toBeFalsy(); + expect(elementsDelta).toBe(elementsDelta1); + expect(elementsDelta.added).toEqual({ + id1: Delta.create( + { x: 100, y: 100, version: 2, versionNonce: 2, isDeleted: true }, + { x: 101, y: 101, version: 3, versionNonce: 3, isDeleted: false }, + ), + id2: Delta.create( + { x: 200, y: 200, version: 2, versionNonce: 2, isDeleted: true }, + { x: 201, y: 201, version: 3, versionNonce: 3, isDeleted: false }, + ), + }); + expect(elementsDelta.removed).toEqual({ + id3: Delta.create( + { x: 300, y: 300, version: 2, versionNonce: 2, isDeleted: false }, + { x: 301, y: 301, version: 3, versionNonce: 3, isDeleted: true }, + ), + }); + expect(elementsDelta.updated).toEqual({}); + }); + + it("should squash bound elements", () => { + const elementsDelta1 = ElementsDelta.create( + {}, + {}, + { + id1: Delta.create( + { + version: 1, + versionNonce: 1, + boundElements: [{ id: "t1", type: "text" }], + }, + { + version: 2, + versionNonce: 2, + boundElements: [{ id: "t2", type: "text" }], + }, + ), + }, + ); + + const elementsDelta2 = ElementsDelta.create( + {}, + {}, + { + id1: Delta.create( + { + version: 2, + versionNonce: 2, + boundElements: [{ id: "a1", type: "arrow" }], + }, + { + version: 3, + versionNonce: 3, + boundElements: [{ id: "a2", type: "arrow" }], + }, + ), + }, + ); + + const elementsDelta = elementsDelta1.squash(elementsDelta2); + + expect(elementsDelta.updated.id1.deleted.boundElements).toEqual([ + { id: "t1", type: "text" }, + { id: "a1", type: "arrow" }, + ]); + expect(elementsDelta.updated.id1.inserted.boundElements).toEqual([ + { id: "t2", type: "text" }, + { id: "a2", type: "arrow" }, + ]); + }); + }); }); describe("AppStateDelta", () => { @@ -215,4 +460,97 @@ describe("AppStateDelta", () => { expect(JSON.stringify(delta1)).toBe(JSON.stringify(delta2)); }); }); + + describe("squash", () => { + it("should not squash when second delta is empty", () => { + const delta = Delta.create( + { name: "untitled scene" }, + { name: "titled scene" }, + ); + + const appStateDelta1 = AppStateDelta.create(delta); + const appStateDelta2 = AppStateDelta.empty(); + const appStateDelta = appStateDelta1.squash(appStateDelta2); + + expect(appStateDelta.isEmpty()).toBeFalsy(); + expect(appStateDelta).toBe(appStateDelta1); + expect(appStateDelta.delta).toBe(delta); + }); + + it("should squash exclusive properties", () => { + const delta1 = Delta.create( + { name: "untitled scene" }, + { name: "titled scene" }, + ); + const delta2 = Delta.create( + { viewBackgroundColor: "#ffffff" }, + { viewBackgroundColor: "#000000" }, + ); + + const appStateDelta1 = AppStateDelta.create(delta1); + const appStateDelta2 = AppStateDelta.create(delta2); + const appStateDelta = appStateDelta1.squash(appStateDelta2); + + expect(appStateDelta.isEmpty()).toBeFalsy(); + expect(appStateDelta).toBe(appStateDelta1); + expect(appStateDelta.delta).toEqual( + Delta.create( + { name: "untitled scene", viewBackgroundColor: "#ffffff" }, + { name: "titled scene", viewBackgroundColor: "#000000" }, + ), + ); + }); + + it("should squash selectedElementIds, selectedGroupIds and lockedMultiSelections", () => { + const delta1 = Delta.create>( + { + name: "untitled scene", + selectedElementIds: { id1: true }, + selectedGroupIds: {}, + lockedMultiSelections: { g1: true }, + }, + { + name: "titled scene", + selectedElementIds: { id2: true }, + selectedGroupIds: { g1: true }, + lockedMultiSelections: {}, + }, + ); + const delta2 = Delta.create>( + { + selectedElementIds: { id3: true }, + selectedGroupIds: { g1: true }, + lockedMultiSelections: {}, + }, + { + selectedElementIds: { id2: true }, + selectedGroupIds: { g2: true, g3: true }, + lockedMultiSelections: { g3: true }, + }, + ); + + const appStateDelta1 = AppStateDelta.create(delta1); + const appStateDelta2 = AppStateDelta.create(delta2); + const appStateDelta = appStateDelta1.squash(appStateDelta2); + + expect(appStateDelta.isEmpty()).toBeFalsy(); + expect(appStateDelta).toBe(appStateDelta1); + expect(appStateDelta.delta).toEqual( + Delta.create>( + { + name: "untitled scene", + selectedElementIds: { id1: true, id3: true }, + selectedGroupIds: { g1: true }, + lockedMultiSelections: { g1: true }, + }, + { + name: "titled scene", + selectedElementIds: { id2: true }, + selectedGroupIds: { g1: true, g2: true, g3: true }, + lockedMultiSelections: { g3: true }, + }, + ), + ); + }); + }); }); diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 5d0ce49e24..65635cd60d 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -233,6 +233,8 @@ import { hitElementBoundingBox, isLineElement, isSimpleArrow, + StoreDelta, + type ApplyToOptions, } from "@excalidraw/element"; import type { LocalPoint, Radians } from "@excalidraw/math"; @@ -259,6 +261,7 @@ import type { MagicGenerationData, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, + SceneElementsMap, } from "@excalidraw/element/types"; import type { Mutable, ValueOf } from "@excalidraw/common/utility-types"; @@ -697,6 +700,7 @@ class App extends React.Component { if (excalidrawAPI) { const api: ExcalidrawImperativeAPI = { updateScene: this.updateScene, + applyDeltas: this.applyDeltas, mutateElement: this.mutateElement, updateLibrary: this.library.updateLibrary, addFiles: this.addFiles, @@ -3938,6 +3942,27 @@ class App extends React.Component { }, ); + public applyDeltas = ( + deltas: StoreDelta[], + options?: ApplyToOptions, + ): [SceneElementsMap, AppState, boolean] => { + // squash all deltas together, starting with a fresh new delta instance + const aggregatedDelta = StoreDelta.squash(...deltas); + + // create new instance of elements map & appState, so we don't accidentaly mutate existing ones + const nextAppState = { ...this.state }; + const nextElements = new Map( + this.scene.getElementsMapIncludingDeleted(), + ) as SceneElementsMap; + + return StoreDelta.applyTo( + aggregatedDelta, + nextElements, + nextAppState, + options, + ); + }; + public mutateElement = >( element: TElement, updates: ElementUpdate, diff --git a/packages/excalidraw/history.ts b/packages/excalidraw/history.ts index 7250dd600a..482065be45 100644 --- a/packages/excalidraw/history.ts +++ b/packages/excalidraw/history.ts @@ -175,7 +175,7 @@ export class History { let nextAppState = appState; let containsVisibleChange = false; - // iterate through the history entries in case ;they result in no visible changes + // iterate through the history entries in case they result in no visible changes while (historyDelta) { try { [nextElements, nextAppState, containsVisibleChange] = diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index c9a2992838..60d7e5ed6b 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -137,7 +137,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 18, + "version": 13, "width": 100, "x": -100, "y": -50, @@ -258,7 +258,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 14, + "version": 10, "width": 50, "x": 100, "y": 100, @@ -305,11 +305,11 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 12, + "version": 9, }, "inserted": { "boundElements": [], - "version": 11, + "version": 8, }, }, "id4": { @@ -384,7 +384,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "id0": { "deleted": { "boundElements": [], - "version": 18, + "version": 13, }, "inserted": { "boundElements": [ @@ -393,7 +393,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 17, + "version": 12, }, }, "id4": { @@ -735,7 +735,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 19, + "version": 14, "width": 100, "x": 150, "y": -50, @@ -884,7 +884,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "id0": { "deleted": { "boundElements": [], - "version": 19, + "version": 14, }, "inserted": { "boundElements": [ @@ -893,7 +893,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 18, + "version": 13, }, }, "id4": { @@ -1242,7 +1242,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 10, "width": 98, "x": 1, "y": 0, @@ -1421,12 +1421,12 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "focus": 0, "gap": 1, }, - "version": 11, + "version": 10, }, "inserted": { "endBinding": null, "startBinding": null, - "version": 8, + "version": 7, }, }, }, @@ -1639,7 +1639,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 12, + "version": 8, "width": 100, "x": -100, "y": -50, @@ -1674,7 +1674,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 11, + "version": 7, "width": 100, "x": 100, "y": -50, @@ -1772,11 +1772,11 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 12, + "version": 8, }, "inserted": { "boundElements": [], - "version": 9, + "version": 7, }, }, "id1": { @@ -1787,11 +1787,11 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 11, + "version": 7, }, "inserted": { "boundElements": [], - "version": 8, + "version": 6, }, }, }, @@ -2202,7 +2202,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 5, "width": 100, "x": -100, "y": -50, @@ -2237,7 +2237,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 6, "width": 100, "x": 500, "y": -500, @@ -2473,7 +2473,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 7, + "version": 5, }, "inserted": { "boundElements": [], @@ -2488,7 +2488,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", }, ], - "version": 8, + "version": 6, }, "inserted": { "boundElements": [], @@ -2720,7 +2720,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 10, + "version": 7, "verticalAlign": "top", "width": 30, "x": 15, @@ -2780,11 +2780,11 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "id5": { "deleted": { "containerId": null, - "version": 10, + "version": 7, }, "inserted": { "containerId": "id0", - "version": 9, + "version": 6, }, }, }, @@ -2937,7 +2937,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 11, + "version": 9, "width": 100, "x": 10, "y": 10, @@ -2975,7 +2975,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 9, + "version": 8, "verticalAlign": "top", "width": 100, "x": 15, @@ -3014,7 +3014,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 11, + "version": 7, "verticalAlign": "top", "width": 30, "x": 15, @@ -3041,7 +3041,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "deleted": { "containerId": "id0", "isDeleted": true, - "version": 9, + "version": 8, }, "inserted": { "angle": 0, @@ -3071,7 +3071,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "text": "que pasa", "textAlign": "left", "type": "text", - "version": 8, + "version": 7, "verticalAlign": "top", "width": 100, "x": 15, @@ -3084,7 +3084,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "id0": { "deleted": { "boundElements": [], - "version": 11, + "version": 9, }, "inserted": { "boundElements": [ @@ -3093,7 +3093,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "type": "text", }, ], - "version": 10, + "version": 8, }, }, }, @@ -3246,7 +3246,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 10, + "version": 9, "width": 100, "x": 10, "y": 10, @@ -3356,7 +3356,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "type": "text", }, ], - "version": 10, + "version": 9, }, "inserted": { "boundElements": [ @@ -3365,7 +3365,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "type": "text", }, ], - "version": 9, + "version": 8, }, }, "id1": { @@ -4093,7 +4093,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 12, + "version": 8, "verticalAlign": "top", "width": 80, "x": 15, @@ -4155,11 +4155,11 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "id1": { "deleted": { "containerId": "id0", - "version": 12, + "version": 8, }, "inserted": { "containerId": null, - "version": 9, + "version": 7, }, }, }, @@ -4310,7 +4310,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 11, + "version": 7, "width": 100, "x": 10, "y": 10, @@ -4424,11 +4424,11 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "type": "text", }, ], - "version": 11, + "version": 7, }, "inserted": { "boundElements": [], - "version": 8, + "version": 6, }, }, }, @@ -4617,7 +4617,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 7, + "version": 8, "verticalAlign": "top", "width": 80, "x": 15, @@ -5028,7 +5028,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 7, "width": 100, "x": 10, "y": 10, @@ -5113,7 +5113,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", - "version": 8, + "version": 7, "width": 100, "x": 10, "y": 10, @@ -5126,7 +5126,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, ], "isDeleted": true, - "version": 7, + "version": 6, }, }, }, @@ -5316,7 +5316,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 8, + "version": 7, "verticalAlign": "top", "width": 100, "x": 15, @@ -5371,7 +5371,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "text": "que pasa", "textAlign": "left", "type": "text", - "version": 8, + "version": 7, "verticalAlign": "top", "width": 100, "x": 15, @@ -5380,7 +5380,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "inserted": { "containerId": "id0", "isDeleted": true, - "version": 7, + "version": 6, }, }, }, @@ -5527,7 +5527,7 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 10, + "version": 9, "width": 100, "x": 10, "y": 10, @@ -5784,7 +5784,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 4, + "version": 5, "width": 100, "x": 0, "y": 0, @@ -5816,7 +5816,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 3, + "version": 4, "width": 100, "x": 100, "y": 100, @@ -6072,7 +6072,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 8, "width": 10, "x": 20, "y": 0, @@ -6102,7 +6102,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 8, "width": 10, "x": 50, "y": 50, @@ -6205,11 +6205,11 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "id3": { "deleted": { "backgroundColor": "#ffc9c9", - "version": 7, + "version": 8, }, "inserted": { "backgroundColor": "transparent", - "version": 6, + "version": 7, }, }, }, @@ -6251,12 +6251,12 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "updated": { "id8": { "deleted": { - "version": 7, + "version": 8, "x": 50, "y": 50, }, "inserted": { - "version": 6, + "version": 7, "x": 30, "y": 30, }, @@ -7104,7 +7104,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 7, + "version": 8, "width": 10, "x": 0, "y": 0, @@ -7344,7 +7344,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 8, "width": 10, "x": 10, "y": 0, @@ -7393,11 +7393,11 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "id0": { "deleted": { "backgroundColor": "#ffec99", - "version": 7, + "version": 8, }, "inserted": { "backgroundColor": "transparent", - "version": 6, + "version": 7, }, }, }, @@ -10326,7 +10326,7 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 8, "width": 10, "x": 10, "y": 0, @@ -10378,14 +10378,14 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", - "version": 7, + "version": 8, "width": 10, "x": 10, "y": 0, }, "inserted": { "isDeleted": true, - "version": 6, + "version": 7, }, }, }, @@ -15584,7 +15584,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 6, "width": 100, "x": -100, "y": -50, @@ -15622,7 +15622,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "textAlign": "center", "type": "text", "updated": 1, - "version": 6, + "version": 5, "verticalAlign": "middle", "width": 30, "x": -65, @@ -15658,7 +15658,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 5, "width": 100, "x": 100, "y": -50, @@ -15768,7 +15768,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 8, + "version": 6, }, "inserted": { "boundElements": [], @@ -15783,7 +15783,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 7, + "version": 5, }, "inserted": { "boundElements": [], @@ -16279,7 +16279,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 6, "width": 100, "x": -100, "y": -50, @@ -16317,7 +16317,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "textAlign": "center", "type": "text", "updated": 1, - "version": 8, + "version": 6, "verticalAlign": "middle", "width": 30, "x": -65, @@ -16353,7 +16353,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 7, + "version": 5, "width": 100, "x": 100, "y": -50, @@ -16729,7 +16729,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 8, + "version": 6, }, "inserted": { "boundElements": [], @@ -16744,7 +16744,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 7, + "version": 5, }, "inserted": { "boundElements": [], @@ -16904,7 +16904,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 12, + "version": 10, "width": 100, "x": -100, "y": -50, @@ -16942,7 +16942,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "textAlign": "center", "type": "text", "updated": 1, - "version": 12, + "version": 10, "verticalAlign": "middle", "width": 30, "x": -65, @@ -16978,7 +16978,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 9, + "version": 7, "width": 100, "x": 100, "y": -50, @@ -17119,7 +17119,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "text": "ola", "textAlign": "left", "type": "text", - "version": 9, + "version": 8, "verticalAlign": "top", "width": 100, "x": -200, @@ -17127,7 +17127,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "inserted": { "isDeleted": true, - "version": 8, + "version": 7, }, }, "id2": { @@ -17243,7 +17243,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "containerId": "id0", "height": 25, "textAlign": "center", - "version": 10, + "version": 9, "verticalAlign": "middle", "width": 30, "x": -65, @@ -17253,7 +17253,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "containerId": null, "height": 100, "textAlign": "left", - "version": 9, + "version": 8, "verticalAlign": "top", "width": 100, "x": -200, @@ -17354,7 +17354,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 12, + "version": 10, }, "inserted": { "boundElements": [], @@ -17369,7 +17369,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "type": "arrow", }, ], - "version": 9, + "version": 7, }, "inserted": { "boundElements": [], @@ -17527,7 +17527,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 6, "width": 100, "x": -100, "y": -50, @@ -17565,7 +17565,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "textAlign": "center", "type": "text", "updated": 1, - "version": 8, + "version": 6, "verticalAlign": "middle", "width": 30, "x": -65, @@ -17601,7 +17601,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 5, + "version": 4, "width": 100, "x": 100, "y": -50, @@ -17689,7 +17689,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "id0": { "deleted": { "isDeleted": false, - "version": 8, + "version": 6, }, "inserted": { "isDeleted": true, @@ -17699,7 +17699,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "id1": { "deleted": { "isDeleted": false, - "version": 8, + "version": 6, }, "inserted": { "isDeleted": true, @@ -18239,7 +18239,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 6, "width": 100, "x": -100, "y": -50, @@ -18277,7 +18277,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "textAlign": "center", "type": "text", "updated": 1, - "version": 8, + "version": 6, "verticalAlign": "middle", "width": 30, "x": -65, @@ -18402,7 +18402,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "id0": { "deleted": { "isDeleted": false, - "version": 8, + "version": 6, }, "inserted": { "isDeleted": true, @@ -18412,7 +18412,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "id1": { "deleted": { "isDeleted": false, - "version": 8, + "version": 6, }, "inserted": { "isDeleted": true, diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index e321b34cba..6694c8810e 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -801,6 +801,7 @@ export type UnsubscribeCallback = () => void; export interface ExcalidrawImperativeAPI { updateScene: InstanceType["updateScene"]; + applyDeltas: InstanceType["applyDeltas"]; mutateElement: InstanceType["mutateElement"]; updateLibrary: InstanceType["updateLibrary"]; resetScene: InstanceType["resetScene"]; From c6f8ef9ad26fdfc4cc535e161819dda70c4e3a72 Mon Sep 17 00:00:00 2001 From: zsviczian Date: Mon, 18 Aug 2025 11:45:05 +0200 Subject: [PATCH 008/176] fix: Scene deleted after pica image resize failure (#9879) Revert change in private updateImageCache --- packages/excalidraw/components/App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 65635cd60d..c91f1c1b9b 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -10144,7 +10144,7 @@ class App extends React.Component { if (erroredFiles.size) { this.store.scheduleAction(CaptureUpdateAction.NEVER); this.scene.replaceAllElements( - elements.map((element) => { + this.scene.getElementsIncludingDeleted().map((element) => { if ( isInitializedImageElement(element) && erroredFiles.has(element.fileId) From b4903a7eab2330ce127509977472f6c50f52327b Mon Sep 17 00:00:00 2001 From: Ryan Di Date: Wed, 20 Aug 2025 08:03:02 +1000 Subject: [PATCH 009/176] feat: drag, resize, and rotate after selecting in lasso (#9732) * feat: drag, resize, and rotate after selecting in lasso * alternative ux: drag with lasso right away * fix: lasso dragging should snap too * fix: alt+cmd getting stuck * test: snapshots * alternatvie: keep lasso drag to only mobile * alternative: drag after selection on PCs * improve mobile dection * add mobile lasso icon * add default selection tool * render according to default selection tool * return to default selection tool after deletion * reset to default tool after clearing out the canvas * return to default tool after eraser toggle * if default lasso, close lasso toggle * finalize to default selection tool * toggle between laser and default selection * return to default selection tool after creation * double click to add text when using default selection tool * set to default selection tool after unlocking tool * paste to center on touch screen * switch to default selection tool after pasting * lint * fix tests * show welcome screen when using default selection tool * fix tests * fix snapshots * fix context menu not opening * prevent potential displacement issue * prevent element jumping during lasso selection * fix dragging on mobile * use same selection icon * fix alt+cmd lasso getting cut off * fix: shortcut handling * lint --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/common/src/constants.ts | 11 +- packages/excalidraw/actions/actionCanvas.tsx | 9 +- .../actions/actionDeleteSelected.tsx | 4 +- .../excalidraw/actions/actionFinalize.tsx | 4 +- packages/excalidraw/components/Actions.tsx | 136 +++++----- packages/excalidraw/components/App.tsx | 253 ++++++++++++++++-- packages/excalidraw/components/shapes.tsx | 21 +- packages/excalidraw/snapping.ts | 8 +- .../__snapshots__/contextmenu.test.tsx.snap | 8 +- packages/excalidraw/types.ts | 6 + 10 files changed, 353 insertions(+), 107 deletions(-) diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index c797c6e8c2..4ccf723f89 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -18,13 +18,22 @@ export const isChrome = navigator.userAgent.indexOf("Chrome") !== -1; export const isSafari = !isChrome && navigator.userAgent.indexOf("Safari") !== -1; export const isIOS = - /iPad|iPhone/.test(navigator.platform) || + /iPad|iPhone/i.test(navigator.platform) || // iPadOS 13+ (navigator.userAgent.includes("Mac") && "ontouchend" in document); // keeping function so it can be mocked in test export const isBrave = () => (navigator as any).brave?.isBrave?.name === "isBrave"; +export const isMobile = + isIOS || + /android|webos|ipod|blackberry|iemobile|opera mini/i.test( + navigator.userAgent.toLowerCase(), + ) || + /android|ios|ipod|blackberry|windows phone/i.test( + navigator.platform.toLowerCase(), + ); + export const supportsResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window; diff --git a/packages/excalidraw/actions/actionCanvas.tsx b/packages/excalidraw/actions/actionCanvas.tsx index 80a9eedaac..535d96c7d3 100644 --- a/packages/excalidraw/actions/actionCanvas.tsx +++ b/packages/excalidraw/actions/actionCanvas.tsx @@ -121,7 +121,7 @@ export const actionClearCanvas = register({ pasteDialog: appState.pasteDialog, activeTool: appState.activeTool.type === "image" - ? { ...appState.activeTool, type: "selection" } + ? { ...appState.activeTool, type: app.defaultSelectionTool } : appState.activeTool, }, captureUpdate: CaptureUpdateAction.IMMEDIATELY, @@ -494,13 +494,13 @@ export const actionToggleEraserTool = register({ name: "toggleEraserTool", label: "toolBar.eraser", trackEvent: { category: "toolbar" }, - perform: (elements, appState) => { + perform: (elements, appState, _, app) => { let activeTool: AppState["activeTool"]; if (isEraserActive(appState)) { activeTool = updateActiveTool(appState, { ...(appState.activeTool.lastActiveTool || { - type: "selection", + type: app.defaultSelectionTool, }), lastActiveToolBeforeEraser: null, }); @@ -530,6 +530,9 @@ export const actionToggleLassoTool = register({ label: "toolBar.lasso", icon: LassoIcon, trackEvent: { category: "toolbar" }, + predicate: (elements, appState, props, app) => { + return app.defaultSelectionTool !== "lasso"; + }, perform: (elements, appState, _, app) => { let activeTool: AppState["activeTool"]; diff --git a/packages/excalidraw/actions/actionDeleteSelected.tsx b/packages/excalidraw/actions/actionDeleteSelected.tsx index a9281ce84e..78a3465689 100644 --- a/packages/excalidraw/actions/actionDeleteSelected.tsx +++ b/packages/excalidraw/actions/actionDeleteSelected.tsx @@ -298,7 +298,9 @@ export const actionDeleteSelected = register({ elements: nextElements, appState: { ...nextAppState, - activeTool: updateActiveTool(appState, { type: "selection" }), + activeTool: updateActiveTool(appState, { + type: app.defaultSelectionTool, + }), multiElement: null, activeEmbeddable: null, selectedLinearElement: null, diff --git a/packages/excalidraw/actions/actionFinalize.tsx b/packages/excalidraw/actions/actionFinalize.tsx index f9ff6e79f7..877c817ad4 100644 --- a/packages/excalidraw/actions/actionFinalize.tsx +++ b/packages/excalidraw/actions/actionFinalize.tsx @@ -261,13 +261,13 @@ export const actionFinalize = register({ if (appState.activeTool.type === "eraser") { activeTool = updateActiveTool(appState, { ...(appState.activeTool.lastActiveTool || { - type: "selection", + type: app.defaultSelectionTool, }), lastActiveToolBeforeEraser: null, }); } else { activeTool = updateActiveTool(appState, { - type: "selection", + type: app.defaultSelectionTool, }); } diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index 5c9d59ada3..91bef0e057 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -46,7 +46,7 @@ import { hasStrokeWidth, } from "../scene"; -import { SHAPES } from "./shapes"; +import { getToolbarTools } from "./shapes"; import "./Actions.scss"; @@ -295,7 +295,8 @@ export const ShapesSwitcher = ({ const frameToolSelected = activeTool.type === "frame"; const laserToolSelected = activeTool.type === "laser"; - const lassoToolSelected = activeTool.type === "lasso"; + const lassoToolSelected = + activeTool.type === "lasso" && app.defaultSelectionTool !== "lasso"; const embeddableToolSelected = activeTool.type === "embeddable"; @@ -303,63 +304,68 @@ export const ShapesSwitcher = ({ return ( <> - {SHAPES.map(({ value, icon, key, numericKey, fillable }, index) => { - if ( - UIOptions.tools?.[ - value as Extract - ] === false - ) { - return null; - } + {getToolbarTools(app).map( + ({ value, icon, key, numericKey, fillable }, index) => { + if ( + UIOptions.tools?.[ + value as Extract< + typeof value, + keyof AppProps["UIOptions"]["tools"] + > + ] === false + ) { + return null; + } - const label = t(`toolBar.${value}`); - const letter = - key && capitalizeString(typeof key === "string" ? key : key[0]); - const shortcut = letter - ? `${letter} ${t("helpDialog.or")} ${numericKey}` - : `${numericKey}`; + const label = t(`toolBar.${value}`); + const letter = + key && capitalizeString(typeof key === "string" ? key : key[0]); + const shortcut = letter + ? `${letter} ${t("helpDialog.or")} ${numericKey}` + : `${numericKey}`; - return ( - { - if (!appState.penDetected && pointerType === "pen") { - app.togglePenMode(true); - } - - if (value === "selection") { - if (appState.activeTool.type === "selection") { - app.setActiveTool({ type: "lasso" }); - } else { - app.setActiveTool({ type: "selection" }); + return ( + { + if (!appState.penDetected && pointerType === "pen") { + app.togglePenMode(true); } - } - }} - onChange={({ pointerType }) => { - if (appState.activeTool.type !== value) { - trackEvent("toolbar", value, "ui"); - } - if (value === "image") { - app.setActiveTool({ - type: value, - }); - } else { - app.setActiveTool({ type: value }); - } - }} - /> - ); - })} + + if (value === "selection") { + if (appState.activeTool.type === "selection") { + app.setActiveTool({ type: "lasso" }); + } else { + app.setActiveTool({ type: "selection" }); + } + } + }} + onChange={({ pointerType }) => { + if (appState.activeTool.type !== value) { + trackEvent("toolbar", value, "ui"); + } + if (value === "image") { + app.setActiveTool({ + type: value, + }); + } else { + app.setActiveTool({ type: value }); + } + }} + /> + ); + }, + )}
@@ -418,14 +424,16 @@ export const ShapesSwitcher = ({ > {t("toolBar.laser")} - app.setActiveTool({ type: "lasso" })} - icon={LassoIcon} - data-testid="toolbar-lasso" - selected={lassoToolSelected} - > - {t("toolBar.lasso")} - + {app.defaultSelectionTool !== "lasso" && ( + app.setActiveTool({ type: "lasso" })} + icon={LassoIcon} + data-testid="toolbar-lasso" + selected={lassoToolSelected} + > + {t("toolBar.lasso")} + + )}
Generate
diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index c91f1c1b9b..d0fe01db99 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -100,6 +100,7 @@ import { randomInteger, CLASSES, Emitter, + isMobile, MINIMUM_ARROW_SIZE, } from "@excalidraw/common"; @@ -653,9 +654,14 @@ class App extends React.Component { >(); onRemoveEventListenersEmitter = new Emitter<[]>(); + defaultSelectionTool: "selection" | "lasso" = "selection"; + constructor(props: AppProps) { super(props); const defaultAppState = getDefaultAppState(); + this.defaultSelectionTool = this.isMobileOrTablet() + ? ("lasso" as const) + : ("selection" as const); const { excalidrawAPI, viewModeEnabled = false, @@ -1606,7 +1612,8 @@ class App extends React.Component { renderWelcomeScreen={ !this.state.isLoading && this.state.showWelcomeScreen && - this.state.activeTool.type === "selection" && + this.state.activeTool.type === + this.defaultSelectionTool && !this.state.zenModeEnabled && !this.scene.getElementsIncludingDeleted().length } @@ -2350,6 +2357,7 @@ class App extends React.Component { repairBindings: true, deleteInvisibleElements: true, }); + const activeTool = scene.appState.activeTool; scene.appState = { ...scene.appState, theme: this.props.theme || scene.appState.theme, @@ -2359,8 +2367,13 @@ class App extends React.Component { // with a library install link, which should auto-open the library) openSidebar: scene.appState?.openSidebar || this.state.openSidebar, activeTool: - scene.appState.activeTool.type === "image" - ? { ...scene.appState.activeTool, type: "selection" } + activeTool.type === "image" || + activeTool.type === "lasso" || + activeTool.type === "selection" + ? { + ...activeTool, + type: this.defaultSelectionTool, + } : scene.appState.activeTool, isLoading: false, toast: this.state.toast, @@ -2399,6 +2412,16 @@ class App extends React.Component { } }; + private isMobileOrTablet = (): boolean => { + const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0; + const hasCoarsePointer = + "matchMedia" in window && + window?.matchMedia("(pointer: coarse)")?.matches; + const isTouchMobile = hasTouch && hasCoarsePointer; + + return isMobile || isTouchMobile; + }; + private isMobileBreakpoint = (width: number, height: number) => { return ( width < MQ_MAX_WIDTH_PORTRAIT || @@ -3117,7 +3140,7 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files: data.files || null, - position: "cursor", + position: this.isMobileOrTablet() ? "center" : "cursor", retainSeed: isPlainPaste, }); } else if (data.text) { @@ -3135,7 +3158,7 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files, - position: "cursor", + position: this.isMobileOrTablet() ? "center" : "cursor", }); return; @@ -3195,7 +3218,7 @@ class App extends React.Component { } this.addTextFromPaste(data.text, isPlainPaste); } - this.setActiveTool({ type: "selection" }); + this.setActiveTool({ type: this.defaultSelectionTool }, true); event?.preventDefault(); }, ); @@ -3341,7 +3364,7 @@ class App extends React.Component { } }, ); - this.setActiveTool({ type: "selection" }); + this.setActiveTool({ type: this.defaultSelectionTool }, true); if (opts.fitToContent) { this.scrollToContent(duplicatedElements, { @@ -3587,7 +3610,7 @@ class App extends React.Component { ...updateActiveTool( this.state, prevState.activeTool.locked - ? { type: "selection" } + ? { type: this.defaultSelectionTool } : prevState.activeTool, ), locked: !prevState.activeTool.locked, @@ -4500,7 +4523,7 @@ class App extends React.Component { !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged ) { - const shape = findShapeByKey(event.key); + const shape = findShapeByKey(event.key, this); if (shape) { if (this.state.activeTool.type !== shape) { trackEvent( @@ -4593,7 +4616,7 @@ class App extends React.Component { if (event.key === KEYS.K && !event.altKey && !event[KEYS.CTRL_OR_CMD]) { if (this.state.activeTool.type === "laser") { - this.setActiveTool({ type: "selection" }); + this.setActiveTool({ type: this.defaultSelectionTool }); } else { this.setActiveTool({ type: "laser" }); } @@ -5438,7 +5461,7 @@ class App extends React.Component { return; } // we should only be able to double click when mode is selection - if (this.state.activeTool.type !== "selection") { + if (this.state.activeTool.type !== this.defaultSelectionTool) { return; } @@ -6050,6 +6073,7 @@ class App extends React.Component { if ( hasDeselectedButton || (this.state.activeTool.type !== "selection" && + this.state.activeTool.type !== "lasso" && this.state.activeTool.type !== "text" && this.state.activeTool.type !== "eraser") ) { @@ -6212,7 +6236,12 @@ class App extends React.Component { !isElbowArrow(hitElement) || !(hitElement.startBinding || hitElement.endBinding) ) { - setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + if ( + this.state.activeTool.type !== "lasso" || + selectedElements.length > 0 + ) { + setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + } if (this.state.activeEmbeddable?.state === "hover") { this.setState({ activeEmbeddable: null }); } @@ -6329,7 +6358,12 @@ class App extends React.Component { !isElbowArrow(element) || !(element.startBinding || element.endBinding) ) { - setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + if ( + this.state.activeTool.type !== "lasso" || + Object.keys(this.state.selectedElementIds).length > 0 + ) { + setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + } } } } else if (this.hitElement(scenePointerX, scenePointerY, element)) { @@ -6338,7 +6372,12 @@ class App extends React.Component { !isElbowArrow(element) || !(element.startBinding || element.endBinding) ) { - setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + if ( + this.state.activeTool.type !== "lasso" || + Object.keys(this.state.selectedElementIds).length > 0 + ) { + setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); + } } } @@ -6600,11 +6639,119 @@ class App extends React.Component { } if (this.state.activeTool.type === "lasso") { - this.lassoTrail.startPath( - pointerDownState.origin.x, - pointerDownState.origin.y, - event.shiftKey, - ); + const hitSelectedElement = + pointerDownState.hit.element && + this.isASelectedElement(pointerDownState.hit.element); + + const isMobileOrTablet = this.isMobileOrTablet(); + + if ( + !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements && + !pointerDownState.resize.handleType && + !hitSelectedElement + ) { + this.lassoTrail.startPath( + pointerDownState.origin.x, + pointerDownState.origin.y, + event.shiftKey, + ); + + // block dragging after lasso selection on PCs until the next pointer down + // (on mobile or tablet, we want to allow user to drag immediately) + pointerDownState.drag.blockDragging = !isMobileOrTablet; + } + + // only for mobile or tablet, if we hit an element, select it immediately like normal selection + if ( + isMobileOrTablet && + pointerDownState.hit.element && + !hitSelectedElement + ) { + this.setState((prevState) => { + const nextSelectedElementIds: { [id: string]: true } = { + ...prevState.selectedElementIds, + [pointerDownState.hit.element!.id]: true, + }; + + const previouslySelectedElements: ExcalidrawElement[] = []; + + Object.keys(prevState.selectedElementIds).forEach((id) => { + const element = this.scene.getElement(id); + element && previouslySelectedElements.push(element); + }); + + const hitElement = pointerDownState.hit.element!; + + // if hitElement is frame-like, deselect all of its elements + // if they are selected + if (isFrameLikeElement(hitElement)) { + getFrameChildren(previouslySelectedElements, hitElement.id).forEach( + (element) => { + delete nextSelectedElementIds[element.id]; + }, + ); + } else if (hitElement.frameId) { + // if hitElement is in a frame and its frame has been selected + // disable selection for the given element + if (nextSelectedElementIds[hitElement.frameId]) { + delete nextSelectedElementIds[hitElement.id]; + } + } else { + // hitElement is neither a frame nor an element in a frame + // but since hitElement could be in a group with some frames + // this means selecting hitElement will have the frames selected as well + // because we want to keep the invariant: + // - frames and their elements are not selected at the same time + // we deselect elements in those frames that were previously selected + + const groupIds = hitElement.groupIds; + const framesInGroups = new Set( + groupIds + .flatMap((gid) => + getElementsInGroup(this.scene.getNonDeletedElements(), gid), + ) + .filter((element) => isFrameLikeElement(element)) + .map((frame) => frame.id), + ); + + if (framesInGroups.size > 0) { + previouslySelectedElements.forEach((element) => { + if (element.frameId && framesInGroups.has(element.frameId)) { + // deselect element and groups containing the element + delete nextSelectedElementIds[element.id]; + element.groupIds + .flatMap((gid) => + getElementsInGroup( + this.scene.getNonDeletedElements(), + gid, + ), + ) + .forEach((element) => { + delete nextSelectedElementIds[element.id]; + }); + } + }); + } + } + + return { + ...selectGroupsForSelectedElements( + { + editingGroupId: prevState.editingGroupId, + selectedElementIds: nextSelectedElementIds, + }, + this.scene.getNonDeletedElements(), + prevState, + this, + ), + showHyperlinkPopup: + hitElement.link || isEmbeddableElement(hitElement) + ? "info" + : false, + }; + }); + pointerDownState.hit.wasAddedToSelection = true; + } } else if (this.state.activeTool.type === "text") { this.handleTextOnPointerDown(event, pointerDownState); } else if ( @@ -6984,6 +7131,7 @@ class App extends React.Component { hasOccurred: false, offset: null, origin: { ...origin }, + blockDragging: false, }, eventListeners: { onMove: null, @@ -7059,7 +7207,10 @@ class App extends React.Component { event: React.PointerEvent, pointerDownState: PointerDownState, ): boolean => { - if (this.state.activeTool.type === "selection") { + if ( + this.state.activeTool.type === "selection" || + this.state.activeTool.type === "lasso" + ) { const elements = this.scene.getNonDeletedElements(); const elementsMap = this.scene.getNonDeletedElementsMap(); const selectedElements = this.scene.getSelectedElements(this.state); @@ -7266,7 +7417,18 @@ class App extends React.Component { // on CMD/CTRL, drill down to hit element regardless of groups etc. if (event[KEYS.CTRL_OR_CMD]) { if (event.altKey) { - // ctrl + alt means we're lasso selecting + // ctrl + alt means we're lasso selecting - start lasso trail and switch to lasso tool + + // Close any open dialogs that might interfere with lasso selection + if (this.state.openDialog?.name === "elementLinkSelector") { + this.setOpenDialog(null); + } + this.lassoTrail.startPath( + pointerDownState.origin.x, + pointerDownState.origin.y, + event.shiftKey, + ); + this.setActiveTool({ type: "lasso", fromSelection: true }); return false; } if (!this.state.selectedElementIds[hitElement.id]) { @@ -7487,7 +7649,9 @@ class App extends React.Component { resetCursor(this.interactiveCanvas); if (!this.state.activeTool.locked) { this.setState({ - activeTool: updateActiveTool(this.state, { type: "selection" }), + activeTool: updateActiveTool(this.state, { + type: this.defaultSelectionTool, + }), }); } }; @@ -8271,15 +8435,18 @@ class App extends React.Component { event.shiftKey && this.state.selectedLinearElement.elementId === pointerDownState.hit.element?.id; + if ( (hasHitASelectedElement || pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) && !isSelectingPointsInLineEditor && - this.state.activeTool.type !== "lasso" + !pointerDownState.drag.blockDragging ) { const selectedElements = this.scene.getSelectedElements(this.state); - - if (selectedElements.every((element) => element.locked)) { + if ( + selectedElements.length > 0 && + selectedElements.every((element) => element.locked) + ) { return; } @@ -8300,6 +8467,29 @@ class App extends React.Component { // if elements should be deselected on pointerup pointerDownState.drag.hasOccurred = true; + // prevent immediate dragging during lasso selection to avoid element displacement + // only allow dragging if we're not in the middle of lasso selection + // (on mobile, allow dragging if we hit an element) + if ( + this.state.activeTool.type === "lasso" && + this.lassoTrail.hasCurrentTrail && + !(this.isMobileOrTablet() && pointerDownState.hit.element) && + !this.state.activeTool.fromSelection + ) { + return; + } + + // Clear lasso trail when starting to drag selected elements with lasso tool + // Only clear if we're actually dragging (not during lasso selection) + if ( + this.state.activeTool.type === "lasso" && + selectedElements.length > 0 && + pointerDownState.drag.hasOccurred && + !this.state.activeTool.fromSelection + ) { + this.lassoTrail.endPath(); + } + // prevent dragging even if we're no longer holding cmd/ctrl otherwise // it would have weird results (stuff jumping all over the screen) // Checking for editingTextElement to avoid jump while editing on mobile #6503 @@ -8894,6 +9084,7 @@ class App extends React.Component { ): (event: PointerEvent) => void { return withBatchedUpdates((childEvent: PointerEvent) => { this.removePointer(childEvent); + pointerDownState.drag.blockDragging = false; if (pointerDownState.eventListeners.onMove) { pointerDownState.eventListeners.onMove.flush(); } @@ -9182,7 +9373,7 @@ class App extends React.Component { this.setState((prevState) => ({ newElement: null, activeTool: updateActiveTool(this.state, { - type: "selection", + type: this.defaultSelectionTool, }), selectedElementIds: makeNextSelectedElementIds( { @@ -9798,7 +9989,9 @@ class App extends React.Component { this.setState({ newElement: null, suggestedBindings: [], - activeTool: updateActiveTool(this.state, { type: "selection" }), + activeTool: updateActiveTool(this.state, { + type: this.defaultSelectionTool, + }), }); } else { this.setState({ @@ -10092,7 +10285,9 @@ class App extends React.Component { this.setState( { newElement: null, - activeTool: updateActiveTool(this.state, { type: "selection" }), + activeTool: updateActiveTool(this.state, { + type: this.defaultSelectionTool, + }), }, () => { this.actionManager.executeAction(actionFinalize); @@ -10465,7 +10660,7 @@ class App extends React.Component { event.nativeEvent.pointerType === "pen" && // always allow if user uses a pen secondary button event.button !== POINTER_BUTTON.SECONDARY)) && - this.state.activeTool.type !== "selection" + this.state.activeTool.type !== this.defaultSelectionTool ) { return; } diff --git a/packages/excalidraw/components/shapes.tsx b/packages/excalidraw/components/shapes.tsx index 7411a9e252..56c85bcd42 100644 --- a/packages/excalidraw/components/shapes.tsx +++ b/packages/excalidraw/components/shapes.tsx @@ -13,6 +13,8 @@ import { EraserIcon, } from "./icons"; +import type { AppClassProperties } from "../types"; + export const SHAPES = [ { icon: SelectionIcon, @@ -86,8 +88,23 @@ export const SHAPES = [ }, ] as const; -export const findShapeByKey = (key: string) => { - const shape = SHAPES.find((shape, index) => { +export const getToolbarTools = (app: AppClassProperties) => { + return app.defaultSelectionTool === "lasso" + ? ([ + { + value: "lasso", + icon: SelectionIcon, + key: KEYS.V, + numericKey: KEYS["1"], + fillable: true, + }, + ...SHAPES.slice(1), + ] as const) + : SHAPES; +}; + +export const findShapeByKey = (key: string, app: AppClassProperties) => { + const shape = getToolbarTools(app).find((shape, index) => { return ( (shape.numericKey != null && key === shape.numericKey.toString()) || (shape.key && diff --git a/packages/excalidraw/snapping.ts b/packages/excalidraw/snapping.ts index 5f1ba06d5d..cb4e8af6bb 100644 --- a/packages/excalidraw/snapping.ts +++ b/packages/excalidraw/snapping.ts @@ -169,8 +169,14 @@ export const isSnappingEnabled = ({ selectedElements: NonDeletedExcalidrawElement[]; }) => { if (event) { + // Allow snapping for lasso tool when dragging selected elements + // but not during lasso selection phase + const isLassoDragging = + app.state.activeTool.type === "lasso" && + app.state.selectedElementsAreBeingDragged; + return ( - app.state.activeTool.type !== "lasso" && + (app.state.activeTool.type !== "lasso" || isLassoDragging) && ((app.state.objectsSnapModeEnabled && !event[KEYS.CTRL_OR_CMD]) || (!app.state.objectsSnapModeEnabled && event[KEYS.CTRL_OR_CMD] && diff --git a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap index e7c3c68d32..a7fe596441 100644 --- a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap @@ -3682,14 +3682,14 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e "opacity": 100, "roughness": 1, "roundness": null, - "seed": 1116226695, + "seed": 400692809, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, - "versionNonce": 23633383, + "versionNonce": 81784553, "width": 20, "x": 20, "y": 30, @@ -3714,14 +3714,14 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e "opacity": 100, "roughness": 1, "roundness": null, - "seed": 1278240551, + "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, - "versionNonce": 401146281, + "versionNonce": 1150084233, "width": 20, "x": -10, "y": 0, diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index 6694c8810e..5f62999e07 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -731,6 +731,8 @@ export type AppClassProperties = { onPointerUpEmitter: App["onPointerUpEmitter"]; updateEditorAtom: App["updateEditorAtom"]; + + defaultSelectionTool: "selection" | "lasso"; }; export type PointerDownState = Readonly<{ @@ -780,6 +782,10 @@ export type PointerDownState = Readonly<{ // by default same as PointerDownState.origin. On alt-duplication, reset // to current pointer position at time of duplication. origin: { x: number; y: number }; + // Whether to block drag after lasso selection + // this is meant to be used to block dragging after lasso selection on PCs + // until the next pointer down + blockDragging: boolean; }; // We need to have these in the state so that we can unsubscribe them eventListeners: { From c78e4aab7f29114f677855b122ac6fa39fe61911 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 20 Aug 2025 14:09:20 +0200 Subject: [PATCH 010/176] chore: tweak title & remove timeout (#9883) --- excalidraw-app/App.tsx | 7 ------- excalidraw-app/index.html | 4 +--- 2 files changed, 1 insertion(+), 10 deletions(-) diff --git a/excalidraw-app/App.tsx b/excalidraw-app/App.tsx index 932743ddfd..b972e6e5b0 100644 --- a/excalidraw-app/App.tsx +++ b/excalidraw-app/App.tsx @@ -20,7 +20,6 @@ import { APP_NAME, EVENT, THEME, - TITLE_TIMEOUT, VERSION_TIMEOUT, debounce, getVersion, @@ -499,11 +498,6 @@ const ExcalidrawWrapper = () => { } }; - const titleTimeout = setTimeout( - () => (document.title = APP_NAME), - TITLE_TIMEOUT, - ); - const syncData = debounce(() => { if (isTestEnv()) { return; @@ -594,7 +588,6 @@ const ExcalidrawWrapper = () => { visibilityChange, false, ); - clearTimeout(titleTimeout); }; }, [isCollabDisabled, collabAPI, excalidrawAPI, setLangCode]); diff --git a/excalidraw-app/index.html b/excalidraw-app/index.html index 7eac3e39a2..1c29d7220a 100644 --- a/excalidraw-app/index.html +++ b/excalidraw-app/index.html @@ -2,9 +2,7 @@ - - Free, collaborative whiteboard • Hand-drawn look & feel | Excalidraw - + Excalidraw Whiteboard Date: Thu, 21 Aug 2025 16:09:19 +0200 Subject: [PATCH 011/176] fix: even deltas with version & version nonce are valid (#9897) --- packages/element/src/delta.ts | 50 +-- packages/element/tests/delta.test.tsx | 37 +- .../tests/__snapshots__/history.test.tsx.snap | 372 ++++++++++++++++-- .../regressionTests.test.tsx.snap | 38 +- packages/excalidraw/tests/history.test.tsx | 5 +- 5 files changed, 415 insertions(+), 87 deletions(-) diff --git a/packages/element/src/delta.ts b/packages/element/src/delta.ts index d7b242d60f..97b9403bcc 100644 --- a/packages/element/src/delta.ts +++ b/packages/element/src/delta.ts @@ -1111,16 +1111,16 @@ export class ElementsDelta implements DeltaContainer { inserted, }: Delta) => !!( - deleted.version && - inserted.version && // versions are required integers - Number.isInteger(deleted.version) && - Number.isInteger(inserted.version) && - // versions should be positive, zero included - deleted.version >= 0 && - inserted.version >= 0 && - // versions should never be the same - deleted.version !== inserted.version + ( + Number.isInteger(deleted.version) && + Number.isInteger(inserted.version) && + // versions should be positive, zero included + deleted.version! >= 0 && + inserted.version! >= 0 && + // versions should never be the same + deleted.version !== inserted.version + ) ); private static satisfiesUniqueInvariants = ( @@ -1191,9 +1191,10 @@ export class ElementsDelta implements DeltaContainer { ElementsDelta.stripIrrelevantProps, ); - // ignore updates which would "delete" already deleted element if (!prevElement.isDeleted) { removed[prevElement.id] = delta; + } else { + updated[prevElement.id] = delta; } } } @@ -1221,6 +1222,8 @@ export class ElementsDelta implements DeltaContainer { // ignore updates which would "delete" already deleted element if (!nextElement.isDeleted) { added[nextElement.id] = delta; + } else { + updated[nextElement.id] = delta; } continue; @@ -1250,15 +1253,7 @@ export class ElementsDelta implements DeltaContainer { continue; } - const strippedDeleted = ElementsDelta.stripVersionProps(delta.deleted); - const strippedInserted = ElementsDelta.stripVersionProps( - delta.inserted, - ); - - // making sure there are at least some changes and only changed version & versionNonce does not count! - if (Delta.isInnerDifferent(strippedDeleted, strippedInserted, true)) { - updated[nextElement.id] = delta; - } + updated[nextElement.id] = delta; } } @@ -1372,15 +1367,8 @@ export class ElementsDelta implements DeltaContainer { latestDelta = delta; } - const strippedDeleted = ElementsDelta.stripVersionProps( - latestDelta.deleted, - ); - const strippedInserted = ElementsDelta.stripVersionProps( - latestDelta.inserted, - ); - // it might happen that after applying latest changes the delta itself does not contain any changes - if (Delta.isInnerDifferent(strippedDeleted, strippedInserted)) { + if (Delta.isInnerDifferent(latestDelta.deleted, latestDelta.inserted)) { modifiedDeltas[id] = latestDelta; } } @@ -2075,12 +2063,4 @@ export class ElementsDelta implements DeltaContainer { return strippedPartial; } - - private static stripVersionProps( - partial: Partial, - ): ElementPartial { - const { version, versionNonce, ...strippedPartial } = partial; - - return strippedPartial; - } } diff --git a/packages/element/tests/delta.test.tsx b/packages/element/tests/delta.test.tsx index e9a19d850a..2b39b32df7 100644 --- a/packages/element/tests/delta.test.tsx +++ b/packages/element/tests/delta.test.tsx @@ -8,7 +8,7 @@ import { AppStateDelta, Delta, ElementsDelta } from "../src/delta"; describe("ElementsDelta", () => { describe("elements delta calculation", () => { - it("should not create removed delta when element gets removed but was already deleted", () => { + it("should not throw when element gets removed but was already deleted", () => { const element = API.createElement({ type: "rectangle", x: 100, @@ -19,12 +19,12 @@ describe("ElementsDelta", () => { const prevElements = new Map([[element.id, element]]); const nextElements = new Map(); - const delta = ElementsDelta.calculate(prevElements, nextElements); - - expect(delta.isEmpty()).toBeTruthy(); + expect(() => + ElementsDelta.calculate(prevElements, nextElements), + ).not.toThrow(); }); - it("should not create added delta when adding element as already deleted", () => { + it("should not throw when adding element as already deleted", () => { const element = API.createElement({ type: "rectangle", x: 100, @@ -35,12 +35,12 @@ describe("ElementsDelta", () => { const prevElements = new Map(); const nextElements = new Map([[element.id, element]]); - const delta = ElementsDelta.calculate(prevElements, nextElements); - - expect(delta.isEmpty()).toBeTruthy(); + expect(() => + ElementsDelta.calculate(prevElements, nextElements), + ).not.toThrow(); }); - it("should not create updated delta when there is only version and versionNonce change", () => { + it("should create updated delta even when there is only version and versionNonce change", () => { const baseElement = API.createElement({ type: "rectangle", x: 100, @@ -65,7 +65,24 @@ describe("ElementsDelta", () => { nextElements as SceneElementsMap, ); - expect(delta.isEmpty()).toBeTruthy(); + expect(delta).toEqual( + ElementsDelta.create( + {}, + {}, + { + [baseElement.id]: Delta.create( + { + version: baseElement.version, + versionNonce: baseElement.versionNonce, + }, + { + version: baseElement.version + 1, + versionNonce: baseElement.versionNonce + 1, + }, + ), + }, + ), + ); }); }); diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 60d7e5ed6b..2f9e04d562 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -282,6 +282,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "added": {}, "removed": {}, "updated": { + "id0": { + "deleted": { + "version": 12, + }, + "inserted": { + "version": 11, + }, + }, "id1": { "deleted": { "boundElements": [], @@ -396,6 +404,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "version": 12, }, }, + "id15": { + "deleted": { + "version": 10, + }, + "inserted": { + "version": 9, + }, + }, "id4": { "deleted": { "height": "99.19972", @@ -837,6 +853,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "added": {}, "removed": {}, "updated": { + "id0": { + "deleted": { + "version": 13, + }, + "inserted": { + "version": 12, + }, + }, "id1": { "deleted": { "boundElements": [], @@ -2632,7 +2656,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "height": 100, "id": "id0", "index": "a0", - "isDeleted": true, + "isDeleted": false, "link": null, "locked": false, "opacity": 100, @@ -2681,7 +2705,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "textAlign": "left", "type": "text", "updated": 1, - "version": 6, + "version": 8, "verticalAlign": "top", "width": 100, "x": 15, @@ -2695,7 +2719,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "autoResize": true, "backgroundColor": "transparent", "boundElements": null, - "containerId": null, + "containerId": "id0", "customData": undefined, "fillStyle": "solid", "fontFamily": 5, @@ -2742,10 +2766,12 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, }, "elements": { - "added": { + "added": {}, + "removed": {}, + "updated": { "id0": { "deleted": { - "isDeleted": true, + "isDeleted": false, "version": 9, }, "inserted": { @@ -2774,16 +2800,21 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "y": 10, }, }, - }, - "removed": {}, - "updated": { - "id5": { + "id1": { "deleted": { + "containerId": null, + "version": 8, + }, + "inserted": { "containerId": null, "version": 7, }, + }, + "id5": { + "deleted": { + "version": 7, + }, "inserted": { - "containerId": "id0", "version": 6, }, }, @@ -3096,6 +3127,14 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "version": 8, }, }, + "id5": { + "deleted": { + "version": 7, + }, + "inserted": { + "version": 6, + }, + }, }, }, "id": "id9", @@ -4645,15 +4684,15 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "id1": { "deleted": { "angle": 0, - "version": 4, + "version": 8, "x": 15, "y": 15, }, "inserted": { - "angle": 90, - "version": 3, - "x": 205, - "y": 205, + "angle": 0, + "version": 7, + "x": 15, + "y": 15, }, }, }, @@ -5632,12 +5671,12 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre "updated": { "id1": { "deleted": { - "frameId": "id0", - "version": 5, + "frameId": null, + "version": 9, }, "inserted": { "frameId": null, - "version": 6, + "version": 8, }, }, }, @@ -5784,7 +5823,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 5, + "version": 6, "width": 100, "x": 0, "y": 0, @@ -5816,7 +5855,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 4, + "version": 5, "width": 100, "x": 100, "y": 100, @@ -5852,7 +5891,74 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "A", + ], + "height": 100, + "index": "a0", + "isDeleted": true, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 5, + "width": 100, + "x": 0, + "y": 0, + }, + "inserted": { + "isDeleted": true, + "version": 4, + }, + }, + "id1": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "A", + ], + "height": 100, + "index": "a1", + "isDeleted": true, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 5, + "width": 100, + "x": 100, + "y": 100, + }, + "inserted": { + "isDeleted": true, + "version": 4, + }, + }, + }, }, "id": "id13", }, @@ -6072,7 +6178,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 9, "width": 10, "x": 20, "y": 0, @@ -6102,7 +6208,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 9, "width": 10, "x": 50, "y": 50, @@ -6187,7 +6293,39 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id3": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 10, + "index": "a1", + "isDeleted": true, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 8, + "width": 10, + "x": 20, + "y": 0, + }, + "inserted": { + "isDeleted": true, + "version": 7, + }, + }, + }, }, "id": "id18", }, @@ -6205,11 +6343,11 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "id3": { "deleted": { "backgroundColor": "#ffc9c9", - "version": 8, + "version": 9, }, "inserted": { "backgroundColor": "transparent", - "version": 7, + "version": 8, }, }, }, @@ -6234,7 +6372,39 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id8": { + "deleted": { + "angle": 0, + "backgroundColor": "#ffc9c9", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 10, + "index": "a2", + "isDeleted": true, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 8, + "width": 10, + "x": 30, + "y": 30, + }, + "inserted": { + "isDeleted": true, + "version": 7, + }, + }, + }, }, "id": "id20", }, @@ -6251,12 +6421,12 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "updated": { "id8": { "deleted": { - "version": 8, + "version": 9, "x": 50, "y": 50, }, "inserted": { - "version": 7, + "version": 8, "x": 30, "y": 30, }, @@ -7104,7 +7274,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 8, + "version": 9, "width": 10, "x": 0, "y": 0, @@ -7135,7 +7305,60 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "elbowed": false, + "endArrowhead": "arrow", + "endBinding": null, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 10, + "index": "a0", + "isDeleted": true, + "lastCommittedPoint": [ + 10, + 10, + ], + "link": null, + "locked": false, + "opacity": 100, + "points": [ + [ + 0, + 0, + ], + [ + 10, + 10, + ], + ], + "roughness": 1, + "roundness": { + "type": 2, + }, + "startArrowhead": null, + "startBinding": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "arrow", + "version": 9, + "width": 10, + "x": 0, + "y": 0, + }, + "inserted": { + "isDeleted": true, + "version": 8, + }, + }, + }, }, "id": "id13", }, @@ -7344,7 +7567,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 9, "width": 10, "x": 10, "y": 0, @@ -7375,7 +7598,39 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 10, + "index": "a0", + "isDeleted": true, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 8, + "width": 10, + "x": 10, + "y": 0, + }, + "inserted": { + "isDeleted": true, + "version": 7, + }, + }, + }, }, "id": "id7", }, @@ -7393,11 +7648,11 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "id0": { "deleted": { "backgroundColor": "#ffec99", - "version": 8, + "version": 9, }, "inserted": { "backgroundColor": "transparent", - "version": 7, + "version": 8, }, }, }, @@ -10326,7 +10581,7 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme "strokeWidth": 2, "type": "rectangle", "updated": 1, - "version": 8, + "version": 9, "width": 10, "x": 10, "y": 0, @@ -10409,7 +10664,18 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme "elements": { "added": {}, "removed": {}, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "isDeleted": false, + "version": 9, + }, + "inserted": { + "isDeleted": false, + "version": 8, + }, + }, + }, }, "id": "id8", }, @@ -15775,6 +16041,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 5, }, }, + "id1": { + "deleted": { + "version": 5, + }, + "inserted": { + "version": 4, + }, + }, "id2": { "deleted": { "boundElements": [ @@ -16736,6 +17010,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 5, }, }, + "id1": { + "deleted": { + "version": 6, + }, + "inserted": { + "version": 5, + }, + }, "id2": { "deleted": { "boundElements": [ @@ -17361,6 +17643,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 9, }, }, + "id1": { + "deleted": { + "version": 10, + }, + "inserted": { + "version": 9, + }, + }, "id2": { "deleted": { "boundElements": [ @@ -17722,6 +18012,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "version": 7, }, }, + "id2": { + "deleted": { + "version": 4, + }, + "inserted": { + "version": 3, + }, + }, }, }, "id": "id21", diff --git a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap index c16cd9884f..a895eb6366 100644 --- a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap @@ -2216,7 +2216,16 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] undo }, }, }, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "version": 5, + }, + "inserted": { + "version": 3, + }, + }, + }, }, "id": "id6", }, @@ -10892,7 +10901,32 @@ exports[`regression tests > make a group and duplicate it > [end of test] undo s }, }, }, - "updated": {}, + "updated": { + "id0": { + "deleted": { + "version": 6, + }, + "inserted": { + "version": 4, + }, + }, + "id3": { + "deleted": { + "version": 6, + }, + "inserted": { + "version": 4, + }, + }, + "id6": { + "deleted": { + "version": 6, + }, + "inserted": { + "version": 4, + }, + }, + }, }, "id": "id21", }, diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index 09510e5ebb..9ef8198569 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -4055,7 +4055,7 @@ describe("history", () => { expect.objectContaining({ id: container.id, boundElements: [{ id: remoteText.id, type: "text" }], - isDeleted: true, + isDeleted: false, }), expect.objectContaining({ id: text.id, @@ -4064,8 +4064,7 @@ describe("history", () => { }), expect.objectContaining({ id: remoteText.id, - // unbound - containerId: null, + containerId: container.id, isDeleted: false, }), ]); From f29e9df72d4f87ed492420d90bed5c3e7b3c20f6 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 21 Aug 2025 20:58:04 +0200 Subject: [PATCH 012/176] chore: bump mermaid-to-excalidraw to 1.1.3 (#9898) --- packages/excalidraw/package.json | 2 +- yarn.lock | 34 ++++++++++++++++++++++---------- 2 files changed, 25 insertions(+), 11 deletions(-) diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index 019a828c61..845efc15c8 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -83,7 +83,7 @@ "@excalidraw/element": "0.18.0", "@excalidraw/math": "0.18.0", "@excalidraw/laser-pointer": "1.3.1", - "@excalidraw/mermaid-to-excalidraw": "1.1.2", + "@excalidraw/mermaid-to-excalidraw": "1.1.3", "@excalidraw/random-username": "1.1.0", "@radix-ui/react-popover": "1.1.6", "@radix-ui/react-tabs": "1.1.3", diff --git a/yarn.lock b/yarn.lock index 21374749a6..446297a280 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1452,14 +1452,15 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-1.1.2.tgz#74d9507971976a7d3d960a1b2e8fb49a9f1f0d22" - integrity sha512-hAFv/TTIsOdoy0dL5v+oBd297SQ+Z88gZ5u99fCIFuEMHfQuPgLhU/ztKhFSTs7fISwVo6fizny/5oQRR3d4tQ== +"@excalidraw/mermaid-to-excalidraw@1.1.3": + version "1.1.3" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-1.1.3.tgz#3204642c99f3d49c2ad41108217a5d493ef7fd09" + integrity sha512-/50GUWlGotc+FCMX7nM1P1kWm9vNd3fuq38v7upBp9IHqlw6Zmfyj79eG/0vz1heifuYrSW9yzzv0q9jVALzxg== dependencies: "@excalidraw/markdown-to-text" "0.1.2" - mermaid "10.9.3" + mermaid "10.9.4" nanoid "4.0.2" + react-split "^2.0.14" "@excalidraw/prettier-config@1.0.2": version "1.0.2" @@ -7057,10 +7058,10 @@ merge2@^1.3.0, merge2@^1.4.1: resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== -mermaid@10.9.3: - version "10.9.3" - resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.9.3.tgz#90bc6f15c33dbe5d9507fed31592cc0d88fee9f7" - integrity sha512-V80X1isSEvAewIL3xhmz/rVmc27CVljcsbWxkxlWJWY/1kQa4XOABqpDl2qQLGKzpKm6WbTfUEKImBlUfFYArw== +mermaid@10.9.4: + version "10.9.4" + resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.9.4.tgz#985fd4b6d73ae795b87f0b32f620a56d3d6bf1f8" + integrity sha512-VIG2B0R9ydvkS+wShA8sXqkzfpYglM2Qwj7VyUeqzNVqSGPoP/tcaUr3ub4ESykv8eqQJn3p99bHNvYdg3gCHQ== dependencies: "@braintree/sanitize-url" "^6.0.1" "@types/d3-scale" "^4.0.3" @@ -7963,7 +7964,7 @@ progress@2.0.3, progress@^2.0.0: resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8" integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA== -prop-types@^15.8.1: +prop-types@^15.5.7, prop-types@^15.8.1: version "15.8.1" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== @@ -8108,6 +8109,14 @@ react-remove-scroll@^2.6.3: use-callback-ref "^1.3.3" use-sidecar "^1.1.3" +react-split@^2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/react-split/-/react-split-2.0.14.tgz#ef198259bf43264d605f792fb3384f15f5b34432" + integrity sha512-bKWydgMgaKTg/2JGQnaJPg51T6dmumTWZppFgEbbY0Fbme0F5TuatAScCLaqommbGQQf/ZT1zaejuPDriscISA== + dependencies: + prop-types "^15.5.7" + split.js "^1.6.0" + react-style-singleton@^2.2.2, react-style-singleton@^2.2.3: version "2.2.3" resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.3.tgz#4265608be69a4d70cfe3047f2c6c88b2c3ace388" @@ -8747,6 +8756,11 @@ sourcemap-codec@^1.4.8: resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4" integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA== +split.js@^1.6.0: + version "1.6.5" + resolved "https://registry.yarnpkg.com/split.js/-/split.js-1.6.5.tgz#f7f61da1044c9984cb42947df4de4fadb5a3f300" + integrity sha512-mPTnGCiS/RiuTNsVhCm9De9cCAUsrNFFviRbADdKiiV+Kk8HKp/0fWu7Kr8pi3/yBmsqLFHuXGT9UUZ+CNLwFw== + sprintf-js@~1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" From 90ec2739aea65222f235dd7a2c0c929dce7bdbee Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 22 Aug 2025 17:37:16 +0200 Subject: [PATCH 013/176] fix: calling toLowerCase on potentially undefined `navigator.*` values (#9901) --- packages/common/src/constants.ts | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index 4ccf723f89..d6f23c69cb 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -28,11 +28,9 @@ export const isBrave = () => export const isMobile = isIOS || /android|webos|ipod|blackberry|iemobile|opera mini/i.test( - navigator.userAgent.toLowerCase(), + navigator.userAgent, ) || - /android|ios|ipod|blackberry|windows phone/i.test( - navigator.platform.toLowerCase(), - ); + /android|ios|ipod|blackberry|windows phone/i.test(navigator.platform); export const supportsResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window; From 531f3e55247a0be184cb4bc1f037f76c97213965 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 22 Aug 2025 17:45:58 +0200 Subject: [PATCH 014/176] fix: restore from invalid fixedSegments & type-safer point updates (#9899) * fix: restore from invalid fixedSegments & type-safer point updates * fix: Type updates and throw for invalid point states --------- Co-authored-by: Mark Tolmacs --- packages/element/src/elbowArrow.ts | 47 ++++++++++++++++++----------- packages/excalidraw/data/restore.ts | 5 ++- 2 files changed, 34 insertions(+), 18 deletions(-) diff --git a/packages/element/src/elbowArrow.ts b/packages/element/src/elbowArrow.ts index 0021851645..b988eb25bb 100644 --- a/packages/element/src/elbowArrow.ts +++ b/packages/element/src/elbowArrow.ts @@ -359,6 +359,12 @@ const handleSegmentRelease = ( null, ); + if (!restoredPoints || restoredPoints.length < 2) { + throw new Error( + "Property 'points' is required in the update returned by normalizeArrowElementUpdate()", + ); + } + const nextPoints: GlobalPoint[] = []; // First part of the arrow are the old points @@ -706,7 +712,7 @@ const handleEndpointDrag = ( endGlobalPoint: GlobalPoint, hoveredStartElement: ExcalidrawBindableElement | null, hoveredEndElement: ExcalidrawBindableElement | null, -) => { +): ElementUpdate => { let startIsSpecial = arrow.startIsSpecial ?? null; let endIsSpecial = arrow.endIsSpecial ?? null; const globalUpdatedPoints = updatedPoints.map((p, i) => @@ -741,8 +747,15 @@ const handleEndpointDrag = ( // Calculate the moving second point connection and add the start point { - const secondPoint = globalUpdatedPoints[startIsSpecial ? 2 : 1]; - const thirdPoint = globalUpdatedPoints[startIsSpecial ? 3 : 2]; + const secondPoint = globalUpdatedPoints.at(startIsSpecial ? 2 : 1); + const thirdPoint = globalUpdatedPoints.at(startIsSpecial ? 3 : 2); + + if (!secondPoint || !thirdPoint) { + throw new Error( + `Second and third points must exist when handling endpoint drag (${startIsSpecial})`, + ); + } + const startIsHorizontal = headingIsHorizontal(startHeading); const secondIsHorizontal = headingIsHorizontal( vectorToHeading(vectorFromPoint(secondPoint, thirdPoint)), @@ -801,10 +814,19 @@ const handleEndpointDrag = ( // Calculate the moving second to last point connection { - const secondToLastPoint = - globalUpdatedPoints[globalUpdatedPoints.length - (endIsSpecial ? 3 : 2)]; - const thirdToLastPoint = - globalUpdatedPoints[globalUpdatedPoints.length - (endIsSpecial ? 4 : 3)]; + const secondToLastPoint = globalUpdatedPoints.at( + globalUpdatedPoints.length - (endIsSpecial ? 3 : 2), + ); + const thirdToLastPoint = globalUpdatedPoints.at( + globalUpdatedPoints.length - (endIsSpecial ? 4 : 3), + ); + + if (!secondToLastPoint || !thirdToLastPoint) { + throw new Error( + `Second and third to last points must exist when handling endpoint drag (${endIsSpecial})`, + ); + } + const endIsHorizontal = headingIsHorizontal(endHeading); const secondIsHorizontal = headingForPointIsHorizontal( thirdToLastPoint, @@ -2071,16 +2093,7 @@ const normalizeArrowElementUpdate = ( nextFixedSegments: readonly FixedSegment[] | null, startIsSpecial?: ExcalidrawElbowArrowElement["startIsSpecial"], endIsSpecial?: ExcalidrawElbowArrowElement["startIsSpecial"], -): { - points: LocalPoint[]; - x: number; - y: number; - width: number; - height: number; - fixedSegments: readonly FixedSegment[] | null; - startIsSpecial?: ExcalidrawElbowArrowElement["startIsSpecial"]; - endIsSpecial?: ExcalidrawElbowArrowElement["startIsSpecial"]; -} => { +): ElementUpdate => { const offsetX = global[0][0]; const offsetY = global[0][1]; let points = global.map((p) => diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 40c57b9cf6..34bdc8f57f 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -387,7 +387,10 @@ export const restoreElement = ( elbowed: true, startBinding: repairBinding(element, element.startBinding), endBinding: repairBinding(element, element.endBinding), - fixedSegments: element.fixedSegments, + fixedSegments: + element.fixedSegments?.length && base.points.length >= 4 + ? element.fixedSegments + : null, startIsSpecial: element.startIsSpecial, endIsSpecial: element.endIsSpecial, }) From 3085f4af81b514639b6aad954742db6fac78571b Mon Sep 17 00:00:00 2001 From: Ryan Di Date: Sat, 23 Aug 2025 02:12:51 +1000 Subject: [PATCH 015/176] fix: tighten distance for double tap text creation (#9889) --- packages/common/src/constants.ts | 2 ++ packages/excalidraw/components/App.tsx | 38 +++++++++++++++++++++----- 2 files changed, 33 insertions(+), 7 deletions(-) diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index d6f23c69cb..aef2fda9f5 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -522,3 +522,5 @@ export enum UserIdleState { * the start and end points) */ export const LINE_POLYGON_POINT_MERGE_DISTANCE = 20; + +export const DOUBLE_TAP_POSITION_THRESHOLD = 35; diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index d0fe01db99..337fe180ac 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -102,6 +102,7 @@ import { Emitter, isMobile, MINIMUM_ARROW_SIZE, + DOUBLE_TAP_POSITION_THRESHOLD, } from "@excalidraw/common"; import { @@ -531,6 +532,7 @@ export const useExcalidrawActionManager = () => let didTapTwice: boolean = false; let tappedTwiceTimer = 0; +let firstTapPosition: { x: number; y: number } | null = null; let isHoldingSpace: boolean = false; let isPanning: boolean = false; let isDraggingScrollBar: boolean = false; @@ -2989,6 +2991,7 @@ class App extends React.Component { private static resetTapTwice() { didTapTwice = false; + firstTapPosition = null; } private onTouchStart = (event: TouchEvent) => { @@ -2999,6 +3002,13 @@ class App extends React.Component { if (!didTapTwice) { didTapTwice = true; + + if (event.touches.length === 1) { + firstTapPosition = { + x: event.touches[0].clientX, + y: event.touches[0].clientY, + }; + } clearTimeout(tappedTwiceTimer); tappedTwiceTimer = window.setTimeout( App.resetTapTwice, @@ -3006,15 +3016,29 @@ class App extends React.Component { ); return; } - // insert text only if we tapped twice with a single finger + + // insert text only if we tapped twice with a single finger at approximately the same position // event.touches.length === 1 will also prevent inserting text when user's zooming - if (didTapTwice && event.touches.length === 1) { + if (didTapTwice && event.touches.length === 1 && firstTapPosition) { const touch = event.touches[0]; - // @ts-ignore - this.handleCanvasDoubleClick({ - clientX: touch.clientX, - clientY: touch.clientY, - }); + const distance = pointDistance( + pointFrom(touch.clientX, touch.clientY), + pointFrom(firstTapPosition.x, firstTapPosition.y), + ); + + // only create text if the second tap is within the threshold of the first tap + // this prevents accidental text creation during dragging/selection + if (distance <= DOUBLE_TAP_POSITION_THRESHOLD) { + // end lasso trail and deselect elements just in case + this.lassoTrail.endPath(); + this.deselectElements(); + + // @ts-ignore + this.handleCanvasDoubleClick({ + clientX: touch.clientX, + clientY: touch.clientY, + }); + } didTapTwice = false; clearTimeout(tappedTwiceTimer); } From ae89608985dfe5975b5fa0103d5aec64cb4fb83f Mon Sep 17 00:00:00 2001 From: Christopher Tangonan <161169629+cTangonan123@users.noreply.github.com> Date: Fri, 29 Aug 2025 03:31:23 -0700 Subject: [PATCH 016/176] fix: bound text rotation across alignments (#9914) Co-authored-by: A-Mundanilkunathil --- packages/element/src/resizeElements.ts | 22 ++- packages/element/src/textElement.ts | 24 ++- packages/element/tests/textElement.test.ts | 172 +++++++++++++++++- .../tests/__snapshots__/history.test.tsx.snap | 4 +- packages/excalidraw/tests/history.test.tsx | 8 +- packages/excalidraw/wysiwyg/textWysiwyg.tsx | 3 +- 6 files changed, 220 insertions(+), 13 deletions(-) diff --git a/packages/element/src/resizeElements.ts b/packages/element/src/resizeElements.ts index acb72b299b..8cfd807855 100644 --- a/packages/element/src/resizeElements.ts +++ b/packages/element/src/resizeElements.ts @@ -35,6 +35,7 @@ import { getContainerElement, handleBindTextResize, getBoundTextMaxWidth, + computeBoundTextPosition, } from "./textElement"; import { getMinTextElementWidth, @@ -225,7 +226,16 @@ const rotateSingleElement = ( scene.getElement(boundTextElementId); if (textElement && !isArrowElement(element)) { - scene.mutateElement(textElement, { angle }); + const { x, y } = computeBoundTextPosition( + element, + textElement, + scene.getNonDeletedElementsMap(), + ); + scene.mutateElement(textElement, { + angle, + x, + y, + }); } } }; @@ -416,9 +426,15 @@ const rotateMultipleElements = ( const boundText = getBoundTextElement(element, elementsMap); if (boundText && !isArrowElement(element)) { + const { x, y } = computeBoundTextPosition( + element, + boundText, + elementsMap, + ); + scene.mutateElement(boundText, { - x: boundText.x + (rotatedCX - cx), - y: boundText.y + (rotatedCY - cy), + x, + y, angle: normalizeRadians((centerAngle + origAngle) as Radians), }); } diff --git a/packages/element/src/textElement.ts b/packages/element/src/textElement.ts index 31347db240..523a8b8804 100644 --- a/packages/element/src/textElement.ts +++ b/packages/element/src/textElement.ts @@ -10,12 +10,12 @@ import { invariant, } from "@excalidraw/common"; +import { pointFrom, pointRotateRads, type Radians } from "@excalidraw/math"; + import type { AppState } from "@excalidraw/excalidraw/types"; import type { ExtractSetType } from "@excalidraw/common/utility-types"; -import type { Radians } from "@excalidraw/math"; - import { resetOriginalContainerCache, updateOriginalContainerCache, @@ -254,6 +254,26 @@ export const computeBoundTextPosition = ( x = containerCoords.x + (maxContainerWidth / 2 - boundTextElement.width / 2); } + const angle = (container.angle ?? 0) as Radians; + + if (angle !== 0) { + const contentCenter = pointFrom( + containerCoords.x + maxContainerWidth / 2, + containerCoords.y + maxContainerHeight / 2, + ); + const textCenter = pointFrom( + x + boundTextElement.width / 2, + y + boundTextElement.height / 2, + ); + + const [rx, ry] = pointRotateRads(textCenter, contentCenter, angle); + + return { + x: rx - boundTextElement.width / 2, + y: ry - boundTextElement.height / 2, + }; + } + return { x, y }; }; diff --git a/packages/element/tests/textElement.test.ts b/packages/element/tests/textElement.test.ts index 5c10681a70..986854b985 100644 --- a/packages/element/tests/textElement.test.ts +++ b/packages/element/tests/textElement.test.ts @@ -1,13 +1,14 @@ import { getLineHeight } from "@excalidraw/common"; import { API } from "@excalidraw/excalidraw/tests/helpers/api"; -import { FONT_FAMILY } from "@excalidraw/common"; +import { FONT_FAMILY, TEXT_ALIGN, VERTICAL_ALIGN } from "@excalidraw/common"; import { computeContainerDimensionForBoundText, getContainerCoords, getBoundTextMaxWidth, getBoundTextMaxHeight, + computeBoundTextPosition, } from "../src/textElement"; import { detectLineHeight, getLineHeightInPx } from "../src/textMeasurements"; @@ -207,3 +208,172 @@ describe("Test getDefaultLineHeight", () => { expect(getLineHeight(FONT_FAMILY.Cascadia)).toBe(1.2); }); }); + +describe("Test computeBoundTextPosition", () => { + const createMockElementsMap = () => new Map(); + + // Helper function to create rectangle test case with 90-degree rotation + const createRotatedRectangleTestCase = ( + textAlign: string, + verticalAlign: string, + ) => { + const container = API.createElement({ + type: "rectangle", + x: 100, + y: 100, + width: 200, + height: 100, + angle: (Math.PI / 2) as any, // 90 degrees + }); + + const boundTextElement = API.createElement({ + type: "text", + width: 80, + height: 40, + text: "hello darkness my old friend", + textAlign: textAlign as any, + verticalAlign: verticalAlign as any, + containerId: container.id, + }) as ExcalidrawTextElementWithContainer; + + const elementsMap = createMockElementsMap(); + + return { container, boundTextElement, elementsMap }; + }; + + describe("90-degree rotation with all alignment combinations", () => { + // Test all 9 combinations of horizontal (left, center, right) and vertical (top, middle, bottom) alignment + + it("should position text with LEFT + TOP alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.LEFT, VERTICAL_ALIGN.TOP); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(185, 1); + expect(result.y).toBeCloseTo(75, 1); + }); + + it("should position text with LEFT + MIDDLE alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.LEFT, VERTICAL_ALIGN.MIDDLE); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(160, 1); + expect(result.y).toBeCloseTo(75, 1); + }); + + it("should position text with LEFT + BOTTOM alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.LEFT, VERTICAL_ALIGN.BOTTOM); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(135, 1); + expect(result.y).toBeCloseTo(75, 1); + }); + + it("should position text with CENTER + TOP alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.CENTER, VERTICAL_ALIGN.TOP); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(185, 1); + expect(result.y).toBeCloseTo(130, 1); + }); + + it("should position text with CENTER + MIDDLE alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase( + TEXT_ALIGN.CENTER, + VERTICAL_ALIGN.MIDDLE, + ); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(160, 1); + expect(result.y).toBeCloseTo(130, 1); + }); + + it("should position text with CENTER + BOTTOM alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase( + TEXT_ALIGN.CENTER, + VERTICAL_ALIGN.BOTTOM, + ); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(135, 1); + expect(result.y).toBeCloseTo(130, 1); + }); + + it("should position text with RIGHT + TOP alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.RIGHT, VERTICAL_ALIGN.TOP); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(185, 1); + expect(result.y).toBeCloseTo(185, 1); + }); + + it("should position text with RIGHT + MIDDLE alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.RIGHT, VERTICAL_ALIGN.MIDDLE); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(160, 1); + expect(result.y).toBeCloseTo(185, 1); + }); + + it("should position text with RIGHT + BOTTOM alignment at 90-degree rotation", () => { + const { container, boundTextElement, elementsMap } = + createRotatedRectangleTestCase(TEXT_ALIGN.RIGHT, VERTICAL_ALIGN.BOTTOM); + + const result = computeBoundTextPosition( + container, + boundTextElement, + elementsMap, + ); + + expect(result.x).toBeCloseTo(135, 1); + expect(result.y).toBeCloseTo(185, 1); + }); + }); +}); diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 2f9e04d562..c31b9ea7ce 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -4886,8 +4886,8 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and "version": 6, "verticalAlign": "top", "width": 80, - "x": 205, - "y": 205, + "x": "241.29526", + "y": "247.59241", } `; diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index 9ef8198569..47d87ce6d0 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -4354,8 +4354,8 @@ describe("history", () => { expect.objectContaining({ ...textProps, // text element got redrawn! - x: 205, - y: 205, + x: 241.295259647664, + y: 247.59240920619527, angle: 90, id: text.id, containerId: container.id, @@ -4398,8 +4398,8 @@ describe("history", () => { }), expect.objectContaining({ ...textProps, - x: 205, - y: 205, + x: 241.295259647664, + y: 247.59240920619527, angle: 90, id: text.id, containerId: container.id, diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.tsx index 2255d8a5a2..73f3d7171b 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.tsx @@ -215,11 +215,12 @@ export const textWysiwyg = ({ ); app.scene.mutateElement(container, { height: targetContainerHeight }); } else { - const { y } = computeBoundTextPosition( + const { x, y } = computeBoundTextPosition( container, updatedTextElement as ExcalidrawTextElementWithContainer, elementsMap, ); + coordX = x; coordY = y; } } From 3bdaafe4b5ecde577fe9b5c69a5d1819e37c4ccb Mon Sep 17 00:00:00 2001 From: Omar Brikaa Date: Mon, 1 Sep 2025 18:31:24 +0300 Subject: [PATCH 017/176] feat: [cont.] support inserting multiple images (#9875) * feat: support inserting multiple images * Initial * handleAppOnDrop, onImageToolbarButtonClick, pasteFromClipboard * Initial get history working * insertMultipleImages -> insertImages * Bug fixes, improvements * Remove redundant branch * Refactor addElementsFromMixedContentPaste * History, drag & drop bug fixes * Update snapshots * Remove redundant try-catch * Refactor pasteFromClipboard * Plain paste check in mermaid paste * Move comment * processClipboardData -> insertClipboardContent * Redundant variable * Redundant variable * Refactor insertImages * createImagePlaceholder -> newImagePlaceholder * Get rid of unneeded NEVER schedule, filter out failed images * Trigger CI * Position placeholders before initializing * Don't mutate scene with positionElementsOnGrid, captureUpdate: CaptureUpdateAction.IMMEDIATELY * Comment * Move positionOnGrid out of file * Rename file * Get rid of generic * Initial tests * More asserts, test paste * Test image tool * De-duplicate * Stricter assert, move rest of logic outside of waitFor * Modify history tests * De-duplicate update snapshots * Trigger CI * Fix package build * Make setupImageTest more explicit * Re-introduce generic to use latest placeholder versions * newElementWith instead of mutateElement to delete failed placeholder * Insert failed images separately with CaptureUpdateAction.NEVER * Refactor * Don't re-order elements * WIP * Get rid of 'never' for failed * refactor type check * align max file size constant * make grid padding scale to zoom --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- excalidraw-app/app_constants.ts | 3 +- packages/element/src/bounds.ts | 4 +- packages/element/src/index.ts | 1 + .../element/src/positionElementsOnGrid.ts | 112 ++++ packages/excalidraw/clipboard.ts | 14 +- packages/excalidraw/components/App.tsx | 587 +++++++++--------- packages/excalidraw/data/blob.ts | 49 +- .../tests/__snapshots__/history.test.tsx.snap | 216 ++++++- .../excalidraw/tests/fixtures/constants.ts | 9 + packages/excalidraw/tests/flip.test.tsx | 10 +- packages/excalidraw/tests/helpers/api.ts | 44 +- .../excalidraw/tests/helpers/constants.ts | 6 + packages/excalidraw/tests/helpers/mocks.ts | 32 + packages/excalidraw/tests/history.test.tsx | 195 ++---- packages/excalidraw/tests/image.test.tsx | 115 ++++ 15 files changed, 895 insertions(+), 502 deletions(-) create mode 100644 packages/element/src/positionElementsOnGrid.ts create mode 100644 packages/excalidraw/tests/fixtures/constants.ts create mode 100644 packages/excalidraw/tests/helpers/constants.ts create mode 100644 packages/excalidraw/tests/image.test.tsx diff --git a/excalidraw-app/app_constants.ts b/excalidraw-app/app_constants.ts index 1dc6c6f462..52c1ad7ba2 100644 --- a/excalidraw-app/app_constants.ts +++ b/excalidraw-app/app_constants.ts @@ -8,7 +8,8 @@ export const SYNC_BROWSER_TABS_TIMEOUT = 50; export const CURSOR_SYNC_TIMEOUT = 33; // ~30fps export const DELETED_ELEMENT_TIMEOUT = 24 * 60 * 60 * 1000; // 1 day -export const FILE_UPLOAD_MAX_BYTES = 3 * 1024 * 1024; // 3 MiB +// should be aligned with MAX_ALLOWED_FILE_BYTES +export const FILE_UPLOAD_MAX_BYTES = 4 * 1024 * 1024; // 4 MiB // 1 year (https://stackoverflow.com/a/25201898/927631) export const FILE_CACHE_MAX_AGE_SEC = 31536000; diff --git a/packages/element/src/bounds.ts b/packages/element/src/bounds.ts index 2c07631a7a..6b190de1b7 100644 --- a/packages/element/src/bounds.ts +++ b/packages/element/src/bounds.ts @@ -1126,7 +1126,9 @@ export interface BoundingBox { } export const getCommonBoundingBox = ( - elements: ExcalidrawElement[] | readonly NonDeleted[], + elements: + | readonly ExcalidrawElement[] + | readonly NonDeleted[], ): BoundingBox => { const [minX, minY, maxX, maxY] = getCommonBounds(elements); return { diff --git a/packages/element/src/index.ts b/packages/element/src/index.ts index 9bf5214d0f..4fc1ef5579 100644 --- a/packages/element/src/index.ts +++ b/packages/element/src/index.ts @@ -97,6 +97,7 @@ export * from "./image"; export * from "./linearElementEditor"; export * from "./mutateElement"; export * from "./newElement"; +export * from "./positionElementsOnGrid"; export * from "./renderElement"; export * from "./resizeElements"; export * from "./resizeTest"; diff --git a/packages/element/src/positionElementsOnGrid.ts b/packages/element/src/positionElementsOnGrid.ts new file mode 100644 index 0000000000..017ee1fd99 --- /dev/null +++ b/packages/element/src/positionElementsOnGrid.ts @@ -0,0 +1,112 @@ +import { getCommonBounds } from "./bounds"; +import { type ElementUpdate, newElementWith } from "./mutateElement"; + +import type { ExcalidrawElement } from "./types"; + +// TODO rewrite (mostly vibe-coded) +export const positionElementsOnGrid = ( + elements: TElement[] | TElement[][], + centerX: number, + centerY: number, + padding = 50, +): TElement[] => { + // Ensure there are elements to position + if (!elements || elements.length === 0) { + return []; + } + + const res: TElement[] = []; + // Normalize input to work with atomic units (groups of elements) + // If elements is a flat array, treat each element as its own atomic unit + const atomicUnits: TElement[][] = Array.isArray(elements[0]) + ? (elements as TElement[][]) + : (elements as TElement[]).map((element) => [element]); + + // Determine the number of columns for atomic units + // A common approach for a "grid-like" layout without specific column constraints + // is to aim for a roughly square arrangement. + const numUnits = atomicUnits.length; + const numColumns = Math.max(1, Math.ceil(Math.sqrt(numUnits))); + + // Group atomic units into rows based on the calculated number of columns + const rows: TElement[][][] = []; + for (let i = 0; i < numUnits; i += numColumns) { + rows.push(atomicUnits.slice(i, i + numColumns)); + } + + // Calculate properties for each row (total width, max height) + // and the total actual height of all row content. + let totalGridActualHeight = 0; // Sum of max heights of rows, without inter-row padding + const rowProperties = rows.map((rowUnits) => { + let rowWidth = 0; + let maxUnitHeightInRow = 0; + + const unitBounds = rowUnits.map((unit) => { + const [minX, minY, maxX, maxY] = getCommonBounds(unit); + return { + elements: unit, + bounds: [minX, minY, maxX, maxY] as const, + width: maxX - minX, + height: maxY - minY, + }; + }); + + unitBounds.forEach((unitBound, index) => { + rowWidth += unitBound.width; + // Add padding between units in the same row, but not after the last one + if (index < unitBounds.length - 1) { + rowWidth += padding; + } + if (unitBound.height > maxUnitHeightInRow) { + maxUnitHeightInRow = unitBound.height; + } + }); + + totalGridActualHeight += maxUnitHeightInRow; + return { + unitBounds, + width: rowWidth, + maxHeight: maxUnitHeightInRow, + }; + }); + + // Calculate the total height of the grid including padding between rows + const totalGridHeightWithPadding = + totalGridActualHeight + Math.max(0, rows.length - 1) * padding; + + // Calculate the starting Y position to center the entire grid vertically around centerY + let currentY = centerY - totalGridHeightWithPadding / 2; + + // Position atomic units row by row + rowProperties.forEach((rowProp) => { + const { unitBounds, width: rowWidth, maxHeight: rowMaxHeight } = rowProp; + + // Calculate the starting X for the current row to center it horizontally around centerX + let currentX = centerX - rowWidth / 2; + + unitBounds.forEach((unitBound) => { + // Calculate the offset needed to position this atomic unit + const [originalMinX, originalMinY] = unitBound.bounds; + const offsetX = currentX - originalMinX; + const offsetY = currentY - originalMinY; + + // Apply the offset to all elements in this atomic unit + unitBound.elements.forEach((element) => { + res.push( + newElementWith(element, { + x: element.x + offsetX, + y: element.y + offsetY, + } as ElementUpdate), + ); + }); + + // Move X for the next unit in the row + currentX += unitBound.width + padding; + }); + + // Move Y to the starting position for the next row + // This accounts for the tallest unit in the current row and the inter-row padding + currentY += rowMaxHeight + padding; + }); + return res; +}; diff --git a/packages/excalidraw/clipboard.ts b/packages/excalidraw/clipboard.ts index 99b7d41f4a..ceaee38c80 100644 --- a/packages/excalidraw/clipboard.ts +++ b/packages/excalidraw/clipboard.ts @@ -5,6 +5,7 @@ import { arrayToMap, isMemberOf, isPromiseLike, + EVENT, } from "@excalidraw/common"; import { mutateElement } from "@excalidraw/element"; @@ -92,7 +93,7 @@ export const createPasteEvent = ({ console.warn("createPasteEvent: no types or files provided"); } - const event = new ClipboardEvent("paste", { + const event = new ClipboardEvent(EVENT.PASTE, { clipboardData: new DataTransfer(), }); @@ -519,3 +520,14 @@ const copyTextViaExecCommand = (text: string | null) => { return success; }; + +export const isClipboardEvent = ( + event: React.SyntheticEvent | Event, +): event is ClipboardEvent => { + /** not using instanceof ClipboardEvent due to tests (jsdom) */ + return ( + event.type === EVENT.PASTE || + event.type === EVENT.COPY || + event.type === EVENT.CUT + ); +}; diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 337fe180ac..bf838b1c39 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -237,6 +237,7 @@ import { isSimpleArrow, StoreDelta, type ApplyToOptions, + positionElementsOnGrid, } from "@excalidraw/element"; import type { LocalPoint, Radians } from "@excalidraw/math"; @@ -345,7 +346,7 @@ import { generateIdFromFile, getDataURL, getDataURL_sync, - getFileFromEvent, + getFilesFromEvent, ImageURLToFile, isImageFileHandle, isSupportedImageFile, @@ -432,7 +433,7 @@ import type { ScrollBars, } from "../scene/types"; -import type { PastedMixedContent } from "../clipboard"; +import type { ClipboardData, PastedMixedContent } from "../clipboard"; import type { ExportedElements } from "../data"; import type { ContextMenuItems } from "./ContextMenu"; import type { FileSystemHandle } from "../data/filesystem"; @@ -3066,7 +3067,168 @@ class App extends React.Component { } }; - // TODO: this is so spaghetti, we should refactor it and cover it with tests + // TODO: Cover with tests + private async insertClipboardContent( + data: ClipboardData, + filesData: Awaited>, + isPlainPaste: boolean, + ) { + const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords( + { + clientX: this.lastViewportPosition.x, + clientY: this.lastViewportPosition.y, + }, + this.state, + ); + + // ------------------- Error ------------------- + if (data.errorMessage) { + this.setState({ errorMessage: data.errorMessage }); + return; + } + + // ------------------- Mixed content with no files ------------------- + if (filesData.length === 0 && !isPlainPaste && data.mixedContent) { + await this.addElementsFromMixedContentPaste(data.mixedContent, { + isPlainPaste, + sceneX, + sceneY, + }); + return; + } + + // ------------------- Spreadsheet ------------------- + if (data.spreadsheet && !isPlainPaste) { + this.setState({ + pasteDialog: { + data: data.spreadsheet, + shown: true, + }, + }); + return; + } + + // ------------------- Images or SVG code ------------------- + const imageFiles = filesData + .map((data) => data.file) + .filter((file): file is File => isSupportedImageFile(file)); + + if (imageFiles.length === 0 && data.text && !isPlainPaste) { + const trimmedText = data.text.trim(); + if (trimmedText.startsWith("")) { + // ignore SVG validation/normalization which will be done during image + // initialization + imageFiles.push(SVGStringToFile(trimmedText)); + } + } + + if (imageFiles.length > 0) { + if (this.isToolSupported("image")) { + await this.insertImages(imageFiles, sceneX, sceneY); + } else { + this.setState({ errorMessage: t("errors.imageToolNotSupported") }); + } + return; + } + + // ------------------- Elements ------------------- + if (data.elements) { + const elements = ( + data.programmaticAPI + ? convertToExcalidrawElements( + data.elements as ExcalidrawElementSkeleton[], + ) + : data.elements + ) as readonly ExcalidrawElement[]; + // TODO: remove formatting from elements if isPlainPaste + this.addElementsFromPasteOrLibrary({ + elements, + files: data.files || null, + position: this.isMobileOrTablet() ? "center" : "cursor", + retainSeed: isPlainPaste, + }); + return; + } + + // ------------------- Only textual stuff remaining ------------------- + if (!data.text) { + return; + } + + // ------------------- Successful Mermaid ------------------- + if (!isPlainPaste && isMaybeMermaidDefinition(data.text)) { + const api = await import("@excalidraw/mermaid-to-excalidraw"); + try { + const { elements: skeletonElements, files } = + await api.parseMermaidToExcalidraw(data.text); + + const elements = convertToExcalidrawElements(skeletonElements, { + regenerateIds: true, + }); + + this.addElementsFromPasteOrLibrary({ + elements, + files, + position: this.isMobileOrTablet() ? "center" : "cursor", + }); + + return; + } catch (err: any) { + console.warn( + `parsing pasted text as mermaid definition failed: ${err.message}`, + ); + } + } + + // ------------------- Pure embeddable URLs ------------------- + const nonEmptyLines = normalizeEOL(data.text) + .split(/\n+/) + .map((s) => s.trim()) + .filter(Boolean); + const embbeddableUrls = nonEmptyLines + .map((str) => maybeParseEmbedSrc(str)) + .filter( + (string) => + embeddableURLValidator(string, this.props.validateEmbeddable) && + (/^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(string) || + getEmbedLink(string)?.type === "video"), + ); + + if ( + !isPlainPaste && + embbeddableUrls.length > 0 && + embbeddableUrls.length === nonEmptyLines.length + ) { + const embeddables: NonDeleted[] = []; + for (const url of embbeddableUrls) { + const prevEmbeddable: ExcalidrawEmbeddableElement | undefined = + embeddables[embeddables.length - 1]; + const embeddable = this.insertEmbeddableElement({ + sceneX: prevEmbeddable + ? prevEmbeddable.x + prevEmbeddable.width + 20 + : sceneX, + sceneY, + link: normalizeLink(url), + }); + if (embeddable) { + embeddables.push(embeddable); + } + } + if (embeddables.length) { + this.store.scheduleCapture(); + this.setState({ + selectedElementIds: Object.fromEntries( + embeddables.map((embeddable) => [embeddable.id, true]), + ), + }); + } + return; + } + + // ------------------- Text ------------------- + this.addTextFromPaste(data.text, isPlainPaste); + } + public pasteFromClipboard = withBatchedUpdates( async (event: ClipboardEvent) => { const isPlainPaste = !!IS_PLAIN_PASTE; @@ -3091,47 +3253,11 @@ class App extends React.Component { return; } - const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords( - { - clientX: this.lastViewportPosition.x, - clientY: this.lastViewportPosition.y, - }, - this.state, - ); - // must be called in the same frame (thus before any awaits) as the paste // event else some browsers (FF...) will clear the clipboardData // (something something security) - let file = event?.clipboardData?.files[0]; + const filesData = await getFilesFromEvent(event); const data = await parseClipboard(event, isPlainPaste); - if (!file && !isPlainPaste) { - if (data.mixedContent) { - return this.addElementsFromMixedContentPaste(data.mixedContent, { - isPlainPaste, - sceneX, - sceneY, - }); - } else if (data.text) { - const string = data.text.trim(); - if (string.startsWith("")) { - // ignore SVG validation/normalization which will be done during image - // initialization - file = SVGStringToFile(string); - } - } - } - - // prefer spreadsheet data over image file (MS Office/Libre Office) - if (isSupportedImageFile(file) && !data.spreadsheet) { - if (!this.isToolSupported("image")) { - this.setState({ errorMessage: t("errors.imageToolNotSupported") }); - return; - } - - this.createImageElement({ sceneX, sceneY, imageFile: file }); - - return; - } if (this.props.onPaste) { try { @@ -3143,105 +3269,7 @@ class App extends React.Component { } } - if (data.errorMessage) { - this.setState({ errorMessage: data.errorMessage }); - } else if (data.spreadsheet && !isPlainPaste) { - this.setState({ - pasteDialog: { - data: data.spreadsheet, - shown: true, - }, - }); - } else if (data.elements) { - const elements = ( - data.programmaticAPI - ? convertToExcalidrawElements( - data.elements as ExcalidrawElementSkeleton[], - ) - : data.elements - ) as readonly ExcalidrawElement[]; - // TODO remove formatting from elements if isPlainPaste - this.addElementsFromPasteOrLibrary({ - elements, - files: data.files || null, - position: this.isMobileOrTablet() ? "center" : "cursor", - retainSeed: isPlainPaste, - }); - } else if (data.text) { - if (data.text && isMaybeMermaidDefinition(data.text)) { - const api = await import("@excalidraw/mermaid-to-excalidraw"); - - try { - const { elements: skeletonElements, files } = - await api.parseMermaidToExcalidraw(data.text); - - const elements = convertToExcalidrawElements(skeletonElements, { - regenerateIds: true, - }); - - this.addElementsFromPasteOrLibrary({ - elements, - files, - position: this.isMobileOrTablet() ? "center" : "cursor", - }); - - return; - } catch (err: any) { - console.warn( - `parsing pasted text as mermaid definition failed: ${err.message}`, - ); - } - } - - const nonEmptyLines = normalizeEOL(data.text) - .split(/\n+/) - .map((s) => s.trim()) - .filter(Boolean); - - const embbeddableUrls = nonEmptyLines - .map((str) => maybeParseEmbedSrc(str)) - .filter((string) => { - return ( - embeddableURLValidator(string, this.props.validateEmbeddable) && - (/^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(string) || - getEmbedLink(string)?.type === "video") - ); - }); - - if ( - !IS_PLAIN_PASTE && - embbeddableUrls.length > 0 && - // if there were non-embeddable text (lines) mixed in with embeddable - // urls, ignore and paste as text - embbeddableUrls.length === nonEmptyLines.length - ) { - const embeddables: NonDeleted[] = []; - for (const url of embbeddableUrls) { - const prevEmbeddable: ExcalidrawEmbeddableElement | undefined = - embeddables[embeddables.length - 1]; - const embeddable = this.insertEmbeddableElement({ - sceneX: prevEmbeddable - ? prevEmbeddable.x + prevEmbeddable.width + 20 - : sceneX, - sceneY, - link: normalizeLink(url), - }); - if (embeddable) { - embeddables.push(embeddable); - } - } - if (embeddables.length) { - this.store.scheduleCapture(); - this.setState({ - selectedElementIds: Object.fromEntries( - embeddables.map((embeddable) => [embeddable.id, true]), - ), - }); - } - return; - } - this.addTextFromPaste(data.text, isPlainPaste); - } + await this.insertClipboardContent(data, filesData, isPlainPaste); this.setActiveTool({ type: this.defaultSelectionTool }, true); event?.preventDefault(); }, @@ -3431,45 +3459,11 @@ class App extends React.Component { } }), ); - let y = sceneY; - let firstImageYOffsetDone = false; - const nextSelectedIds: Record = {}; - for (const response of responses) { - if (response.file) { - const initializedImageElement = await this.createImageElement({ - sceneX, - sceneY: y, - imageFile: response.file, - }); - - if (initializedImageElement) { - // vertically center first image in the batch - if (!firstImageYOffsetDone) { - firstImageYOffsetDone = true; - y -= initializedImageElement.height / 2; - } - // hack to reset the `y` coord because we vertically center during - // insertImageElement - this.scene.mutateElement( - initializedImageElement, - { y }, - { informMutation: false, isDragging: false }, - ); - - y = initializedImageElement.y + initializedImageElement.height + 25; - - nextSelectedIds[initializedImageElement.id] = true; - } - } - } - - this.setState({ - selectedElementIds: makeNextSelectedElementIds( - nextSelectedIds, - this.state, - ), - }); + const imageFiles = responses + .filter((response): response is { file: File } => !!response.file) + .map((response) => response.file); + await this.insertImages(imageFiles, sceneX, sceneY); const error = responses.find((response) => !!response.errorMessage); if (error && error.errorMessage) { this.setState({ errorMessage: error.errorMessage }); @@ -4806,7 +4800,7 @@ class App extends React.Component { this.setState({ suggestedBindings: [] }); } if (nextActiveTool.type === "image") { - this.onImageAction(); + this.onImageToolbarButtonClick(); } this.setState((prevState) => { @@ -7842,16 +7836,14 @@ class App extends React.Component { return element; }; - private createImageElement = async ({ + private newImagePlaceholder = ({ sceneX, sceneY, addToFrameUnderCursor = true, - imageFile, }: { sceneX: number; sceneY: number; addToFrameUnderCursor?: boolean; - imageFile: File; }) => { const [gridX, gridY] = getGridPoint( sceneX, @@ -7870,7 +7862,7 @@ class App extends React.Component { const placeholderSize = 100 / this.state.zoom.value; - const placeholderImageElement = newImageElement({ + return newImageElement({ type: "image", strokeColor: this.state.currentItemStrokeColor, backgroundColor: this.state.currentItemBackgroundColor, @@ -7887,13 +7879,6 @@ class App extends React.Component { width: placeholderSize, height: placeholderSize, }); - - const initializedImageElement = await this.insertImageElement( - placeholderImageElement, - imageFile, - ); - - return initializedImageElement; }; private handleLinearElementOnPointerDown = ( @@ -10215,64 +10200,7 @@ class App extends React.Component { ); }; - /** - * inserts image into elements array and rerenders - */ - private insertImageElement = async ( - placeholderImageElement: ExcalidrawImageElement, - imageFile: File, - ) => { - // we should be handling all cases upstream, but in case we forget to handle - // a future case, let's throw here - if (!this.isToolSupported("image")) { - this.setState({ errorMessage: t("errors.imageToolNotSupported") }); - return; - } - - this.scene.insertElement(placeholderImageElement); - - try { - const initializedImageElement = await this.initializeImage( - placeholderImageElement, - imageFile, - ); - - const nextElements = this.scene - .getElementsIncludingDeleted() - .map((element) => { - if (element.id === initializedImageElement.id) { - return initializedImageElement; - } - - return element; - }); - - this.updateScene({ - captureUpdate: CaptureUpdateAction.IMMEDIATELY, - elements: nextElements, - appState: { - selectedElementIds: makeNextSelectedElementIds( - { [initializedImageElement.id]: true }, - this.state, - ), - }, - }); - - return initializedImageElement; - } catch (error: any) { - this.store.scheduleAction(CaptureUpdateAction.NEVER); - this.scene.mutateElement(placeholderImageElement, { - isDeleted: true, - }); - this.actionManager.executeAction(actionFinalize); - this.setState({ - errorMessage: error.message || t("errors.imageInsertError"), - }); - return null; - } - }; - - private onImageAction = async () => { + private onImageToolbarButtonClick = async () => { try { const clientX = this.state.width / 2 + this.state.offsetLeft; const clientY = this.state.height / 2 + this.state.offsetTop; @@ -10282,24 +10210,15 @@ class App extends React.Component { this.state, ); - const imageFile = await fileOpen({ + const imageFiles = await fileOpen({ description: "Image", extensions: Object.keys( IMAGE_MIME_TYPES, ) as (keyof typeof IMAGE_MIME_TYPES)[], + multiple: true, }); - await this.createImageElement({ - sceneX: x, - sceneY: y, - addToFrameUnderCursor: false, - imageFile, - }); - - // avoid being batched (just in case) - this.setState({}, () => { - this.actionManager.executeAction(actionFinalize); - }); + this.insertImages(imageFiles, x, y); } catch (error: any) { if (error.name !== "AbortError") { console.error(error); @@ -10496,60 +10415,113 @@ class App extends React.Component { } }; + private insertImages = async ( + imageFiles: File[], + sceneX: number, + sceneY: number, + ) => { + const gridPadding = 50 / this.state.zoom.value; + // Create, position, and insert placeholders + const placeholders = positionElementsOnGrid( + imageFiles.map(() => this.newImagePlaceholder({ sceneX, sceneY })), + sceneX, + sceneY, + gridPadding, + ); + placeholders.forEach((el) => this.scene.insertElement(el)); + + // Create, position, insert and select initialized (replacing placeholders) + const initialized = await Promise.all( + placeholders.map(async (placeholder, i) => { + try { + return await this.initializeImage(placeholder, imageFiles[i]); + } catch (error: any) { + this.setState({ + errorMessage: error.message || t("errors.imageInsertError"), + }); + return newElementWith(placeholder, { isDeleted: true }); + } + }), + ); + const initializedMap = arrayToMap(initialized); + + const positioned = positionElementsOnGrid( + initialized.filter((el) => !el.isDeleted), + sceneX, + sceneY, + gridPadding, + ); + const positionedMap = arrayToMap(positioned); + + const nextElements = this.scene + .getElementsIncludingDeleted() + .map((el) => positionedMap.get(el.id) ?? initializedMap.get(el.id) ?? el); + + this.updateScene({ + appState: { + selectedElementIds: makeNextSelectedElementIds( + Object.fromEntries(positioned.map((el) => [el.id, true])), + this.state, + ), + }, + elements: nextElements, + captureUpdate: CaptureUpdateAction.IMMEDIATELY, + }); + + this.setState({}, () => { + // actionFinalize after all state values have been updated + this.actionManager.executeAction(actionFinalize); + }); + }; + private handleAppOnDrop = async (event: React.DragEvent) => { - // must be retrieved first, in the same frame - const { file, fileHandle } = await getFileFromEvent(event); const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords( event, this.state, ); - try { - // if image tool not supported, don't show an error here and let it fall - // through so we still support importing scene data from images. If no - // scene data encoded, we'll show an error then - if (isSupportedImageFile(file) && this.isToolSupported("image")) { - // first attempt to decode scene from the image if it's embedded - // --------------------------------------------------------------------- + // must be retrieved first, in the same frame + const filesData = await getFilesFromEvent(event); - if (file?.type === MIME_TYPES.png || file?.type === MIME_TYPES.svg) { - try { - const scene = await loadFromBlob( - file, - this.state, - this.scene.getElementsIncludingDeleted(), - fileHandle, - ); - this.syncActionResult({ - ...scene, - appState: { - ...(scene.appState || this.state), - isLoading: false, - }, - replaceFiles: true, - captureUpdate: CaptureUpdateAction.IMMEDIATELY, - }); - return; - } catch (error: any) { - // Don't throw for image scene daa - if (error.name !== "EncodingError") { - throw new Error(t("alerts.couldNotLoadInvalidFile")); - } + if (filesData.length === 1) { + const { file, fileHandle } = filesData[0]; + + if ( + file && + (file.type === MIME_TYPES.png || file.type === MIME_TYPES.svg) + ) { + try { + const scene = await loadFromBlob( + file, + this.state, + this.scene.getElementsIncludingDeleted(), + fileHandle, + ); + this.syncActionResult({ + ...scene, + appState: { + ...(scene.appState || this.state), + isLoading: false, + }, + replaceFiles: true, + captureUpdate: CaptureUpdateAction.IMMEDIATELY, + }); + return; + } catch (error: any) { + if (error.name !== "EncodingError") { + throw new Error(t("alerts.couldNotLoadInvalidFile")); } + // if EncodingError, fall through to insert as regular image } - - // if no scene is embedded or we fail for whatever reason, fall back - // to importing as regular image - // --------------------------------------------------------------------- - this.createImageElement({ sceneX, sceneY, imageFile: file }); - - return; } - } catch (error: any) { - return this.setState({ - isLoading: false, - errorMessage: error.message, - }); + } + + const imageFiles = filesData + .map((data) => data.file) + .filter((file): file is File => isSupportedImageFile(file)); + + if (imageFiles.length > 0 && this.isToolSupported("image")) { + return this.insertImages(imageFiles, sceneX, sceneY); } const libraryJSON = event.dataTransfer.getData(MIME_TYPES.excalidrawlib); @@ -10567,9 +10539,12 @@ class App extends React.Component { return; } - if (file) { - // Attempt to parse an excalidraw/excalidrawlib file - await this.loadFileToCanvas(file, fileHandle); + if (filesData.length > 0) { + const { file, fileHandle } = filesData[0]; + if (file) { + // Attempt to parse an excalidraw/excalidrawlib file + await this.loadFileToCanvas(file, fileHandle); + } } if (event.dataTransfer?.types?.includes("text/plain")) { diff --git a/packages/excalidraw/data/blob.ts b/packages/excalidraw/data/blob.ts index d990fd0500..dc65cf0d3b 100644 --- a/packages/excalidraw/data/blob.ts +++ b/packages/excalidraw/data/blob.ts @@ -18,6 +18,8 @@ import { CanvasError, ImageSceneDataError } from "../errors"; import { calculateScrollCenter } from "../scene"; import { decodeSvgBase64Payload } from "../scene/export"; +import { isClipboardEvent } from "../clipboard"; + import { base64ToString, stringToBase64, toByteString } from "./encode"; import { nativeFileSystemSupported } from "./filesystem"; import { isValidExcalidrawData, isValidLibrary } from "./json"; @@ -389,23 +391,54 @@ export const ImageURLToFile = async ( throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" }); }; -export const getFileFromEvent = async ( - event: React.DragEvent, +export const getFilesFromEvent = async ( + event: React.DragEvent | ClipboardEvent, ) => { - const file = event.dataTransfer.files.item(0); - const fileHandle = await getFileHandle(event); + let fileList: FileList | undefined = undefined; + let items: DataTransferItemList | undefined = undefined; - return { file: file ? await normalizeFile(file) : null, fileHandle }; + if (isClipboardEvent(event)) { + fileList = event.clipboardData?.files; + items = event.clipboardData?.items; + } else { + const dragEvent = event as React.DragEvent; + fileList = dragEvent.dataTransfer?.files; + items = dragEvent.dataTransfer?.items; + } + + const files: (File | null)[] = Array.from(fileList || []); + + return await Promise.all( + files.map(async (file, idx) => { + const dataTransferItem = items?.[idx]; + const fileHandle = dataTransferItem + ? getFileHandle(dataTransferItem) + : null; + return file + ? { + file: await normalizeFile(file), + fileHandle: await fileHandle, + } + : { + file: null, + fileHandle: null, + }; + }), + ); }; export const getFileHandle = async ( - event: React.DragEvent, + event: DragEvent | React.DragEvent | DataTransferItem, ): Promise => { if (nativeFileSystemSupported) { try { - const item = event.dataTransfer.items[0]; + const dataTransferItem = + event instanceof DataTransferItem + ? event + : (event as DragEvent).dataTransfer?.items?.[0]; + const handle: FileSystemHandle | null = - (await (item as any).getAsFileSystemHandle()) || null; + (await (dataTransferItem as any).getAsFileSystemHandle()) || null; return handle; } catch (error: any) { diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index c31b9ea7ce..dbe5e38584 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -12534,10 +12534,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on e "openMenu": null, "openPopup": null, "openSidebar": null, - "originSnapOffset": { - "x": 0, - "y": 0, - }, + "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, @@ -12759,6 +12756,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "searchMatches": null, "selectedElementIds": { "id0": true, + "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, @@ -12793,7 +12791,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "boundElements": null, "crop": null, "customData": undefined, - "fileId": "fileId", + "fileId": "id2", "fillStyle": "solid", "frameId": null, "groupIds": [], @@ -12816,16 +12814,53 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "strokeWidth": 2, "type": "image", "updated": 1, - "version": 5, + "version": 7, "width": 318, - "x": -159, + "x": -212, "y": "-167.50000", } `; -exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] number of elements 1`] = `1`; +exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] element 1 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "crop": null, + "customData": undefined, + "fileId": "id3", + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 77, + "id": "id1", + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "scale": [ + 1, + 1, + ], + "status": "pending", + "strokeColor": "transparent", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "image", + "updated": 1, + "version": 7, + "width": 56, + "x": 156, + "y": "-167.50000", +} +`; -exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] number of renders 1`] = `7`; +exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] number of elements 1`] = `2`; + +exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] number of renders 1`] = `8`; exports[`history > singleplayer undo/redo > should create new history entry on image drag&drop > [end of test] redo stack 1`] = `[]`; @@ -12837,6 +12872,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "deleted": { "selectedElementIds": { "id0": true, + "id1": true, }, }, "inserted": { @@ -12854,7 +12890,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "boundElements": null, "crop": null, "customData": undefined, - "fileId": "fileId", + "fileId": "id2", "fillStyle": "solid", "frameId": null, "groupIds": [], @@ -12875,20 +12911,58 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "strokeStyle": "solid", "strokeWidth": 2, "type": "image", - "version": 5, + "version": 7, "width": 318, - "x": -159, + "x": -212, "y": "-167.50000", }, "inserted": { "isDeleted": true, - "version": 4, + "version": 6, + }, + }, + "id1": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "crop": null, + "customData": undefined, + "fileId": "id3", + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 77, + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "scale": [ + 1, + 1, + ], + "status": "pending", + "strokeColor": "transparent", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "image", + "version": 7, + "width": 56, + "x": 156, + "y": "-167.50000", + }, + "inserted": { + "isDeleted": true, + "version": 6, }, }, }, "updated": {}, }, - "id": "id4", + "id": "id7", }, ] `; @@ -12964,10 +13038,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "openMenu": null, "openPopup": null, "openSidebar": null, - "originSnapOffset": { - "x": 0, - "y": 0, - }, + "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, @@ -12981,6 +13052,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "searchMatches": null, "selectedElementIds": { "id0": true, + "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, @@ -13015,11 +13087,11 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "boundElements": null, "crop": null, "customData": undefined, - "fileId": "fileId", + "fileId": "id2", "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": 77, + "height": 335, "id": "id0", "index": "a0", "isDeleted": false, @@ -13038,16 +13110,53 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "strokeWidth": 2, "type": "image", "updated": 1, - "version": 5, - "width": 56, - "x": -28, - "y": "-38.50000", + "version": 7, + "width": 318, + "x": -212, + "y": "-167.50000", } `; -exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] number of elements 1`] = `1`; +exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] element 1 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "crop": null, + "customData": undefined, + "fileId": "id3", + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 77, + "id": "id1", + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "scale": [ + 1, + 1, + ], + "status": "pending", + "strokeColor": "transparent", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "image", + "updated": 1, + "version": 7, + "width": 56, + "x": 156, + "y": "-167.50000", +} +`; -exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] number of renders 1`] = `7`; +exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] number of elements 1`] = `2`; + +exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] number of renders 1`] = `8`; exports[`history > singleplayer undo/redo > should create new history entry on image paste > [end of test] redo stack 1`] = `[]`; @@ -13059,6 +13168,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "deleted": { "selectedElementIds": { "id0": true, + "id1": true, }, }, "inserted": { @@ -13076,11 +13186,11 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "boundElements": null, "crop": null, "customData": undefined, - "fileId": "fileId", + "fileId": "id2", "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": 77, + "height": 335, "index": "a0", "isDeleted": false, "link": null, @@ -13097,20 +13207,58 @@ exports[`history > singleplayer undo/redo > should create new history entry on i "strokeStyle": "solid", "strokeWidth": 2, "type": "image", - "version": 5, - "width": 56, - "x": -28, - "y": "-38.50000", + "version": 7, + "width": 318, + "x": -212, + "y": "-167.50000", }, "inserted": { "isDeleted": true, - "version": 4, + "version": 6, + }, + }, + "id1": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "crop": null, + "customData": undefined, + "fileId": "id3", + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 77, + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "scale": [ + 1, + 1, + ], + "status": "pending", + "strokeColor": "transparent", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "image", + "version": 7, + "width": 56, + "x": 156, + "y": "-167.50000", + }, + "inserted": { + "isDeleted": true, + "version": 6, }, }, }, "updated": {}, }, - "id": "id4", + "id": "id7", }, ] `; diff --git a/packages/excalidraw/tests/fixtures/constants.ts b/packages/excalidraw/tests/fixtures/constants.ts new file mode 100644 index 0000000000..04a246fd02 --- /dev/null +++ b/packages/excalidraw/tests/fixtures/constants.ts @@ -0,0 +1,9 @@ +export const DEER_IMAGE_DIMENSIONS = { + width: 318, + height: 335, +}; + +export const SMILEY_IMAGE_DIMENSIONS = { + width: 56, + height: 77, +}; diff --git a/packages/excalidraw/tests/flip.test.tsx b/packages/excalidraw/tests/flip.test.tsx index e965a00686..7e175e6144 100644 --- a/packages/excalidraw/tests/flip.test.tsx +++ b/packages/excalidraw/tests/flip.test.tsx @@ -25,6 +25,7 @@ import { Excalidraw } from "../index"; // Importing to spy on it and mock the implementation (mocking does not work with simple vi.mock for some reason) import * as blobModule from "../data/blob"; +import { SMILEY_IMAGE_DIMENSIONS } from "./fixtures/constants"; import { API } from "./helpers/api"; import { UI, Pointer, Keyboard } from "./helpers/ui"; import { @@ -744,11 +745,6 @@ describe("freedraw", () => { //image //TODO: currently there is no test for pixel colors at flipped positions. describe("image", () => { - const smileyImageDimensions = { - width: 56, - height: 77, - }; - beforeEach(() => { // it's necessary to specify the height in order to calculate natural dimensions of the image h.state.height = 1000; @@ -756,8 +752,8 @@ describe("image", () => { beforeAll(() => { mockHTMLImageElement( - smileyImageDimensions.width, - smileyImageDimensions.height, + SMILEY_IMAGE_DIMENSIONS.width, + SMILEY_IMAGE_DIMENSIONS.height, ); }); diff --git a/packages/excalidraw/tests/helpers/api.ts b/packages/excalidraw/tests/helpers/api.ts index f378079534..2de2a2890f 100644 --- a/packages/excalidraw/tests/helpers/api.ts +++ b/packages/excalidraw/tests/helpers/api.ts @@ -478,33 +478,43 @@ export class API { }); }; - static drop = async (blob: Blob) => { + static drop = async (_blobs: Blob[] | Blob) => { + const blobs = Array.isArray(_blobs) ? _blobs : [_blobs]; const fileDropEvent = createEvent.drop(GlobalTestState.interactiveCanvas); - const text = await new Promise((resolve, reject) => { - try { - const reader = new FileReader(); - reader.onload = () => { - resolve(reader.result as string); - }; - reader.readAsText(blob); - } catch (error: any) { - reject(error); - } - }); + const texts = await Promise.all( + blobs.map( + (blob) => + new Promise((resolve, reject) => { + try { + const reader = new FileReader(); + reader.onload = () => { + resolve(reader.result as string); + }; + reader.readAsText(blob); + } catch (error: any) { + reject(error); + } + }), + ), + ); - const files = [blob] as File[] & { item: (index: number) => File }; + const files = blobs as File[] & { item: (index: number) => File }; files.item = (index: number) => files[index]; Object.defineProperty(fileDropEvent, "dataTransfer", { value: { files, getData: (type: string) => { - if (type === blob.type || type === "text") { - return text; + const idx = blobs.findIndex((b) => b.type === type); + if (idx >= 0) { + return texts[idx]; + } + if (type === "text") { + return texts.join("\n"); } return ""; }, - types: [blob.type], + types: Array.from(new Set(blobs.map((b) => b.type))), }, }); Object.defineProperty(fileDropEvent, "clientX", { @@ -513,7 +523,7 @@ export class API { Object.defineProperty(fileDropEvent, "clientY", { value: 0, }); - + await fireEvent(GlobalTestState.interactiveCanvas, fileDropEvent); }; diff --git a/packages/excalidraw/tests/helpers/constants.ts b/packages/excalidraw/tests/helpers/constants.ts new file mode 100644 index 0000000000..c12b8b8d83 --- /dev/null +++ b/packages/excalidraw/tests/helpers/constants.ts @@ -0,0 +1,6 @@ +export const INITIALIZED_IMAGE_PROPS = { + type: "image", + fileId: expect.any(String), + x: expect.toBeNonNaNNumber(), + y: expect.toBeNonNaNNumber(), +}; diff --git a/packages/excalidraw/tests/helpers/mocks.ts b/packages/excalidraw/tests/helpers/mocks.ts index e7fa629111..a2f3e8f3f4 100644 --- a/packages/excalidraw/tests/helpers/mocks.ts +++ b/packages/excalidraw/tests/helpers/mocks.ts @@ -58,3 +58,35 @@ export const mockHTMLImageElement = ( }, ); }; + +// Mocks for multiple HTMLImageElements (dimensions are assigned in the order of image initialization) +export const mockMultipleHTMLImageElements = ( + sizes: (readonly [number, number])[], +) => { + const _sizes = [...sizes]; + + vi.stubGlobal( + "Image", + class extends Image { + constructor() { + super(); + + const size = _sizes.shift(); + if (!size) { + throw new Error("Insufficient sizes"); + } + + Object.defineProperty(this, "naturalWidth", { + value: size[0], + }); + Object.defineProperty(this, "naturalHeight", { + value: size[1], + }); + + queueMicrotask(() => { + this.onload?.({} as Event); + }); + } + }, + ); +}; diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index 47d87ce6d0..ed9d5137a2 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -20,6 +20,7 @@ import { DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX, DEFAULT_ELEMENT_STROKE_COLOR_INDEX, reseed, + randomId, } from "@excalidraw/common"; import "@excalidraw/utils/test-utils"; @@ -58,9 +59,13 @@ import { createPasteEvent } from "../clipboard"; import * as blobModule from "../data/blob"; +import { + DEER_IMAGE_DIMENSIONS, + SMILEY_IMAGE_DIMENSIONS, +} from "./fixtures/constants"; import { API } from "./helpers/api"; import { Keyboard, Pointer, UI } from "./helpers/ui"; -import { mockHTMLImageElement } from "./helpers/mocks"; +import { INITIALIZED_IMAGE_PROPS } from "./helpers/constants"; import { GlobalTestState, act, @@ -71,6 +76,7 @@ import { checkpointHistory, unmountComponent, } from "./test-utils"; +import { setupImageTest as _setupImageTest } from "./image.test"; import type { AppState } from "../types"; @@ -123,7 +129,9 @@ describe("history", () => { const generateIdSpy = vi.spyOn(blobModule, "generateIdFromFile"); const resizeFileSpy = vi.spyOn(blobModule, "resizeImageFile"); - generateIdSpy.mockImplementation(() => Promise.resolve("fileId" as FileId)); + generateIdSpy.mockImplementation(() => + Promise.resolve(randomId() as FileId), + ); resizeFileSpy.mockImplementation((file: File) => Promise.resolve(file)); Object.assign(document, { @@ -612,80 +620,6 @@ describe("history", () => { ]); }); - it("should create new history entry on image drag&drop", async () => { - await render(); - - // it's necessary to specify the height in order to calculate natural dimensions of the image - h.state.height = 1000; - - const deerImageDimensions = { - width: 318, - height: 335, - }; - - mockHTMLImageElement( - deerImageDimensions.width, - deerImageDimensions.height, - ); - - await API.drop(await API.loadFile("./fixtures/deer.png")); - - await waitFor(() => { - expect(API.getUndoStack().length).toBe(1); - expect(API.getRedoStack().length).toBe(0); - expect(h.elements).toEqual([ - expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - ...deerImageDimensions, - }), - ]); - - // need to check that delta actually contains initialized image element (with fileId & natural dimensions) - expect( - Object.values(h.history.undoStack[0].elements.removed)[0].deleted, - ).toEqual( - expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - ...deerImageDimensions, - }), - ); - }); - - Keyboard.undo(); - expect(API.getUndoStack().length).toBe(0); - expect(API.getRedoStack().length).toBe(1); - expect(h.elements).toEqual([ - expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - isDeleted: true, - ...deerImageDimensions, - }), - ]); - - Keyboard.redo(); - expect(API.getUndoStack().length).toBe(1); - expect(API.getRedoStack().length).toBe(0); - expect(h.elements).toEqual([ - expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - isDeleted: false, - ...deerImageDimensions, - }), - ]); - }); - it("should create new history entry on embeddable link drag&drop", async () => { await render(); @@ -730,54 +664,29 @@ describe("history", () => { ]); }); - it("should create new history entry on image paste", async () => { - await render( - , - ); - - // it's necessary to specify the height in order to calculate natural dimensions of the image - h.state.height = 1000; - - const smileyImageDimensions = { - width: 56, - height: 77, - }; - - mockHTMLImageElement( - smileyImageDimensions.width, - smileyImageDimensions.height, - ); - - document.dispatchEvent( - createPasteEvent({ - files: [await API.loadFile("./fixtures/smiley_embedded_v2.png")], - }), - ); + const setupImageTest = () => + _setupImageTest([DEER_IMAGE_DIMENSIONS, SMILEY_IMAGE_DIMENSIONS]); + const assertImageTest = async () => { await waitFor(() => { expect(API.getUndoStack().length).toBe(1); expect(API.getRedoStack().length).toBe(0); - expect(h.elements).toEqual([ + + // need to check that delta actually contains initialized image elements (with fileId & natural dimensions) + expect( + Object.values(h.history.undoStack[0].elements.removed).map( + (val) => val.deleted, + ), + ).toEqual([ expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - ...smileyImageDimensions, + ...INITIALIZED_IMAGE_PROPS, + ...DEER_IMAGE_DIMENSIONS, + }), + expect.objectContaining({ + ...INITIALIZED_IMAGE_PROPS, + ...SMILEY_IMAGE_DIMENSIONS, }), ]); - // need to check that delta actually contains initialized image element (with fileId & natural dimensions) - expect( - Object.values(h.history.undoStack[0].elements.removed)[0].deleted, - ).toEqual( - expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), - ...smileyImageDimensions, - }), - ); }); Keyboard.undo(); @@ -785,12 +694,14 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(1); expect(h.elements).toEqual([ expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), + ...INITIALIZED_IMAGE_PROPS, isDeleted: true, - ...smileyImageDimensions, + ...DEER_IMAGE_DIMENSIONS, + }), + expect.objectContaining({ + ...INITIALIZED_IMAGE_PROPS, + isDeleted: true, + ...SMILEY_IMAGE_DIMENSIONS, }), ]); @@ -799,14 +710,44 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(0); expect(h.elements).toEqual([ expect.objectContaining({ - type: "image", - fileId: expect.any(String), - x: expect.toBeNonNaNNumber(), - y: expect.toBeNonNaNNumber(), + ...INITIALIZED_IMAGE_PROPS, isDeleted: false, - ...smileyImageDimensions, + ...DEER_IMAGE_DIMENSIONS, + }), + expect.objectContaining({ + ...INITIALIZED_IMAGE_PROPS, + isDeleted: false, + ...SMILEY_IMAGE_DIMENSIONS, }), ]); + }; + + it("should create new history entry on image drag&drop", async () => { + await setupImageTest(); + + await API.drop( + await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]), + ); + + await assertImageTest(); + }); + + it("should create new history entry on image paste", async () => { + await setupImageTest(); + + document.dispatchEvent( + createPasteEvent({ + files: await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]), + }), + ); + + await assertImageTest(); }); it("should create new history entry on embeddable link paste", async () => { diff --git a/packages/excalidraw/tests/image.test.tsx b/packages/excalidraw/tests/image.test.tsx new file mode 100644 index 0000000000..f9a372ed63 --- /dev/null +++ b/packages/excalidraw/tests/image.test.tsx @@ -0,0 +1,115 @@ +import { randomId, reseed } from "@excalidraw/common"; + +import type { FileId } from "@excalidraw/element/types"; + +import * as blobModule from "../data/blob"; +import * as filesystemModule from "../data/filesystem"; +import { Excalidraw } from "../index"; +import { createPasteEvent } from "../clipboard"; + +import { API } from "./helpers/api"; +import { mockMultipleHTMLImageElements } from "./helpers/mocks"; +import { UI } from "./helpers/ui"; +import { GlobalTestState, render, waitFor } from "./test-utils"; +import { + DEER_IMAGE_DIMENSIONS, + SMILEY_IMAGE_DIMENSIONS, +} from "./fixtures/constants"; +import { INITIALIZED_IMAGE_PROPS } from "./helpers/constants"; + +const { h } = window; + +export const setupImageTest = async ( + sizes: { width: number; height: number }[], +) => { + await render(); + + h.state.height = 1000; + + mockMultipleHTMLImageElements(sizes.map((size) => [size.width, size.height])); +}; + +describe("image insertion", () => { + beforeEach(() => { + vi.clearAllMocks(); + vi.unstubAllGlobals(); + + reseed(7); + + const generateIdSpy = vi.spyOn(blobModule, "generateIdFromFile"); + const resizeFileSpy = vi.spyOn(blobModule, "resizeImageFile"); + + generateIdSpy.mockImplementation(() => + Promise.resolve(randomId() as FileId), + ); + resizeFileSpy.mockImplementation((file: File) => Promise.resolve(file)); + + Object.assign(document, { + elementFromPoint: () => GlobalTestState.canvas, + }); + }); + + const setup = () => + setupImageTest([DEER_IMAGE_DIMENSIONS, SMILEY_IMAGE_DIMENSIONS]); + + const assert = async () => { + await waitFor(() => { + expect(h.elements).toEqual([ + expect.objectContaining({ + ...INITIALIZED_IMAGE_PROPS, + ...DEER_IMAGE_DIMENSIONS, + }), + expect.objectContaining({ + ...INITIALIZED_IMAGE_PROPS, + ...SMILEY_IMAGE_DIMENSIONS, + }), + ]); + }); + // Not placed on top of each other + const dimensionsSet = new Set(h.elements.map((el) => `${el.x}-${el.y}`)); + expect(dimensionsSet.size).toEqual(h.elements.length); + }; + + it("should eventually initialize all dropped images", async () => { + await setup(); + + const files = await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]); + await API.drop(files); + + await assert(); + }); + + it("should eventually initialize all pasted images", async () => { + await setup(); + + document.dispatchEvent( + createPasteEvent({ + files: await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]), + }), + ); + + await assert(); + }); + + it("should eventually initialize all images added through image tool", async () => { + await setup(); + + const fileOpenSpy = vi.spyOn(filesystemModule, "fileOpen"); + fileOpenSpy.mockImplementation( + async () => + await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]), + ); + UI.clickTool("image"); + + await assert(); + }); +}); From b9d27d308ead33419ebada746933b6081ebe88ad Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sat, 6 Sep 2025 22:51:23 +0200 Subject: [PATCH 018/176] fix: pasting not working in firefox (#9947) --- packages/common/src/constants.ts | 6 +- packages/excalidraw/clipboard.test.ts | 149 ++++++++------- packages/excalidraw/clipboard.ts | 171 ++++++++++++++++-- packages/excalidraw/components/App.tsx | 50 +++-- packages/excalidraw/data/blob.ts | 40 +--- .../tests/__snapshots__/history.test.tsx.snap | 2 +- packages/excalidraw/tests/appState.test.tsx | 31 ++-- packages/excalidraw/tests/export.test.tsx | 30 ++- packages/excalidraw/tests/helpers/api.ts | 58 +++--- .../excalidraw/tests/helpers/polyfills.ts | 25 +-- packages/excalidraw/tests/history.test.tsx | 56 +++--- packages/excalidraw/tests/image.test.tsx | 2 +- packages/excalidraw/tests/library.test.tsx | 71 ++++---- packages/excalidraw/wysiwyg/textWysiwyg.tsx | 15 +- 14 files changed, 445 insertions(+), 261 deletions(-) diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index aef2fda9f5..88a1027720 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -259,13 +259,17 @@ export const IMAGE_MIME_TYPES = { jfif: "image/jfif", } as const; -export const MIME_TYPES = { +export const STRING_MIME_TYPES = { text: "text/plain", html: "text/html", json: "application/json", // excalidraw data excalidraw: "application/vnd.excalidraw+json", excalidrawlib: "application/vnd.excalidrawlib+json", +} as const; + +export const MIME_TYPES = { + ...STRING_MIME_TYPES, // image-encoded excalidraw data "excalidraw.svg": "image/svg+xml", "excalidraw.png": "image/png", diff --git a/packages/excalidraw/clipboard.test.ts b/packages/excalidraw/clipboard.test.ts index 770bcc90e7..2115c3eff2 100644 --- a/packages/excalidraw/clipboard.test.ts +++ b/packages/excalidraw/clipboard.test.ts @@ -1,6 +1,7 @@ import { createPasteEvent, parseClipboard, + parseDataTransferEvent, serializeAsClipboardJSON, } from "./clipboard"; import { API } from "./tests/helpers/api"; @@ -13,7 +14,9 @@ describe("parseClipboard()", () => { text = "123"; clipboardData = await parseClipboard( - createPasteEvent({ types: { "text/plain": text } }), + await parseDataTransferEvent( + createPasteEvent({ types: { "text/plain": text } }), + ), ); expect(clipboardData.text).toBe(text); @@ -21,7 +24,9 @@ describe("parseClipboard()", () => { text = "[123]"; clipboardData = await parseClipboard( - createPasteEvent({ types: { "text/plain": text } }), + await parseDataTransferEvent( + createPasteEvent({ types: { "text/plain": text } }), + ), ); expect(clipboardData.text).toBe(text); @@ -29,7 +34,9 @@ describe("parseClipboard()", () => { text = JSON.stringify({ val: 42 }); clipboardData = await parseClipboard( - createPasteEvent({ types: { "text/plain": text } }), + await parseDataTransferEvent( + createPasteEvent({ types: { "text/plain": text } }), + ), ); expect(clipboardData.text).toBe(text); }); @@ -39,11 +46,13 @@ describe("parseClipboard()", () => { const json = serializeAsClipboardJSON({ elements: [rect], files: null }); const clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/plain": json, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/plain": json, + }, + }), + ), ); expect(clipboardData.elements).toEqual([rect]); }); @@ -56,21 +65,25 @@ describe("parseClipboard()", () => { // ------------------------------------------------------------------------- json = serializeAsClipboardJSON({ elements: [rect], files: null }); clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": json, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": json, + }, + }), + ), ); expect(clipboardData.elements).toEqual([rect]); // ------------------------------------------------------------------------- json = serializeAsClipboardJSON({ elements: [rect], files: null }); clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": `
${json}
`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": `
${json}
`, + }, + }), + ), ); expect(clipboardData.elements).toEqual([rect]); // ------------------------------------------------------------------------- @@ -80,11 +93,13 @@ describe("parseClipboard()", () => { let clipboardData; // ------------------------------------------------------------------------- clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": ``, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": ``, + }, + }), + ), ); expect(clipboardData.mixedContent).toEqual([ { @@ -94,11 +109,13 @@ describe("parseClipboard()", () => { ]); // ------------------------------------------------------------------------- clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": `
`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": `
`, + }, + }), + ), ); expect(clipboardData.mixedContent).toEqual([ { @@ -114,11 +131,13 @@ describe("parseClipboard()", () => { it("should parse text content alongside `src` urls out of text/html", async () => { const clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": `hello
my friend!`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": `hello
my friend!`, + }, + }), + ), ); expect(clipboardData.mixedContent).toEqual([ { @@ -141,14 +160,16 @@ describe("parseClipboard()", () => { let clipboardData; // ------------------------------------------------------------------------- clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/plain": `a b - 1 2 - 4 5 - 7 10`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/plain": `a b + 1 2 + 4 5 + 7 10`, + }, + }), + ), ); expect(clipboardData.spreadsheet).toEqual({ title: "b", @@ -157,14 +178,16 @@ describe("parseClipboard()", () => { }); // ------------------------------------------------------------------------- clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": `a b - 1 2 - 4 5 - 7 10`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": `a b + 1 2 + 4 5 + 7 10`, + }, + }), + ), ); expect(clipboardData.spreadsheet).toEqual({ title: "b", @@ -173,19 +196,21 @@ describe("parseClipboard()", () => { }); // ------------------------------------------------------------------------- clipboardData = await parseClipboard( - createPasteEvent({ - types: { - "text/html": ` - -
ab
12
45
710
- - `, - "text/plain": `a b - 1 2 - 4 5 - 7 10`, - }, - }), + await parseDataTransferEvent( + createPasteEvent({ + types: { + "text/html": ` + +
ab
12
45
710
+ + `, + "text/plain": `a b + 1 2 + 4 5 + 7 10`, + }, + }), + ), ); expect(clipboardData.spreadsheet).toEqual({ title: "b", diff --git a/packages/excalidraw/clipboard.ts b/packages/excalidraw/clipboard.ts index ceaee38c80..9eb1014223 100644 --- a/packages/excalidraw/clipboard.ts +++ b/packages/excalidraw/clipboard.ts @@ -17,15 +17,25 @@ import { import { getContainingFrame } from "@excalidraw/element"; +import type { ValueOf } from "@excalidraw/common/utility-types"; + +import type { IMAGE_MIME_TYPES, STRING_MIME_TYPES } from "@excalidraw/common"; import type { ExcalidrawElement, NonDeletedExcalidrawElement, } from "@excalidraw/element/types"; import { ExcalidrawError } from "./errors"; -import { createFile, isSupportedImageFileType } from "./data/blob"; +import { + createFile, + getFileHandle, + isSupportedImageFileType, +} from "./data/blob"; + import { tryParseSpreadsheet, VALID_SPREADSHEET } from "./charts"; +import type { FileSystemHandle } from "./data/filesystem"; + import type { Spreadsheet } from "./charts"; import type { BinaryFiles } from "./types"; @@ -102,10 +112,11 @@ export const createPasteEvent = ({ if (typeof value !== "string") { files = files || []; files.push(value); + event.clipboardData?.items.add(value); continue; } try { - event.clipboardData?.setData(type, value); + event.clipboardData?.items.add(value, type); if (event.clipboardData?.getData(type) !== value) { throw new Error(`Failed to set "${type}" as clipboardData item`); } @@ -230,14 +241,10 @@ function parseHTMLTree(el: ChildNode) { return result; } -const maybeParseHTMLPaste = ( - event: ClipboardEvent, +const maybeParseHTMLDataItem = ( + dataItem: ParsedDataTransferItemType, ): { type: "mixedContent"; value: PastedMixedContent } | null => { - const html = event.clipboardData?.getData(MIME_TYPES.html); - - if (!html) { - return null; - } + const html = dataItem.value; try { const doc = new DOMParser().parseFromString(html, MIME_TYPES.html); @@ -333,18 +340,21 @@ export const readSystemClipboard = async () => { * Parses "paste" ClipboardEvent. */ const parseClipboardEventTextData = async ( - event: ClipboardEvent, + dataList: ParsedDataTranferList, isPlainPaste = false, ): Promise => { try { - const mixedContent = !isPlainPaste && event && maybeParseHTMLPaste(event); + const htmlItem = dataList.findByType(MIME_TYPES.html); + + const mixedContent = + !isPlainPaste && htmlItem && maybeParseHTMLDataItem(htmlItem); if (mixedContent) { if (mixedContent.value.every((item) => item.type === "text")) { return { type: "text", value: - event.clipboardData?.getData(MIME_TYPES.text) || + dataList.getData(MIME_TYPES.text) ?? mixedContent.value .map((item) => item.value) .join("\n") @@ -355,23 +365,150 @@ const parseClipboardEventTextData = async ( return mixedContent; } - const text = event.clipboardData?.getData(MIME_TYPES.text); - - return { type: "text", value: (text || "").trim() }; + return { + type: "text", + value: (dataList.getData(MIME_TYPES.text) || "").trim(), + }; } catch { return { type: "text", value: "" }; } }; +type AllowedParsedDataTransferItem = + | { + type: ValueOf; + kind: "file"; + file: File; + fileHandle: FileSystemHandle | null; + } + | { type: ValueOf; kind: "string"; value: string }; + +type ParsedDataTransferItem = + | { + type: string; + kind: "file"; + file: File; + fileHandle: FileSystemHandle | null; + } + | { type: string; kind: "string"; value: string }; + +type ParsedDataTransferItemType< + T extends AllowedParsedDataTransferItem["type"], +> = AllowedParsedDataTransferItem & { type: T }; + +export type ParsedDataTransferFile = Extract< + AllowedParsedDataTransferItem, + { kind: "file" } +>; + +type ParsedDataTranferList = ParsedDataTransferItem[] & { + /** + * Only allows filtering by known `string` data types, since `file` + * types can have multiple items of the same type (e.g. multiple image files) + * unlike `string` data transfer items. + */ + findByType: typeof findDataTransferItemType; + /** + * Only allows filtering by known `string` data types, since `file` + * types can have multiple items of the same type (e.g. multiple image files) + * unlike `string` data transfer items. + */ + getData: typeof getDataTransferItemData; + getFiles: typeof getDataTransferFiles; +}; + +const findDataTransferItemType = function < + T extends ValueOf, +>(this: ParsedDataTranferList, type: T): ParsedDataTransferItemType | null { + return ( + this.find( + (item): item is ParsedDataTransferItemType => item.type === type, + ) || null + ); +}; +const getDataTransferItemData = function < + T extends ValueOf, +>( + this: ParsedDataTranferList, + type: T, +): + | ParsedDataTransferItemType>["value"] + | null { + const item = this.find( + ( + item, + ): item is ParsedDataTransferItemType> => + item.type === type, + ); + + return item?.value ?? null; +}; + +const getDataTransferFiles = function ( + this: ParsedDataTranferList, +): ParsedDataTransferFile[] { + return this.filter( + (item): item is ParsedDataTransferFile => item.kind === "file", + ); +}; + +export const parseDataTransferEvent = async ( + event: ClipboardEvent | DragEvent | React.DragEvent, +): Promise => { + let items: DataTransferItemList | undefined = undefined; + + if (isClipboardEvent(event)) { + items = event.clipboardData?.items; + } else { + const dragEvent = event; + items = dragEvent.dataTransfer?.items; + } + + const dataItems = ( + await Promise.all( + Array.from(items || []).map( + async (item): Promise => { + if (item.kind === "file") { + const file = item.getAsFile(); + if (file) { + const fileHandle = await getFileHandle(item); + return { type: file.type, kind: "file", file, fileHandle }; + } + } else if (item.kind === "string") { + const { type } = item; + let value: string; + if ("clipboardData" in event && event.clipboardData) { + value = event.clipboardData?.getData(type); + } else { + value = await new Promise((resolve) => { + item.getAsString((str) => resolve(str)); + }); + } + return { type, kind: "string", value }; + } + + return null; + }, + ), + ) + ).filter((data): data is ParsedDataTransferItem => data != null); + + return Object.assign(dataItems, { + findByType: findDataTransferItemType, + getData: getDataTransferItemData, + getFiles: getDataTransferFiles, + }); +}; + /** * Attempts to parse clipboard event. */ export const parseClipboard = async ( - event: ClipboardEvent, + dataList: ParsedDataTranferList, isPlainPaste = false, ): Promise => { const parsedEventData = await parseClipboardEventTextData( - event, + dataList, isPlainPaste, ); diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index bf838b1c39..788600749d 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -324,7 +324,13 @@ import { isEraserActive, isHandToolActive, } from "../appState"; -import { copyTextToSystemClipboard, parseClipboard } from "../clipboard"; +import { + copyTextToSystemClipboard, + parseClipboard, + parseDataTransferEvent, + type ParsedDataTransferFile, +} from "../clipboard"; + import { exportCanvas, loadFromBlob } from "../data"; import Library, { distributeLibraryItemsOnSquareGrid } from "../data/library"; import { restore, restoreElements } from "../data/restore"; @@ -346,7 +352,6 @@ import { generateIdFromFile, getDataURL, getDataURL_sync, - getFilesFromEvent, ImageURLToFile, isImageFileHandle, isSupportedImageFile, @@ -3070,7 +3075,7 @@ class App extends React.Component { // TODO: Cover with tests private async insertClipboardContent( data: ClipboardData, - filesData: Awaited>, + dataTransferFiles: ParsedDataTransferFile[], isPlainPaste: boolean, ) { const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords( @@ -3088,7 +3093,7 @@ class App extends React.Component { } // ------------------- Mixed content with no files ------------------- - if (filesData.length === 0 && !isPlainPaste && data.mixedContent) { + if (dataTransferFiles.length === 0 && !isPlainPaste && data.mixedContent) { await this.addElementsFromMixedContentPaste(data.mixedContent, { isPlainPaste, sceneX, @@ -3109,9 +3114,7 @@ class App extends React.Component { } // ------------------- Images or SVG code ------------------- - const imageFiles = filesData - .map((data) => data.file) - .filter((file): file is File => isSupportedImageFile(file)); + const imageFiles = dataTransferFiles.map((data) => data.file); if (imageFiles.length === 0 && data.text && !isPlainPaste) { const trimmedText = data.text.trim(); @@ -3256,8 +3259,11 @@ class App extends React.Component { // must be called in the same frame (thus before any awaits) as the paste // event else some browsers (FF...) will clear the clipboardData // (something something security) - const filesData = await getFilesFromEvent(event); - const data = await parseClipboard(event, isPlainPaste); + const dataTransferList = await parseDataTransferEvent(event); + + const filesList = dataTransferList.getFiles(); + + const data = await parseClipboard(dataTransferList, isPlainPaste); if (this.props.onPaste) { try { @@ -3269,7 +3275,8 @@ class App extends React.Component { } } - await this.insertClipboardContent(data, filesData, isPlainPaste); + await this.insertClipboardContent(data, filesList, isPlainPaste); + this.setActiveTool({ type: this.defaultSelectionTool }, true); event?.preventDefault(); }, @@ -10479,12 +10486,13 @@ class App extends React.Component { event, this.state, ); + const dataTransferList = await parseDataTransferEvent(event); // must be retrieved first, in the same frame - const filesData = await getFilesFromEvent(event); + const fileItems = dataTransferList.getFiles(); - if (filesData.length === 1) { - const { file, fileHandle } = filesData[0]; + if (fileItems.length === 1) { + const { file, fileHandle } = fileItems[0]; if ( file && @@ -10516,15 +10524,15 @@ class App extends React.Component { } } - const imageFiles = filesData + const imageFiles = fileItems .map((data) => data.file) - .filter((file): file is File => isSupportedImageFile(file)); + .filter((file) => isSupportedImageFile(file)); if (imageFiles.length > 0 && this.isToolSupported("image")) { return this.insertImages(imageFiles, sceneX, sceneY); } - const libraryJSON = event.dataTransfer.getData(MIME_TYPES.excalidrawlib); + const libraryJSON = dataTransferList.getData(MIME_TYPES.excalidrawlib); if (libraryJSON && typeof libraryJSON === "string") { try { const libraryItems = parseLibraryJSON(libraryJSON); @@ -10539,16 +10547,18 @@ class App extends React.Component { return; } - if (filesData.length > 0) { - const { file, fileHandle } = filesData[0]; + if (fileItems.length > 0) { + const { file, fileHandle } = fileItems[0]; if (file) { // Attempt to parse an excalidraw/excalidrawlib file await this.loadFileToCanvas(file, fileHandle); } } - if (event.dataTransfer?.types?.includes("text/plain")) { - const text = event.dataTransfer?.getData("text"); + const textItem = dataTransferList.findByType(MIME_TYPES.text); + + if (textItem) { + const text = textItem.value; if ( text && embeddableURLValidator(text, this.props.validateEmbeddable) && diff --git a/packages/excalidraw/data/blob.ts b/packages/excalidraw/data/blob.ts index dc65cf0d3b..2b6829a938 100644 --- a/packages/excalidraw/data/blob.ts +++ b/packages/excalidraw/data/blob.ts @@ -18,8 +18,6 @@ import { CanvasError, ImageSceneDataError } from "../errors"; import { calculateScrollCenter } from "../scene"; import { decodeSvgBase64Payload } from "../scene/export"; -import { isClipboardEvent } from "../clipboard"; - import { base64ToString, stringToBase64, toByteString } from "./encode"; import { nativeFileSystemSupported } from "./filesystem"; import { isValidExcalidrawData, isValidLibrary } from "./json"; @@ -98,6 +96,8 @@ export const getMimeType = (blob: Blob | string): string => { return MIME_TYPES.jpg; } else if (/\.svg$/.test(name)) { return MIME_TYPES.svg; + } else if (/\.excalidrawlib$/.test(name)) { + return MIME_TYPES.excalidrawlib; } return ""; }; @@ -391,42 +391,6 @@ export const ImageURLToFile = async ( throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" }); }; -export const getFilesFromEvent = async ( - event: React.DragEvent | ClipboardEvent, -) => { - let fileList: FileList | undefined = undefined; - let items: DataTransferItemList | undefined = undefined; - - if (isClipboardEvent(event)) { - fileList = event.clipboardData?.files; - items = event.clipboardData?.items; - } else { - const dragEvent = event as React.DragEvent; - fileList = dragEvent.dataTransfer?.files; - items = dragEvent.dataTransfer?.items; - } - - const files: (File | null)[] = Array.from(fileList || []); - - return await Promise.all( - files.map(async (file, idx) => { - const dataTransferItem = items?.[idx]; - const fileHandle = dataTransferItem - ? getFileHandle(dataTransferItem) - : null; - return file - ? { - file: await normalizeFile(file), - fileHandle: await fileHandle, - } - : { - file: null, - fileHandle: null, - }; - }), - ); -}; - export const getFileHandle = async ( event: DragEvent | React.DragEvent | DataTransferItem, ): Promise => { diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index dbe5e38584..c2284567ce 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -12291,7 +12291,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on e "editingGroupId": null, "editingTextElement": null, "elementsToHighlight": null, - "errorMessage": "Couldn't load invalid file", + "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, diff --git a/packages/excalidraw/tests/appState.test.tsx b/packages/excalidraw/tests/appState.test.tsx index abb7ac1762..39b3f238a2 100644 --- a/packages/excalidraw/tests/appState.test.tsx +++ b/packages/excalidraw/tests/appState.test.tsx @@ -35,20 +35,23 @@ describe("appState", () => { expect(h.state.viewBackgroundColor).toBe("#F00"); }); - await API.drop( - new Blob( - [ - JSON.stringify({ - type: EXPORT_DATA_TYPES.excalidraw, - appState: { - viewBackgroundColor: "#000", - }, - elements: [API.createElement({ type: "rectangle", id: "A" })], - }), - ], - { type: MIME_TYPES.json }, - ), - ); + await API.drop([ + { + kind: "file", + file: new Blob( + [ + JSON.stringify({ + type: EXPORT_DATA_TYPES.excalidraw, + appState: { + viewBackgroundColor: "#000", + }, + elements: [API.createElement({ type: "rectangle", id: "A" })], + }), + ], + { type: MIME_TYPES.json }, + ), + }, + ]); await waitFor(() => { expect(h.elements).toEqual([expect.objectContaining({ id: "A" })]); diff --git a/packages/excalidraw/tests/export.test.tsx b/packages/excalidraw/tests/export.test.tsx index a42e56b90c..365db0c6b1 100644 --- a/packages/excalidraw/tests/export.test.tsx +++ b/packages/excalidraw/tests/export.test.tsx @@ -57,7 +57,7 @@ describe("export", () => { blob: pngBlob, metadata: serializeAsJSON(testElements, h.state, {}, "local"), }); - await API.drop(pngBlobEmbedded); + await API.drop([{ kind: "file", file: pngBlobEmbedded }]); await waitFor(() => { expect(h.elements).toEqual([ @@ -94,7 +94,12 @@ describe("export", () => { }); it("import embedded png (legacy v1)", async () => { - await API.drop(await API.loadFile("./fixtures/test_embedded_v1.png")); + await API.drop([ + { + kind: "file", + file: await API.loadFile("./fixtures/test_embedded_v1.png"), + }, + ]); await waitFor(() => { expect(h.elements).toEqual([ expect.objectContaining({ type: "text", text: "test" }), @@ -103,7 +108,12 @@ describe("export", () => { }); it("import embedded png (v2)", async () => { - await API.drop(await API.loadFile("./fixtures/smiley_embedded_v2.png")); + await API.drop([ + { + kind: "file", + file: await API.loadFile("./fixtures/smiley_embedded_v2.png"), + }, + ]); await waitFor(() => { expect(h.elements).toEqual([ expect.objectContaining({ type: "text", text: "😀" }), @@ -112,7 +122,12 @@ describe("export", () => { }); it("import embedded svg (legacy v1)", async () => { - await API.drop(await API.loadFile("./fixtures/test_embedded_v1.svg")); + await API.drop([ + { + kind: "file", + file: await API.loadFile("./fixtures/test_embedded_v1.svg"), + }, + ]); await waitFor(() => { expect(h.elements).toEqual([ expect.objectContaining({ type: "text", text: "test" }), @@ -121,7 +136,12 @@ describe("export", () => { }); it("import embedded svg (v2)", async () => { - await API.drop(await API.loadFile("./fixtures/smiley_embedded_v2.svg")); + await API.drop([ + { + kind: "file", + file: await API.loadFile("./fixtures/smiley_embedded_v2.svg"), + }, + ]); await waitFor(() => { expect(h.elements).toEqual([ expect.objectContaining({ type: "text", text: "😀" }), diff --git a/packages/excalidraw/tests/helpers/api.ts b/packages/excalidraw/tests/helpers/api.ts index 2de2a2890f..68b0813160 100644 --- a/packages/excalidraw/tests/helpers/api.ts +++ b/packages/excalidraw/tests/helpers/api.ts @@ -478,43 +478,43 @@ export class API { }); }; - static drop = async (_blobs: Blob[] | Blob) => { - const blobs = Array.isArray(_blobs) ? _blobs : [_blobs]; - const fileDropEvent = createEvent.drop(GlobalTestState.interactiveCanvas); - const texts = await Promise.all( - blobs.map( - (blob) => - new Promise((resolve, reject) => { - try { - const reader = new FileReader(); - reader.onload = () => { - resolve(reader.result as string); - }; - reader.readAsText(blob); - } catch (error: any) { - reject(error); - } - }), - ), - ); + static drop = async (items: ({kind: "string", value: string, type: string} | {kind: "file", file: File | Blob, type?: string })[]) => { - const files = blobs as File[] & { item: (index: number) => File }; + const fileDropEvent = createEvent.drop(GlobalTestState.interactiveCanvas); + + const dataTransferFileItems = items.filter(i => i.kind === "file") as {kind: "file", file: File | Blob, type: string }[]; + + const files = dataTransferFileItems.map(item => item.file) as File[] & { item: (index: number) => File }; + // https://developer.mozilla.org/en-US/docs/Web/API/FileList/item files.item = (index: number) => files[index]; Object.defineProperty(fileDropEvent, "dataTransfer", { value: { + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/files files, + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items + items: items.map((item, idx) => { + if (item.kind === "string") { + return { + kind: "string", + type: item.type, + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/getAsString + getAsString: (cb: (text: string) => any) => cb(item.value), + }; + } + return { + kind: "file", + type: item.type || item.file.type, + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/getAsFile + getAsFile: () => item.file, + }; + }), + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/getData getData: (type: string) => { - const idx = blobs.findIndex((b) => b.type === type); - if (idx >= 0) { - return texts[idx]; - } - if (type === "text") { - return texts.join("\n"); - } - return ""; + return items.find((item) => item.type === "string" && item.type === type) || ""; }, - types: Array.from(new Set(blobs.map((b) => b.type))), + // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/types + types: Array.from(new Set(items.map((item) => item.kind === "file" ? "Files" : item.type))), }, }); Object.defineProperty(fileDropEvent, "clientX", { diff --git a/packages/excalidraw/tests/helpers/polyfills.ts b/packages/excalidraw/tests/helpers/polyfills.ts index 967e8d4e82..d02c7290be 100644 --- a/packages/excalidraw/tests/helpers/polyfills.ts +++ b/packages/excalidraw/tests/helpers/polyfills.ts @@ -47,42 +47,43 @@ class DataTransferItem { } } -class DataTransferList { - items: DataTransferItem[] = []; - +class DataTransferItemList extends Array { add(data: string | File, type: string = ""): void { if (typeof data === "string") { - this.items.push(new DataTransferItem("string", type, data)); + this.push(new DataTransferItem("string", type, data)); } else if (data instanceof File) { - this.items.push(new DataTransferItem("file", type, data)); + this.push(new DataTransferItem("file", type, data)); } } clear(): void { - this.items = []; + this.clear(); } } class DataTransfer { - public items: DataTransferList = new DataTransferList(); - private _types: Record = {}; + public items: DataTransferItemList = new DataTransferItemList(); get files() { - return this.items.items + return this.items .filter((item) => item.kind === "file") .map((item) => item.getAsFile()!); } add(data: string | File, type: string = ""): void { - this.items.add(data, type); + if (typeof data === "string") { + this.items.add(data, type); + } else { + this.items.add(data); + } } setData(type: string, value: string) { - this._types[type] = value; + this.items.add(value, type); } getData(type: string) { - return this._types[type] || ""; + return this.items.find((item) => item.type === type)?.data || ""; } } diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index ed9d5137a2..aca5530d4c 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -568,21 +568,24 @@ describe("history", () => { expect(h.elements).toEqual([expect.objectContaining({ id: "A" })]), ); - await API.drop( - new Blob( - [ - JSON.stringify({ - type: EXPORT_DATA_TYPES.excalidraw, - appState: { - ...getDefaultAppState(), - viewBackgroundColor: "#000", - }, - elements: [API.createElement({ type: "rectangle", id: "B" })], - }), - ], - { type: MIME_TYPES.json }, - ), - ); + await API.drop([ + { + kind: "file", + file: new Blob( + [ + JSON.stringify({ + type: EXPORT_DATA_TYPES.excalidraw, + appState: { + ...getDefaultAppState(), + viewBackgroundColor: "#000", + }, + elements: [API.createElement({ type: "rectangle", id: "B" })], + }), + ], + { type: MIME_TYPES.json }, + ), + }, + ]); await waitFor(() => expect(API.getUndoStack().length).toBe(1)); expect(h.state.viewBackgroundColor).toBe("#000"); @@ -624,11 +627,13 @@ describe("history", () => { await render(); const link = "https://www.youtube.com/watch?v=gkGMXY0wekg"; - await API.drop( - new Blob([link], { + await API.drop([ + { + kind: "string", + value: link, type: MIME_TYPES.text, - }), - ); + }, + ]); await waitFor(() => { expect(API.getUndoStack().length).toBe(1); @@ -726,10 +731,15 @@ describe("history", () => { await setupImageTest(); await API.drop( - await Promise.all([ - API.loadFile("./fixtures/deer.png"), - API.loadFile("./fixtures/smiley.png"), - ]), + ( + await Promise.all([ + API.loadFile("./fixtures/deer.png"), + API.loadFile("./fixtures/smiley.png"), + ]) + ).map((file) => ({ + kind: "file", + file, + })), ); await assertImageTest(); diff --git a/packages/excalidraw/tests/image.test.tsx b/packages/excalidraw/tests/image.test.tsx index f9a372ed63..23b4fda6fc 100644 --- a/packages/excalidraw/tests/image.test.tsx +++ b/packages/excalidraw/tests/image.test.tsx @@ -77,7 +77,7 @@ describe("image insertion", () => { API.loadFile("./fixtures/deer.png"), API.loadFile("./fixtures/smiley.png"), ]); - await API.drop(files); + await API.drop(files.map((file) => ({ kind: "file", file }))); await assert(); }); diff --git a/packages/excalidraw/tests/library.test.tsx b/packages/excalidraw/tests/library.test.tsx index 1c9b7a53ac..f1c0f0a457 100644 --- a/packages/excalidraw/tests/library.test.tsx +++ b/packages/excalidraw/tests/library.test.tsx @@ -56,9 +56,13 @@ describe("library", () => { it("import library via drag&drop", async () => { expect(await h.app.library.getLatestLibrary()).toEqual([]); - await API.drop( - await API.loadFile("./fixtures/fixture_library.excalidrawlib"), - ); + await API.drop([ + { + kind: "file", + type: MIME_TYPES.excalidrawlib, + file: await API.loadFile("./fixtures/fixture_library.excalidrawlib"), + }, + ]); await waitFor(async () => { expect(await h.app.library.getLatestLibrary()).toEqual([ { @@ -75,11 +79,13 @@ describe("library", () => { it("drop library item onto canvas", async () => { expect(h.elements).toEqual([]); const libraryItems = parseLibraryJSON(await libraryJSONPromise); - await API.drop( - new Blob([serializeLibraryAsJSON(libraryItems)], { + await API.drop([ + { + kind: "string", + value: serializeLibraryAsJSON(libraryItems), type: MIME_TYPES.excalidrawlib, - }), - ); + }, + ]); await waitFor(() => { expect(h.elements).toEqual([expect.objectContaining({ [ORIG_ID]: "A" })]); }); @@ -111,23 +117,20 @@ describe("library", () => { }, }); - await API.drop( - new Blob( - [ - serializeLibraryAsJSON([ - { - id: "item1", - status: "published", - elements: [rectangle, text, arrow], - created: 1, - }, - ]), - ], - { - type: MIME_TYPES.excalidrawlib, - }, - ), - ); + await API.drop([ + { + kind: "string", + value: serializeLibraryAsJSON([ + { + id: "item1", + status: "published", + elements: [rectangle, text, arrow], + created: 1, + }, + ]), + type: MIME_TYPES.excalidrawlib, + }, + ]); await waitFor(() => { expect(h.elements).toEqual( @@ -170,11 +173,13 @@ describe("library", () => { created: 1, }; - await API.drop( - new Blob([serializeLibraryAsJSON([item1, item1])], { + await API.drop([ + { + kind: "string", + value: serializeLibraryAsJSON([item1, item1]), type: MIME_TYPES.excalidrawlib, - }), - ); + }, + ]); await waitFor(() => { expect(h.elements).toEqual([ @@ -193,11 +198,13 @@ describe("library", () => { UI.clickTool("rectangle"); expect(h.elements).toEqual([]); const libraryItems = parseLibraryJSON(await libraryJSONPromise); - await API.drop( - new Blob([serializeLibraryAsJSON(libraryItems)], { + await API.drop([ + { + kind: "string", + value: serializeLibraryAsJSON(libraryItems), type: MIME_TYPES.excalidrawlib, - }), - ); + }, + ]); await waitFor(() => { expect(h.elements).toEqual([expect.objectContaining({ [ORIG_ID]: "A" })]); }); diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.tsx index 73f3d7171b..054be43e99 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.tsx @@ -7,6 +7,7 @@ import { getFontString, getFontFamilyString, isTestEnv, + MIME_TYPES, } from "@excalidraw/common"; import { @@ -45,7 +46,7 @@ import type { import { actionSaveToActiveFile } from "../actions"; -import { parseClipboard } from "../clipboard"; +import { parseDataTransferEvent } from "../clipboard"; import { actionDecreaseFontSize, actionIncreaseFontSize, @@ -332,12 +333,14 @@ export const textWysiwyg = ({ if (onChange) { editable.onpaste = async (event) => { - const clipboardData = await parseClipboard(event, true); - if (!clipboardData.text) { + const textItem = (await parseDataTransferEvent(event)).findByType( + MIME_TYPES.text, + ); + if (!textItem) { return; } - const data = normalizeText(clipboardData.text); - if (!data) { + const text = normalizeText(textItem.value); + if (!text) { return; } const container = getContainerElement( @@ -355,7 +358,7 @@ export const textWysiwyg = ({ app.scene.getNonDeletedElementsMap(), ); const wrappedText = wrapText( - `${editable.value}${data}`, + `${editable.value}${text}`, font, getBoundTextMaxWidth(container, boundTextElement), ); From 414182f5997be12646f2fe9881f62e277fc4627e Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 10 Sep 2025 17:59:02 +0200 Subject: [PATCH 019/176] fix: normalize file on paste/drop (#9959) --- packages/excalidraw/clipboard.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/excalidraw/clipboard.ts b/packages/excalidraw/clipboard.ts index 9eb1014223..007a02161b 100644 --- a/packages/excalidraw/clipboard.ts +++ b/packages/excalidraw/clipboard.ts @@ -30,6 +30,7 @@ import { createFile, getFileHandle, isSupportedImageFileType, + normalizeFile, } from "./data/blob"; import { tryParseSpreadsheet, VALID_SPREADSHEET } from "./charts"; @@ -472,7 +473,12 @@ export const parseDataTransferEvent = async ( const file = item.getAsFile(); if (file) { const fileHandle = await getFileHandle(item); - return { type: file.type, kind: "file", file, fileHandle }; + return { + type: file.type, + kind: "file", + file: await normalizeFile(file), + fileHandle, + }; } } else if (item.kind === "string") { const { type } = item; From 204e06b77bf7b592e29891160b775df33399ff4d Mon Sep 17 00:00:00 2001 From: Ryan Di Date: Fri, 12 Sep 2025 10:18:31 +1000 Subject: [PATCH 020/176] feat: compact layout for tablets (#9910) * feat: allow the hiding of top picks * feat: allow the hiding of default fonts * refactor: rename to compactMode * feat: introduce layout (incomplete) * tweak icons * do not show border * lint * add isTouchMobile to device * add isTouchMobile to device * refactor to use showCompactSidebar instead * hide library label in compact * fix icon color in dark theme * fix library and share btns getting hidden in smaller tablet widths * update tests * use a smaller gap between shapes * proper fix of range * quicker switching between different popovers * to not show properties panel at all when editing text * fix switching between different popovers for texts * fix popover not closable and font search auto focus * change properties for a new or editing text * change icon for more style settings * use bolt icon for extra actions * fix breakpoints * use rem for icon sizes * fix tests * improve switching between triggers (incomplete) * improve trigger switching (complete) * clean up code * put compact into app state * fix button size * remove redundant PanelComponentProps["compactMode"] * move fontSize UI on top * mobile detection (breakpoints incomplete) * tweak compact mode detection * rename appState prop & values * update snapshots --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/common/src/constants.ts | 13 +- packages/common/src/utils.ts | 58 +++ packages/excalidraw/actions/actionCanvas.tsx | 3 +- .../excalidraw/actions/actionLinearEditor.tsx | 4 + .../excalidraw/actions/actionProperties.tsx | 141 ++++-- packages/excalidraw/actions/index.ts | 1 + packages/excalidraw/actions/types.ts | 1 + packages/excalidraw/appState.ts | 2 + packages/excalidraw/components/Actions.scss | 117 +++++ packages/excalidraw/components/Actions.tsx | 460 +++++++++++++++++- packages/excalidraw/components/App.tsx | 54 +- .../components/ColorPicker/ColorPicker.scss | 16 + .../components/ColorPicker/ColorPicker.tsx | 153 +++++- .../components/FontPicker/FontPicker.scss | 5 + .../components/FontPicker/FontPicker.tsx | 36 +- .../components/FontPicker/FontPickerList.tsx | 62 ++- .../FontPicker/FontPickerTrigger.tsx | 26 +- packages/excalidraw/components/LayerUI.scss | 4 + packages/excalidraw/components/LayerUI.tsx | 130 +++-- .../components/PropertiesPopover.tsx | 8 + packages/excalidraw/components/Toolbar.scss | 10 + packages/excalidraw/components/icons.tsx | 69 +++ .../LiveCollaborationTrigger.tsx | 5 +- packages/excalidraw/css/styles.scss | 10 +- .../excalidraw/hooks/useTextEditorFocus.ts | 112 +++++ .../__snapshots__/contextmenu.test.tsx.snap | 17 + .../__snapshots__/excalidraw.test.tsx.snap | 1 + .../tests/__snapshots__/history.test.tsx.snap | 63 +++ .../regressionTests.test.tsx.snap | 52 ++ packages/excalidraw/types.ts | 7 + packages/excalidraw/wysiwyg/textWysiwyg.tsx | 33 +- .../tests/__snapshots__/export.test.ts.snap | 1 + 32 files changed, 1527 insertions(+), 147 deletions(-) create mode 100644 packages/excalidraw/hooks/useTextEditorFocus.ts diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index 88a1027720..0366e0910a 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -129,6 +129,7 @@ export const CLASSES = { ZOOM_ACTIONS: "zoom-actions", SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper", CONVERT_ELEMENT_TYPE_POPUP: "ConvertElementTypePopup", + SHAPE_ACTIONS_THEME_SCOPE: "shape-actions-theme-scope", }; export const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai"; @@ -347,9 +348,19 @@ export const DEFAULT_UI_OPTIONS: AppProps["UIOptions"] = { // breakpoints // ----------------------------------------------------------------------------- // md screen -export const MQ_MAX_WIDTH_PORTRAIT = 730; export const MQ_MAX_WIDTH_LANDSCAPE = 1000; export const MQ_MAX_HEIGHT_LANDSCAPE = 500; + +// mobile: up to 699px +export const MQ_MAX_WIDTH_MOBILE = 699; + +// tablets +export const MQ_MIN_TABLET = 600; // lower bound (excludes phones) +export const MQ_MAX_TABLET = 1400; // upper bound (excludes laptops/desktops) + +// desktop/laptop +export const MQ_MIN_WIDTH_DESKTOP = 1440; + // sidebar export const MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229; // ----------------------------------------------------------------------------- diff --git a/packages/common/src/utils.ts b/packages/common/src/utils.ts index 1054960650..8130482db5 100644 --- a/packages/common/src/utils.ts +++ b/packages/common/src/utils.ts @@ -21,6 +21,8 @@ import { FONT_FAMILY, getFontFamilyFallbacks, isDarwin, + isAndroid, + isIOS, WINDOWS_EMOJI_FALLBACK_FONT, } from "./constants"; @@ -1278,3 +1280,59 @@ export const reduceToCommonValue = ( return commonValue; }; + +export const isMobileOrTablet = (): boolean => { + const ua = navigator.userAgent || ""; + const platform = navigator.platform || ""; + const uaData = (navigator as any).userAgentData as + | { mobile?: boolean; platform?: string } + | undefined; + + // --- 1) chromium: prefer ua client hints ------------------------------- + if (uaData) { + const plat = (uaData.platform || "").toLowerCase(); + const isDesktopOS = + plat === "windows" || + plat === "macos" || + plat === "linux" || + plat === "chrome os"; + if (uaData.mobile === true) { + return true; + } + if (uaData.mobile === false && plat === "android") { + const looksTouchTablet = + matchMedia?.("(hover: none)").matches && + matchMedia?.("(pointer: coarse)").matches; + return looksTouchTablet; + } + if (isDesktopOS) { + return false; + } + } + + // --- 2) ios (includes ipad) -------------------------------------------- + if (isIOS) { + return true; + } + + // --- 3) android legacy ua fallback ------------------------------------- + if (isAndroid) { + const isAndroidPhone = /Mobile/i.test(ua); + const isAndroidTablet = !isAndroidPhone; + if (isAndroidPhone || isAndroidTablet) { + const looksTouchTablet = + matchMedia?.("(hover: none)").matches && + matchMedia?.("(pointer: coarse)").matches; + return looksTouchTablet; + } + } + + // --- 4) last resort desktop exclusion ---------------------------------- + const looksDesktopPlatform = + /Win|Linux|CrOS|Mac/.test(platform) || + /Windows NT|X11|CrOS|Macintosh/.test(ua); + if (looksDesktopPlatform) { + return false; + } + return false; +}; diff --git a/packages/excalidraw/actions/actionCanvas.tsx b/packages/excalidraw/actions/actionCanvas.tsx index 535d96c7d3..d0039d1c29 100644 --- a/packages/excalidraw/actions/actionCanvas.tsx +++ b/packages/excalidraw/actions/actionCanvas.tsx @@ -69,7 +69,7 @@ export const actionChangeViewBackgroundColor = register({ : CaptureUpdateAction.EVENTUALLY, }; }, - PanelComponent: ({ elements, appState, updateData, appProps }) => { + PanelComponent: ({ elements, appState, updateData, appProps, data }) => { // FIXME move me to src/components/mainMenu/DefaultItems.tsx return ( ); }, diff --git a/packages/excalidraw/actions/actionLinearEditor.tsx b/packages/excalidraw/actions/actionLinearEditor.tsx index 9b18c64de8..8437ece8b5 100644 --- a/packages/excalidraw/actions/actionLinearEditor.tsx +++ b/packages/excalidraw/actions/actionLinearEditor.tsx @@ -88,6 +88,10 @@ export const actionToggleLinearEditor = register({ selectedElementIds: appState.selectedElementIds, })[0] as ExcalidrawLinearElement; + if (!selectedElement) { + return null; + } + const label = t( selectedElement.type === "arrow" ? "labels.lineEditor.editArrow" diff --git a/packages/excalidraw/actions/actionProperties.tsx b/packages/excalidraw/actions/actionProperties.tsx index 63cfe76727..c03309e9cc 100644 --- a/packages/excalidraw/actions/actionProperties.tsx +++ b/packages/excalidraw/actions/actionProperties.tsx @@ -137,6 +137,11 @@ import { isSomeElementSelected, } from "../scene"; +import { + withCaretPositionPreservation, + restoreCaretPosition, +} from "../hooks/useTextEditorFocus"; + import { register } from "./register"; import type { AppClassProperties, AppState, Primitive } from "../types"; @@ -321,9 +326,11 @@ export const actionChangeStrokeColor = register({ : CaptureUpdateAction.EVENTUALLY, }; }, - PanelComponent: ({ elements, appState, updateData, app }) => ( + PanelComponent: ({ elements, appState, updateData, app, data }) => ( <> - + {appState.stylesPanelMode === "full" && ( + + )} ), @@ -398,9 +406,11 @@ export const actionChangeBackgroundColor = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ elements, appState, updateData, app }) => ( + PanelComponent: ({ elements, appState, updateData, app, data }) => ( <> - + {appState.stylesPanelMode === "full" && ( + + )} ), @@ -518,9 +529,11 @@ export const actionChangeStrokeWidth = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ elements, appState, updateData, app }) => ( + PanelComponent: ({ elements, appState, updateData, app, data }) => (
- {t("labels.strokeWidth")} + {appState.stylesPanelMode === "full" && ( + {t("labels.strokeWidth")} + )}
( + PanelComponent: ({ elements, appState, updateData, app, data }) => (
- {t("labels.sloppiness")} + {appState.stylesPanelMode === "full" && ( + {t("labels.sloppiness")} + )}
( + PanelComponent: ({ elements, appState, updateData, app, data }) => (
- {t("labels.strokeStyle")} + {appState.stylesPanelMode === "full" && ( + {t("labels.strokeStyle")} + )}
{ return changeFontSize(elements, appState, app, () => value, value); }, - PanelComponent: ({ elements, appState, updateData, app }) => ( + PanelComponent: ({ elements, appState, updateData, app, data }) => (
{t("labels.fontSize")}
@@ -756,7 +773,14 @@ export const actionChangeFontSize = register({ ? null : appState.currentItemFontSize || DEFAULT_FONT_SIZE, )} - onChange={(value) => updateData(value)} + onChange={(value) => { + withCaretPositionPreservation( + () => updateData(value), + appState.stylesPanelMode === "compact", + !!appState.editingTextElement, + data?.onPreventClose, + ); + }} />
@@ -1016,7 +1040,7 @@ export const actionChangeFontFamily = register({ return result; }, - PanelComponent: ({ elements, appState, app, updateData }) => { + PanelComponent: ({ elements, appState, app, updateData, data }) => { const cachedElementsRef = useRef(new Map()); const prevSelectedFontFamilyRef = useRef(null); // relying on state batching as multiple `FontPicker` handlers could be called in rapid succession and we want to combine them @@ -1094,20 +1118,28 @@ export const actionChangeFontFamily = register({ return (
- {t("labels.fontFamily")} + {appState.stylesPanelMode === "full" && ( + {t("labels.fontFamily")} + )} { - setBatchedData({ - openPopup: null, - currentHoveredFontFamily: null, - currentItemFontFamily: fontFamily, - }); - - // defensive clear so immediate close won't abuse the cached elements - cachedElementsRef.current.clear(); + withCaretPositionPreservation( + () => { + setBatchedData({ + openPopup: null, + currentHoveredFontFamily: null, + currentItemFontFamily: fontFamily, + }); + // defensive clear so immediate close won't abuse the cached elements + cachedElementsRef.current.clear(); + }, + appState.stylesPanelMode === "compact", + !!appState.editingTextElement, + ); }} onHover={(fontFamily) => { setBatchedData({ @@ -1164,25 +1196,28 @@ export const actionChangeFontFamily = register({ } setBatchedData({ + ...batchedData, openPopup: "fontFamily", }); } else { - // close, use the cache and clear it afterwards - const data = { - openPopup: null, + const fontFamilyData = { currentHoveredFontFamily: null, cachedElements: new Map(cachedElementsRef.current), resetAll: true, } as ChangeFontFamilyData; - if (isUnmounted.current) { - // in case the component was unmounted by the parent, trigger the update directly - updateData({ ...batchedData, ...data }); - } else { - setBatchedData(data); - } - + setBatchedData({ + ...fontFamilyData, + }); cachedElementsRef.current.clear(); + + // Refocus text editor when font picker closes if we were editing text + if ( + appState.stylesPanelMode === "compact" && + appState.editingTextElement + ) { + restoreCaretPosition(null); // Just refocus without saved position + } } }} /> @@ -1225,8 +1260,9 @@ export const actionChangeTextAlign = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ elements, appState, updateData, app }) => { + PanelComponent: ({ elements, appState, updateData, app, data }) => { const elementsMap = app.scene.getNonDeletedElementsMap(); + return (
{t("labels.textAlign")} @@ -1275,7 +1311,14 @@ export const actionChangeTextAlign = register({ (hasSelection) => hasSelection ? null : appState.currentItemTextAlign, )} - onChange={(value) => updateData(value)} + onChange={(value) => { + withCaretPositionPreservation( + () => updateData(value), + appState.stylesPanelMode === "compact", + !!appState.editingTextElement, + data?.onPreventClose, + ); + }} />
@@ -1317,7 +1360,7 @@ export const actionChangeVerticalAlign = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ elements, appState, updateData, app }) => { + PanelComponent: ({ elements, appState, updateData, app, data }) => { return (
@@ -1367,7 +1410,14 @@ export const actionChangeVerticalAlign = register({ ) !== null, (hasSelection) => (hasSelection ? null : VERTICAL_ALIGN.MIDDLE), )} - onChange={(value) => updateData(value)} + onChange={(value) => { + withCaretPositionPreservation( + () => updateData(value), + appState.stylesPanelMode === "compact", + !!appState.editingTextElement, + data?.onPreventClose, + ); + }} />
@@ -1616,6 +1666,25 @@ export const actionChangeArrowhead = register({ }, }); +export const actionChangeArrowProperties = register({ + name: "changeArrowProperties", + label: "Change arrow properties", + trackEvent: false, + perform: (elements, appState, value, app) => { + // This action doesn't perform any changes directly + // It's just a container for the arrow type and arrowhead actions + return false; + }, + PanelComponent: ({ elements, appState, updateData, app, renderAction }) => { + return ( +
+ {renderAction("changeArrowType")} + {renderAction("changeArrowhead")} +
+ ); + }, +}); + export const actionChangeArrowType = register({ name: "changeArrowType", label: "Change arrow types", diff --git a/packages/excalidraw/actions/index.ts b/packages/excalidraw/actions/index.ts index f37747aebd..2719a5d0a2 100644 --- a/packages/excalidraw/actions/index.ts +++ b/packages/excalidraw/actions/index.ts @@ -18,6 +18,7 @@ export { actionChangeFontFamily, actionChangeTextAlign, actionChangeVerticalAlign, + actionChangeArrowProperties, } from "./actionProperties"; export { diff --git a/packages/excalidraw/actions/types.ts b/packages/excalidraw/actions/types.ts index e6f3631263..302a76fb4e 100644 --- a/packages/excalidraw/actions/types.ts +++ b/packages/excalidraw/actions/types.ts @@ -69,6 +69,7 @@ export type ActionName = | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" + | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" diff --git a/packages/excalidraw/appState.ts b/packages/excalidraw/appState.ts index 6c4a971162..2a37b138d8 100644 --- a/packages/excalidraw/appState.ts +++ b/packages/excalidraw/appState.ts @@ -123,6 +123,7 @@ export const getDefaultAppState = (): Omit< searchMatches: null, lockedMultiSelections: {}, activeLockedId: null, + stylesPanelMode: "full", }; }; @@ -247,6 +248,7 @@ const APP_STATE_STORAGE_CONF = (< searchMatches: { browser: false, export: false, server: false }, lockedMultiSelections: { browser: true, export: true, server: true }, activeLockedId: { browser: false, export: false, server: false }, + stylesPanelMode: { browser: true, export: false, server: false }, }); const _clearAppStateForStorage = < diff --git a/packages/excalidraw/components/Actions.scss b/packages/excalidraw/components/Actions.scss index 5826628de1..93b5ef7c3e 100644 --- a/packages/excalidraw/components/Actions.scss +++ b/packages/excalidraw/components/Actions.scss @@ -91,3 +91,120 @@ } } } + +.compact-shape-actions { + display: flex; + flex-direction: column; + gap: 0.5rem; + max-height: calc(100vh - 200px); + overflow-y: auto; + padding: 0.5rem; + + .compact-action-item { + position: relative; + display: flex; + justify-content: center; + align-items: center; + min-height: 2.5rem; + + --default-button-size: 2rem; + + .compact-action-button { + width: 2rem; + height: 2rem; + border: none; + border-radius: var(--border-radius-lg); + background: transparent; + color: var(--color-on-surface); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s ease; + + svg { + width: 1rem; + height: 1rem; + flex: 0 0 auto; + } + + &:hover { + background: var(--button-hover-bg, var(--island-bg-color)); + border-color: var( + --button-hover-border, + var(--button-border, var(--default-border-color)) + ); + } + + &:active { + background: var(--button-active-bg, var(--island-bg-color)); + border-color: var(--button-active-border, var(--color-primary-darkest)); + } + } + + .compact-popover-content { + .popover-section { + margin-bottom: 1rem; + + &:last-child { + margin-bottom: 0; + } + + .popover-section-title { + font-size: 0.75rem; + font-weight: 600; + color: var(--color-text-secondary); + margin-bottom: 0.5rem; + text-transform: uppercase; + letter-spacing: 0.5px; + } + + .buttonList { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + } + } + } + } +} + +.compact-shape-actions-island { + width: fit-content; + overflow-x: hidden; +} + +.compact-popover-content { + .popover-section { + margin-bottom: 1rem; + + &:last-child { + margin-bottom: 0; + } + + .popover-section-title { + font-size: 0.75rem; + font-weight: 600; + color: var(--color-text-secondary); + margin-bottom: 0.5rem; + text-transform: uppercase; + letter-spacing: 0.5px; + } + + .buttonList { + display: flex; + flex-wrap: wrap; + gap: 0.25rem; + } + } +} + +.shape-actions-theme-scope { + --button-border: transparent; + --button-bg: var(--color-surface-mid); +} + +:root.theme--dark .shape-actions-theme-scope { + --button-hover-bg: #363541; + --button-bg: var(--color-surface-high); +} diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index 91bef0e057..f43a4925de 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -1,5 +1,6 @@ import clsx from "clsx"; import { useState } from "react"; +import * as Popover from "@radix-ui/react-popover"; import { CLASSES, @@ -19,6 +20,7 @@ import { isImageElement, isLinearElement, isTextElement, + isArrowElement, } from "@excalidraw/element"; import { hasStrokeColor, toolIsArrow } from "@excalidraw/element"; @@ -46,15 +48,20 @@ import { hasStrokeWidth, } from "../scene"; +import { getFormValue } from "../actions/actionProperties"; + +import { useTextEditorFocus } from "../hooks/useTextEditorFocus"; + import { getToolbarTools } from "./shapes"; import "./Actions.scss"; -import { useDevice } from "./App"; +import { useDevice, useExcalidrawContainer } from "./App"; import Stack from "./Stack"; import { ToolButton } from "./ToolButton"; import { Tooltip } from "./Tooltip"; import DropdownMenu from "./dropdownMenu/DropdownMenu"; +import { PropertiesPopover } from "./PropertiesPopover"; import { EmbedIcon, extraToolsIcon, @@ -63,11 +70,29 @@ import { laserPointerToolIcon, MagicIcon, LassoIcon, + sharpArrowIcon, + roundArrowIcon, + elbowArrowIcon, + TextSizeIcon, + adjustmentsIcon, + DotsHorizontalIcon, } from "./icons"; -import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types"; +import type { + AppClassProperties, + AppProps, + UIAppState, + Zoom, + AppState, +} from "../types"; import type { ActionManager } from "../actions/manager"; +// Common CSS class combinations +const PROPERTIES_CLASSES = clsx([ + CLASSES.SHAPE_ACTIONS_THEME_SCOPE, + "properties-content", +]); + export const canChangeStrokeColor = ( appState: UIAppState, targetElements: ExcalidrawElement[], @@ -280,6 +305,437 @@ export const SelectedShapeActions = ({ ); }; +export const CompactShapeActions = ({ + appState, + elementsMap, + renderAction, + app, + setAppState, +}: { + appState: UIAppState; + elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap; + renderAction: ActionManager["renderAction"]; + app: AppClassProperties; + setAppState: React.Component["setState"]; +}) => { + const targetElements = getTargetElements(elementsMap, appState); + const { saveCaretPosition, restoreCaretPosition } = useTextEditorFocus(); + const { container } = useExcalidrawContainer(); + + const isEditingTextOrNewElement = Boolean( + appState.editingTextElement || appState.newElement, + ); + + const showFillIcons = + (hasBackground(appState.activeTool.type) && + !isTransparent(appState.currentItemBackgroundColor)) || + targetElements.some( + (element) => + hasBackground(element.type) && !isTransparent(element.backgroundColor), + ); + + const showLinkIcon = targetElements.length === 1; + + const showLineEditorAction = + !appState.selectedLinearElement?.isEditing && + targetElements.length === 1 && + isLinearElement(targetElements[0]) && + !isElbowArrow(targetElements[0]); + + const showCropEditorAction = + !appState.croppingElementId && + targetElements.length === 1 && + isImageElement(targetElements[0]); + + const showAlignActions = alignActionsPredicate(appState, app); + + let isSingleElementBoundContainer = false; + if ( + targetElements.length === 2 && + (hasBoundTextElement(targetElements[0]) || + hasBoundTextElement(targetElements[1])) + ) { + isSingleElementBoundContainer = true; + } + + const isRTL = document.documentElement.getAttribute("dir") === "rtl"; + + return ( +
+ {/* Stroke Color */} + {canChangeStrokeColor(appState, targetElements) && ( +
+ {renderAction("changeStrokeColor")} +
+ )} + + {/* Background Color */} + {canChangeBackgroundColor(appState, targetElements) && ( +
+ {renderAction("changeBackgroundColor")} +
+ )} + + {/* Combined Properties (Fill, Stroke, Opacity) */} + {(showFillIcons || + hasStrokeWidth(appState.activeTool.type) || + targetElements.some((element) => hasStrokeWidth(element.type)) || + hasStrokeStyle(appState.activeTool.type) || + targetElements.some((element) => hasStrokeStyle(element.type)) || + canChangeRoundness(appState.activeTool.type) || + targetElements.some((element) => canChangeRoundness(element.type))) && ( +
+ { + if (open) { + setAppState({ openPopup: "compactStrokeStyles" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {appState.openPopup === "compactStrokeStyles" && ( + {}} + > +
+ {showFillIcons && renderAction("changeFillStyle")} + {(hasStrokeWidth(appState.activeTool.type) || + targetElements.some((element) => + hasStrokeWidth(element.type), + )) && + renderAction("changeStrokeWidth")} + {(hasStrokeStyle(appState.activeTool.type) || + targetElements.some((element) => + hasStrokeStyle(element.type), + )) && ( + <> + {renderAction("changeStrokeStyle")} + {renderAction("changeSloppiness")} + + )} + {(canChangeRoundness(appState.activeTool.type) || + targetElements.some((element) => + canChangeRoundness(element.type), + )) && + renderAction("changeRoundness")} + {renderAction("changeOpacity")} +
+ + )} + +
+ )} + + {/* Combined Arrow Properties */} + {(toolIsArrow(appState.activeTool.type) || + targetElements.some((element) => toolIsArrow(element.type))) && ( +
+ { + if (open) { + setAppState({ openPopup: "compactArrowProperties" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {appState.openPopup === "compactArrowProperties" && ( + {}} + > + {renderAction("changeArrowProperties")} + + )} + +
+ )} + + {/* Linear Editor */} + {showLineEditorAction && ( +
+ {renderAction("toggleLinearEditor")} +
+ )} + + {/* Text Properties */} + {(appState.activeTool.type === "text" || + targetElements.some(isTextElement)) && ( + <> +
+ {renderAction("changeFontFamily")} +
+
+ { + if (open) { + if (appState.editingTextElement) { + saveCaretPosition(); + } + setAppState({ openPopup: "compactTextProperties" }); + } else { + setAppState({ openPopup: null }); + if (appState.editingTextElement) { + restoreCaretPosition(); + } + } + }} + > + + + + {appState.openPopup === "compactTextProperties" && ( + { + // Refocus text editor when popover closes with caret restoration + if (appState.editingTextElement) { + restoreCaretPosition(); + } + }} + > +
+ {(appState.activeTool.type === "text" || + targetElements.some(isTextElement)) && + renderAction("changeFontSize")} + {(appState.activeTool.type === "text" || + suppportsHorizontalAlign(targetElements, elementsMap)) && + renderAction("changeTextAlign")} + {shouldAllowVerticalAlign(targetElements, elementsMap) && + renderAction("changeVerticalAlign")} +
+ + )} + +
+ + )} + + {/* Dedicated Copy Button */} + {!isEditingTextOrNewElement && targetElements.length > 0 && ( +
+ {renderAction("duplicateSelection")} +
+ )} + + {/* Dedicated Delete Button */} + {!isEditingTextOrNewElement && targetElements.length > 0 && ( +
+ {renderAction("deleteSelectedElements")} +
+ )} + + {/* Combined Other Actions */} + {!isEditingTextOrNewElement && targetElements.length > 0 && ( +
+ { + if (open) { + setAppState({ openPopup: "compactOtherProperties" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {appState.openPopup === "compactOtherProperties" && ( + {}} + > +
+
+ {t("labels.layers")} +
+ {renderAction("sendToBack")} + {renderAction("sendBackward")} + {renderAction("bringForward")} + {renderAction("bringToFront")} +
+
+ + {showAlignActions && !isSingleElementBoundContainer && ( +
+ {t("labels.align")} +
+ {isRTL ? ( + <> + {renderAction("alignRight")} + {renderAction("alignHorizontallyCentered")} + {renderAction("alignLeft")} + + ) : ( + <> + {renderAction("alignLeft")} + {renderAction("alignHorizontallyCentered")} + {renderAction("alignRight")} + + )} + {targetElements.length > 2 && + renderAction("distributeHorizontally")} + {/* breaks the row ˇˇ */} +
+
+ {renderAction("alignTop")} + {renderAction("alignVerticallyCentered")} + {renderAction("alignBottom")} + {targetElements.length > 2 && + renderAction("distributeVertically")} +
+
+
+ )} +
+ {t("labels.actions")} +
+ {renderAction("group")} + {renderAction("ungroup")} + {showLinkIcon && renderAction("hyperlink")} + {showCropEditorAction && renderAction("cropEditor")} +
+
+
+ + )} + +
+ )} +
+ ); +}; + export const ShapesSwitcher = ({ activeTool, appState, diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 788600749d..3bbfdca6e1 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -41,9 +41,6 @@ import { LINE_CONFIRM_THRESHOLD, MAX_ALLOWED_FILE_BYTES, MIME_TYPES, - MQ_MAX_HEIGHT_LANDSCAPE, - MQ_MAX_WIDTH_LANDSCAPE, - MQ_MAX_WIDTH_PORTRAIT, MQ_RIGHT_SIDEBAR_MIN_WIDTH, POINTER_BUTTON, ROUNDNESS, @@ -100,9 +97,14 @@ import { randomInteger, CLASSES, Emitter, - isMobile, MINIMUM_ARROW_SIZE, DOUBLE_TAP_POSITION_THRESHOLD, + isMobileOrTablet, + MQ_MAX_WIDTH_MOBILE, + MQ_MAX_HEIGHT_LANDSCAPE, + MQ_MAX_WIDTH_LANDSCAPE, + MQ_MIN_TABLET, + MQ_MAX_TABLET, } from "@excalidraw/common"; import { @@ -667,7 +669,7 @@ class App extends React.Component { constructor(props: AppProps) { super(props); const defaultAppState = getDefaultAppState(); - this.defaultSelectionTool = this.isMobileOrTablet() + this.defaultSelectionTool = isMobileOrTablet() ? ("lasso" as const) : ("selection" as const); const { @@ -2420,23 +2422,20 @@ class App extends React.Component { } }; - private isMobileOrTablet = (): boolean => { - const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0; - const hasCoarsePointer = - "matchMedia" in window && - window?.matchMedia("(pointer: coarse)")?.matches; - const isTouchMobile = hasTouch && hasCoarsePointer; - - return isMobile || isTouchMobile; - }; - private isMobileBreakpoint = (width: number, height: number) => { return ( - width < MQ_MAX_WIDTH_PORTRAIT || + width <= MQ_MAX_WIDTH_MOBILE || (height < MQ_MAX_HEIGHT_LANDSCAPE && width < MQ_MAX_WIDTH_LANDSCAPE) ); }; + private isTabletBreakpoint = (editorWidth: number, editorHeight: number) => { + const minSide = Math.min(editorWidth, editorHeight); + const maxSide = Math.max(editorWidth, editorHeight); + + return minSide >= MQ_MIN_TABLET && maxSide <= MQ_MAX_TABLET; + }; + private refreshViewportBreakpoints = () => { const container = this.excalidrawContainerRef.current; if (!container) { @@ -2481,6 +2480,17 @@ class App extends React.Component { canFitSidebar: editorWidth > sidebarBreakpoint, }); + // also check if we need to update the app state + this.setState({ + stylesPanelMode: + // NOTE: we could also remove the isMobileOrTablet check here and + // always switch to compact mode when the editor is narrow (e.g. < MQ_MIN_WIDTH_DESKTOP) + // but not too narrow (> MQ_MAX_WIDTH_MOBILE) + this.isTabletBreakpoint(editorWidth, editorHeight) && isMobileOrTablet() + ? "compact" + : "full", + }); + if (prevEditorState !== nextEditorState) { this.device = { ...this.device, editor: nextEditorState }; return true; @@ -3147,7 +3157,7 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files: data.files || null, - position: this.isMobileOrTablet() ? "center" : "cursor", + position: isMobileOrTablet() ? "center" : "cursor", retainSeed: isPlainPaste, }); return; @@ -3172,7 +3182,7 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files, - position: this.isMobileOrTablet() ? "center" : "cursor", + position: isMobileOrTablet() ? "center" : "cursor", }); return; @@ -6668,8 +6678,6 @@ class App extends React.Component { pointerDownState.hit.element && this.isASelectedElement(pointerDownState.hit.element); - const isMobileOrTablet = this.isMobileOrTablet(); - if ( !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements && !pointerDownState.resize.handleType && @@ -6683,12 +6691,12 @@ class App extends React.Component { // block dragging after lasso selection on PCs until the next pointer down // (on mobile or tablet, we want to allow user to drag immediately) - pointerDownState.drag.blockDragging = !isMobileOrTablet; + pointerDownState.drag.blockDragging = !isMobileOrTablet(); } // only for mobile or tablet, if we hit an element, select it immediately like normal selection if ( - isMobileOrTablet && + isMobileOrTablet() && pointerDownState.hit.element && !hitSelectedElement ) { @@ -8489,7 +8497,7 @@ class App extends React.Component { if ( this.state.activeTool.type === "lasso" && this.lassoTrail.hasCurrentTrail && - !(this.isMobileOrTablet() && pointerDownState.hit.element) && + !(isMobileOrTablet() && pointerDownState.hit.element) && !this.state.activeTool.fromSelection ) { return; diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.scss b/packages/excalidraw/components/ColorPicker/ColorPicker.scss index 7a78395d6f..0e3768dcc0 100644 --- a/packages/excalidraw/components/ColorPicker/ColorPicker.scss +++ b/packages/excalidraw/components/ColorPicker/ColorPicker.scss @@ -22,6 +22,12 @@ @include isMobile { max-width: 11rem; } + + &.color-picker-container--no-top-picks { + display: flex; + justify-content: center; + grid-template-columns: unset; + } } .color-picker__top-picks { @@ -80,6 +86,16 @@ } } + .color-picker__button-background { + display: flex; + align-items: center; + justify-content: center; + svg { + width: 100%; + height: 100%; + } + } + &.active { .color-picker__button-outline { position: absolute; diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx index 270d61f4cd..51c7bbd2c5 100644 --- a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx +++ b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx @@ -1,6 +1,6 @@ import * as Popover from "@radix-ui/react-popover"; import clsx from "clsx"; -import { useRef } from "react"; +import { useRef, useEffect } from "react"; import { COLOR_OUTLINE_CONTRAST_THRESHOLD, @@ -18,7 +18,12 @@ import { useExcalidrawContainer } from "../App"; import { ButtonSeparator } from "../ButtonSeparator"; import { activeEyeDropperAtom } from "../EyeDropper"; import { PropertiesPopover } from "../PropertiesPopover"; -import { slashIcon } from "../icons"; +import { backgroundIcon, slashIcon, strokeIcon } from "../icons"; +import { + saveCaretPosition, + restoreCaretPosition, + temporarilyDisableTextEditorBlur, +} from "../../hooks/useTextEditorFocus"; import { ColorInput } from "./ColorInput"; import { Picker } from "./Picker"; @@ -67,6 +72,7 @@ interface ColorPickerProps { palette?: ColorPaletteCustom | null; topPicks?: ColorTuple; updateData: (formData?: any) => void; + compactMode?: boolean; } const ColorPickerPopupContent = ({ @@ -77,6 +83,8 @@ const ColorPickerPopupContent = ({ elements, palette = COLOR_PALETTE, updateData, + getOpenPopup, + appState, }: Pick< ColorPickerProps, | "type" @@ -86,7 +94,10 @@ const ColorPickerPopupContent = ({ | "elements" | "palette" | "updateData" ->) => { + | "appState" +> & { + getOpenPopup: () => AppState["openPopup"]; +}) => { const { container } = useExcalidrawContainer(); const [, setActiveColorPickerSection] = useAtom(activeColorPickerSectionAtom); @@ -117,6 +128,8 @@ const ColorPickerPopupContent = ({ { // refocus due to eye dropper focusPickerContent(); @@ -131,8 +144,23 @@ const ColorPickerPopupContent = ({ } }} onClose={() => { - updateData({ openPopup: null }); + // only clear if we're still the active popup (avoid racing with switch) + if (getOpenPopup() === type) { + updateData({ openPopup: null }); + } setActiveColorPickerSection(null); + + // Refocus text editor when popover closes if we were editing text + if (appState.editingTextElement) { + setTimeout(() => { + const textEditor = document.querySelector( + ".excalidraw-wysiwyg", + ) as HTMLTextAreaElement; + if (textEditor) { + textEditor.focus(); + } + }, 0); + } }} > {palette ? ( @@ -141,7 +169,17 @@ const ColorPickerPopupContent = ({ palette={palette} color={color} onChange={(changedColor) => { + // Save caret position before color change if editing text + const savedSelection = appState.editingTextElement + ? saveCaretPosition() + : null; + onChange(changedColor); + + // Restore caret position after color change if editing text + if (appState.editingTextElement && savedSelection) { + restoreCaretPosition(savedSelection); + } }} onEyeDropperToggle={(force) => { setEyeDropperState((state) => { @@ -168,6 +206,7 @@ const ColorPickerPopupContent = ({ if (eyeDropperState) { setEyeDropperState(null); } else { + // close explicitly on Escape updateData({ openPopup: null }); } }} @@ -188,11 +227,32 @@ const ColorPickerTrigger = ({ label, color, type, + compactMode = false, + mode = "background", + onToggle, + editingTextElement, }: { color: string | null; label: string; type: ColorPickerType; + compactMode?: boolean; + mode?: "background" | "stroke"; + onToggle: () => void; + editingTextElement?: boolean; }) => { + const handleClick = (e: React.MouseEvent) => { + // use pointerdown so we run before outside-close logic + e.preventDefault(); + e.stopPropagation(); + + // If editing text, temporarily disable the wysiwyg blur event + if (editingTextElement) { + temporarilyDisableTextEditorBlur(); + } + + onToggle(); + }; + return (
{!color && slashIcon}
+ {compactMode && color && ( +
+ {mode === "background" ? ( + + {backgroundIcon} + + ) : ( + + {strokeIcon} + + )} +
+ )} ); }; @@ -224,25 +313,59 @@ export const ColorPicker = ({ topPicks, updateData, appState, + compactMode = false, }: ColorPickerProps) => { + const openRef = useRef(appState.openPopup); + useEffect(() => { + openRef.current = appState.openPopup; + }, [appState.openPopup]); return (
-
- - +
+ {!compactMode && ( + + )} + {!compactMode && } { - updateData({ openPopup: open ? type : null }); + if (open) { + updateData({ openPopup: type }); + } }} > {/* serves as an active color indicator as well */} - + { + // atomic switch: if another popup is open, close it first, then open this one next tick + if (appState.openPopup === type) { + // toggle off on same trigger + updateData({ openPopup: null }); + } else if (appState.openPopup) { + updateData({ openPopup: type }); + } else { + // open this one + updateData({ openPopup: type }); + } + }} + /> {/* popup content */} {appState.openPopup === type && ( openRef.current} + appState={appState} /> )} diff --git a/packages/excalidraw/components/FontPicker/FontPicker.scss b/packages/excalidraw/components/FontPicker/FontPicker.scss index 5a572585e1..70859e8091 100644 --- a/packages/excalidraw/components/FontPicker/FontPicker.scss +++ b/packages/excalidraw/components/FontPicker/FontPicker.scss @@ -11,5 +11,10 @@ 2rem + 4 * var(--default-button-size) ); // 4 gaps + 4 buttons } + + &--compact { + display: block; + grid-template-columns: none; + } } } diff --git a/packages/excalidraw/components/FontPicker/FontPicker.tsx b/packages/excalidraw/components/FontPicker/FontPicker.tsx index 118c6fac3c..891ae49efd 100644 --- a/packages/excalidraw/components/FontPicker/FontPicker.tsx +++ b/packages/excalidraw/components/FontPicker/FontPicker.tsx @@ -1,4 +1,5 @@ import * as Popover from "@radix-ui/react-popover"; +import clsx from "clsx"; import React, { useCallback, useMemo } from "react"; import { FONT_FAMILY } from "@excalidraw/common"; @@ -58,6 +59,7 @@ interface FontPickerProps { onHover: (fontFamily: FontFamilyValues) => void; onLeave: () => void; onPopupChange: (open: boolean) => void; + compactMode?: boolean; } export const FontPicker = React.memo( @@ -69,6 +71,7 @@ export const FontPicker = React.memo( onHover, onLeave, onPopupChange, + compactMode = false, }: FontPickerProps) => { const defaultFonts = useMemo(() => DEFAULT_FONTS, []); const onSelectCallback = useCallback( @@ -81,18 +84,29 @@ export const FontPicker = React.memo( ); return ( -
-
- - type="button" - options={defaultFonts} - value={selectedFontFamily} - onClick={onSelectCallback} - /> -
- +
+ {!compactMode && ( +
+ + type="button" + options={defaultFonts} + value={selectedFontFamily} + onClick={onSelectCallback} + /> +
+ )} + {!compactMode && } - + {isOpened && ( { const { container } = useExcalidrawContainer(); - const { fonts } = useApp(); + const app = useApp(); + const { fonts } = app; const { showDeprecatedFonts } = useAppProps(); const [searchTerm, setSearchTerm] = useState(""); @@ -187,6 +188,42 @@ export const FontPickerList = React.memo( onLeave, ]); + // Create a wrapped onSelect function that preserves caret position + const wrappedOnSelect = useCallback( + (fontFamily: FontFamilyValues) => { + // Save caret position before font selection if editing text + let savedSelection: { start: number; end: number } | null = null; + if (app.state.editingTextElement) { + const textEditor = document.querySelector( + ".excalidraw-wysiwyg", + ) as HTMLTextAreaElement; + if (textEditor) { + savedSelection = { + start: textEditor.selectionStart, + end: textEditor.selectionEnd, + }; + } + } + + onSelect(fontFamily); + + // Restore caret position after font selection if editing text + if (app.state.editingTextElement && savedSelection) { + setTimeout(() => { + const textEditor = document.querySelector( + ".excalidraw-wysiwyg", + ) as HTMLTextAreaElement; + if (textEditor && savedSelection) { + textEditor.focus(); + textEditor.selectionStart = savedSelection.start; + textEditor.selectionEnd = savedSelection.end; + } + }, 0); + } + }, + [onSelect, app.state.editingTextElement], + ); + const onKeyDown = useCallback>( (event) => { const handled = fontPickerKeyHandler({ @@ -194,7 +231,7 @@ export const FontPickerList = React.memo( inputRef, hoveredFont, filteredFonts, - onSelect, + onSelect: wrappedOnSelect, onHover, onClose, }); @@ -204,7 +241,7 @@ export const FontPickerList = React.memo( event.stopPropagation(); } }, - [hoveredFont, filteredFonts, onSelect, onHover, onClose], + [hoveredFont, filteredFonts, wrappedOnSelect, onHover, onClose], ); useEffect(() => { @@ -240,7 +277,7 @@ export const FontPickerList = React.memo( // allow to tab between search and selected font tabIndex={font.value === selectedFontFamily ? 0 : -1} onClick={(e) => { - onSelect(Number(e.currentTarget.value)); + wrappedOnSelect(Number(e.currentTarget.value)); }} onMouseMove={() => { if (hoveredFont?.value !== font.value) { @@ -282,9 +319,24 @@ export const FontPickerList = React.memo( className="properties-content" container={container} style={{ width: "15rem" }} - onClose={onClose} + onClose={() => { + onClose(); + + // Refocus text editor when font picker closes if we were editing text + if (app.state.editingTextElement) { + setTimeout(() => { + const textEditor = document.querySelector( + ".excalidraw-wysiwyg", + ) as HTMLTextAreaElement; + if (textEditor) { + textEditor.focus(); + } + }, 0); + } + }} onPointerLeave={onLeave} onKeyDown={onKeyDown} + preventAutoFocusOnTouch={!!app.state.editingTextElement} > { - const isTriggerActive = useMemo( - () => Boolean(selectedFontFamily && !isDefaultFont(selectedFontFamily)), - [selectedFontFamily], - ); + const setAppState = useExcalidrawSetAppState(); return ( - {/* Empty div as trigger so it's stretched 100% due to different button sizes */} -
+
{}} + active={isOpened} + onClick={() => { + setAppState((appState) => ({ + openPopup: + appState.openPopup === "fontFamily" ? null : appState.openPopup, + })); + }} + style={{ + border: "none", + }} />
diff --git a/packages/excalidraw/components/LayerUI.scss b/packages/excalidraw/components/LayerUI.scss index 36153d72b5..5c202a0679 100644 --- a/packages/excalidraw/components/LayerUI.scss +++ b/packages/excalidraw/components/LayerUI.scss @@ -24,6 +24,10 @@ gap: 0.75rem; pointer-events: none !important; + &--compact { + gap: 0.5rem; + } + & > * { pointer-events: var(--ui-pointerEvents); } diff --git a/packages/excalidraw/components/LayerUI.tsx b/packages/excalidraw/components/LayerUI.tsx index d216f1d46d..6748095322 100644 --- a/packages/excalidraw/components/LayerUI.tsx +++ b/packages/excalidraw/components/LayerUI.tsx @@ -4,6 +4,7 @@ import React from "react"; import { CLASSES, DEFAULT_SIDEBAR, + MQ_MIN_WIDTH_DESKTOP, TOOL_TYPE, arrayToMap, capitalizeString, @@ -28,7 +29,11 @@ import { useAtom, useAtomValue } from "../editor-jotai"; import { t } from "../i18n"; import { calculateScrollCenter } from "../scene"; -import { SelectedShapeActions, ShapesSwitcher } from "./Actions"; +import { + SelectedShapeActions, + ShapesSwitcher, + CompactShapeActions, +} from "./Actions"; import { LoadingMessage } from "./LoadingMessage"; import { LockButton } from "./LockButton"; import { MobileMenu } from "./MobileMenu"; @@ -157,6 +162,25 @@ const LayerUI = ({ const device = useDevice(); const tunnels = useInitializeTunnels(); + const spacing = + appState.stylesPanelMode === "compact" + ? { + menuTopGap: 4, + toolbarColGap: 4, + toolbarRowGap: 1, + toolbarInnerRowGap: 0.5, + islandPadding: 1, + collabMarginLeft: 8, + } + : { + menuTopGap: 6, + toolbarColGap: 4, + toolbarRowGap: 1, + toolbarInnerRowGap: 1, + islandPadding: 1, + collabMarginLeft: 8, + }; + const TunnelsJotaiProvider = tunnels.tunnelsJotai.Provider; const [eyeDropperState, setEyeDropperState] = useAtom(activeEyeDropperAtom); @@ -209,31 +233,55 @@ const LayerUI = ({
); - const renderSelectedShapeActions = () => ( -
- { + const isCompactMode = appState.stylesPanelMode === "compact"; + + return ( +
- - -
- ); + {isCompactMode ? ( + + + + ) : ( + + + + )} +
+ ); + }; const renderFixedSideContainer = () => { const shouldRenderSelectedShapeActions = showSelectedShapeActions( @@ -250,9 +298,19 @@ const LayerUI = ({ return (
- + {renderCanvasActions()} - {shouldRenderSelectedShapeActions && renderSelectedShapeActions()} +
+ {shouldRenderSelectedShapeActions && renderSelectedShapeActions()} +
{!appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && ( @@ -262,17 +320,19 @@ const LayerUI = ({ {renderWelcomeScreen && ( )} - + {heading} - + @@ -418,7 +480,9 @@ const LayerUI = ({ }} tab={DEFAULT_SIDEBAR.defaultTab} > - {t("toolBar.library")} + {appState.stylesPanelMode === "full" && + appState.width >= MQ_MIN_WIDTH_DESKTOP && + t("toolBar.library")} {appState.openDialog?.name === "ttd" && } diff --git a/packages/excalidraw/components/PropertiesPopover.tsx b/packages/excalidraw/components/PropertiesPopover.tsx index d8372ea27b..d4437b3858 100644 --- a/packages/excalidraw/components/PropertiesPopover.tsx +++ b/packages/excalidraw/components/PropertiesPopover.tsx @@ -17,6 +17,7 @@ interface PropertiesPopoverProps { onPointerLeave?: React.PointerEventHandler; onFocusOutside?: Popover.PopoverContentProps["onFocusOutside"]; onPointerDownOutside?: Popover.PopoverContentProps["onPointerDownOutside"]; + preventAutoFocusOnTouch?: boolean; } export const PropertiesPopover = React.forwardRef< @@ -34,6 +35,7 @@ export const PropertiesPopover = React.forwardRef< onFocusOutside, onPointerLeave, onPointerDownOutside, + preventAutoFocusOnTouch = false, }, ref, ) => { @@ -64,6 +66,12 @@ export const PropertiesPopover = React.forwardRef< onKeyDown={onKeyDown} onFocusOutside={onFocusOutside} onPointerDownOutside={onPointerDownOutside} + onOpenAutoFocus={(e) => { + // prevent auto-focus on touch devices to avoid keyboard popup + if (preventAutoFocusOnTouch && device.isTouchScreen) { + e.preventDefault(); + } + }} onCloseAutoFocus={(e) => { e.stopPropagation(); // prevents focusing the trigger diff --git a/packages/excalidraw/components/Toolbar.scss b/packages/excalidraw/components/Toolbar.scss index 1565120aca..14c4cc174b 100644 --- a/packages/excalidraw/components/Toolbar.scss +++ b/packages/excalidraw/components/Toolbar.scss @@ -10,6 +10,16 @@ } } + &--compact { + .ToolIcon__keybinding { + display: none; + } + + .App-toolbar__divider { + margin: 0; + } + } + &__divider { width: 1px; height: 1.5rem; diff --git a/packages/excalidraw/components/icons.tsx b/packages/excalidraw/components/icons.tsx index 29bdc6d3c7..33e59380c7 100644 --- a/packages/excalidraw/components/icons.tsx +++ b/packages/excalidraw/components/icons.tsx @@ -118,6 +118,17 @@ export const DotsIcon = createIcon( tablerIconProps, ); +// tabler-icons: dots-horizontal (horizontal equivalent of dots-vertical) +export const DotsHorizontalIcon = createIcon( + + + + + + , + tablerIconProps, +); + // tabler-icons: pinned export const PinIcon = createIcon( @@ -396,6 +407,19 @@ export const TextIcon = createIcon( tablerIconProps, ); +export const TextSizeIcon = createIcon( + + + + + + + + + , + tablerIconProps, +); + // modified tabler-icons: photo export const ImageIcon = createIcon( @@ -2269,3 +2293,48 @@ export const elementLinkIcon = createIcon( , tablerIconProps, ); + +export const resizeIcon = createIcon( + + + + + , + tablerIconProps, +); + +export const adjustmentsIcon = createIcon( + + + + + + + + + + + + , + tablerIconProps, +); + +export const backgroundIcon = createIcon( + + + + + + + + , + tablerIconProps, +); + +export const strokeIcon = createIcon( + + + + , + tablerIconProps, +); diff --git a/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx b/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx index 1aa187167e..0efadcfc62 100644 --- a/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx +++ b/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx @@ -1,5 +1,7 @@ import clsx from "clsx"; +import { isMobileOrTablet, MQ_MIN_WIDTH_DESKTOP } from "@excalidraw/common"; + import { t } from "../../i18n"; import { Button } from "../Button"; import { share } from "../icons"; @@ -17,7 +19,8 @@ const LiveCollaborationTrigger = ({ } & React.ButtonHTMLAttributes) => { const appState = useUIAppState(); - const showIconOnly = appState.width < 830; + const showIconOnly = + isMobileOrTablet() || appState.width < MQ_MIN_WIDTH_DESKTOP; return (
@@ -919,6 +969,20 @@ function CommandPaletteInner({ ); } +const LibraryItemIcon = ({ + id, + elements, +}: { + id: LibraryItem["id"] | null; + elements: LibraryItem["elements"] | undefined; +}) => { + const ref = useRef(null); + const { svgCache } = useLibraryCache(); + + useLibraryItemSvg(id, elements, svgCache, ref); + + return
; +}; const CommandItem = ({ command, @@ -928,6 +992,7 @@ const CommandItem = ({ onClick, showShortcut, appState, + size = "small", }: { command: CommandPaletteItem; isSelected: boolean; @@ -936,6 +1001,7 @@ const CommandItem = ({ onClick: (event: React.MouseEvent) => void; showShortcut: boolean; appState: UIAppState; + size?: "small" | "large"; }) => { const noop = () => {}; @@ -944,6 +1010,7 @@ const CommandItem = ({ className={clsx("command-item", { "item-selected": isSelected, "item-disabled": disabled, + "command-item-large": size === "large", })} ref={(ref) => { if (isSelected && !disabled) { @@ -959,6 +1026,8 @@ const CommandItem = ({
{command.icon && ( { +export const InlineIcon = ({ + className, + icon, + size = "1em", +}: { + className?: string; + icon: React.ReactNode; + size?: string; +}) => { return ( { const memoizedLibrary = useMemo(() => app.library, [app.library]); const pendingElements = usePendingElementsMemo(appState, app); + useEffect(() => { + return addEventListener( + document, + EVENT.KEYDOWN, + (event) => { + if (event.key === KEYS.ESCAPE && event.target instanceof HTMLElement) { + const target = event.target; + if (target.closest(`.${CLASSES.SIDEBAR}`)) { + // stop propagation so that we don't prevent it downstream + // (default browser behavior is to clear search input on ESC) + event.stopPropagation(); + if (selectedItems.length > 0) { + setSelectedItems([]); + } else if ( + isWritableElement(target) && + target instanceof HTMLInputElement && + !target.value + ) { + // if search input empty -> close library + // (maybe not a good idea?) + setAppState({ openSidebar: null }); + app.focusContainer(); + } + } + } + }, + { capture: true }, + ); + }, [selectedItems, setAppState, app]); + const onInsertLibraryItems = useCallback( (libraryItems: LibraryItems) => { onInsertElements(distributeLibraryItemsOnSquareGrid(libraryItems)); + app.focusContainer(); }, - [onInsertElements], + [onInsertElements, app], ); const deselectItems = useCallback(() => { diff --git a/packages/excalidraw/components/LibraryMenuHeaderContent.tsx b/packages/excalidraw/components/LibraryMenuHeaderContent.tsx index 5b003effa1..9d7e0d1c84 100644 --- a/packages/excalidraw/components/LibraryMenuHeaderContent.tsx +++ b/packages/excalidraw/components/LibraryMenuHeaderContent.tsx @@ -220,14 +220,6 @@ export const LibraryDropdownMenuButton: React.FC<{ {t("buttons.export")} )} - {!!items.length && ( - setShowRemoveLibAlert(true)} - icon={TrashIcon} - > - {resetLabel} - - )} {itemsSelected && ( )} + {!!items.length && ( + setShowRemoveLibAlert(true)} + icon={TrashIcon} + > + {resetLabel} + + )} ); diff --git a/packages/excalidraw/components/LibraryMenuItems.scss b/packages/excalidraw/components/LibraryMenuItems.scss index 59cd9f1cf9..3e67774348 100644 --- a/packages/excalidraw/components/LibraryMenuItems.scss +++ b/packages/excalidraw/components/LibraryMenuItems.scss @@ -1,24 +1,42 @@ @import "open-color/open-color"; .excalidraw { - --container-padding-y: 1.5rem; + --container-padding-y: 1rem; --container-padding-x: 0.75rem; + .library-menu-items-header { + display: flex; + padding-top: 1rem; + padding-bottom: 0.5rem; + gap: 0.5rem; + } + .library-menu-items__no-items { text-align: center; color: var(--color-gray-70); line-height: 1.5; font-size: 0.875rem; width: 100%; + min-height: 55px; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; &__label { color: var(--color-primary); font-weight: 700; font-size: 1.125rem; - margin-bottom: 0.75rem; + margin-bottom: 0.25rem; } } + .library-menu-items__no-items__hint { + color: var(--color-border-outline); + padding: 0.75rem 1rem; + } + &.theme--dark { .library-menu-items__no-items { color: var(--color-gray-40); @@ -34,7 +52,7 @@ overflow-y: auto; flex-direction: column; height: 100%; - justify-content: center; + justify-content: flex-start; margin: 0; position: relative; @@ -51,26 +69,45 @@ } &__items { + // so that spinner is relative-positioned to this container + position: relative; + row-gap: 0.5rem; - padding: var(--container-padding-y) 0; + padding: 1rem 0 var(--container-padding-y) 0; flex: 1; overflow-y: auto; overflow-x: hidden; - margin-bottom: 1rem; } &__header { + display: flex; + align-items: center; + flex: 1 1 auto; + color: var(--color-primary); font-size: 1.125rem; font-weight: 700; margin-bottom: 0.75rem; width: 100%; - padding-right: 4rem; // due to dropdown button box-sizing: border-box; &--excal { margin-top: 2rem; } + + &__hint { + margin-left: auto; + font-size: 10px; + color: var(--color-border-outline); + font-weight: 400; + + kbd { + font-family: monospace; + border: 1px solid var(--color-border-outline); + border-radius: 4px; + padding: 1px 3px; + } + } } &__grid { @@ -79,6 +116,24 @@ grid-gap: 1rem; } + &__search { + flex: 1 1 auto; + margin: 0; + + .ExcTextField__input { + height: var(--lg-button-size); + input { + font-size: 0.875rem; + } + } + + &.hideCancelButton input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; + display: none; + } + } + .separator { width: 100%; display: flex; diff --git a/packages/excalidraw/components/LibraryMenuItems.tsx b/packages/excalidraw/components/LibraryMenuItems.tsx index eb82dde550..3a78bbec4e 100644 --- a/packages/excalidraw/components/LibraryMenuItems.tsx +++ b/packages/excalidraw/components/LibraryMenuItems.tsx @@ -6,10 +6,14 @@ import React, { useState, } from "react"; -import { MIME_TYPES, arrayToMap } from "@excalidraw/common"; +import { MIME_TYPES, arrayToMap, nextAnimationFrame } from "@excalidraw/common"; import { duplicateElements } from "@excalidraw/element"; +import clsx from "clsx"; + +import { deburr } from "../deburr"; + import { useLibraryCache } from "../hooks/useLibraryItemSvg"; import { useScrollPosition } from "../hooks/useScrollPosition"; import { t } from "../i18n"; @@ -26,6 +30,10 @@ import Stack from "./Stack"; import "./LibraryMenuItems.scss"; +import { TextField } from "./TextField"; + +import { useDevice } from "./App"; + import type { ExcalidrawLibraryIds } from "../data/types"; import type { @@ -65,6 +73,7 @@ export default function LibraryMenuItems({ selectedItems: LibraryItem["id"][]; onSelectItems: (id: LibraryItem["id"][]) => void; }) { + const device = useDevice(); const libraryContainerRef = useRef(null); const scrollPosition = useScrollPosition(libraryContainerRef); @@ -76,6 +85,30 @@ export default function LibraryMenuItems({ }, []); // eslint-disable-line react-hooks/exhaustive-deps const { svgCache } = useLibraryCache(); + const [lastSelectedItem, setLastSelectedItem] = useState< + LibraryItem["id"] | null + >(null); + + const [searchInputValue, setSearchInputValue] = useState(""); + + const IS_LIBRARY_EMPTY = !libraryItems.length && !pendingElements.length; + + const IS_SEARCHING = !IS_LIBRARY_EMPTY && !!searchInputValue.trim(); + + const filteredItems = useMemo(() => { + const searchQuery = deburr(searchInputValue.trim().toLowerCase()); + if (!searchQuery) { + return []; + } + + return libraryItems.filter((item) => { + const itemName = item.name || ""; + return ( + itemName.trim() && deburr(itemName.toLowerCase()).includes(searchQuery) + ); + }); + }, [libraryItems, searchInputValue]); + const unpublishedItems = useMemo( () => libraryItems.filter((item) => item.status !== "published"), [libraryItems], @@ -86,23 +119,10 @@ export default function LibraryMenuItems({ [libraryItems], ); - const showBtn = !libraryItems.length && !pendingElements.length; - - const isLibraryEmpty = - !pendingElements.length && - !unpublishedItems.length && - !publishedItems.length; - - const [lastSelectedItem, setLastSelectedItem] = useState< - LibraryItem["id"] | null - >(null); - const onItemSelectToggle = useCallback( (id: LibraryItem["id"], event: React.MouseEvent) => { const shouldSelect = !selectedItems.includes(id); - const orderedItems = [...unpublishedItems, ...publishedItems]; - if (shouldSelect) { if (event.shiftKey && lastSelectedItem) { const rangeStart = orderedItems.findIndex( @@ -128,7 +148,6 @@ export default function LibraryMenuItems({ }, [], ); - onSelectItems(nextSelectedIds); } else { onSelectItems([...selectedItems, id]); @@ -194,7 +213,6 @@ export default function LibraryMenuItems({ if (!id) { return false; } - return selectedItems.includes(id); }, [selectedItems], @@ -214,10 +232,120 @@ export default function LibraryMenuItems({ ); const itemsRenderedPerBatch = - svgCache.size >= libraryItems.length + svgCache.size >= + (filteredItems.length ? filteredItems : libraryItems).length ? CACHED_ITEMS_RENDERED_PER_BATCH : ITEMS_RENDERED_PER_BATCH; + const searchInputRef = useRef(null); + useEffect(() => { + // focus could be stolen by tab trigger button + nextAnimationFrame(() => { + searchInputRef.current?.focus(); + }); + }, []); + + const JSX_whenNotSearching = !IS_SEARCHING && ( + <> + {!IS_LIBRARY_EMPTY && ( +
+ {t("labels.personalLib")} +
+ )} + {!pendingElements.length && !unpublishedItems.length ? ( +
+ {!publishedItems.length && ( +
+ {t("library.noItems")} +
+ )} +
+ {publishedItems.length > 0 + ? t("library.hint_emptyPrivateLibrary") + : t("library.hint_emptyLibrary")} +
+
+ ) : ( + + {pendingElements.length > 0 && ( + + )} + + + )} + + {publishedItems.length > 0 && ( +
+ {t("labels.excalidrawLib")} +
+ )} + {publishedItems.length > 0 && ( + + + + )} + + ); + + const JSX_whenSearching = IS_SEARCHING && ( + <> +
+ {t("library.search.heading")} + {!isLoading && ( +
+ esc to clear +
+ )} +
+ {filteredItems.length > 0 ? ( + + + + ) : ( +
+
+ {t("library.search.noResults")} +
+
+ )} + + ); + return (
- {!isLibraryEmpty && ( +
+ {!IS_LIBRARY_EMPTY && ( + setSearchInputValue(value)} + /> + )} - )} +
0 ? 1 : "0 1 auto", - marginBottom: 0, + margin: IS_LIBRARY_EMPTY ? "auto" : 0, }} ref={libraryContainerRef} > - <> - {!isLibraryEmpty && ( -
- {t("labels.personalLib")} -
- )} - {isLoading && ( -
- -
- )} - {!pendingElements.length && !unpublishedItems.length ? ( -
-
- {t("library.noItems")} -
-
- {publishedItems.length > 0 - ? t("library.hint_emptyPrivateLibrary") - : t("library.hint_emptyLibrary")} -
-
- ) : ( - - {pendingElements.length > 0 && ( - - )} - - - )} - + {isLoading && ( +
+ +
+ )} - <> - {(publishedItems.length > 0 || - pendingElements.length > 0 || - unpublishedItems.length > 0) && ( -
- {t("labels.excalidrawLib")} -
- )} - {publishedItems.length > 0 ? ( - - - - ) : unpublishedItems.length > 0 ? ( -
- {t("library.noItems")} -
- ) : null} - + {JSX_whenNotSearching} + {JSX_whenSearching} - {showBtn && ( + {IS_LIBRARY_EMPTY && ( - - + /> )}
diff --git a/packages/excalidraw/components/LibraryMenuSection.tsx b/packages/excalidraw/components/LibraryMenuSection.tsx index d98b413fbb..9ff84f5724 100644 --- a/packages/excalidraw/components/LibraryMenuSection.tsx +++ b/packages/excalidraw/components/LibraryMenuSection.tsx @@ -10,7 +10,7 @@ import type { SvgCache } from "../hooks/useLibraryItemSvg"; import type { LibraryItem } from "../types"; import type { ReactNode } from "react"; -type LibraryOrPendingItem = ( +type LibraryOrPendingItem = readonly ( | LibraryItem | /* pending library item */ { id: null; diff --git a/packages/excalidraw/components/LibraryUnit.scss b/packages/excalidraw/components/LibraryUnit.scss index 5ebe83f414..a0d2161c21 100644 --- a/packages/excalidraw/components/LibraryUnit.scss +++ b/packages/excalidraw/components/LibraryUnit.scss @@ -18,12 +18,12 @@ } &--hover { - border-color: var(--color-primary); + background-color: var(--color-surface-mid); } + &:active:not(:has(.library-unit__checkbox:hover)), &--selected { - border-color: var(--color-primary); - border-width: 1px; + background-color: var(--color-surface-high); } &--skeleton { diff --git a/packages/excalidraw/components/LibraryUnit.tsx b/packages/excalidraw/components/LibraryUnit.tsx index 9cd891715c..36607910e5 100644 --- a/packages/excalidraw/components/LibraryUnit.tsx +++ b/packages/excalidraw/components/LibraryUnit.tsx @@ -1,5 +1,5 @@ import clsx from "clsx"; -import { memo, useEffect, useRef, useState } from "react"; +import { memo, useRef, useState } from "react"; import { useLibraryItemSvg } from "../hooks/useLibraryItemSvg"; @@ -33,23 +33,7 @@ export const LibraryUnit = memo( svgCache: SvgCache; }) => { const ref = useRef(null); - const svg = useLibraryItemSvg(id, elements, svgCache); - - useEffect(() => { - const node = ref.current; - - if (!node) { - return; - } - - if (svg) { - node.innerHTML = svg.outerHTML; - } - - return () => { - node.innerHTML = ""; - }; - }, [svg]); + const svg = useLibraryItemSvg(id, elements, svgCache, ref); const [isHovered, setIsHovered] = useState(false); const isMobile = useDevice().editor.isMobile; diff --git a/packages/excalidraw/components/Sidebar/Sidebar.tsx b/packages/excalidraw/components/Sidebar/Sidebar.tsx index d08ba5f597..5f0ca487f2 100644 --- a/packages/excalidraw/components/Sidebar/Sidebar.tsx +++ b/packages/excalidraw/components/Sidebar/Sidebar.tsx @@ -9,7 +9,13 @@ import React, { useCallback, } from "react"; -import { EVENT, isDevEnv, KEYS, updateObject } from "@excalidraw/common"; +import { + CLASSES, + EVENT, + isDevEnv, + KEYS, + updateObject, +} from "@excalidraw/common"; import { useUIAppState } from "../../context/ui-appState"; import { atom, useSetAtom } from "../../editor-jotai"; @@ -137,7 +143,11 @@ export const SidebarInner = forwardRef( return ( diff --git a/packages/excalidraw/components/TextField.scss b/packages/excalidraw/components/TextField.scss index c46cd2fe8c..fefea7e802 100644 --- a/packages/excalidraw/components/TextField.scss +++ b/packages/excalidraw/components/TextField.scss @@ -12,6 +12,10 @@ --ExcTextField--border-active: var(--color-brand-active); --ExcTextField--placeholder: var(--color-border-outline-variant); + &.theme--dark { + --ExcTextField--border: var(--color-border-outline-variant); + } + .ExcTextField { position: relative; diff --git a/packages/excalidraw/components/TextField.tsx b/packages/excalidraw/components/TextField.tsx index d6bc315b18..4e724aceda 100644 --- a/packages/excalidraw/components/TextField.tsx +++ b/packages/excalidraw/components/TextField.tsx @@ -28,6 +28,7 @@ type TextFieldProps = { className?: string; placeholder?: string; isRedacted?: boolean; + type?: "text" | "search"; } & ({ value: string } | { defaultValue: string }); export const TextField = forwardRef( @@ -43,6 +44,7 @@ export const TextField = forwardRef( isRedacted = false, icon, className, + type, ...rest }, ref, @@ -96,6 +98,7 @@ export const TextField = forwardRef( ref={innerRef} onChange={(event) => onChange?.(event.target.value)} onKeyDown={onKeyDown} + type={type} /> {isRedacted && (
)} diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index 9a9a7b9cac..8279cb4344 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -185,7 +185,8 @@ "search": { "inputPlaceholder": "Search library", "heading": "Library matches", - "noResults": "No matching items found..." + "noResults": "No matching items found...", + "clearSearch": "Clear search" } }, "search": { From f1b097ad06d9cacc764405004b4d2786d5d5d38e Mon Sep 17 00:00:00 2001 From: Omar Eltomy <97570527+omareltomy@users.noreply.github.com> Date: Mon, 29 Sep 2025 14:46:42 +0300 Subject: [PATCH 036/176] fix: support bidirectional shift+click selection in library items (#10034) * fix: support bidirectional shift+click selection in library items - Enable bottom-up multi-selection (previously only top-down worked) - Use Math.min/max to handle selection range in both directions - Maintains existing behavior for preserving non-contiguous selections - Fixes issue where shift+clicking items above last selected item failed * improve deselection behavior --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/excalidraw/components/LibraryMenu.tsx | 12 +++++++++++- packages/excalidraw/components/LibraryMenuItems.tsx | 13 ++++++++++++- 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/packages/excalidraw/components/LibraryMenu.tsx b/packages/excalidraw/components/LibraryMenu.tsx index 0aa6071aa0..9a4f29f179 100644 --- a/packages/excalidraw/components/LibraryMenu.tsx +++ b/packages/excalidraw/components/LibraryMenu.tsx @@ -281,19 +281,29 @@ export const LibraryMenu = memo(() => { if (target.closest(`.${CLASSES.SIDEBAR}`)) { // stop propagation so that we don't prevent it downstream // (default browser behavior is to clear search input on ESC) - event.stopPropagation(); if (selectedItems.length > 0) { + event.stopPropagation(); setSelectedItems([]); } else if ( isWritableElement(target) && target instanceof HTMLInputElement && !target.value ) { + event.stopPropagation(); // if search input empty -> close library // (maybe not a good idea?) setAppState({ openSidebar: null }); app.focusContainer(); } + } else if (selectedItems.length > 0) { + const { x, y } = app.lastViewportPosition; + const elementUnderCursor = document.elementFromPoint(x, y); + // also deselect elements if sidebar doesn't have focus but the + // cursor is over it + if (elementUnderCursor?.closest(`.${CLASSES.SIDEBAR}`)) { + event.stopPropagation(); + setSelectedItems([]); + } } } }, diff --git a/packages/excalidraw/components/LibraryMenuItems.tsx b/packages/excalidraw/components/LibraryMenuItems.tsx index 2d111b7f7b..c64351b1b3 100644 --- a/packages/excalidraw/components/LibraryMenuItems.tsx +++ b/packages/excalidraw/components/LibraryMenuItems.tsx @@ -138,10 +138,13 @@ export default function LibraryMenuItems({ } const selectedItemsMap = arrayToMap(selectedItems); + // Support both top-down and bottom-up selection by using min/max + const minRange = Math.min(rangeStart, rangeEnd); + const maxRange = Math.max(rangeStart, rangeEnd); const nextSelectedIds = orderedItems.reduce( (acc: LibraryItem["id"][], item, idx) => { if ( - (idx >= rangeStart && idx <= rangeEnd) || + (idx >= minRange && idx <= maxRange) || selectedItemsMap.has(item.id) ) { acc.push(item.id); @@ -169,6 +172,14 @@ export default function LibraryMenuItems({ ], ); + useEffect(() => { + // if selection is removed (e.g. via esc), reset last selected item + // so that subsequent shift+clicks don't select a large range + if (!selectedItems.length) { + setLastSelectedItem(null); + } + }, [selectedItems]); + const getInsertedElements = useCallback( (id: string) => { let targetElements; From 7c4194485647fcd3a1aaa75612c0193208d65bae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yago=20D=C3=B3rea?= Date: Tue, 30 Sep 2025 12:09:20 -0300 Subject: [PATCH 037/176] fix: small improvement on binary heap implementation (#9992) --- packages/common/src/binary-heap.ts | 43 +++++++++++++++++------------- 1 file changed, 24 insertions(+), 19 deletions(-) diff --git a/packages/common/src/binary-heap.ts b/packages/common/src/binary-heap.ts index 788a05c223..5abf484998 100644 --- a/packages/common/src/binary-heap.ts +++ b/packages/common/src/binary-heap.ts @@ -5,17 +5,18 @@ export class BinaryHeap { sinkDown(idx: number) { const node = this.content[idx]; + const nodeScore = this.scoreFunction(node); while (idx > 0) { const parentN = ((idx + 1) >> 1) - 1; const parent = this.content[parentN]; - if (this.scoreFunction(node) < this.scoreFunction(parent)) { - this.content[parentN] = node; + if (nodeScore < this.scoreFunction(parent)) { this.content[idx] = parent; idx = parentN; // TODO: Optimize } else { break; } } + this.content[idx] = node; } bubbleUp(idx: number) { @@ -24,35 +25,39 @@ export class BinaryHeap { const score = this.scoreFunction(node); while (true) { - const child2N = (idx + 1) << 1; - const child1N = child2N - 1; - let swap = null; - let child1Score = 0; + const child1N = ((idx + 1) << 1) - 1; + const child2N = child1N + 1; + let smallestIdx = idx; + let smallestScore = score; + // Check left child if (child1N < length) { - const child1 = this.content[child1N]; - child1Score = this.scoreFunction(child1); - if (child1Score < score) { - swap = child1N; + const child1Score = this.scoreFunction(this.content[child1N]); + if (child1Score < smallestScore) { + smallestIdx = child1N; + smallestScore = child1Score; } } + // Check right child if (child2N < length) { - const child2 = this.content[child2N]; - const child2Score = this.scoreFunction(child2); - if (child2Score < (swap === null ? score : child1Score)) { - swap = child2N; + const child2Score = this.scoreFunction(this.content[child2N]); + if (child2Score < smallestScore) { + smallestIdx = child2N; } } - if (swap !== null) { - this.content[idx] = this.content[swap]; - this.content[swap] = node; - idx = swap; // TODO: Optimize - } else { + if (smallestIdx === idx) { break; } + + // Move the smaller child up, continue finding position for node + this.content[idx] = this.content[smallestIdx]; + idx = smallestIdx; } + + // Place node in its final position + this.content[idx] = node; } push(node: T) { From fde796a7a00d43dc2bb434b5ec98fb57afe9e896 Mon Sep 17 00:00:00 2001 From: zsviczian Date: Tue, 30 Sep 2025 20:38:10 +0200 Subject: [PATCH 038/176] feat: Make naming of library items discoverable (#10041) * updated library relevant strings * fix: detect name changes * clarify hashing function --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/element/src/index.ts | 3 +++ .../excalidraw/components/PublishLibrary.tsx | 2 +- packages/excalidraw/data/library.ts | 22 +++++++++++++++---- packages/excalidraw/locales/en.json | 3 ++- 4 files changed, 24 insertions(+), 6 deletions(-) diff --git a/packages/element/src/index.ts b/packages/element/src/index.ts index 4fc1ef5579..d677859ad5 100644 --- a/packages/element/src/index.ts +++ b/packages/element/src/index.ts @@ -29,6 +29,9 @@ export const hashElementsVersion = (elements: ElementsMapOrArray): number => { // string hash function (using djb2). Not cryptographically secure, use only // for versioning and such. +// note: hashes individual code units (not code points), +// but for hashing purposes this is fine as it iterates through every code unit +// (as such, no need to encode to byte string first) export const hashString = (s: string): number => { let hash: number = 5381; for (let i = 0; i < s.length; i++) { diff --git a/packages/excalidraw/components/PublishLibrary.tsx b/packages/excalidraw/components/PublishLibrary.tsx index 076b303d70..cdc038dac3 100644 --- a/packages/excalidraw/components/PublishLibrary.tsx +++ b/packages/excalidraw/components/PublishLibrary.tsx @@ -518,7 +518,7 @@ const PublishLibrary = ({
diff --git a/packages/excalidraw/data/library.ts b/packages/excalidraw/data/library.ts index 429ba1046c..abe2fec853 100644 --- a/packages/excalidraw/data/library.ts +++ b/packages/excalidraw/data/library.ts @@ -62,6 +62,7 @@ type LibraryUpdate = { deletedItems: Map; /** newly added items in the library */ addedItems: Map; + updatedItems: Map; }; // an object so that we can later add more properties to it without breaking, @@ -170,6 +171,7 @@ const createLibraryUpdate = ( const update: LibraryUpdate = { deletedItems: new Map(), addedItems: new Map(), + updatedItems: new Map(), }; for (const item of prevLibraryItems) { @@ -181,8 +183,11 @@ const createLibraryUpdate = ( const prevItemsMap = arrayToMap(prevLibraryItems); for (const item of nextLibraryItems) { - if (!prevItemsMap.has(item.id)) { + const prevItem = prevItemsMap.get(item.id); + if (!prevItem) { update.addedItems.set(item.id, item); + } else if (getLibraryItemHash(prevItem) !== getLibraryItemHash(item)) { + update.updatedItems.set(item.id, item); } } @@ -586,12 +591,14 @@ class AdapterTransaction { let lastSavedLibraryItemsHash = 0; let librarySaveCounter = 0; +const getLibraryItemHash = (item: LibraryItem) => { + return `${item.id}:${item.name || ""}:${hashElementsVersion(item.elements)}`; +}; + export const getLibraryItemsHash = (items: LibraryItems) => { return hashString( items - .map((item) => { - return `${item.id}:${hashElementsVersion(item.elements)}`; - }) + .map((item) => getLibraryItemHash(item)) .sort() .join(), ); @@ -641,6 +648,13 @@ const persistLibraryUpdate = async ( } } + // replace existing items with their updated versions + if (update.updatedItems) { + for (const [id, item] of update.updatedItems) { + nextLibraryItemsMap.set(id, item); + } + } + const nextLibraryItems = addedItems.concat( Array.from(nextLibraryItemsMap.values()), ); diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index 8279cb4344..4bd76fe876 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -230,10 +230,11 @@ "objectsSnapMode": "Snap to objects", "exitZenMode": "Exit zen mode", "cancel": "Cancel", + "saveLibNames": "Save name(s) and exit", "clear": "Clear", "remove": "Remove", "embed": "Toggle embedding", - "publishLibrary": "Publish selected", + "publishLibrary": "Rename or publish", "submit": "Submit", "confirm": "Confirm", "embeddableInteractionButton": "Click to interact" From 835eb8d2fdf21afd93175367838e6b9ecd9e9271 Mon Sep 17 00:00:00 2001 From: Emil <73137047+h0lm1@users.noreply.github.com> Date: Tue, 30 Sep 2025 23:54:43 +0200 Subject: [PATCH 039/176] fix: display error message when local storage quota is exceeded (#9961) * fix: display error message when local storage quota is exceeded * add danger alert instead of toast * tweak text --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- excalidraw-app/App.tsx | 10 +++++++++- excalidraw-app/data/LocalData.ts | 17 +++++++++++++++++ excalidraw-app/index.scss | 14 +++++++++++--- packages/excalidraw/locales/en.json | 3 ++- 4 files changed, 39 insertions(+), 5 deletions(-) diff --git a/excalidraw-app/App.tsx b/excalidraw-app/App.tsx index b972e6e5b0..a5d01769cc 100644 --- a/excalidraw-app/App.tsx +++ b/excalidraw-app/App.tsx @@ -119,6 +119,7 @@ import { LibraryIndexedDBAdapter, LibraryLocalStorageMigrationAdapter, LocalData, + localStorageQuotaExceededAtom, } from "./data/LocalData"; import { isBrowserStorageStateNewer } from "./data/tabSync"; import { ShareDialog, shareDialogStateAtom } from "./share/ShareDialog"; @@ -727,6 +728,8 @@ const ExcalidrawWrapper = () => { const isOffline = useAtomValue(isOfflineAtom); + const localStorageQuotaExceeded = useAtomValue(localStorageQuotaExceededAtom); + const onCollabDialogOpen = useCallback( () => setShareDialogState({ isOpen: true, type: "collaborationOnly" }), [setShareDialogState], @@ -901,10 +904,15 @@ const ExcalidrawWrapper = () => { {isCollaborating && isOffline && ( -
+
{t("alerts.collabOfflineWarning")}
)} + {localStorageQuotaExceeded && ( +
+ {t("alerts.localStorageQuotaExceeded")} +
+ )} {latestShareableLink && ( { await entries(filesStore).then((entries) => { @@ -69,6 +73,9 @@ const saveDataStateToLocalStorage = ( elements: readonly ExcalidrawElement[], appState: AppState, ) => { + const localStorageQuotaExceeded = appJotaiStore.get( + localStorageQuotaExceededAtom, + ); try { const _appState = clearAppStateForLocalStorage(appState); @@ -88,12 +95,22 @@ const saveDataStateToLocalStorage = ( JSON.stringify(_appState), ); updateBrowserStateVersion(STORAGE_KEYS.VERSION_DATA_STATE); + if (localStorageQuotaExceeded) { + appJotaiStore.set(localStorageQuotaExceededAtom, false); + } } catch (error: any) { // Unable to access window.localStorage console.error(error); + if (isQuotaExceededError(error) && !localStorageQuotaExceeded) { + appJotaiStore.set(localStorageQuotaExceededAtom, true); + } } }; +const isQuotaExceededError = (error: any) => { + return error instanceof DOMException && error.name === "QuotaExceededError"; +}; + type SavingLockTypes = "collaboration"; export class LocalData { diff --git a/excalidraw-app/index.scss b/excalidraw-app/index.scss index cfaaf9cea2..9f320775be 100644 --- a/excalidraw-app/index.scss +++ b/excalidraw-app/index.scss @@ -58,7 +58,7 @@ } } - .collab-offline-warning { + .alert { pointer-events: none; position: absolute; top: 6.5rem; @@ -69,10 +69,18 @@ text-align: center; line-height: 1.5; border-radius: var(--border-radius-md); - background-color: var(--color-warning); - color: var(--color-text-warning); z-index: 6; white-space: pre; + + &--warning { + background-color: var(--color-warning); + color: var(--color-text-warning); + } + + &--danger { + background-color: var(--color-danger-dark); + color: var(--color-danger-text); + } } } diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index 4bd76fe876..feebe6da0f 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -260,7 +260,8 @@ "resetLibrary": "This will clear your library. Are you sure?", "removeItemsFromsLibrary": "Delete {{count}} item(s) from library?", "invalidEncryptionKey": "Encryption key must be of 22 characters. Live collaboration is disabled.", - "collabOfflineWarning": "No internet connection available.\nYour changes will not be saved!" + "collabOfflineWarning": "No internet connection available.\nYour changes will not be saved!", + "localStorageQuotaExceeded": "Browser storage quota exceeded. Changes will not be saved." }, "errors": { "unsupportedFileType": "Unsupported file type.", From f3c16a600d4aae624776660c2ee4462b3bcd6a66 Mon Sep 17 00:00:00 2001 From: Akibur Rahman <48094649+akib22@users.noreply.github.com> Date: Thu, 2 Oct 2025 20:47:26 +0600 Subject: [PATCH 040/176] fix: text to diagram translation update issue on language update (#10016) --- packages/excalidraw/components/Actions.tsx | 25 ++++++++----------- .../components/TTDDialog/TTDDialogTrigger.tsx | 6 ++--- 2 files changed, 13 insertions(+), 18 deletions(-) diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index f43a4925de..ae44dafd04 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -12,19 +12,16 @@ import { import { shouldAllowVerticalAlign, suppportsHorizontalAlign, -} from "@excalidraw/element"; - -import { hasBoundTextElement, isElbowArrow, isImageElement, isLinearElement, isTextElement, isArrowElement, + hasStrokeColor, + toolIsArrow, } from "@excalidraw/element"; -import { hasStrokeColor, toolIsArrow } from "@excalidraw/element"; - import type { ExcalidrawElement, ExcalidrawElementType, @@ -902,16 +899,14 @@ export const ShapesSwitcher = ({ {t("toolBar.mermaidToExcalidraw")} {app.props.aiEnabled !== false && app.plugins.diagramToCode && ( - <> - app.onMagicframeToolSelect()} - icon={MagicIcon} - data-testid="toolbar-magicframe" - > - {t("toolBar.magicframe")} - AI - - + app.onMagicframeToolSelect()} + icon={MagicIcon} + data-testid="toolbar-magicframe" + > + {t("toolBar.magicframe")} + AI + )} diff --git a/packages/excalidraw/components/TTDDialog/TTDDialogTrigger.tsx b/packages/excalidraw/components/TTDDialog/TTDDialogTrigger.tsx index 833b659fe2..0d5c62f331 100644 --- a/packages/excalidraw/components/TTDDialog/TTDDialogTrigger.tsx +++ b/packages/excalidraw/components/TTDDialog/TTDDialogTrigger.tsx @@ -1,12 +1,11 @@ import { trackEvent } from "../../analytics"; import { useTunnels } from "../../context/tunnels"; -import { t } from "../../i18n"; +import { useI18n } from "../../i18n"; import { useExcalidrawSetAppState } from "../App"; import DropdownMenu from "../dropdownMenu/DropdownMenu"; import { brainIcon } from "../icons"; -import type { ReactNode } from "react"; -import type { JSX } from "react"; +import type { JSX, ReactNode } from "react"; export const TTDDialogTrigger = ({ children, @@ -15,6 +14,7 @@ export const TTDDialogTrigger = ({ children?: ReactNode; icon?: JSX.Element; }) => { + const { t } = useI18n(); const { TTDDialogTriggerTunnel } = useTunnels(); const setAppState = useExcalidrawSetAppState(); From 98e0cd9078feab548c0af13f462195c4dbf10135 Mon Sep 17 00:00:00 2001 From: David Espinoza <69441741+despinozap@users.noreply.github.com> Date: Sun, 5 Oct 2025 09:48:54 -0300 Subject: [PATCH 041/176] build: Docker compose version removed (#10074) --- docker-compose.yml | 2 -- 1 file changed, 2 deletions(-) diff --git a/docker-compose.yml b/docker-compose.yml index b82053e57b..5beb3c15b9 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -1,5 +1,3 @@ -version: "3.8" - services: excalidraw: build: From 416e8b3e421971bf2162cb78a2dee7bbc6dabb23 Mon Sep 17 00:00:00 2001 From: Ryan Di Date: Fri, 10 Oct 2025 08:48:31 +1100 Subject: [PATCH 042/176] feat: new mobile layout (#9996) * compact bottom toolbar * put menu trigger to top left * add popup to switch between grouped tool types * add a dedicated mobile toolbar * update position for mobile * fix active tool type * add mobile mode as well * mobile actions * remove refactored popups * excali logo mobile * include mobile * update mobile menu layout * move selection and deletion back to right * do not fill eraser * fix styling * fix active styling * bigger buttons, smaller gaps * fix other tools not opened * fix: Style panel persistence and restore Signed-off-by: Mark Tolmacs * move hidden action btns to extra popover * fix dropdown overlapping with welcome screen * replace custom popup with popover * improve button styles * swapping redo and delete * always show undo & redo and improve styling * change background * toolbar styles * no any * persist perferred selection tool and align tablet as well * add a renderTopLeftUI to props * tweak border and bg * show combined properties only when using suitable tools * fix preferred tool * new stroke icon * hide color picker hot keys * init preferred tool based on device * fix main menu sizing * fix welcome screen offset * put text before image * disable call highlight on buttons * fix renderTopLeftUI --------- Signed-off-by: Mark Tolmacs Co-authored-by: Mark Tolmacs Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/common/src/constants.ts | 5 + packages/element/src/comparisons.ts | 8 +- packages/excalidraw/actions/actionCanvas.tsx | 9 +- .../actions/actionDeleteSelected.tsx | 18 +- .../actions/actionDuplicateSelection.tsx | 11 +- .../excalidraw/actions/actionFinalize.tsx | 4 +- packages/excalidraw/actions/actionHistory.tsx | 22 +- .../excalidraw/actions/actionProperties.tsx | 47 +- packages/excalidraw/appState.ts | 7 +- packages/excalidraw/components/Actions.scss | 70 +- packages/excalidraw/components/Actions.tsx | 1067 +++++++++++------ packages/excalidraw/components/App.tsx | 57 +- .../components/ColorPicker/ColorPicker.scss | 15 + .../components/ColorPicker/ColorPicker.tsx | 44 +- .../components/ColorPicker/Picker.tsx | 22 +- .../ColorPicker/PickerColorList.tsx | 4 +- .../components/ColorPicker/ShadeList.tsx | 12 +- .../excalidraw/components/ExcalidrawLogo.scss | 14 + .../excalidraw/components/ExcalidrawLogo.tsx | 2 +- .../components/FontPicker/FontPicker.tsx | 1 + .../components/FontPicker/FontPickerList.tsx | 12 +- .../FontPicker/FontPickerTrigger.tsx | 13 + packages/excalidraw/components/HandButton.tsx | 2 +- packages/excalidraw/components/IconPicker.tsx | 10 +- packages/excalidraw/components/LayerUI.tsx | 8 +- packages/excalidraw/components/MobileMenu.tsx | 209 ++-- .../excalidraw/components/MobileToolBar.scss | 78 ++ .../excalidraw/components/MobileToolBar.tsx | 471 ++++++++ .../excalidraw/components/ToolPopover.scss | 18 + .../excalidraw/components/ToolPopover.tsx | 120 ++ packages/excalidraw/components/Toolbar.scss | 4 + .../components/dropdownMenu/DropdownMenu.scss | 30 +- .../components/dropdownMenu/DropdownMenu.tsx | 13 +- .../dropdownMenu/DropdownMenuContent.tsx | 3 + packages/excalidraw/components/icons.tsx | 14 +- .../components/main-menu/MainMenu.tsx | 2 + packages/excalidraw/components/shapes.tsx | 2 +- .../welcome-screen/WelcomeScreen.scss | 10 +- packages/excalidraw/css/styles.scss | 46 +- packages/excalidraw/css/theme.scss | 9 + packages/excalidraw/css/variables.module.scss | 16 + packages/excalidraw/index.tsx | 2 + .../__snapshots__/contextmenu.test.tsx.snap | 68 ++ .../tests/__snapshots__/history.test.tsx.snap | 258 +++- .../regressionTests.test.tsx.snap | 210 +++- packages/excalidraw/types.ts | 14 +- .../tests/__snapshots__/export.test.ts.snap | 4 + 47 files changed, 2407 insertions(+), 678 deletions(-) create mode 100644 packages/excalidraw/components/MobileToolBar.scss create mode 100644 packages/excalidraw/components/MobileToolBar.tsx create mode 100644 packages/excalidraw/components/ToolPopover.scss create mode 100644 packages/excalidraw/components/ToolPopover.tsx diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index 3ac7a52b93..dfbb69aa97 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -543,3 +543,8 @@ export enum UserIdleState { export const LINE_POLYGON_POINT_MERGE_DISTANCE = 20; export const DOUBLE_TAP_POSITION_THRESHOLD = 35; + +// glass background for mobile action buttons +export const MOBILE_ACTION_BUTTON_BG = { + background: "var(--mobile-action-button-bg)", +} as const; diff --git a/packages/element/src/comparisons.ts b/packages/element/src/comparisons.ts index 75fac889dc..c15e1ca4bc 100644 --- a/packages/element/src/comparisons.ts +++ b/packages/element/src/comparisons.ts @@ -10,7 +10,13 @@ export const hasBackground = (type: ElementOrToolType) => type === "freedraw"; export const hasStrokeColor = (type: ElementOrToolType) => - type !== "image" && type !== "frame" && type !== "magicframe"; + type === "rectangle" || + type === "ellipse" || + type === "diamond" || + type === "freedraw" || + type === "arrow" || + type === "line" || + type === "text"; export const hasStrokeWidth = (type: ElementOrToolType) => type === "rectangle" || diff --git a/packages/excalidraw/actions/actionCanvas.tsx b/packages/excalidraw/actions/actionCanvas.tsx index d0039d1c29..b4aac19059 100644 --- a/packages/excalidraw/actions/actionCanvas.tsx +++ b/packages/excalidraw/actions/actionCanvas.tsx @@ -122,7 +122,10 @@ export const actionClearCanvas = register({ pasteDialog: appState.pasteDialog, activeTool: appState.activeTool.type === "image" - ? { ...appState.activeTool, type: app.defaultSelectionTool } + ? { + ...appState.activeTool, + type: app.state.preferredSelectionTool.type, + } : appState.activeTool, }, captureUpdate: CaptureUpdateAction.IMMEDIATELY, @@ -501,7 +504,7 @@ export const actionToggleEraserTool = register({ if (isEraserActive(appState)) { activeTool = updateActiveTool(appState, { ...(appState.activeTool.lastActiveTool || { - type: app.defaultSelectionTool, + type: app.state.preferredSelectionTool.type, }), lastActiveToolBeforeEraser: null, }); @@ -532,7 +535,7 @@ export const actionToggleLassoTool = register({ icon: LassoIcon, trackEvent: { category: "toolbar" }, predicate: (elements, appState, props, app) => { - return app.defaultSelectionTool !== "lasso"; + return app.state.preferredSelectionTool.type !== "lasso"; }, perform: (elements, appState, _, app) => { let activeTool: AppState["activeTool"]; diff --git a/packages/excalidraw/actions/actionDeleteSelected.tsx b/packages/excalidraw/actions/actionDeleteSelected.tsx index 78a3465689..694f02b90c 100644 --- a/packages/excalidraw/actions/actionDeleteSelected.tsx +++ b/packages/excalidraw/actions/actionDeleteSelected.tsx @@ -1,4 +1,8 @@ -import { KEYS, updateActiveTool } from "@excalidraw/common"; +import { + KEYS, + MOBILE_ACTION_BUTTON_BG, + updateActiveTool, +} from "@excalidraw/common"; import { getNonDeletedElements } from "@excalidraw/element"; import { fixBindingsAfterDeletion } from "@excalidraw/element"; @@ -299,7 +303,7 @@ export const actionDeleteSelected = register({ appState: { ...nextAppState, activeTool: updateActiveTool(appState, { - type: app.defaultSelectionTool, + type: app.state.preferredSelectionTool.type, }), multiElement: null, activeEmbeddable: null, @@ -323,7 +327,15 @@ export const actionDeleteSelected = register({ title={t("labels.delete")} aria-label={t("labels.delete")} onClick={() => updateData(null)} - visible={isSomeElementSelected(getNonDeletedElements(elements), appState)} + disabled={ + !isSomeElementSelected(getNonDeletedElements(elements), appState) + } + style={{ + ...(appState.stylesPanelMode === "mobile" && + appState.openPopup !== "compactOtherProperties" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} /> ), }); diff --git a/packages/excalidraw/actions/actionDuplicateSelection.tsx b/packages/excalidraw/actions/actionDuplicateSelection.tsx index c1b2a9da42..daf1dbb3c6 100644 --- a/packages/excalidraw/actions/actionDuplicateSelection.tsx +++ b/packages/excalidraw/actions/actionDuplicateSelection.tsx @@ -1,6 +1,7 @@ import { DEFAULT_GRID_SIZE, KEYS, + MOBILE_ACTION_BUTTON_BG, arrayToMap, getShortcutKey, } from "@excalidraw/common"; @@ -115,7 +116,15 @@ export const actionDuplicateSelection = register({ )}`} aria-label={t("labels.duplicateSelection")} onClick={() => updateData(null)} - visible={isSomeElementSelected(getNonDeletedElements(elements), appState)} + disabled={ + !isSomeElementSelected(getNonDeletedElements(elements), appState) + } + style={{ + ...(appState.stylesPanelMode === "mobile" && + appState.openPopup !== "compactOtherProperties" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} /> ), }); diff --git a/packages/excalidraw/actions/actionFinalize.tsx b/packages/excalidraw/actions/actionFinalize.tsx index 877c817ad4..4e7ae67919 100644 --- a/packages/excalidraw/actions/actionFinalize.tsx +++ b/packages/excalidraw/actions/actionFinalize.tsx @@ -261,13 +261,13 @@ export const actionFinalize = register({ if (appState.activeTool.type === "eraser") { activeTool = updateActiveTool(appState, { ...(appState.activeTool.lastActiveTool || { - type: app.defaultSelectionTool, + type: app.state.preferredSelectionTool.type, }), lastActiveToolBeforeEraser: null, }); } else { activeTool = updateActiveTool(appState, { - type: app.defaultSelectionTool, + type: app.state.preferredSelectionTool.type, }); } diff --git a/packages/excalidraw/actions/actionHistory.tsx b/packages/excalidraw/actions/actionHistory.tsx index b948fe7d49..a1971f527c 100644 --- a/packages/excalidraw/actions/actionHistory.tsx +++ b/packages/excalidraw/actions/actionHistory.tsx @@ -1,4 +1,10 @@ -import { isWindows, KEYS, matchKey, arrayToMap } from "@excalidraw/common"; +import { + isWindows, + KEYS, + matchKey, + arrayToMap, + MOBILE_ACTION_BUTTON_BG, +} from "@excalidraw/common"; import { CaptureUpdateAction } from "@excalidraw/element"; @@ -67,7 +73,7 @@ export const createUndoAction: ActionCreator = (history) => ({ ), keyTest: (event) => event[KEYS.CTRL_OR_CMD] && matchKey(event, KEYS.Z) && !event.shiftKey, - PanelComponent: ({ updateData, data }) => { + PanelComponent: ({ appState, updateData, data }) => { const { isUndoStackEmpty } = useEmitter( history.onHistoryChangedEmitter, new HistoryChangedEvent( @@ -85,6 +91,11 @@ export const createUndoAction: ActionCreator = (history) => ({ size={data?.size || "medium"} disabled={isUndoStackEmpty} data-testid="button-undo" + style={{ + ...(appState.stylesPanelMode === "mobile" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} /> ); }, @@ -103,7 +114,7 @@ export const createRedoAction: ActionCreator = (history) => ({ keyTest: (event) => (event[KEYS.CTRL_OR_CMD] && event.shiftKey && matchKey(event, KEYS.Z)) || (isWindows && event.ctrlKey && !event.shiftKey && matchKey(event, KEYS.Y)), - PanelComponent: ({ updateData, data }) => { + PanelComponent: ({ appState, updateData, data }) => { const { isRedoStackEmpty } = useEmitter( history.onHistoryChangedEmitter, new HistoryChangedEvent( @@ -121,6 +132,11 @@ export const createRedoAction: ActionCreator = (history) => ({ size={data?.size || "medium"} disabled={isRedoStackEmpty} data-testid="button-redo" + style={{ + ...(appState.stylesPanelMode === "mobile" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} /> ); }, diff --git a/packages/excalidraw/actions/actionProperties.tsx b/packages/excalidraw/actions/actionProperties.tsx index c03309e9cc..229b492533 100644 --- a/packages/excalidraw/actions/actionProperties.tsx +++ b/packages/excalidraw/actions/actionProperties.tsx @@ -348,7 +348,10 @@ export const actionChangeStrokeColor = register({ elements={elements} appState={appState} updateData={updateData} - compactMode={appState.stylesPanelMode === "compact"} + compactMode={ + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile" + } /> ), @@ -428,7 +431,10 @@ export const actionChangeBackgroundColor = register({ elements={elements} appState={appState} updateData={updateData} - compactMode={appState.stylesPanelMode === "compact"} + compactMode={ + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile" + } /> ), @@ -531,9 +537,7 @@ export const actionChangeStrokeWidth = register({ }, PanelComponent: ({ elements, appState, updateData, app, data }) => (
- {appState.stylesPanelMode === "full" && ( - {t("labels.strokeWidth")} - )} + {t("labels.strokeWidth")}
(
- {appState.stylesPanelMode === "full" && ( - {t("labels.sloppiness")} - )} + {t("labels.sloppiness")}
(
- {appState.stylesPanelMode === "full" && ( - {t("labels.strokeStyle")} - )} + {t("labels.strokeStyle")}
{ withCaretPositionPreservation( () => updateData(value), - appState.stylesPanelMode === "compact", + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile", !!appState.editingTextElement, data?.onPreventClose, ); @@ -1040,7 +1041,7 @@ export const actionChangeFontFamily = register({ return result; }, - PanelComponent: ({ elements, appState, app, updateData, data }) => { + PanelComponent: ({ elements, appState, app, updateData }) => { const cachedElementsRef = useRef(new Map()); const prevSelectedFontFamilyRef = useRef(null); // relying on state batching as multiple `FontPicker` handlers could be called in rapid succession and we want to combine them @@ -1117,7 +1118,7 @@ export const actionChangeFontFamily = register({ }, []); return ( -
+ <> {appState.stylesPanelMode === "full" && ( {t("labels.fontFamily")} )} @@ -1125,7 +1126,7 @@ export const actionChangeFontFamily = register({ isOpened={appState.openPopup === "fontFamily"} selectedFontFamily={selectedFontFamily} hoveredFontFamily={appState.currentHoveredFontFamily} - compactMode={appState.stylesPanelMode === "compact"} + compactMode={appState.stylesPanelMode !== "full"} onSelect={(fontFamily) => { withCaretPositionPreservation( () => { @@ -1137,7 +1138,8 @@ export const actionChangeFontFamily = register({ // defensive clear so immediate close won't abuse the cached elements cachedElementsRef.current.clear(); }, - appState.stylesPanelMode === "compact", + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile", !!appState.editingTextElement, ); }} @@ -1213,7 +1215,8 @@ export const actionChangeFontFamily = register({ // Refocus text editor when font picker closes if we were editing text if ( - appState.stylesPanelMode === "compact" && + (appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile") && appState.editingTextElement ) { restoreCaretPosition(null); // Just refocus without saved position @@ -1221,7 +1224,7 @@ export const actionChangeFontFamily = register({ } }} /> -
+ ); }, }); @@ -1314,7 +1317,8 @@ export const actionChangeTextAlign = register({ onChange={(value) => { withCaretPositionPreservation( () => updateData(value), - appState.stylesPanelMode === "compact", + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile", !!appState.editingTextElement, data?.onPreventClose, ); @@ -1413,7 +1417,8 @@ export const actionChangeVerticalAlign = register({ onChange={(value) => { withCaretPositionPreservation( () => updateData(value), - appState.stylesPanelMode === "compact", + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile", !!appState.editingTextElement, data?.onPreventClose, ); @@ -1678,8 +1683,8 @@ export const actionChangeArrowProperties = register({ PanelComponent: ({ elements, appState, updateData, app, renderAction }) => { return (
- {renderAction("changeArrowType")} {renderAction("changeArrowhead")} + {renderAction("changeArrowType")}
); }, diff --git a/packages/excalidraw/appState.ts b/packages/excalidraw/appState.ts index 2a37b138d8..96876e5854 100644 --- a/packages/excalidraw/appState.ts +++ b/packages/excalidraw/appState.ts @@ -55,6 +55,10 @@ export const getDefaultAppState = (): Omit< fromSelection: false, lastActiveTool: null, }, + preferredSelectionTool: { + type: "selection", + initialized: false, + }, penMode: false, penDetected: false, errorMessage: null, @@ -176,6 +180,7 @@ const APP_STATE_STORAGE_CONF = (< editingTextElement: { browser: false, export: false, server: false }, editingGroupId: { browser: true, export: false, server: false }, activeTool: { browser: true, export: false, server: false }, + preferredSelectionTool: { browser: true, export: false, server: false }, penMode: { browser: true, export: false, server: false }, penDetected: { browser: true, export: false, server: false }, errorMessage: { browser: false, export: false, server: false }, @@ -248,7 +253,7 @@ const APP_STATE_STORAGE_CONF = (< searchMatches: { browser: false, export: false, server: false }, lockedMultiSelections: { browser: true, export: true, server: true }, activeLockedId: { browser: false, export: false, server: false }, - stylesPanelMode: { browser: true, export: false, server: false }, + stylesPanelMode: { browser: false, export: false, server: false }, }); const _clearAppStateForStorage = < diff --git a/packages/excalidraw/components/Actions.scss b/packages/excalidraw/components/Actions.scss index 93b5ef7c3e..f97f3c7b6f 100644 --- a/packages/excalidraw/components/Actions.scss +++ b/packages/excalidraw/components/Actions.scss @@ -106,15 +106,15 @@ justify-content: center; align-items: center; min-height: 2.5rem; + pointer-events: auto; --default-button-size: 2rem; .compact-action-button { - width: 2rem; - height: 2rem; + width: var(--mobile-action-button-size); + height: var(--mobile-action-button-size); border: none; border-radius: var(--border-radius-lg); - background: transparent; color: var(--color-on-surface); cursor: pointer; display: flex; @@ -122,24 +122,20 @@ justify-content: center; transition: all 0.2s ease; + background: var(--mobile-action-button-bg); + svg { width: 1rem; height: 1rem; flex: 0 0 auto; } - &:hover { - background: var(--button-hover-bg, var(--island-bg-color)); - border-color: var( - --button-hover-border, - var(--button-border, var(--default-border-color)) + &.active { + background: var( + --color-surface-primary-container, + var(--mobile-action-button-bg) ); } - - &:active { - background: var(--button-active-bg, var(--island-bg-color)); - border-color: var(--button-active-border, var(--color-primary-darkest)); - } } .compact-popover-content { @@ -167,6 +163,19 @@ } } } + + .ToolIcon { + .ToolIcon__icon { + width: var(--mobile-action-button-size); + height: var(--mobile-action-button-size); + + background: var(--mobile-action-button-bg); + + &:hover { + background-color: transparent; + } + } + } } .compact-shape-actions-island { @@ -174,29 +183,18 @@ overflow-x: hidden; } -.compact-popover-content { - .popover-section { - margin-bottom: 1rem; - - &:last-child { - margin-bottom: 0; - } - - .popover-section-title { - font-size: 0.75rem; - font-weight: 600; - color: var(--color-text-secondary); - margin-bottom: 0.5rem; - text-transform: uppercase; - letter-spacing: 0.5px; - } - - .buttonList { - display: flex; - flex-wrap: wrap; - gap: 0.25rem; - } - } +.mobile-shape-actions { + z-index: 999; + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; + background: transparent; + border-radius: var(--border-radius-lg); + box-shadow: none; + overflow: none; + scrollbar-width: none; + -ms-overflow-style: none; } .shape-actions-theme-scope { diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index ae44dafd04..ec95d40c3e 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -1,5 +1,5 @@ import clsx from "clsx"; -import { useState } from "react"; +import { useRef, useState } from "react"; import * as Popover from "@radix-ui/react-popover"; import { @@ -56,6 +56,7 @@ import "./Actions.scss"; import { useDevice, useExcalidrawContainer } from "./App"; import Stack from "./Stack"; import { ToolButton } from "./ToolButton"; +import { ToolPopover } from "./ToolPopover"; import { Tooltip } from "./Tooltip"; import DropdownMenu from "./dropdownMenu/DropdownMenu"; import { PropertiesPopover } from "./PropertiesPopover"; @@ -73,8 +74,11 @@ import { TextSizeIcon, adjustmentsIcon, DotsHorizontalIcon, + SelectionIcon, } from "./icons"; +import { Island } from "./Island"; + import type { AppClassProperties, AppProps, @@ -302,6 +306,475 @@ export const SelectedShapeActions = ({ ); }; +const CombinedShapeProperties = ({ + appState, + renderAction, + setAppState, + targetElements, + container, +}: { + targetElements: ExcalidrawElement[]; + appState: UIAppState; + renderAction: ActionManager["renderAction"]; + setAppState: React.Component["setState"]; + container: HTMLDivElement | null; +}) => { + const showFillIcons = + (hasBackground(appState.activeTool.type) && + !isTransparent(appState.currentItemBackgroundColor)) || + targetElements.some( + (element) => + hasBackground(element.type) && !isTransparent(element.backgroundColor), + ); + + const shouldShowCombinedProperties = + targetElements.length > 0 || + (appState.activeTool.type !== "selection" && + appState.activeTool.type !== "eraser" && + appState.activeTool.type !== "hand" && + appState.activeTool.type !== "laser" && + appState.activeTool.type !== "lasso"); + const isOpen = appState.openPopup === "compactStrokeStyles"; + + if (!shouldShowCombinedProperties) { + return null; + } + + return ( +
+ { + if (open) { + setAppState({ openPopup: "compactStrokeStyles" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {isOpen && ( + {}} + > +
+ {showFillIcons && renderAction("changeFillStyle")} + {(hasStrokeWidth(appState.activeTool.type) || + targetElements.some((element) => + hasStrokeWidth(element.type), + )) && + renderAction("changeStrokeWidth")} + {(hasStrokeStyle(appState.activeTool.type) || + targetElements.some((element) => + hasStrokeStyle(element.type), + )) && ( + <> + {renderAction("changeStrokeStyle")} + {renderAction("changeSloppiness")} + + )} + {(canChangeRoundness(appState.activeTool.type) || + targetElements.some((element) => + canChangeRoundness(element.type), + )) && + renderAction("changeRoundness")} + {renderAction("changeOpacity")} +
+ + )} + +
+ ); +}; + +const CombinedArrowProperties = ({ + appState, + renderAction, + setAppState, + targetElements, + container, + app, +}: { + targetElements: ExcalidrawElement[]; + appState: UIAppState; + renderAction: ActionManager["renderAction"]; + setAppState: React.Component["setState"]; + container: HTMLDivElement | null; + app: AppClassProperties; +}) => { + const showShowArrowProperties = + toolIsArrow(appState.activeTool.type) || + targetElements.some((element) => toolIsArrow(element.type)); + const isOpen = appState.openPopup === "compactArrowProperties"; + + if (!showShowArrowProperties) { + return null; + } + + return ( +
+ { + if (open) { + setAppState({ openPopup: "compactArrowProperties" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {isOpen && ( + {}} + > + {renderAction("changeArrowProperties")} + + )} + +
+ ); +}; + +const CombinedTextProperties = ({ + appState, + renderAction, + setAppState, + targetElements, + container, + elementsMap, +}: { + appState: UIAppState; + renderAction: ActionManager["renderAction"]; + setAppState: React.Component["setState"]; + targetElements: ExcalidrawElement[]; + container: HTMLDivElement | null; + elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap; +}) => { + const { saveCaretPosition, restoreCaretPosition } = useTextEditorFocus(); + const isOpen = appState.openPopup === "compactTextProperties"; + + return ( +
+ { + if (open) { + if (appState.editingTextElement) { + saveCaretPosition(); + } + setAppState({ openPopup: "compactTextProperties" }); + } else { + setAppState({ openPopup: null }); + if (appState.editingTextElement) { + restoreCaretPosition(); + } + } + }} + > + + + + {appState.openPopup === "compactTextProperties" && ( + { + // Refocus text editor when popover closes with caret restoration + if (appState.editingTextElement) { + restoreCaretPosition(); + } + }} + > +
+ {(appState.activeTool.type === "text" || + targetElements.some(isTextElement)) && + renderAction("changeFontSize")} + {(appState.activeTool.type === "text" || + suppportsHorizontalAlign(targetElements, elementsMap)) && + renderAction("changeTextAlign")} + {shouldAllowVerticalAlign(targetElements, elementsMap) && + renderAction("changeVerticalAlign")} +
+ + )} + +
+ ); +}; + +const CombinedExtraActions = ({ + appState, + renderAction, + targetElements, + setAppState, + container, + app, + showDuplicate, + showDelete, +}: { + appState: UIAppState; + targetElements: ExcalidrawElement[]; + renderAction: ActionManager["renderAction"]; + setAppState: React.Component["setState"]; + container: HTMLDivElement | null; + app: AppClassProperties; + showDuplicate?: boolean; + showDelete?: boolean; +}) => { + const isEditingTextOrNewElement = Boolean( + appState.editingTextElement || appState.newElement, + ); + const showCropEditorAction = + !appState.croppingElementId && + targetElements.length === 1 && + isImageElement(targetElements[0]); + const showLinkIcon = targetElements.length === 1; + const showAlignActions = alignActionsPredicate(appState, app); + let isSingleElementBoundContainer = false; + if ( + targetElements.length === 2 && + (hasBoundTextElement(targetElements[0]) || + hasBoundTextElement(targetElements[1])) + ) { + isSingleElementBoundContainer = true; + } + + const isRTL = document.documentElement.getAttribute("dir") === "rtl"; + const isOpen = appState.openPopup === "compactOtherProperties"; + + if (isEditingTextOrNewElement || targetElements.length === 0) { + return null; + } + + return ( +
+ { + if (open) { + setAppState({ openPopup: "compactOtherProperties" }); + } else { + setAppState({ openPopup: null }); + } + }} + > + + + + {isOpen && ( + {}} + > +
+
+ {t("labels.layers")} +
+ {renderAction("sendToBack")} + {renderAction("sendBackward")} + {renderAction("bringForward")} + {renderAction("bringToFront")} +
+
+ + {showAlignActions && !isSingleElementBoundContainer && ( +
+ {t("labels.align")} +
+ {isRTL ? ( + <> + {renderAction("alignRight")} + {renderAction("alignHorizontallyCentered")} + {renderAction("alignLeft")} + + ) : ( + <> + {renderAction("alignLeft")} + {renderAction("alignHorizontallyCentered")} + {renderAction("alignRight")} + + )} + {targetElements.length > 2 && + renderAction("distributeHorizontally")} + {/* breaks the row ˇˇ */} +
+
+ {renderAction("alignTop")} + {renderAction("alignVerticallyCentered")} + {renderAction("alignBottom")} + {targetElements.length > 2 && + renderAction("distributeVertically")} +
+
+
+ )} +
+ {t("labels.actions")} +
+ {renderAction("group")} + {renderAction("ungroup")} + {showLinkIcon && renderAction("hyperlink")} + {showCropEditorAction && renderAction("cropEditor")} + {showDuplicate && renderAction("duplicateSelection")} + {showDelete && renderAction("deleteSelectedElements")} +
+
+
+ + )} + +
+ ); +}; + +const LinearEditorAction = ({ + appState, + renderAction, + targetElements, +}: { + appState: UIAppState; + targetElements: ExcalidrawElement[]; + renderAction: ActionManager["renderAction"]; +}) => { + const showLineEditorAction = + !appState.selectedLinearElement?.isEditing && + targetElements.length === 1 && + isLinearElement(targetElements[0]) && + !isElbowArrow(targetElements[0]); + + if (!showLineEditorAction) { + return null; + } + + return ( +
+ {renderAction("toggleLinearEditor")} +
+ ); +}; + export const CompactShapeActions = ({ appState, elementsMap, @@ -316,47 +789,18 @@ export const CompactShapeActions = ({ setAppState: React.Component["setState"]; }) => { const targetElements = getTargetElements(elementsMap, appState); - const { saveCaretPosition, restoreCaretPosition } = useTextEditorFocus(); const { container } = useExcalidrawContainer(); const isEditingTextOrNewElement = Boolean( appState.editingTextElement || appState.newElement, ); - const showFillIcons = - (hasBackground(appState.activeTool.type) && - !isTransparent(appState.currentItemBackgroundColor)) || - targetElements.some( - (element) => - hasBackground(element.type) && !isTransparent(element.backgroundColor), - ); - - const showLinkIcon = targetElements.length === 1; - const showLineEditorAction = !appState.selectedLinearElement?.isEditing && targetElements.length === 1 && isLinearElement(targetElements[0]) && !isElbowArrow(targetElements[0]); - const showCropEditorAction = - !appState.croppingElementId && - targetElements.length === 1 && - isImageElement(targetElements[0]); - - const showAlignActions = alignActionsPredicate(appState, app); - - let isSingleElementBoundContainer = false; - if ( - targetElements.length === 2 && - (hasBoundTextElement(targetElements[0]) || - hasBoundTextElement(targetElements[1])) - ) { - isSingleElementBoundContainer = true; - } - - const isRTL = document.documentElement.getAttribute("dir") === "rtl"; - return (
{/* Stroke Color */} @@ -373,156 +817,22 @@ export const CompactShapeActions = ({
)} - {/* Combined Properties (Fill, Stroke, Opacity) */} - {(showFillIcons || - hasStrokeWidth(appState.activeTool.type) || - targetElements.some((element) => hasStrokeWidth(element.type)) || - hasStrokeStyle(appState.activeTool.type) || - targetElements.some((element) => hasStrokeStyle(element.type)) || - canChangeRoundness(appState.activeTool.type) || - targetElements.some((element) => canChangeRoundness(element.type))) && ( -
- { - if (open) { - setAppState({ openPopup: "compactStrokeStyles" }); - } else { - setAppState({ openPopup: null }); - } - }} - > - - - - {appState.openPopup === "compactStrokeStyles" && ( - {}} - > -
- {showFillIcons && renderAction("changeFillStyle")} - {(hasStrokeWidth(appState.activeTool.type) || - targetElements.some((element) => - hasStrokeWidth(element.type), - )) && - renderAction("changeStrokeWidth")} - {(hasStrokeStyle(appState.activeTool.type) || - targetElements.some((element) => - hasStrokeStyle(element.type), - )) && ( - <> - {renderAction("changeStrokeStyle")} - {renderAction("changeSloppiness")} - - )} - {(canChangeRoundness(appState.activeTool.type) || - targetElements.some((element) => - canChangeRoundness(element.type), - )) && - renderAction("changeRoundness")} - {renderAction("changeOpacity")} -
- - )} - -
- )} - - {/* Combined Arrow Properties */} - {(toolIsArrow(appState.activeTool.type) || - targetElements.some((element) => toolIsArrow(element.type))) && ( -
- { - if (open) { - setAppState({ openPopup: "compactArrowProperties" }); - } else { - setAppState({ openPopup: null }); - } - }} - > - - - - {appState.openPopup === "compactArrowProperties" && ( - {}} - > - {renderAction("changeArrowProperties")} - - )} - -
- )} + + {/* Linear Editor */} {showLineEditorAction && (
@@ -537,73 +847,14 @@ export const CompactShapeActions = ({
{renderAction("changeFontFamily")}
-
- { - if (open) { - if (appState.editingTextElement) { - saveCaretPosition(); - } - setAppState({ openPopup: "compactTextProperties" }); - } else { - setAppState({ openPopup: null }); - if (appState.editingTextElement) { - restoreCaretPosition(); - } - } - }} - > - - - - {appState.openPopup === "compactTextProperties" && ( - { - // Refocus text editor when popover closes with caret restoration - if (appState.editingTextElement) { - restoreCaretPosition(); - } - }} - > -
- {(appState.activeTool.type === "text" || - targetElements.some(isTextElement)) && - renderAction("changeFontSize")} - {(appState.activeTool.type === "text" || - suppportsHorizontalAlign(targetElements, elementsMap)) && - renderAction("changeTextAlign")} - {shouldAllowVerticalAlign(targetElements, elementsMap) && - renderAction("changeVerticalAlign")} -
- - )} - -
+ )} @@ -621,135 +872,195 @@ export const CompactShapeActions = ({
)} - {/* Combined Other Actions */} - {!isEditingTextOrNewElement && targetElements.length > 0 && ( -
- { - if (open) { - setAppState({ openPopup: "compactOtherProperties" }); - } else { - setAppState({ openPopup: null }); - } - }} - > - - - - {appState.openPopup === "compactOtherProperties" && ( - {}} - > -
-
- {t("labels.layers")} -
- {renderAction("sendToBack")} - {renderAction("sendBackward")} - {renderAction("bringForward")} - {renderAction("bringToFront")} -
-
- - {showAlignActions && !isSingleElementBoundContainer && ( -
- {t("labels.align")} -
- {isRTL ? ( - <> - {renderAction("alignRight")} - {renderAction("alignHorizontallyCentered")} - {renderAction("alignLeft")} - - ) : ( - <> - {renderAction("alignLeft")} - {renderAction("alignHorizontallyCentered")} - {renderAction("alignRight")} - - )} - {targetElements.length > 2 && - renderAction("distributeHorizontally")} - {/* breaks the row ˇˇ */} -
-
- {renderAction("alignTop")} - {renderAction("alignVerticallyCentered")} - {renderAction("alignBottom")} - {targetElements.length > 2 && - renderAction("distributeVertically")} -
-
-
- )} -
- {t("labels.actions")} -
- {renderAction("group")} - {renderAction("ungroup")} - {showLinkIcon && renderAction("hyperlink")} - {showCropEditorAction && renderAction("cropEditor")} -
-
-
- - )} - -
- )} +
); }; +export const MobileShapeActions = ({ + appState, + elementsMap, + renderAction, + app, + setAppState, +}: { + appState: UIAppState; + elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap; + renderAction: ActionManager["renderAction"]; + app: AppClassProperties; + setAppState: React.Component["setState"]; +}) => { + const targetElements = getTargetElements(elementsMap, appState); + const { container } = useExcalidrawContainer(); + const mobileActionsRef = useRef(null); + + const ACTIONS_WIDTH = + mobileActionsRef.current?.getBoundingClientRect()?.width ?? 0; + + // 7 actions + 2 for undo/redo + const MIN_ACTIONS = 9; + + const GAP = 6; + const WIDTH = 32; + + const MIN_WIDTH = MIN_ACTIONS * WIDTH + (MIN_ACTIONS - 1) * GAP; + + const ADDITIONAL_WIDTH = WIDTH + GAP; + + const showDeleteOutside = ACTIONS_WIDTH >= MIN_WIDTH + ADDITIONAL_WIDTH; + const showDuplicateOutside = + ACTIONS_WIDTH >= MIN_WIDTH + 2 * ADDITIONAL_WIDTH; + + return ( + +
+ {canChangeStrokeColor(appState, targetElements) && ( +
+ {renderAction("changeStrokeColor")} +
+ )} + {canChangeBackgroundColor(appState, targetElements) && ( +
+ {renderAction("changeBackgroundColor")} +
+ )} + + {/* Combined Arrow Properties */} + + {/* Linear Editor */} + + {/* Text Properties */} + {(appState.activeTool.type === "text" || + targetElements.some(isTextElement)) && ( + <> +
+ {renderAction("changeFontFamily")} +
+ + + )} + + {/* Combined Other Actions */} + +
+
+
{renderAction("undo")}
+
{renderAction("redo")}
+ {showDuplicateOutside && ( +
+ {renderAction("duplicateSelection")} +
+ )} + {showDeleteOutside && ( +
+ {renderAction("deleteSelectedElements")} +
+ )} +
+ + ); +}; + export const ShapesSwitcher = ({ activeTool, - appState, + setAppState, app, UIOptions, }: { activeTool: UIAppState["activeTool"]; - appState: UIAppState; + setAppState: React.Component["setState"]; app: AppClassProperties; UIOptions: AppProps["UIOptions"]; }) => { const [isExtraToolsMenuOpen, setIsExtraToolsMenuOpen] = useState(false); + const SELECTION_TOOLS = [ + { + type: "selection", + icon: SelectionIcon, + title: capitalizeString(t("toolBar.selection")), + }, + { + type: "lasso", + icon: LassoIcon, + title: capitalizeString(t("toolBar.lasso")), + }, + ] as const; + const frameToolSelected = activeTool.type === "frame"; const laserToolSelected = activeTool.type === "laser"; const lassoToolSelected = - activeTool.type === "lasso" && app.defaultSelectionTool !== "lasso"; + app.state.stylesPanelMode === "full" && + activeTool.type === "lasso" && + app.state.preferredSelectionTool.type !== "lasso"; const embeddableToolSelected = activeTool.type === "embeddable"; @@ -776,6 +1087,40 @@ export const ShapesSwitcher = ({ const shortcut = letter ? `${letter} ${t("helpDialog.or")} ${numericKey}` : `${numericKey}`; + // when in compact styles panel mode (tablet) + // use a ToolPopover for selection/lasso toggle as well + if ( + (value === "selection" || value === "lasso") && + app.state.stylesPanelMode === "compact" + ) { + return ( + { + if (type === "selection" || type === "lasso") { + app.setActiveTool({ type }); + setAppState({ + preferredSelectionTool: { type, initialized: true }, + }); + } + }} + displayedOption={ + SELECTION_TOOLS.find( + (tool) => + tool.type === app.state.preferredSelectionTool.type, + ) || SELECTION_TOOLS[0] + } + fillable={activeTool.type === "selection"} + /> + ); + } return ( { - if (!appState.penDetected && pointerType === "pen") { + if (!app.state.penDetected && pointerType === "pen") { app.togglePenMode(true); } if (value === "selection") { - if (appState.activeTool.type === "selection") { + if (app.state.activeTool.type === "selection") { app.setActiveTool({ type: "lasso" }); } else { app.setActiveTool({ type: "selection" }); @@ -804,7 +1149,7 @@ export const ShapesSwitcher = ({ } }} onChange={({ pointerType }) => { - if (appState.activeTool.type !== value) { + if (app.state.activeTool.type !== value) { trackEvent("toolbar", value, "ui"); } if (value === "image") { @@ -877,7 +1222,7 @@ export const ShapesSwitcher = ({ > {t("toolBar.laser")} - {app.defaultSelectionTool !== "lasso" && ( + {app.state.stylesPanelMode === "full" && ( app.setActiveTool({ type: "lasso" })} icon={LassoIcon} diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index af888b1921..c74ef73b52 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -666,14 +666,9 @@ class App extends React.Component { >(); onRemoveEventListenersEmitter = new Emitter<[]>(); - defaultSelectionTool: "selection" | "lasso" = "selection"; - constructor(props: AppProps) { super(props); const defaultAppState = getDefaultAppState(); - this.defaultSelectionTool = isMobileOrTablet() - ? ("lasso" as const) - : ("selection" as const); const { excalidrawAPI, viewModeEnabled = false, @@ -1527,7 +1522,7 @@ class App extends React.Component { public render() { const selectedElements = this.scene.getSelectedElements(this.state); - const { renderTopRightUI, renderCustomStats } = this.props; + const { renderTopRightUI, renderTopLeftUI, renderCustomStats } = this.props; const sceneNonce = this.scene.getSceneNonce(); const { elementsMap, visibleElements } = @@ -1613,6 +1608,7 @@ class App extends React.Component { onPenModeToggle={this.togglePenMode} onHandToolToggle={this.onHandToolToggle} langCode={getLanguage().code} + renderTopLeftUI={renderTopLeftUI} renderTopRightUI={renderTopRightUI} renderCustomStats={renderCustomStats} showExitZenModeBtn={ @@ -1625,7 +1621,7 @@ class App extends React.Component { !this.state.isLoading && this.state.showWelcomeScreen && this.state.activeTool.type === - this.defaultSelectionTool && + this.state.preferredSelectionTool.type && !this.state.zenModeEnabled && !this.scene.getElementsIncludingDeleted().length } @@ -2370,6 +2366,14 @@ class App extends React.Component { deleteInvisibleElements: true, }); const activeTool = scene.appState.activeTool; + + if (!scene.appState.preferredSelectionTool.initialized) { + scene.appState.preferredSelectionTool = { + type: this.device.editor.isMobile ? "lasso" : "selection", + initialized: true, + }; + } + scene.appState = { ...scene.appState, theme: this.props.theme || scene.appState.theme, @@ -2384,12 +2388,13 @@ class App extends React.Component { activeTool.type === "selection" ? { ...activeTool, - type: this.defaultSelectionTool, + type: scene.appState.preferredSelectionTool.type, } : scene.appState.activeTool, isLoading: false, toast: this.state.toast, }; + if (initialData?.scrollToContent) { scene.appState = { ...scene.appState, @@ -2490,6 +2495,8 @@ class App extends React.Component { // but not too narrow (> MQ_MAX_WIDTH_MOBILE) this.isTabletBreakpoint(editorWidth, editorHeight) && isMobileOrTablet() ? "compact" + : this.isMobileBreakpoint(editorWidth, editorHeight) + ? "mobile" : "full", }); @@ -3289,7 +3296,10 @@ class App extends React.Component { await this.insertClipboardContent(data, filesList, isPlainPaste); - this.setActiveTool({ type: this.defaultSelectionTool }, true); + this.setActiveTool( + { type: this.state.preferredSelectionTool.type }, + true, + ); event?.preventDefault(); }, ); @@ -3435,7 +3445,7 @@ class App extends React.Component { } }, ); - this.setActiveTool({ type: this.defaultSelectionTool }, true); + this.setActiveTool({ type: this.state.preferredSelectionTool.type }, true); if (opts.fitToContent) { this.scrollToContent(duplicatedElements, { @@ -3647,7 +3657,7 @@ class App extends React.Component { ...updateActiveTool( this.state, prevState.activeTool.locked - ? { type: this.defaultSelectionTool } + ? { type: this.state.preferredSelectionTool.type } : prevState.activeTool, ), locked: !prevState.activeTool.locked, @@ -3989,7 +3999,12 @@ class App extends React.Component { } if (appState) { - this.setState(appState); + this.setState({ + ...appState, + // keep existing stylesPanelMode as it needs to be preserved + // or set at startup + stylesPanelMode: this.state.stylesPanelMode, + } as Pick | null); } if (elements) { @@ -4653,7 +4668,7 @@ class App extends React.Component { if (event.key === KEYS.K && !event.altKey && !event[KEYS.CTRL_OR_CMD]) { if (this.state.activeTool.type === "laser") { - this.setActiveTool({ type: this.defaultSelectionTool }); + this.setActiveTool({ type: this.state.preferredSelectionTool.type }); } else { this.setActiveTool({ type: "laser" }); } @@ -5498,7 +5513,7 @@ class App extends React.Component { return; } // we should only be able to double click when mode is selection - if (this.state.activeTool.type !== this.defaultSelectionTool) { + if (this.state.activeTool.type !== this.state.preferredSelectionTool.type) { return; } @@ -6491,6 +6506,10 @@ class App extends React.Component { this.setAppState({ snapLines: [] }); } + if (this.state.openPopup) { + this.setState({ openPopup: null }); + } + this.updateGestureOnPointerDown(event); // if dragging element is freedraw and another pointerdown event occurs @@ -7695,7 +7714,7 @@ class App extends React.Component { if (!this.state.activeTool.locked) { this.setState({ activeTool: updateActiveTool(this.state, { - type: this.defaultSelectionTool, + type: this.state.preferredSelectionTool.type, }), }); } @@ -9409,7 +9428,7 @@ class App extends React.Component { this.setState((prevState) => ({ newElement: null, activeTool: updateActiveTool(this.state, { - type: this.defaultSelectionTool, + type: this.state.preferredSelectionTool.type, }), selectedElementIds: makeNextSelectedElementIds( { @@ -10026,7 +10045,7 @@ class App extends React.Component { newElement: null, suggestedBindings: [], activeTool: updateActiveTool(this.state, { - type: this.defaultSelectionTool, + type: this.state.preferredSelectionTool.type, }), }); } else { @@ -10256,7 +10275,7 @@ class App extends React.Component { { newElement: null, activeTool: updateActiveTool(this.state, { - type: this.defaultSelectionTool, + type: this.state.preferredSelectionTool.type, }), }, () => { @@ -10720,7 +10739,7 @@ class App extends React.Component { event.nativeEvent.pointerType === "pen" && // always allow if user uses a pen secondary button event.button !== POINTER_BUTTON.SECONDARY)) && - this.state.activeTool.type !== this.defaultSelectionTool + this.state.activeTool.type !== this.state.preferredSelectionTool.type ) { return; } diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.scss b/packages/excalidraw/components/ColorPicker/ColorPicker.scss index 0e3768dcc0..658a75dad7 100644 --- a/packages/excalidraw/components/ColorPicker/ColorPicker.scss +++ b/packages/excalidraw/components/ColorPicker/ColorPicker.scss @@ -7,6 +7,12 @@ } } + .color-picker__title { + padding: 0 0.5rem; + font-size: 0.875rem; + text-align: left; + } + .color-picker__heading { padding: 0 0.5rem; font-size: 0.75rem; @@ -157,6 +163,15 @@ width: 1.625rem; height: 1.625rem; } + + &.compact-sizing { + width: var(--mobile-action-button-size); + height: var(--mobile-action-button-size); + } + + &.mobile-border { + border: 1px solid var(--mobile-color-border); + } } .color-picker__button__hotkey-label { diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx index ad0bea3610..759ab9cad2 100644 --- a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx +++ b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx @@ -19,7 +19,7 @@ import { useExcalidrawContainer } from "../App"; import { ButtonSeparator } from "../ButtonSeparator"; import { activeEyeDropperAtom } from "../EyeDropper"; import { PropertiesPopover } from "../PropertiesPopover"; -import { backgroundIcon, slashIcon, strokeIcon } from "../icons"; +import { slashIcon, strokeIcon } from "../icons"; import { saveCaretPosition, restoreCaretPosition, @@ -216,6 +216,11 @@ const ColorPickerPopupContent = ({ type={type} elements={elements} updateData={updateData} + showTitle={ + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile" + } + showHotKey={appState.stylesPanelMode !== "mobile"} > {colorInputJSX} @@ -230,7 +235,7 @@ const ColorPickerTrigger = ({ label, color, type, - compactMode = false, + stylesPanelMode, mode = "background", onToggle, editingTextElement, @@ -238,7 +243,7 @@ const ColorPickerTrigger = ({ color: string | null; label: string; type: ColorPickerType; - compactMode?: boolean; + stylesPanelMode?: AppState["stylesPanelMode"]; mode?: "background" | "stroke"; onToggle: () => void; editingTextElement?: boolean; @@ -263,6 +268,9 @@ const ColorPickerTrigger = ({ "is-transparent": !color || color === "transparent", "has-outline": !color || !isColorDark(color, COLOR_OUTLINE_CONTRAST_THRESHOLD), + "compact-sizing": + stylesPanelMode === "compact" || stylesPanelMode === "mobile", + "mobile-border": stylesPanelMode === "mobile", })} aria-label={label} style={color ? { "--swatch-color": color } : undefined} @@ -275,20 +283,10 @@ const ColorPickerTrigger = ({ onClick={handleClick} >
{!color && slashIcon}
- {compactMode && color && ( -
- {mode === "background" ? ( - - {backgroundIcon} - - ) : ( + {(stylesPanelMode === "compact" || stylesPanelMode === "mobile") && + color && + mode === "stroke" && ( +
{strokeIcon} - )} -
- )} +
+ )} ); }; @@ -316,12 +313,15 @@ export const ColorPicker = ({ topPicks, updateData, appState, - compactMode = false, }: ColorPickerProps) => { const openRef = useRef(appState.openPopup); useEffect(() => { openRef.current = appState.openPopup; }, [appState.openPopup]); + const compactMode = + appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile"; + return (
{ diff --git a/packages/excalidraw/components/ColorPicker/Picker.tsx b/packages/excalidraw/components/ColorPicker/Picker.tsx index f784912f4c..9c48c58075 100644 --- a/packages/excalidraw/components/ColorPicker/Picker.tsx +++ b/packages/excalidraw/components/ColorPicker/Picker.tsx @@ -37,8 +37,10 @@ interface PickerProps { palette: ColorPaletteCustom; updateData: (formData?: any) => void; children?: React.ReactNode; + showTitle?: boolean; onEyeDropperToggle: (force?: boolean) => void; onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void; + showHotKey?: boolean; } export const Picker = React.forwardRef( @@ -51,11 +53,21 @@ export const Picker = React.forwardRef( palette, updateData, children, + showTitle, onEyeDropperToggle, onEscape, + showHotKey = true, }: PickerProps, ref, ) => { + const title = showTitle + ? type === "elementStroke" + ? t("labels.stroke") + : type === "elementBackground" + ? t("labels.background") + : null + : null; + const [customColors] = React.useState(() => { if (type === "canvasBackground") { return []; @@ -154,6 +166,8 @@ export const Picker = React.forwardRef( // to allow focusing by clicking but not by tabbing tabIndex={-1} > + {title &&
{title}
} + {!!customColors.length && (
@@ -175,12 +189,18 @@ export const Picker = React.forwardRef( palette={palette} onChange={onChange} activeShade={activeShade} + showHotKey={showHotKey} />
{t("colorPicker.shades")} - +
{children}
diff --git a/packages/excalidraw/components/ColorPicker/PickerColorList.tsx b/packages/excalidraw/components/ColorPicker/PickerColorList.tsx index 4fd6815e44..13928f0239 100644 --- a/packages/excalidraw/components/ColorPicker/PickerColorList.tsx +++ b/packages/excalidraw/components/ColorPicker/PickerColorList.tsx @@ -20,6 +20,7 @@ interface PickerColorListProps { color: string | null; onChange: (color: string) => void; activeShade: number; + showHotKey?: boolean; } const PickerColorList = ({ @@ -27,6 +28,7 @@ const PickerColorList = ({ color, onChange, activeShade, + showHotKey = true, }: PickerColorListProps) => { const colorObj = getColorNameAndShadeFromColor({ color, @@ -82,7 +84,7 @@ const PickerColorList = ({ key={key} >
- + {showHotKey && } ); })} diff --git a/packages/excalidraw/components/ColorPicker/ShadeList.tsx b/packages/excalidraw/components/ColorPicker/ShadeList.tsx index db33402b0c..2c17c57ede 100644 --- a/packages/excalidraw/components/ColorPicker/ShadeList.tsx +++ b/packages/excalidraw/components/ColorPicker/ShadeList.tsx @@ -16,9 +16,15 @@ interface ShadeListProps { color: string | null; onChange: (color: string) => void; palette: ColorPaletteCustom; + showHotKey?: boolean; } -export const ShadeList = ({ color, onChange, palette }: ShadeListProps) => { +export const ShadeList = ({ + color, + onChange, + palette, + showHotKey, +}: ShadeListProps) => { const colorObj = getColorNameAndShadeFromColor({ color: color || "transparent", palette, @@ -67,7 +73,9 @@ export const ShadeList = ({ color, onChange, palette }: ShadeListProps) => { }} >
- + {showHotKey && ( + + )} ))}
diff --git a/packages/excalidraw/components/ExcalidrawLogo.scss b/packages/excalidraw/components/ExcalidrawLogo.scss index e59e8a90c0..d42f98a325 100644 --- a/packages/excalidraw/components/ExcalidrawLogo.scss +++ b/packages/excalidraw/components/ExcalidrawLogo.scss @@ -1,5 +1,8 @@ .excalidraw { .ExcalidrawLogo { + --logo-icon--mobile: 1rem; + --logo-text--mobile: 0.75rem; + --logo-icon--xs: 2rem; --logo-text--xs: 1.5rem; @@ -30,6 +33,17 @@ color: var(--color-logo-text); } + &.is-mobile { + .ExcalidrawLogo-icon { + height: var(--logo-icon--mobile); + } + + .ExcalidrawLogo-text { + height: var(--logo-text--mobile); + margin-left: 0.5rem; + } + } + &.is-xs { .ExcalidrawLogo-icon { height: var(--logo-icon--xs); diff --git a/packages/excalidraw/components/ExcalidrawLogo.tsx b/packages/excalidraw/components/ExcalidrawLogo.tsx index 01d07fc505..8610249ba1 100644 --- a/packages/excalidraw/components/ExcalidrawLogo.tsx +++ b/packages/excalidraw/components/ExcalidrawLogo.tsx @@ -41,7 +41,7 @@ const LogoText = () => ( ); -type LogoSize = "xs" | "small" | "normal" | "large" | "custom"; +type LogoSize = "xs" | "small" | "normal" | "large" | "custom" | "mobile"; interface LogoProps { size?: LogoSize; diff --git a/packages/excalidraw/components/FontPicker/FontPicker.tsx b/packages/excalidraw/components/FontPicker/FontPicker.tsx index 891ae49efd..c52286a173 100644 --- a/packages/excalidraw/components/FontPicker/FontPicker.tsx +++ b/packages/excalidraw/components/FontPicker/FontPicker.tsx @@ -106,6 +106,7 @@ export const FontPicker = React.memo( {isOpened && ( - + {app.state.stylesPanelMode === "full" && ( + + )} { const setAppState = useExcalidrawSetAppState(); + const compactStyle = compactMode + ? { + ...MOBILE_ACTION_BUTTON_BG, + width: "2rem", + height: "2rem", + } + : {}; + return (
@@ -37,6 +49,7 @@ export const FontPickerTrigger = ({ }} style={{ border: "none", + ...compactStyle, }} />
diff --git a/packages/excalidraw/components/HandButton.tsx b/packages/excalidraw/components/HandButton.tsx index 5ebfdf9d3f..db653a8103 100644 --- a/packages/excalidraw/components/HandButton.tsx +++ b/packages/excalidraw/components/HandButton.tsx @@ -18,7 +18,7 @@ type LockIconProps = { export const HandButton = (props: LockIconProps) => { return ( ({ ); }; + const isMobile = device.editor.isMobile; + return ( diff --git a/packages/excalidraw/components/LayerUI.tsx b/packages/excalidraw/components/LayerUI.tsx index 6748095322..4fd6f6d269 100644 --- a/packages/excalidraw/components/LayerUI.tsx +++ b/packages/excalidraw/components/LayerUI.tsx @@ -91,6 +91,7 @@ interface LayerUIProps { onPenModeToggle: AppClassProperties["togglePenMode"]; showExitZenModeBtn: boolean; langCode: Language["code"]; + renderTopLeftUI?: ExcalidrawProps["renderTopLeftUI"]; renderTopRightUI?: ExcalidrawProps["renderTopRightUI"]; renderCustomStats?: ExcalidrawProps["renderCustomStats"]; UIOptions: AppProps["UIOptions"]; @@ -149,6 +150,7 @@ const LayerUI = ({ onHandToolToggle, onPenModeToggle, showExitZenModeBtn, + renderTopLeftUI, renderTopRightUI, renderCustomStats, UIOptions, @@ -366,7 +368,7 @@ const LayerUI = ({ /> diff --git a/packages/excalidraw/components/MobileMenu.tsx b/packages/excalidraw/components/MobileMenu.tsx index 454c0f64e5..8da02b30b3 100644 --- a/packages/excalidraw/components/MobileMenu.tsx +++ b/packages/excalidraw/components/MobileMenu.tsx @@ -1,32 +1,23 @@ import React from "react"; -import { showSelectedShapeActions } from "@excalidraw/element"; - import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types"; -import { isHandToolActive } from "../appState"; import { useTunnels } from "../context/tunnels"; import { t } from "../i18n"; import { calculateScrollCenter } from "../scene"; import { SCROLLBAR_WIDTH, SCROLLBAR_MARGIN } from "../scene/scrollbars"; -import { SelectedShapeActions, ShapesSwitcher } from "./Actions"; +import { MobileShapeActions } from "./Actions"; +import { MobileToolBar } from "./MobileToolBar"; import { FixedSideContainer } from "./FixedSideContainer"; -import { HandButton } from "./HandButton"; -import { HintViewer } from "./HintViewer"; + import { Island } from "./Island"; -import { LockButton } from "./LockButton"; -import { PenModeButton } from "./PenModeButton"; -import { Section } from "./Section"; -import Stack from "./Stack"; import type { ActionManager } from "../actions/manager"; import type { AppClassProperties, AppProps, AppState, - Device, - ExcalidrawProps, UIAppState, } from "../types"; import type { JSX } from "react"; @@ -38,7 +29,6 @@ type MobileMenuProps = { renderImageExportDialog: () => React.ReactNode; setAppState: React.Component["setState"]; elements: readonly NonDeletedExcalidrawElement[]; - onLockToggle: () => void; onHandToolToggle: () => void; onPenModeToggle: AppClassProperties["togglePenMode"]; @@ -46,9 +36,11 @@ type MobileMenuProps = { isMobile: boolean, appState: UIAppState, ) => JSX.Element | null; - renderCustomStats?: ExcalidrawProps["renderCustomStats"]; + renderTopLeftUI?: ( + isMobile: boolean, + appState: UIAppState, + ) => JSX.Element | null; renderSidebars: () => JSX.Element | null; - device: Device; renderWelcomeScreen: boolean; UIOptions: AppProps["UIOptions"]; app: AppClassProperties; @@ -59,14 +51,10 @@ export const MobileMenu = ({ elements, actionManager, setAppState, - onLockToggle, onHandToolToggle, - onPenModeToggle, - + renderTopLeftUI, renderTopRightUI, - renderCustomStats, renderSidebars, - device, renderWelcomeScreen, UIOptions, app, @@ -76,141 +64,98 @@ export const MobileMenu = ({ MainMenuTunnel, DefaultSidebarTriggerTunnel, } = useTunnels(); - const renderToolbar = () => { - return ( - - {renderWelcomeScreen && } -
- {(heading: React.ReactNode) => ( - - - - {heading} - - - - - {renderTopRightUI && renderTopRightUI(true, appState)} -
- {!appState.viewModeEnabled && - appState.openDialog?.name !== "elementLinkSelector" && ( - - )} - onPenModeToggle(null)} - title={t("toolBar.penMode")} - isMobile - penDetected={appState.penDetected} - /> - - onHandToolToggle()} - title={t("toolBar.hand")} - isMobile - /> -
- - - )} -
- - + const renderAppTopBar = () => { + const topRightUI = renderTopRightUI?.(true, appState) ?? ( + + ); + + const topLeftUI = ( +
+ {renderTopLeftUI?.(true, appState)} + +
); - }; - const renderAppToolbar = () => { if ( appState.viewModeEnabled || appState.openDialog?.name === "elementLinkSelector" ) { - return ( -
- -
- ); + return
{topLeftUI}
; } return ( -
- - {actionManager.renderAction("toggleEditMenu")} - {actionManager.renderAction( - appState.multiElement ? "finalize" : "duplicateSelection", - )} - {actionManager.renderAction("deleteSelectedElements")} -
- {actionManager.renderAction("undo")} - {actionManager.renderAction("redo")} -
+
+ {topLeftUI} + {topRightUI}
); }; + const renderToolbar = () => { + return ( + + ); + }; + return ( <> {renderSidebars()} - {!appState.viewModeEnabled && - appState.openDialog?.name !== "elementLinkSelector" && - renderToolbar()} + {/* welcome screen, bottom bar, and top bar all have the same z-index */} + {/* ordered in this reverse order so that top bar is on top */} +
+ {renderWelcomeScreen && } +
+
- - {appState.openMenu === "shape" && - !appState.viewModeEnabled && - appState.openDialog?.name !== "elementLinkSelector" && - showSelectedShapeActions(appState, elements) ? ( -
- -
- ) : null} -
- {renderAppToolbar()} - {appState.scrolledOutside && - !appState.openMenu && - !appState.openSidebar && ( - - )} -
+ + + + {!appState.viewModeEnabled && + appState.openDialog?.name !== "elementLinkSelector" && + renderToolbar()} + {appState.scrolledOutside && + !appState.openMenu && + !appState.openSidebar && ( + + )}
+ + + {renderAppTopBar()} + ); }; diff --git a/packages/excalidraw/components/MobileToolBar.scss b/packages/excalidraw/components/MobileToolBar.scss new file mode 100644 index 0000000000..b936c70ebd --- /dev/null +++ b/packages/excalidraw/components/MobileToolBar.scss @@ -0,0 +1,78 @@ +@import "open-color/open-color.scss"; +@import "../css/variables.module.scss"; + +.excalidraw { + .mobile-toolbar { + display: flex; + flex: 1; + align-items: center; + padding: 0px; + gap: 4px; + border-radius: var(--space-factor); + overflow-x: auto; + scrollbar-width: none; + -ms-overflow-style: none; + justify-content: space-between; + } + + .mobile-toolbar::-webkit-scrollbar { + display: none; + } + + .mobile-toolbar .ToolIcon { + min-width: 2rem; + min-height: 2rem; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + + .ToolIcon__icon { + width: 2.25rem; + height: 2.25rem; + + &:hover { + background-color: transparent; + } + } + + &.active { + background: var( + --color-surface-primary-container, + var(--island-bg-color) + ); + border-color: var(--button-active-border, var(--color-primary-darkest)); + } + + svg { + width: 1rem; + height: 1rem; + } + } + + .mobile-toolbar .App-toolbar__extra-tools-dropdown { + min-width: 160px; + z-index: var(--zIndex-layerUI); + } + + .mobile-toolbar-separator { + width: 1px; + height: 24px; + background: var(--default-border-color); + margin: 0 2px; + flex-shrink: 0; + } + + .mobile-toolbar-undo { + display: flex; + align-items: center; + } + + .mobile-toolbar-undo .ToolIcon { + min-width: 32px; + min-height: 32px; + width: 32px; + height: 32px; + } +} diff --git a/packages/excalidraw/components/MobileToolBar.tsx b/packages/excalidraw/components/MobileToolBar.tsx new file mode 100644 index 0000000000..093cbd2630 --- /dev/null +++ b/packages/excalidraw/components/MobileToolBar.tsx @@ -0,0 +1,471 @@ +import { useState, useEffect, useRef } from "react"; +import clsx from "clsx"; + +import { KEYS, capitalizeString } from "@excalidraw/common"; + +import { trackEvent } from "../analytics"; + +import { t } from "../i18n"; + +import { isHandToolActive } from "../appState"; + +import { useTunnels } from "../context/tunnels"; + +import { HandButton } from "./HandButton"; +import { ToolButton } from "./ToolButton"; +import DropdownMenu from "./dropdownMenu/DropdownMenu"; +import { ToolPopover } from "./ToolPopover"; + +import { + SelectionIcon, + FreedrawIcon, + EraserIcon, + RectangleIcon, + ArrowIcon, + extraToolsIcon, + DiamondIcon, + EllipseIcon, + LineIcon, + TextIcon, + ImageIcon, + frameToolIcon, + EmbedIcon, + laserPointerToolIcon, + LassoIcon, + mermaidLogoIcon, + MagicIcon, +} from "./icons"; + +import "./ToolIcon.scss"; +import "./MobileToolBar.scss"; + +import type { AppClassProperties, ToolType, UIAppState } from "../types"; + +const SHAPE_TOOLS = [ + { + type: "rectangle", + icon: RectangleIcon, + title: capitalizeString(t("toolBar.rectangle")), + }, + { + type: "diamond", + icon: DiamondIcon, + title: capitalizeString(t("toolBar.diamond")), + }, + { + type: "ellipse", + icon: EllipseIcon, + title: capitalizeString(t("toolBar.ellipse")), + }, +] as const; + +const SELECTION_TOOLS = [ + { + type: "selection", + icon: SelectionIcon, + title: capitalizeString(t("toolBar.selection")), + }, + { + type: "lasso", + icon: LassoIcon, + title: capitalizeString(t("toolBar.lasso")), + }, +] as const; + +const LINEAR_ELEMENT_TOOLS = [ + { + type: "arrow", + icon: ArrowIcon, + title: capitalizeString(t("toolBar.arrow")), + }, + { type: "line", icon: LineIcon, title: capitalizeString(t("toolBar.line")) }, +] as const; + +type MobileToolBarProps = { + app: AppClassProperties; + onHandToolToggle: () => void; + setAppState: React.Component["setState"]; +}; + +export const MobileToolBar = ({ + app, + onHandToolToggle, + setAppState, +}: MobileToolBarProps) => { + const activeTool = app.state.activeTool; + const [isOtherShapesMenuOpen, setIsOtherShapesMenuOpen] = useState(false); + const [lastActiveGenericShape, setLastActiveGenericShape] = useState< + "rectangle" | "diamond" | "ellipse" + >("rectangle"); + const [lastActiveLinearElement, setLastActiveLinearElement] = useState< + "arrow" | "line" + >("arrow"); + + const toolbarRef = useRef(null); + + // keep lastActiveGenericShape in sync with active tool if user switches via other UI + useEffect(() => { + if ( + activeTool.type === "rectangle" || + activeTool.type === "diamond" || + activeTool.type === "ellipse" + ) { + setLastActiveGenericShape(activeTool.type); + } + }, [activeTool.type]); + + // keep lastActiveLinearElement in sync with active tool if user switches via other UI + useEffect(() => { + if (activeTool.type === "arrow" || activeTool.type === "line") { + setLastActiveLinearElement(activeTool.type); + } + }, [activeTool.type]); + + const frameToolSelected = activeTool.type === "frame"; + const laserToolSelected = activeTool.type === "laser"; + const embeddableToolSelected = activeTool.type === "embeddable"; + + const { TTDDialogTriggerTunnel } = useTunnels(); + + const handleToolChange = (toolType: string, pointerType?: string) => { + if (app.state.activeTool.type !== toolType) { + trackEvent("toolbar", toolType, "ui"); + } + + if (toolType === "selection") { + if (app.state.activeTool.type === "selection") { + // Toggle selection tool behavior if needed + } else { + app.setActiveTool({ type: "selection" }); + } + } else { + app.setActiveTool({ type: toolType as ToolType }); + } + }; + + const toolbarWidth = + toolbarRef.current?.getBoundingClientRect()?.width ?? 0 - 8; + const WIDTH = 36; + const GAP = 4; + + // hand, selection, freedraw, eraser, rectangle, arrow, others + const MIN_TOOLS = 7; + const MIN_WIDTH = MIN_TOOLS * WIDTH + (MIN_TOOLS - 1) * GAP; + const ADDITIONAL_WIDTH = WIDTH + GAP; + + const showTextToolOutside = toolbarWidth >= MIN_WIDTH + 1 * ADDITIONAL_WIDTH; + const showImageToolOutside = toolbarWidth >= MIN_WIDTH + 2 * ADDITIONAL_WIDTH; + const showFrameToolOutside = toolbarWidth >= MIN_WIDTH + 3 * ADDITIONAL_WIDTH; + + const extraTools = [ + "text", + "frame", + "embeddable", + "laser", + "magicframe", + ].filter((tool) => { + if (showImageToolOutside && tool === "image") { + return false; + } + if (showFrameToolOutside && tool === "frame") { + return false; + } + return true; + }); + const extraToolSelected = extraTools.includes(activeTool.type); + const extraIcon = extraToolSelected + ? activeTool.type === "frame" + ? frameToolIcon + : activeTool.type === "embeddable" + ? EmbedIcon + : activeTool.type === "laser" + ? laserPointerToolIcon + : activeTool.type === "text" + ? TextIcon + : activeTool.type === "magicframe" + ? MagicIcon + : extraToolsIcon + : extraToolsIcon; + + return ( +
+ {/* Hand Tool */} + + + {/* Selection Tool */} + { + if (type === "selection" || type === "lasso") { + app.setActiveTool({ type }); + setAppState({ + preferredSelectionTool: { type, initialized: true }, + }); + } + }} + displayedOption={ + SELECTION_TOOLS.find( + (tool) => tool.type === app.state.preferredSelectionTool.type, + ) || SELECTION_TOOLS[0] + } + /> + + {/* Free Draw */} + handleToolChange("freedraw")} + /> + + {/* Eraser */} + handleToolChange("eraser")} + /> + + {/* Rectangle */} + { + if ( + type === "rectangle" || + type === "diamond" || + type === "ellipse" + ) { + setLastActiveGenericShape(type); + app.setActiveTool({ type }); + } + }} + displayedOption={ + SHAPE_TOOLS.find((tool) => tool.type === lastActiveGenericShape) || + SHAPE_TOOLS[0] + } + /> + + {/* Arrow/Line */} + { + if (type === "arrow" || type === "line") { + setLastActiveLinearElement(type); + app.setActiveTool({ type }); + } + }} + displayedOption={ + LINEAR_ELEMENT_TOOLS.find( + (tool) => tool.type === lastActiveLinearElement, + ) || LINEAR_ELEMENT_TOOLS[0] + } + /> + + {/* Text Tool */} + {showTextToolOutside && ( + handleToolChange("text")} + /> + )} + + {/* Image */} + {showImageToolOutside && ( + handleToolChange("image")} + /> + )} + + {/* Frame Tool */} + {showFrameToolOutside && ( + handleToolChange("frame")} + /> + )} + + {/* Other Shapes */} + + setIsOtherShapesMenuOpen(!isOtherShapesMenuOpen)} + title={t("toolBar.extraTools")} + style={{ + width: WIDTH, + height: WIDTH, + display: "flex", + alignItems: "center", + justifyContent: "center", + }} + > + {extraIcon} + + setIsOtherShapesMenuOpen(false)} + onSelect={() => setIsOtherShapesMenuOpen(false)} + className="App-toolbar__extra-tools-dropdown" + > + {!showTextToolOutside && ( + app.setActiveTool({ type: "text" })} + icon={TextIcon} + shortcut={KEYS.T.toLocaleUpperCase()} + data-testid="toolbar-text" + selected={activeTool.type === "text"} + > + {t("toolBar.text")} + + )} + + {!showImageToolOutside && ( + app.setActiveTool({ type: "image" })} + icon={ImageIcon} + data-testid="toolbar-image" + selected={activeTool.type === "image"} + > + {t("toolBar.image")} + + )} + {!showFrameToolOutside && ( + app.setActiveTool({ type: "frame" })} + icon={frameToolIcon} + shortcut={KEYS.F.toLocaleUpperCase()} + data-testid="toolbar-frame" + selected={frameToolSelected} + > + {t("toolBar.frame")} + + )} + app.setActiveTool({ type: "embeddable" })} + icon={EmbedIcon} + data-testid="toolbar-embeddable" + selected={embeddableToolSelected} + > + {t("toolBar.embeddable")} + + app.setActiveTool({ type: "laser" })} + icon={laserPointerToolIcon} + data-testid="toolbar-laser" + selected={laserToolSelected} + shortcut={KEYS.K.toLocaleUpperCase()} + > + {t("toolBar.laser")} + +
+ Generate +
+ {app.props.aiEnabled !== false && } + app.setOpenDialog({ name: "ttd", tab: "mermaid" })} + icon={mermaidLogoIcon} + data-testid="toolbar-embeddable" + > + {t("toolBar.mermaidToExcalidraw")} + + {app.props.aiEnabled !== false && app.plugins.diagramToCode && ( + <> + app.onMagicframeToolSelect()} + icon={MagicIcon} + data-testid="toolbar-magicframe" + > + {t("toolBar.magicframe")} + AI + + + )} + + +
+ ); +}; diff --git a/packages/excalidraw/components/ToolPopover.scss b/packages/excalidraw/components/ToolPopover.scss new file mode 100644 index 0000000000..d049704bb7 --- /dev/null +++ b/packages/excalidraw/components/ToolPopover.scss @@ -0,0 +1,18 @@ +@import "../css/variables.module.scss"; + +.excalidraw { + .tool-popover-content { + display: flex; + flex-direction: row; + gap: 0.25rem; + border-radius: 0.5rem; + background: var(--island-bg-color); + box-shadow: var(--shadow-island); + padding: 0.5rem; + z-index: var(--zIndex-layerUI); + } + + &:focus { + outline: none; + } +} diff --git a/packages/excalidraw/components/ToolPopover.tsx b/packages/excalidraw/components/ToolPopover.tsx new file mode 100644 index 0000000000..81d5726d5a --- /dev/null +++ b/packages/excalidraw/components/ToolPopover.tsx @@ -0,0 +1,120 @@ +import React, { useEffect, useState } from "react"; +import clsx from "clsx"; + +import { capitalizeString } from "@excalidraw/common"; + +import * as Popover from "@radix-ui/react-popover"; + +import { trackEvent } from "../analytics"; + +import { ToolButton } from "./ToolButton"; + +import "./ToolPopover.scss"; + +import type { AppClassProperties } from "../types"; + +type ToolOption = { + type: string; + icon: React.ReactNode; + title?: string; +}; + +type ToolPopoverProps = { + app: AppClassProperties; + options: readonly ToolOption[]; + activeTool: { type: string }; + defaultOption: string; + className?: string; + namePrefix: string; + title: string; + "data-testid": string; + onToolChange: (type: string) => void; + displayedOption: ToolOption; + fillable?: boolean; +}; + +export const ToolPopover = ({ + app, + options, + activeTool, + defaultOption, + className = "Shape", + namePrefix, + title, + "data-testid": dataTestId, + onToolChange, + displayedOption, + fillable = false, +}: ToolPopoverProps) => { + const [isPopupOpen, setIsPopupOpen] = useState(false); + const currentType = activeTool.type; + const isActive = displayedOption.type === currentType; + const SIDE_OFFSET = 32 / 2 + 10; + + // if currentType is not in options, close popup + if (!options.some((o) => o.type === currentType) && isPopupOpen) { + setIsPopupOpen(false); + } + + // Close popover when user starts interacting with the canvas (pointer down) + useEffect(() => { + // app.onPointerDownEmitter emits when pointer down happens on canvas area + const unsubscribe = app.onPointerDownEmitter.on(() => { + setIsPopupOpen(false); + }); + return () => unsubscribe?.(); + }, [app]); + + return ( + + + o.type === activeTool.type), + })} + type="radio" + icon={displayedOption.icon} + checked={isActive} + name="editor-current-shape" + title={title} + aria-label={title} + data-testid={dataTestId} + onPointerDown={() => { + setIsPopupOpen((v) => !v); + onToolChange(defaultOption); + }} + /> + + + + {options.map(({ type, icon, title }) => ( + { + if (app.state.activeTool.type !== type) { + trackEvent("toolbar", type, "ui"); + } + app.setActiveTool({ type: type as any }); + onToolChange?.(type); + }} + /> + ))} + + + ); +}; diff --git a/packages/excalidraw/components/Toolbar.scss b/packages/excalidraw/components/Toolbar.scss index 14c4cc174b..3919176bbb 100644 --- a/packages/excalidraw/components/Toolbar.scss +++ b/packages/excalidraw/components/Toolbar.scss @@ -44,6 +44,10 @@ var(--button-active-border, var(--color-primary-darkest)) inset; } + &:hover { + background-color: transparent; + } + &--selected, &--selected:hover { background: var(--color-primary-light); diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss index 95d258c46b..a0a230941d 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss @@ -3,24 +3,46 @@ .excalidraw { .dropdown-menu { position: absolute; - top: 100%; + top: 2.5rem; margin-top: 0.5rem; + &--placement-top { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.5rem; + } + &--mobile { - left: 0; width: 100%; row-gap: 0.75rem; + // When main menu is in the top toolbar, position relative to trigger + &.main-menu-dropdown { + min-width: 232px; + max-width: calc(100vw - var(--editor-container-padding) * 2); + margin-top: 0; + margin-bottom: 0; + z-index: var(--zIndex-layerUI); + + @media screen and (orientation: landscape) { + max-width: 232px; + } + } + .dropdown-menu-container { padding: 8px 8px; box-sizing: border-box; - // background-color: var(--island-bg-color); + max-height: calc( + 100svh - var(--editor-container-padding) * 2 - 2.25rem + ); box-shadow: var(--shadow-island); border-radius: var(--border-radius-lg); position: relative; transition: box-shadow 0.5s ease-in-out; display: flex; flex-direction: column; + overflow-y: auto; &.zen-mode { box-shadow: none; @@ -30,7 +52,7 @@ .dropdown-menu-container { background-color: var(--island-bg-color); - max-height: calc(100vh - 150px); + overflow-y: auto; --gap: 2; } diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx index e1412e20b1..761d09b3f9 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx @@ -17,16 +17,27 @@ import "./DropdownMenu.scss"; const DropdownMenu = ({ children, open, + placement, }: { children?: React.ReactNode; open: boolean; + placement?: "top" | "bottom"; }) => { const MenuTriggerComp = getMenuTriggerComponent(children); const MenuContentComp = getMenuContentComponent(children); + + // clone the MenuContentComp to pass the placement prop + const MenuContentCompWithPlacement = + MenuContentComp && React.isValidElement(MenuContentComp) + ? React.cloneElement(MenuContentComp as React.ReactElement, { + placement, + }) + : MenuContentComp; + return ( <> {MenuTriggerComp} - {open && MenuContentComp} + {open && MenuContentCompWithPlacement} ); }; diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx index de6fc31c18..291f857e80 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx @@ -17,6 +17,7 @@ const MenuContent = ({ className = "", onSelect, style, + placement = "bottom", }: { children?: React.ReactNode; onClickOutside?: () => void; @@ -26,6 +27,7 @@ const MenuContent = ({ */ onSelect?: (event: Event) => void; style?: React.CSSProperties; + placement?: "top" | "bottom"; }) => { const device = useDevice(); const menuRef = useRef(null); @@ -58,6 +60,7 @@ const MenuContent = ({ const classNames = clsx(`dropdown-menu ${className}`, { "dropdown-menu--mobile": device.editor.isMobile, + "dropdown-menu--placement-top": placement === "top", }).trim(); return ( diff --git a/packages/excalidraw/components/icons.tsx b/packages/excalidraw/components/icons.tsx index 33e59380c7..3f6c4d1bb1 100644 --- a/packages/excalidraw/components/icons.tsx +++ b/packages/excalidraw/components/icons.tsx @@ -2319,22 +2319,10 @@ export const adjustmentsIcon = createIcon( tablerIconProps, ); -export const backgroundIcon = createIcon( - - - - - - - - , - tablerIconProps, -); - export const strokeIcon = createIcon( - + , tablerIconProps, ); diff --git a/packages/excalidraw/components/main-menu/MainMenu.tsx b/packages/excalidraw/components/main-menu/MainMenu.tsx index 7c2b5fb4a1..8ce2a5d69b 100644 --- a/packages/excalidraw/components/main-menu/MainMenu.tsx +++ b/packages/excalidraw/components/main-menu/MainMenu.tsx @@ -53,6 +53,8 @@ const MainMenu = Object.assign( onSelect={composeEventHandlers(onSelect, () => { setAppState({ openMenu: null }); })} + placement="bottom" + className={device.editor.isMobile ? "main-menu-dropdown" : ""} > {children} {device.editor.isMobile && appState.collaborators.size > 0 && ( diff --git a/packages/excalidraw/components/shapes.tsx b/packages/excalidraw/components/shapes.tsx index 56c85bcd42..d46f08a311 100644 --- a/packages/excalidraw/components/shapes.tsx +++ b/packages/excalidraw/components/shapes.tsx @@ -89,7 +89,7 @@ export const SHAPES = [ ] as const; export const getToolbarTools = (app: AppClassProperties) => { - return app.defaultSelectionTool === "lasso" + return app.state.preferredSelectionTool.type === "lasso" ? ([ { value: "lasso", diff --git a/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss b/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss index 8e3a010309..96f1ca2df3 100644 --- a/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss +++ b/packages/excalidraw/components/welcome-screen/WelcomeScreen.scss @@ -252,16 +252,12 @@ } } - @media (max-height: 599px) { + &.excalidraw--mobile { .welcome-screen-center { - margin-top: 4rem; - } - } - @media (min-height: 600px) and (max-height: 900px) { - .welcome-screen-center { - margin-top: 8rem; + margin-bottom: 2rem; } } + @media (max-height: 500px), (max-width: 320px) { .welcome-screen-center { display: none; diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index 2169696ae0..679a5c4cd1 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -44,6 +44,11 @@ body.excalidraw-cursor-resize * { height: 100%; width: 100%; + button, + label { + @include buttonNoHighlight; + } + button { cursor: pointer; user-select: none; @@ -235,27 +240,32 @@ body.excalidraw-cursor-resize * { z-index: var(--zIndex-layerUI); display: flex; flex-direction: column; - align-items: center; + } + + .App-welcome-screen { + z-index: var(--zIndex-layerUI); } .App-bottom-bar { position: absolute; - top: 0; + // account for margins + width: calc(100% - 28px); + max-width: 450px; bottom: 0; - left: 0; - right: 0; + left: 50%; + transform: translateX(-50%); --bar-padding: calc(4 * var(--space-factor)); - z-index: 4; + z-index: var(--zIndex-layerUI); display: flex; - align-items: flex-end; + flex-direction: column; + pointer-events: none; + justify-content: center; > .Island { - width: 100%; - max-width: 100%; - min-width: 100%; box-sizing: border-box; max-height: 100%; + padding: 4px; display: flex; flex-direction: column; pointer-events: var(--ui-pointerEvents); @@ -263,7 +273,8 @@ body.excalidraw-cursor-resize * { } .App-toolbar { - width: 100%; + display: flex; + justify-content: center; .eraser { &.ToolIcon:hover { @@ -276,16 +287,15 @@ body.excalidraw-cursor-resize * { } } - .App-toolbar-content { + .excalidraw-ui-top-left { display: flex; align-items: center; - justify-content: space-between; - padding: 8px; + gap: 0.5rem; + } - .dropdown-menu--mobile { - bottom: 55px; - top: auto; - } + .App-toolbar-content { + display: flex; + flex-direction: column; } .App-mobile-menu { @@ -506,7 +516,7 @@ body.excalidraw-cursor-resize * { display: none; } .scroll-back-to-content { - bottom: calc(80px + var(--sab, 0)); + bottom: calc(100px + var(--sab, 0)); z-index: -1; } } diff --git a/packages/excalidraw/css/theme.scss b/packages/excalidraw/css/theme.scss index 1d6a569665..223cd8eb6e 100644 --- a/packages/excalidraw/css/theme.scss +++ b/packages/excalidraw/css/theme.scss @@ -8,6 +8,8 @@ --button-gray-1: #{$oc-gray-2}; --button-gray-2: #{$oc-gray-4}; --button-gray-3: #{$oc-gray-5}; + --mobile-action-button-bg: rgba(255, 255, 255, 0.35); + --mobile-color-border: var(--default-border-color); --button-special-active-bg-color: #{$oc-green-0}; --dialog-border-color: var(--color-gray-20); --dropdown-icon: url('data:image/svg+xml,'); @@ -42,6 +44,11 @@ --lg-button-size: 2.25rem; --lg-icon-size: 1rem; --editor-container-padding: 1rem; + --mobile-action-button-size: 2rem; + + @include isMobile { + --editor-container-padding: 0.75rem; + } @media screen and (min-device-width: 1921px) { --lg-button-size: 2.5rem; @@ -177,6 +184,8 @@ --button-gray-1: #363636; --button-gray-2: #272727; --button-gray-3: #222; + --mobile-action-button-bg: var(--island-bg-color); + --mobile-color-border: rgba(255, 255, 255, 0.85); --button-special-active-bg-color: #204624; --dialog-border-color: var(--color-gray-80); --dropdown-icon: url('data:image/svg+xml,'); diff --git a/packages/excalidraw/css/variables.module.scss b/packages/excalidraw/css/variables.module.scss index c360c0dc6b..15d0768adb 100644 --- a/packages/excalidraw/css/variables.module.scss +++ b/packages/excalidraw/css/variables.module.scss @@ -122,6 +122,17 @@ color: var(--button-color, var(--color-on-primary-container)); } } + + @include isMobile() { + width: var(--mobile-action-button-size, var(--default-button-size)); + height: var(--mobile-action-button-size, var(--default-button-size)); + } +} + +@mixin buttonNoHighlight { + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + user-select: none; } @mixin outlineButtonIconStyles { @@ -187,4 +198,9 @@ &:active { box-shadow: 0 0 0 1px var(--color-brand-active); } + + @include isMobile() { + width: var(--mobile-action-button-size, 2rem); + height: var(--mobile-action-button-size, 2rem); + } } diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 1b1f830439..1d599a98ec 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -28,6 +28,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { excalidrawAPI, isCollaborating = false, onPointerUpdate, + renderTopLeftUI, renderTopRightUI, langCode = defaultLang.code, viewModeEnabled, @@ -120,6 +121,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { excalidrawAPI={excalidrawAPI} isCollaborating={isCollaborating} onPointerUpdate={onPointerUpdate} + renderTopLeftUI={renderTopLeftUI} renderTopRightUI={renderTopRightUI} langCode={langCode} viewModeEnabled={viewModeEnabled} diff --git a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap index da94b4731f..6f4f6fd559 100644 --- a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap @@ -956,6 +956,10 @@ exports[`contextMenu element > right-clicking on a group should select whole gro }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1151,6 +1155,10 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1364,6 +1372,10 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1694,6 +1706,10 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2024,6 +2040,10 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2237,6 +2257,10 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2477,6 +2501,10 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2774,6 +2802,10 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, }, @@ -3145,6 +3177,10 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3637,6 +3673,10 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3959,6 +3999,10 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4281,6 +4325,10 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, }, @@ -5565,6 +5613,10 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -6781,6 +6833,10 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -7718,6 +7774,10 @@ exports[`contextMenu element > shows context menu for canvas > [end of test] app }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8714,6 +8774,10 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9707,6 +9771,10 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 8e0b5dabe0..d436af1375 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -78,6 +78,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id4": true, }, @@ -693,6 +697,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id4": true, }, @@ -1181,6 +1189,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1544,6 +1556,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1910,6 +1926,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2169,6 +2189,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2613,6 +2637,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2915,6 +2943,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3233,6 +3265,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3526,6 +3562,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3811,6 +3851,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4045,6 +4089,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4301,6 +4349,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4571,6 +4623,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4799,6 +4855,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -5027,6 +5087,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -5273,6 +5337,10 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -5528,6 +5596,10 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -5782,6 +5854,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id1": true, }, @@ -6101,7 +6177,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh "offsetTop": 0, "openDialog": null, "openMenu": null, - "openPopup": "elementBackground", + "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { @@ -6110,6 +6186,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id8": true, }, @@ -6536,6 +6616,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id1": true, }, @@ -6912,6 +6996,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -7220,6 +7308,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -7535,6 +7627,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -7764,6 +7860,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8115,6 +8215,10 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8466,6 +8570,10 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -8871,6 +8979,10 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9157,6 +9269,10 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9420,6 +9536,10 @@ exports[`history > multiplayer undo/redo > should not override remote changes on }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9684,6 +9804,10 @@ exports[`history > multiplayer undo/redo > should not override remote changes on }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9918,6 +10042,10 @@ exports[`history > multiplayer undo/redo > should override remotely added groups }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10211,6 +10339,10 @@ exports[`history > multiplayer undo/redo > should override remotely added points }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10559,6 +10691,10 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10797,6 +10933,10 @@ exports[`history > multiplayer undo/redo > should redraw arrows on undo > [end o }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -11241,6 +11381,10 @@ exports[`history > multiplayer undo/redo > should update history entries after r }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -11500,6 +11644,10 @@ exports[`history > singleplayer undo/redo > remounting undo/redo buttons should }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -11734,6 +11882,10 @@ exports[`history > singleplayer undo/redo > should clear the redo stack on eleme }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -11961,7 +12113,7 @@ exports[`history > singleplayer undo/redo > should create entry when selecting f "offsetTop": 0, "openDialog": null, "openMenu": null, - "openPopup": "elementStroke", + "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { @@ -11970,6 +12122,10 @@ exports[`history > singleplayer undo/redo > should create entry when selecting f }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -12375,6 +12531,10 @@ exports[`history > singleplayer undo/redo > should create new history entry on e }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -12581,6 +12741,10 @@ exports[`history > singleplayer undo/redo > should create new history entry on e }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -12790,6 +12954,10 @@ exports[`history > singleplayer undo/redo > should create new history entry on i }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -13087,6 +13255,10 @@ exports[`history > singleplayer undo/redo > should create new history entry on i }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -13387,6 +13559,10 @@ exports[`history > singleplayer undo/redo > should create new history entry on s }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": -50, @@ -13628,6 +13804,10 @@ exports[`history > singleplayer undo/redo > should disable undo/redo buttons whe }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -13864,6 +14044,10 @@ exports[`history > singleplayer undo/redo > should end up with no history entry }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -14100,6 +14284,10 @@ exports[`history > singleplayer undo/redo > should iterate through the history w }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -14346,6 +14534,10 @@ exports[`history > singleplayer undo/redo > should not clear the redo stack on s }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -14679,6 +14871,10 @@ exports[`history > singleplayer undo/redo > should not collapse when applying co }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -14845,6 +15041,10 @@ exports[`history > singleplayer undo/redo > should not end up with history entry }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -15131,6 +15331,10 @@ exports[`history > singleplayer undo/redo > should not end up with history entry }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -15393,6 +15597,10 @@ exports[`history > singleplayer undo/redo > should not modify anything on unrela }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -15533,7 +15741,7 @@ exports[`history > singleplayer undo/redo > should not override appstate changes "offsetTop": 0, "openDialog": null, "openMenu": null, - "openPopup": "elementBackground", + "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { @@ -15542,6 +15750,10 @@ exports[`history > singleplayer undo/redo > should not override appstate changes }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -15826,6 +16038,10 @@ exports[`history > singleplayer undo/redo > should support appstate name or view }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -15984,6 +16200,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -16688,6 +16908,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -17322,6 +17546,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -17956,6 +18184,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -18674,6 +18906,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -19424,6 +19660,10 @@ exports[`history > singleplayer undo/redo > should support changes in elements' }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -19903,6 +20143,10 @@ exports[`history > singleplayer undo/redo > should support duplication of groups }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id1": true, }, @@ -20413,6 +20657,10 @@ exports[`history > singleplayer undo/redo > should support element creation, del }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, }, @@ -20871,6 +21119,10 @@ exports[`history > singleplayer undo/redo > should support linear element creati }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, diff --git a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap index 761fbc54d9..a33ca9c963 100644 --- a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap @@ -79,6 +79,10 @@ exports[`given element A and group of elements B and given both are selected whe }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -504,6 +508,10 @@ exports[`given element A and group of elements B and given both are selected whe }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -919,6 +927,10 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1484,6 +1496,10 @@ exports[`regression tests > Drags selected element when hitting only bounding bo }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -1690,6 +1706,10 @@ exports[`regression tests > adjusts z order when grouping > [end of test] appSta }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -2073,6 +2093,10 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] appSt }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -2317,6 +2341,10 @@ exports[`regression tests > arrow keys > [end of test] appState 1`] = ` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -2496,6 +2524,10 @@ exports[`regression tests > can drag element that covers another element, while }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id6": true, }, @@ -2820,6 +2852,10 @@ exports[`regression tests > change the properties of a shape > [end of test] app }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -3074,6 +3110,10 @@ exports[`regression tests > click on an element and drag it > [dragged] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -3314,6 +3354,10 @@ exports[`regression tests > click on an element and drag it > [end of test] appS }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -3549,6 +3593,10 @@ exports[`regression tests > click to select a shape > [end of test] appState 1`] }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, }, @@ -3806,6 +3854,10 @@ exports[`regression tests > click-drag to select a group > [end of test] appStat }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id6": true, }, @@ -4119,6 +4171,10 @@ exports[`regression tests > deleting last but one element in editing group shoul }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -4554,6 +4610,10 @@ exports[`regression tests > deselects group of selected elements on pointer down }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -4836,6 +4896,10 @@ exports[`regression tests > deselects group of selected elements on pointer up w }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -5111,6 +5175,10 @@ exports[`regression tests > deselects selected element on pointer down when poin }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -5318,6 +5386,10 @@ exports[`regression tests > deselects selected element, on pointer up, when clic }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -5517,6 +5589,10 @@ exports[`regression tests > double click to edit a group > [end of test] appStat }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -5909,6 +5985,10 @@ exports[`regression tests > drags selected elements from point inside common bou }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -6205,6 +6285,10 @@ exports[`regression tests > draw every type of shape > [end of test] appState 1` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -7060,6 +7144,10 @@ exports[`regression tests > given a group of selected elements with an element t }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id6": true, @@ -7384,7 +7472,7 @@ exports[`regression tests > given a selected element A and a not selected elemen "offsetTop": 0, "openDialog": null, "openMenu": null, - "openPopup": "elementBackground", + "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { @@ -7393,6 +7481,10 @@ exports[`regression tests > given a selected element A and a not selected elemen }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -7671,6 +7763,10 @@ exports[`regression tests > given selected element A with lower z-index than uns }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -7905,6 +8001,10 @@ exports[`regression tests > given selected element A with lower z-index than uns }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -8144,6 +8244,10 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] appStat }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8323,6 +8427,10 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8502,6 +8610,10 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8681,6 +8793,10 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -8910,6 +9026,10 @@ exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9137,6 +9257,10 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9332,6 +9456,10 @@ exports[`regression tests > key a selects arrow tool > [end of test] appState 1` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9561,6 +9689,10 @@ exports[`regression tests > key d selects diamond tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9740,6 +9872,10 @@ exports[`regression tests > key l selects line tool > [end of test] appState 1`] }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -9967,6 +10103,10 @@ exports[`regression tests > key o selects ellipse tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10146,6 +10286,10 @@ exports[`regression tests > key p selects freedraw tool > [end of test] appState }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10341,6 +10485,10 @@ exports[`regression tests > key r selects rectangle tool > [end of test] appStat }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -10520,6 +10668,10 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -11050,6 +11202,10 @@ exports[`regression tests > noop interaction after undo shouldn't create history }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -11329,6 +11485,10 @@ exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = ` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": "-6.25000", @@ -11451,6 +11611,10 @@ exports[`regression tests > shift click on selected element should deselect it o }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -11650,6 +11814,10 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -11968,6 +12136,10 @@ exports[`regression tests > should group elements and ungroup them > [end of tes }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id3": true, @@ -12396,6 +12568,10 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, "id15": true, @@ -13038,6 +13214,10 @@ exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] a }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 60, @@ -13160,6 +13340,10 @@ exports[`regression tests > supports nested groups > [end of test] appState 1`] }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id0": true, }, @@ -13790,6 +13974,10 @@ exports[`regression tests > switches from group of selected elements to another }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, "id6": true, @@ -14128,6 +14316,10 @@ exports[`regression tests > switches selected element on pointer down > [end of }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": { "id3": true, }, @@ -14391,6 +14583,10 @@ exports[`regression tests > two-finger scroll works > [end of test] appState 1`] }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 20, @@ -14513,6 +14709,10 @@ exports[`regression tests > undo/redo drawing an element > [end of test] appStat }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -14904,6 +15104,10 @@ exports[`regression tests > updates fontSize & fontFamily appState > [end of tes }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, @@ -15029,6 +15233,10 @@ exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = ` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index 65f330ae24..3b4d2eb478 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -316,6 +316,10 @@ export interface AppState { // indicates if the current tool is temporarily switched on from the selection tool fromSelection: boolean; } & ActiveTool; + preferredSelectionTool: { + type: "selection" | "lasso"; + initialized: boolean; + }; penMode: boolean; penDetected: boolean; exportBackground: boolean; @@ -364,7 +368,6 @@ export interface AppState { | { name: "ttd"; tab: "text-to-diagram" | "mermaid" } | { name: "commandPalette" } | { name: "elementLinkSelector"; sourceElementId: ExcalidrawElement["id"] }; - /** * Reflects user preference for whether the default sidebar should be docked. * @@ -448,7 +451,7 @@ export interface AppState { lockedMultiSelections: { [groupId: string]: true }; /** properties sidebar mode - determines whether to show compact or complete sidebar */ - stylesPanelMode: "compact" | "full"; + stylesPanelMode: "compact" | "full" | "mobile"; } export type SearchMatch = { @@ -571,6 +574,10 @@ export interface ExcalidrawProps { /** excludes the duplicated elements */ prevElements: readonly ExcalidrawElement[], ) => ExcalidrawElement[] | void; + renderTopLeftUI?: ( + isMobile: boolean, + appState: UIAppState, + ) => JSX.Element | null; renderTopRightUI?: ( isMobile: boolean, appState: UIAppState, @@ -738,8 +745,7 @@ export type AppClassProperties = { onPointerUpEmitter: App["onPointerUpEmitter"]; updateEditorAtom: App["updateEditorAtom"]; - - defaultSelectionTool: "selection" | "lasso"; + onPointerDownEmitter: App["onPointerDownEmitter"]; }; export type PointerDownState = Readonly<{ diff --git a/packages/utils/tests/__snapshots__/export.test.ts.snap b/packages/utils/tests/__snapshots__/export.test.ts.snap index 20f3ee28d9..1f799501c9 100644 --- a/packages/utils/tests/__snapshots__/export.test.ts.snap +++ b/packages/utils/tests/__snapshots__/export.test.ts.snap @@ -80,6 +80,10 @@ exports[`exportToSvg > with default arguments 1`] = ` }, "penDetected": false, "penMode": false, + "preferredSelectionTool": { + "initialized": false, + "type": "selection", + }, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, From 19b03b4ca9d9dbbd8d3246d99490dadf57e4c507 Mon Sep 17 00:00:00 2001 From: Omar Brikaa Date: Fri, 10 Oct 2025 19:12:08 +0300 Subject: [PATCH 043/176] fix: remove redundant selectionStart/End resetting that causes scroll-reset bug on firefox (#8263) Remove redundant selectionStart/End resetting that causes scroll-reset bug on firefox --- packages/excalidraw/wysiwyg/textWysiwyg.tsx | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.tsx index adede07f87..149faf8987 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.tsx @@ -226,22 +226,6 @@ export const textWysiwyg = ({ } } const [viewportX, viewportY] = getViewportCoords(coordX, coordY); - const initialSelectionStart = editable.selectionStart; - const initialSelectionEnd = editable.selectionEnd; - const initialLength = editable.value.length; - - // restore cursor position after value updated so it doesn't - // go to the end of text when container auto expanded - if ( - initialSelectionStart === initialSelectionEnd && - initialSelectionEnd !== initialLength - ) { - // get diff between length and selection end and shift - // the cursor by "diff" times to position correctly - const diff = initialLength - initialSelectionEnd; - editable.selectionStart = editable.value.length - diff; - editable.selectionEnd = editable.value.length - diff; - } if (!container) { maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value; From 8608d7b2e000ac5f756c263e2c0d04e3f93485c4 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sun, 12 Oct 2025 23:33:02 +0200 Subject: [PATCH 044/176] fix: revert preferred selection to box once you switch to `full` UI (#10160) --- packages/excalidraw/components/App.tsx | 33 +++++++++++++++++--------- 1 file changed, 22 insertions(+), 11 deletions(-) diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index c74ef73b52..574ec4eb91 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -2487,18 +2487,29 @@ class App extends React.Component { canFitSidebar: editorWidth > sidebarBreakpoint, }); + const stylesPanelMode = + // NOTE: we could also remove the isMobileOrTablet check here and + // always switch to compact mode when the editor is narrow (e.g. < MQ_MIN_WIDTH_DESKTOP) + // but not too narrow (> MQ_MAX_WIDTH_MOBILE) + this.isTabletBreakpoint(editorWidth, editorHeight) && isMobileOrTablet() + ? "compact" + : this.isMobileBreakpoint(editorWidth, editorHeight) + ? "mobile" + : "full"; + // also check if we need to update the app state - this.setState({ - stylesPanelMode: - // NOTE: we could also remove the isMobileOrTablet check here and - // always switch to compact mode when the editor is narrow (e.g. < MQ_MIN_WIDTH_DESKTOP) - // but not too narrow (> MQ_MAX_WIDTH_MOBILE) - this.isTabletBreakpoint(editorWidth, editorHeight) && isMobileOrTablet() - ? "compact" - : this.isMobileBreakpoint(editorWidth, editorHeight) - ? "mobile" - : "full", - }); + this.setState((prevState) => ({ + stylesPanelMode, + // reset to box selection mode if the UI changes to full + // where you'd not be able to change the mode yourself currently + preferredSelectionTool: + stylesPanelMode === "full" + ? { + type: "selection", + initialized: true, + } + : prevState.preferredSelectionTool, + })); if (prevEditorState !== nextEditorState) { this.device = { ...this.device, editor: nextEditorState }; From 5fffc4743fecb89eeb549c8cf4fb4b9ffd05c703 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Tue, 14 Oct 2025 16:34:49 +0200 Subject: [PATCH 045/176] fix: mobile UI and other fixes (#10177) * remove legacy openMenu=shape state and unused actions * close menus/popups in applicable cases when opening a different one * split ui z-indexes to account prefer different overlap * make top canvas area clickable on mobile * make mobile main menu closable by clicking outside and reduce width * offset picker popups from viewport border on mobile * reduce items gap in mobile main menu * show top picks for canvas bg colors in all ui modes * fix menu separator visibility on mobile * fix command palette items not being filtered --- packages/excalidraw/actions/actionMenu.tsx | 58 +------------------ packages/excalidraw/actions/index.ts | 6 +- packages/excalidraw/actions/types.ts | 2 - packages/excalidraw/components/Actions.tsx | 5 +- .../components/ColorPicker/ColorPicker.tsx | 5 +- .../CommandPalette/CommandPalette.tsx | 9 ++- packages/excalidraw/components/IconPicker.tsx | 2 +- .../excalidraw/components/LibraryMenu.scss | 1 + .../excalidraw/components/MobileToolBar.tsx | 5 +- .../components/PropertiesPopover.tsx | 3 +- .../components/Sidebar/Sidebar.scss | 2 +- .../components/Sidebar/SidebarTrigger.tsx | 6 +- .../components/dropdownMenu/DropdownMenu.scss | 3 +- .../dropdownMenu/DropdownMenuContent.tsx | 7 ++- .../dropdownMenu/DropdownMenuSeparator.tsx | 1 + .../components/main-menu/MainMenu.tsx | 7 +-- packages/excalidraw/css/styles.scss | 15 ++++- .../__snapshots__/excalidraw.test.tsx.snap | 4 +- packages/excalidraw/types.ts | 2 +- 19 files changed, 58 insertions(+), 85 deletions(-) diff --git a/packages/excalidraw/actions/actionMenu.tsx b/packages/excalidraw/actions/actionMenu.tsx index 2c6a774456..4cb95c2f0f 100644 --- a/packages/excalidraw/actions/actionMenu.tsx +++ b/packages/excalidraw/actions/actionMenu.tsx @@ -1,65 +1,11 @@ import { KEYS } from "@excalidraw/common"; -import { getNonDeletedElements } from "@excalidraw/element"; - -import { showSelectedShapeActions } from "@excalidraw/element"; - import { CaptureUpdateAction } from "@excalidraw/element"; -import { ToolButton } from "../components/ToolButton"; -import { HamburgerMenuIcon, HelpIconThin, palette } from "../components/icons"; -import { t } from "../i18n"; +import { HelpIconThin } from "../components/icons"; import { register } from "./register"; -export const actionToggleCanvasMenu = register({ - name: "toggleCanvasMenu", - label: "buttons.menu", - trackEvent: { category: "menu" }, - perform: (_, appState) => ({ - appState: { - ...appState, - openMenu: appState.openMenu === "canvas" ? null : "canvas", - }, - captureUpdate: CaptureUpdateAction.EVENTUALLY, - }), - PanelComponent: ({ appState, updateData }) => ( - - ), -}); - -export const actionToggleEditMenu = register({ - name: "toggleEditMenu", - label: "buttons.edit", - trackEvent: { category: "menu" }, - perform: (_elements, appState) => ({ - appState: { - ...appState, - openMenu: appState.openMenu === "shape" ? null : "shape", - }, - captureUpdate: CaptureUpdateAction.EVENTUALLY, - }), - PanelComponent: ({ elements, appState, updateData }) => ( - - ), -}); - export const actionShortcuts = register({ name: "toggleShortcuts", label: "welcomeScreen.defaults.helpHint", @@ -79,6 +25,8 @@ export const actionShortcuts = register({ : { name: "help", }, + openMenu: null, + openPopup: null, }, captureUpdate: CaptureUpdateAction.EVENTUALLY, }; diff --git a/packages/excalidraw/actions/index.ts b/packages/excalidraw/actions/index.ts index 2719a5d0a2..6b888e92d3 100644 --- a/packages/excalidraw/actions/index.ts +++ b/packages/excalidraw/actions/index.ts @@ -44,11 +44,7 @@ export { } from "./actionExport"; export { actionCopyStyles, actionPasteStyles } from "./actionStyles"; -export { - actionToggleCanvasMenu, - actionToggleEditMenu, - actionShortcuts, -} from "./actionMenu"; +export { actionShortcuts } from "./actionMenu"; export { actionGroup, actionUngroup } from "./actionGroup"; diff --git a/packages/excalidraw/actions/types.ts b/packages/excalidraw/actions/types.ts index 302a76fb4e..d533294d39 100644 --- a/packages/excalidraw/actions/types.ts +++ b/packages/excalidraw/actions/types.ts @@ -72,8 +72,6 @@ export type ActionName = | "changeArrowProperties" | "changeOpacity" | "changeFontSize" - | "toggleCanvasMenu" - | "toggleEditMenu" | "undo" | "redo" | "finalize" diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index ec95d40c3e..48ec4dc9a2 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -1178,7 +1178,10 @@ export const ShapesSwitcher = ({ // on top of it (laserToolSelected && !app.props.isCollaborating), })} - onToggle={() => setIsExtraToolsMenuOpen(!isExtraToolsMenuOpen)} + onToggle={() => { + setIsExtraToolsMenuOpen(!isExtraToolsMenuOpen); + setAppState({ openMenu: null, openPopup: null }); + }} title={t("toolBar.extraTools")} > {frameToolSelected diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx index 759ab9cad2..238960fa0b 100644 --- a/packages/excalidraw/components/ColorPicker/ColorPicker.tsx +++ b/packages/excalidraw/components/ColorPicker/ColorPicker.tsx @@ -319,8 +319,9 @@ export const ColorPicker = ({ openRef.current = appState.openPopup; }, [appState.openPopup]); const compactMode = - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile"; + type !== "canvasBackground" && + (appState.stylesPanelMode === "compact" || + appState.stylesPanelMode === "mobile"); return (
diff --git a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx index 03f9c93cb8..e9f4c72d4c 100644 --- a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx +++ b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx @@ -476,7 +476,6 @@ function CommandPaletteInner({ }, perform: () => { setAppState((prevState) => ({ - openMenu: prevState.openMenu === "shape" ? null : "shape", openPopup: "elementStroke", })); }, @@ -496,7 +495,6 @@ function CommandPaletteInner({ }, perform: () => { setAppState((prevState) => ({ - openMenu: prevState.openMenu === "shape" ? null : "shape", openPopup: "elementBackground", })); }, @@ -838,7 +836,12 @@ function CommandPaletteInner({ let matchingCommands = commandSearch?.length > 1 - ? [...allCommands, ...libraryCommands] + ? [ + ...allCommands + .filter(isCommandAvailable) + .sort((a, b) => a.order - b.order), + ...libraryCommands, + ] : allCommands .filter(isCommandAvailable) .sort((a, b) => a.order - b.order); diff --git a/packages/excalidraw/components/IconPicker.tsx b/packages/excalidraw/components/IconPicker.tsx index 2d7f8a0ba5..031d181eb0 100644 --- a/packages/excalidraw/components/IconPicker.tsx +++ b/packages/excalidraw/components/IconPicker.tsx @@ -159,7 +159,7 @@ function Picker({ side={isMobile ? "right" : "bottom"} align="start" sideOffset={isMobile ? 8 : 12} - style={{ zIndex: "var(--zIndex-popup)" }} + style={{ zIndex: "var(--zIndex-ui-styles-popup)" }} onKeyDown={handleKeyDown} >
setIsOtherShapesMenuOpen(!isOtherShapesMenuOpen)} + onToggle={() => { + setIsOtherShapesMenuOpen(!isOtherShapesMenuOpen); + setAppState({ openMenu: null, openPopup: null }); + }} title={t("toolBar.extraTools")} style={{ width: WIDTH, diff --git a/packages/excalidraw/components/PropertiesPopover.tsx b/packages/excalidraw/components/PropertiesPopover.tsx index d4437b3858..3c03c35b99 100644 --- a/packages/excalidraw/components/PropertiesPopover.tsx +++ b/packages/excalidraw/components/PropertiesPopover.tsx @@ -60,7 +60,8 @@ export const PropertiesPopover = React.forwardRef< alignOffset={-16} sideOffset={20} style={{ - zIndex: "var(--zIndex-popup)", + zIndex: "var(--zIndex-ui-styles-popup)", + marginLeft: device.editor.isMobile ? "0.5rem" : undefined, }} onPointerLeave={onPointerLeave} onKeyDown={onKeyDown} diff --git a/packages/excalidraw/components/Sidebar/Sidebar.scss b/packages/excalidraw/components/Sidebar/Sidebar.scss index c7776d1c69..2fba020ca9 100644 --- a/packages/excalidraw/components/Sidebar/Sidebar.scss +++ b/packages/excalidraw/components/Sidebar/Sidebar.scss @@ -9,7 +9,7 @@ top: 0; bottom: 0; right: 0; - z-index: 5; + z-index: var(--zIndex-ui-library); margin: 0; padding: 0; box-sizing: border-box; diff --git a/packages/excalidraw/components/Sidebar/SidebarTrigger.tsx b/packages/excalidraw/components/Sidebar/SidebarTrigger.tsx index 6e8bf374ce..706a6abe52 100644 --- a/packages/excalidraw/components/Sidebar/SidebarTrigger.tsx +++ b/packages/excalidraw/components/Sidebar/SidebarTrigger.tsx @@ -30,7 +30,11 @@ export const SidebarTrigger = ({ .querySelector(".layer-ui__wrapper") ?.classList.remove("animate"); const isOpen = event.target.checked; - setAppState({ openSidebar: isOpen ? { name, tab } : null }); + setAppState({ + openSidebar: isOpen ? { name, tab } : null, + openMenu: null, + openPopup: null, + }); onToggle?.(isOpen); }} checked={appState.openSidebar?.name === name} diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss index a0a230941d..f6c7d7dc24 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss @@ -5,6 +5,7 @@ position: absolute; top: 2.5rem; margin-top: 0.5rem; + max-width: 16rem; &--placement-top { top: auto; @@ -20,10 +21,8 @@ // When main menu is in the top toolbar, position relative to trigger &.main-menu-dropdown { min-width: 232px; - max-width: calc(100vw - var(--editor-container-padding) * 2); margin-top: 0; margin-bottom: 0; - z-index: var(--zIndex-layerUI); @media screen and (orientation: landscape) { max-width: 232px; diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx index 291f857e80..5bbb41763b 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx @@ -74,7 +74,12 @@ const MenuContent = ({ {/* the zIndex ensures this menu has higher stacking order, see https://github.com/excalidraw/excalidraw/pull/1445 */} {device.editor.isMobile ? ( - {children} + + {children} + ) : ( ( height: "1px", backgroundColor: "var(--default-border-color)", margin: ".5rem 0", + flex: "0 0 auto", }} /> ); diff --git a/packages/excalidraw/components/main-menu/MainMenu.tsx b/packages/excalidraw/components/main-menu/MainMenu.tsx index 8ce2a5d69b..0098ebe526 100644 --- a/packages/excalidraw/components/main-menu/MainMenu.tsx +++ b/packages/excalidraw/components/main-menu/MainMenu.tsx @@ -30,9 +30,6 @@ const MainMenu = Object.assign( const device = useDevice(); const appState = useUIAppState(); const setAppState = useExcalidrawSetAppState(); - const onClickOutside = device.editor.isMobile - ? undefined - : () => setAppState({ openMenu: null }); return ( @@ -41,6 +38,8 @@ const MainMenu = Object.assign( onToggle={() => { setAppState({ openMenu: appState.openMenu === "canvas" ? null : "canvas", + openPopup: null, + openDialog: null, }); }} data-testid="main-menu-trigger" @@ -49,7 +48,7 @@ const MainMenu = Object.assign( {HamburgerMenuIcon} setAppState({ openMenu: null })} onSelect={composeEventHandlers(onSelect, () => { setAppState({ openMenu: null }); })} diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index 679a5c4cd1..72890f206d 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -12,6 +12,11 @@ --zIndex-eyeDropperPreview: 6; --zIndex-hyperlinkContainer: 7; + --zIndex-ui-styles-popup: 40; + --zIndex-ui-bottom: 60; + --zIndex-ui-library: 80; + --zIndex-ui-top: 100; + --zIndex-modal: 1000; --zIndex-popup: 1001; --zIndex-toast: 999999; @@ -237,7 +242,7 @@ body.excalidraw-cursor-resize * { } .App-top-bar { - z-index: var(--zIndex-layerUI); + z-index: var(--zIndex-ui-top); display: flex; flex-direction: column; } @@ -255,7 +260,7 @@ body.excalidraw-cursor-resize * { left: 50%; transform: translateX(-50%); --bar-padding: calc(4 * var(--space-factor)); - z-index: var(--zIndex-layerUI); + z-index: var(--zIndex-ui-bottom); display: flex; flex-direction: column; @@ -296,6 +301,12 @@ body.excalidraw-cursor-resize * { .App-toolbar-content { display: flex; flex-direction: column; + + pointer-events: none; + + & > * { + pointer-events: var(--ui-pointerEvents); + } } .App-mobile-menu { diff --git a/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap index f1a65130ea..d1a1ef77e0 100644 --- a/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap @@ -414,7 +414,7 @@ exports[` > Test UIOptions prop > Test canvasActions > should rende
> Test UIOptions prop > Test canvasActions > should rende
); diff --git a/excalidraw-app/tests/MobileMenu.test.tsx b/excalidraw-app/tests/MobileMenu.test.tsx index 400b625ec2..70f2162f9b 100644 --- a/excalidraw-app/tests/MobileMenu.test.tsx +++ b/excalidraw-app/tests/MobileMenu.test.tsx @@ -17,30 +17,15 @@ describe("Test MobileMenu", () => { beforeEach(async () => { await render(); - // @ts-ignore - h.app.refreshViewportBreakpoints(); - // @ts-ignore - h.app.refreshEditorBreakpoints(); + h.app.refreshEditorInterface(); }); afterAll(() => { restoreOriginalGetBoundingClientRect(); }); - it("should set device correctly", () => { - expect(h.app.device).toMatchInlineSnapshot(` - { - "editor": { - "canFitSidebar": false, - "isMobile": true, - }, - "isTouchScreen": false, - "viewport": { - "isLandscape": true, - "isMobile": true, - }, - } - `); + it("should set editor interface correctly", () => { + expect(h.app.editorInterface.formFactor).toBe("phone"); }); it("should initialize with welcome screen and hide once user interacts", async () => { diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts index dfbb69aa97..b6a451d988 100644 --- a/packages/common/src/constants.ts +++ b/packages/common/src/constants.ts @@ -6,32 +6,6 @@ import type { AppProps, AppState } from "@excalidraw/excalidraw/types"; import { COLOR_PALETTE } from "./colors"; -export const isDarwin = /Mac|iPod|iPhone|iPad/.test(navigator.platform); -export const isWindows = /^Win/.test(navigator.platform); -export const isAndroid = /\b(android)\b/i.test(navigator.userAgent); -export const isFirefox = - typeof window !== "undefined" && - "netscape" in window && - navigator.userAgent.indexOf("rv:") > 1 && - navigator.userAgent.indexOf("Gecko") > 1; -export const isChrome = navigator.userAgent.indexOf("Chrome") !== -1; -export const isSafari = - !isChrome && navigator.userAgent.indexOf("Safari") !== -1; -export const isIOS = - /iPad|iPhone/i.test(navigator.platform) || - // iPadOS 13+ - (navigator.userAgent.includes("Mac") && "ontouchend" in document); -// keeping function so it can be mocked in test -export const isBrave = () => - (navigator as any).brave?.isBrave?.name === "isBrave"; - -export const isMobile = - isIOS || - /android|webos|ipod|blackberry|iemobile|opera mini/i.test( - navigator.userAgent, - ) || - /android|ios|ipod|blackberry|windows phone/i.test(navigator.platform); - export const supportsResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window; @@ -349,26 +323,6 @@ export const DEFAULT_UI_OPTIONS: AppProps["UIOptions"] = { }, }; -// breakpoints -// ----------------------------------------------------------------------------- - -// mobile: up to 699px -export const MQ_MAX_MOBILE = 599; - -export const MQ_MAX_WIDTH_LANDSCAPE = 1000; -export const MQ_MAX_HEIGHT_LANDSCAPE = 500; - -// tablets -export const MQ_MIN_TABLET = MQ_MAX_MOBILE + 1; // lower bound (excludes phones) -export const MQ_MAX_TABLET = 1400; // upper bound (excludes laptops/desktops) - -// desktop/laptop -export const MQ_MIN_WIDTH_DESKTOP = 1440; - -// sidebar -export const MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229; -// ----------------------------------------------------------------------------- - export const MAX_DECIMALS_FOR_SVG_EXPORT = 2; export const EXPORT_SCALES = [1, 2, 3]; diff --git a/packages/common/src/editorInterface.ts b/packages/common/src/editorInterface.ts new file mode 100644 index 0000000000..36b55d9182 --- /dev/null +++ b/packages/common/src/editorInterface.ts @@ -0,0 +1,223 @@ +export type StylesPanelMode = "compact" | "full" | "mobile"; + +export type EditorInterface = Readonly<{ + formFactor: "phone" | "tablet" | "desktop"; + desktopUIMode: "compact" | "full"; + userAgent: Readonly<{ + isMobileDevice: boolean; + platform: "ios" | "android" | "other" | "unknown"; + }>; + isTouchScreen: boolean; + canFitSidebar: boolean; + isLandscape: boolean; +}>; + +// storage key +const DESKTOP_UI_MODE_STORAGE_KEY = "excalidraw.desktopUIMode"; + +// breakpoints +// mobile: up to 699px +export const MQ_MAX_MOBILE = 599; + +export const MQ_MAX_WIDTH_LANDSCAPE = 1000; +export const MQ_MAX_HEIGHT_LANDSCAPE = 500; + +// tablets +export const MQ_MIN_TABLET = MQ_MAX_MOBILE + 1; // lower bound (excludes phones) +export const MQ_MAX_TABLET = 1400; // upper bound (excludes laptops/desktops) + +// desktop/laptop +export const MQ_MIN_WIDTH_DESKTOP = 1440; + +// sidebar +export const MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229; + +// ----------------------------------------------------------------------------- + +// user agent detections +export const isDarwin = /Mac|iPod|iPhone|iPad/.test(navigator.platform); +export const isWindows = /^Win/.test(navigator.platform); +export const isAndroid = /\b(android)\b/i.test(navigator.userAgent); +export const isFirefox = + typeof window !== "undefined" && + "netscape" in window && + navigator.userAgent.indexOf("rv:") > 1 && + navigator.userAgent.indexOf("Gecko") > 1; +export const isChrome = navigator.userAgent.indexOf("Chrome") !== -1; +export const isSafari = + !isChrome && navigator.userAgent.indexOf("Safari") !== -1; +export const isIOS = + /iPad|iPhone/i.test(navigator.platform) || + // iPadOS 13+ + (navigator.userAgent.includes("Mac") && "ontouchend" in document); +// keeping function so it can be mocked in test +export const isBrave = () => + (navigator as any).brave?.isBrave?.name === "isBrave"; + +// export const isMobile = +// isIOS || +// /android|webos|ipod|blackberry|iemobile|opera mini/i.test( +// navigator.userAgent, +// ) || +// /android|ios|ipod|blackberry|windows phone/i.test(navigator.platform); + +// utilities +export const isMobileBreakpoint = (width: number, height: number) => { + return ( + width <= MQ_MAX_MOBILE || + (height < MQ_MAX_HEIGHT_LANDSCAPE && width < MQ_MAX_WIDTH_LANDSCAPE) + ); +}; + +export const isTabletBreakpoint = ( + editorWidth: number, + editorHeight: number, +) => { + const minSide = Math.min(editorWidth, editorHeight); + const maxSide = Math.max(editorWidth, editorHeight); + + return minSide >= MQ_MIN_TABLET && maxSide <= MQ_MAX_TABLET; +}; + +const isMobileOrTablet = (): boolean => { + const ua = navigator.userAgent || ""; + const platform = navigator.platform || ""; + const uaData = (navigator as any).userAgentData as + | { mobile?: boolean; platform?: string } + | undefined; + + // --- 1) chromium: prefer ua client hints ------------------------------- + if (uaData) { + const plat = (uaData.platform || "").toLowerCase(); + const isDesktopOS = + plat === "windows" || + plat === "macos" || + plat === "linux" || + plat === "chrome os"; + if (uaData.mobile === true) { + return true; + } + if (uaData.mobile === false && plat === "android") { + const looksTouchTablet = + matchMedia?.("(hover: none)").matches && + matchMedia?.("(pointer: coarse)").matches; + return looksTouchTablet; + } + if (isDesktopOS) { + return false; + } + } + + // --- 2) ios (includes ipad) -------------------------------------------- + if (isIOS) { + return true; + } + + // --- 3) android legacy ua fallback ------------------------------------- + if (isAndroid) { + const isAndroidPhone = /Mobile/i.test(ua); + const isAndroidTablet = !isAndroidPhone; + if (isAndroidPhone || isAndroidTablet) { + const looksTouchTablet = + matchMedia?.("(hover: none)").matches && + matchMedia?.("(pointer: coarse)").matches; + return looksTouchTablet; + } + } + + // --- 4) last resort desktop exclusion ---------------------------------- + const looksDesktopPlatform = + /Win|Linux|CrOS|Mac/.test(platform) || + /Windows NT|X11|CrOS|Macintosh/.test(ua); + if (looksDesktopPlatform) { + return false; + } + return false; +}; + +export const getFormFactor = ( + editorWidth: number, + editorHeight: number, +): EditorInterface["formFactor"] => { + if (isMobileBreakpoint(editorWidth, editorHeight)) { + return "phone"; + } + + if (isTabletBreakpoint(editorWidth, editorHeight)) { + return "tablet"; + } + + return "desktop"; +}; + +export const deriveStylesPanelMode = ( + editorInterface: EditorInterface, +): StylesPanelMode => { + if (editorInterface.formFactor === "phone") { + return "mobile"; + } + + if (editorInterface.formFactor === "tablet") { + return "compact"; + } + + return editorInterface.desktopUIMode; +}; + +export const createUserAgentDescriptor = ( + userAgentString: string, +): EditorInterface["userAgent"] => { + const normalizedUA = userAgentString ?? ""; + let platform: EditorInterface["userAgent"]["platform"] = "unknown"; + + if (isIOS) { + platform = "ios"; + } else if (isAndroid) { + platform = "android"; + } else if (normalizedUA) { + platform = "other"; + } + + return { + isMobileDevice: isMobileOrTablet(), + platform, + } as const; +}; + +export const loadDesktopUIModePreference = () => { + if (typeof window === "undefined") { + return null; + } + + try { + const stored = window.localStorage.getItem(DESKTOP_UI_MODE_STORAGE_KEY); + if (stored === "compact" || stored === "full") { + return stored as EditorInterface["desktopUIMode"]; + } + } catch (error) { + // ignore storage access issues (e.g., Safari private mode) + } + + return null; +}; + +const persistDesktopUIMode = (mode: EditorInterface["desktopUIMode"]) => { + if (typeof window === "undefined") { + return; + } + try { + window.localStorage.setItem(DESKTOP_UI_MODE_STORAGE_KEY, mode); + } catch (error) { + // ignore storage access issues (e.g., Safari private mode) + } +}; + +export const setDesktopUIMode = (mode: EditorInterface["desktopUIMode"]) => { + if (mode !== "compact" && mode !== "full") { + return; + } + + persistDesktopUIMode(mode); + + return mode; +}; diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts index 79f243f4f0..b4213df455 100644 --- a/packages/common/src/index.ts +++ b/packages/common/src/index.ts @@ -10,3 +10,4 @@ export * from "./random"; export * from "./url"; export * from "./utils"; export * from "./emitter"; +export * from "./editorInterface"; diff --git a/packages/common/src/keys.ts b/packages/common/src/keys.ts index 948e7f568f..1db356b7ec 100644 --- a/packages/common/src/keys.ts +++ b/packages/common/src/keys.ts @@ -1,4 +1,4 @@ -import { isDarwin } from "./constants"; +import { isDarwin } from "./editorInterface"; import type { ValueOf } from "./utility-types"; diff --git a/packages/common/src/utils.ts b/packages/common/src/utils.ts index 7bf73c6581..69e854b0b0 100644 --- a/packages/common/src/utils.ts +++ b/packages/common/src/utils.ts @@ -20,8 +20,6 @@ import { ENV, FONT_FAMILY, getFontFamilyFallbacks, - isAndroid, - isIOS, WINDOWS_EMOJI_FALLBACK_FONT, } from "./constants"; @@ -1272,59 +1270,3 @@ export const reduceToCommonValue = ( return commonValue; }; - -export const isMobileOrTablet = (): boolean => { - const ua = navigator.userAgent || ""; - const platform = navigator.platform || ""; - const uaData = (navigator as any).userAgentData as - | { mobile?: boolean; platform?: string } - | undefined; - - // --- 1) chromium: prefer ua client hints ------------------------------- - if (uaData) { - const plat = (uaData.platform || "").toLowerCase(); - const isDesktopOS = - plat === "windows" || - plat === "macos" || - plat === "linux" || - plat === "chrome os"; - if (uaData.mobile === true) { - return true; - } - if (uaData.mobile === false && plat === "android") { - const looksTouchTablet = - matchMedia?.("(hover: none)").matches && - matchMedia?.("(pointer: coarse)").matches; - return looksTouchTablet; - } - if (isDesktopOS) { - return false; - } - } - - // --- 2) ios (includes ipad) -------------------------------------------- - if (isIOS) { - return true; - } - - // --- 3) android legacy ua fallback ------------------------------------- - if (isAndroid) { - const isAndroidPhone = /Mobile/i.test(ua); - const isAndroidTablet = !isAndroidPhone; - if (isAndroidPhone || isAndroidTablet) { - const looksTouchTablet = - matchMedia?.("(hover: none)").matches && - matchMedia?.("(pointer: coarse)").matches; - return looksTouchTablet; - } - } - - // --- 4) last resort desktop exclusion ---------------------------------- - const looksDesktopPlatform = - /Win|Linux|CrOS|Mac/.test(platform) || - /Windows NT|X11|CrOS|Macintosh/.test(ua); - if (looksDesktopPlatform) { - return false; - } - return false; -}; diff --git a/packages/element/src/resizeTest.ts b/packages/element/src/resizeTest.ts index 411dcf9a7b..4257d4a7e8 100644 --- a/packages/element/src/resizeTest.ts +++ b/packages/element/src/resizeTest.ts @@ -5,17 +5,20 @@ import { type Radians, } from "@excalidraw/math"; -import { SIDE_RESIZING_THRESHOLD } from "@excalidraw/common"; +import { + SIDE_RESIZING_THRESHOLD, + type EditorInterface, +} from "@excalidraw/common"; import type { GlobalPoint, LineSegment, LocalPoint } from "@excalidraw/math"; -import type { AppState, Device, Zoom } from "@excalidraw/excalidraw/types"; +import type { AppState, Zoom } from "@excalidraw/excalidraw/types"; import { getElementAbsoluteCoords } from "./bounds"; import { getTransformHandlesFromCoords, getTransformHandles, - getOmitSidesForDevice, + getOmitSidesForEditorInterface, canResizeFromSides, } from "./transformHandles"; import { isImageElement, isLinearElement } from "./typeChecks"; @@ -51,7 +54,7 @@ export const resizeTest = ( y: number, zoom: Zoom, pointerType: PointerType, - device: Device, + editorInterface: EditorInterface, ): MaybeTransformHandleType => { if (!appState.selectedElementIds[element.id]) { return false; @@ -63,7 +66,7 @@ export const resizeTest = ( zoom, elementsMap, pointerType, - getOmitSidesForDevice(device), + getOmitSidesForEditorInterface(editorInterface), ); if ( @@ -86,7 +89,7 @@ export const resizeTest = ( return filter[0] as TransformHandleType; } - if (canResizeFromSides(device)) { + if (canResizeFromSides(editorInterface)) { const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords( element, elementsMap, @@ -132,7 +135,7 @@ export const getElementWithTransformHandleType = ( zoom: Zoom, pointerType: PointerType, elementsMap: ElementsMap, - device: Device, + editorInterface: EditorInterface, ) => { return elements.reduce((result, element) => { if (result) { @@ -146,7 +149,7 @@ export const getElementWithTransformHandleType = ( scenePointerY, zoom, pointerType, - device, + editorInterface, ); return transformHandleType ? { element, transformHandleType } : null; }, null as { element: NonDeletedExcalidrawElement; transformHandleType: MaybeTransformHandleType } | null); @@ -160,14 +163,14 @@ export const getTransformHandleTypeFromCoords = < scenePointerY: number, zoom: Zoom, pointerType: PointerType, - device: Device, + editorInterface: EditorInterface, ): MaybeTransformHandleType => { const transformHandles = getTransformHandlesFromCoords( [x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2], 0 as Radians, zoom, pointerType, - getOmitSidesForDevice(device), + getOmitSidesForEditorInterface(editorInterface), ); const found = Object.keys(transformHandles).find((key) => { @@ -183,7 +186,7 @@ export const getTransformHandleTypeFromCoords = < return found as MaybeTransformHandleType; } - if (canResizeFromSides(device)) { + if (canResizeFromSides(editorInterface)) { const cx = (x1 + x2) / 2; const cy = (y1 + y2) / 2; diff --git a/packages/element/src/transformHandles.ts b/packages/element/src/transformHandles.ts index b311e3af83..4a9e5f167c 100644 --- a/packages/element/src/transformHandles.ts +++ b/packages/element/src/transformHandles.ts @@ -1,8 +1,6 @@ import { DEFAULT_TRANSFORM_HANDLE_SPACING, - isAndroid, - isIOS, - isMobileOrTablet, + type EditorInterface, } from "@excalidraw/common"; import { pointFrom, pointRotateRads } from "@excalidraw/math"; @@ -10,7 +8,6 @@ import { pointFrom, pointRotateRads } from "@excalidraw/math"; import type { Radians } from "@excalidraw/math"; import type { - Device, InteractiveCanvasAppState, Zoom, } from "@excalidraw/excalidraw/types"; @@ -112,20 +109,21 @@ const generateTransformHandle = ( return [xx - width / 2, yy - height / 2, width, height]; }; -export const canResizeFromSides = (device: Device) => { - if (device.viewport.isMobile) { - return false; - } - - if (device.isTouchScreen && (isAndroid || isIOS)) { +export const canResizeFromSides = (editorInterface: EditorInterface) => { + if ( + editorInterface.formFactor === "phone" && + editorInterface.userAgent.isMobileDevice + ) { return false; } return true; }; -export const getOmitSidesForDevice = (device: Device) => { - if (canResizeFromSides(device)) { +export const getOmitSidesForEditorInterface = ( + editorInterface: EditorInterface, +) => { + if (canResizeFromSides(editorInterface)) { return DEFAULT_OMIT_SIDES; } @@ -330,6 +328,7 @@ export const getTransformHandles = ( export const hasBoundingBox = ( elements: readonly NonDeletedExcalidrawElement[], appState: InteractiveCanvasAppState, + editorInterface: EditorInterface, ) => { if (appState.selectedLinearElement?.isEditing) { return false; @@ -348,5 +347,5 @@ export const hasBoundingBox = ( // on mobile/tablet we currently don't show bbox because of resize issues // (also prob best for simplicity's sake) - return element.points.length > 2 && !isMobileOrTablet(); + return element.points.length > 2 && !editorInterface.userAgent.isMobileDevice; }; diff --git a/packages/excalidraw/actions/actionCanvas.tsx b/packages/excalidraw/actions/actionCanvas.tsx index b0760fd8ba..b8f837b402 100644 --- a/packages/excalidraw/actions/actionCanvas.tsx +++ b/packages/excalidraw/actions/actionCanvas.tsx @@ -83,7 +83,6 @@ export const actionChangeViewBackgroundColor = register({ elements={elements} appState={appState} updateData={updateData} - compactMode={appState.stylesPanelMode === "compact"} /> ); }, diff --git a/packages/excalidraw/actions/actionDeleteSelected.tsx b/packages/excalidraw/actions/actionDeleteSelected.tsx index 694f02b90c..cfc5e69e21 100644 --- a/packages/excalidraw/actions/actionDeleteSelected.tsx +++ b/packages/excalidraw/actions/actionDeleteSelected.tsx @@ -30,6 +30,8 @@ import { getSelectedElements, isSomeElementSelected } from "../scene"; import { TrashIcon } from "../components/icons"; import { ToolButton } from "../components/ToolButton"; +import { useStylesPanelMode } from ".."; + import { register } from "./register"; import type { AppClassProperties, AppState } from "../types"; @@ -320,22 +322,25 @@ export const actionDeleteSelected = register({ keyTest: (event, appState, elements) => (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) && !event[KEYS.CTRL_OR_CMD], - PanelComponent: ({ elements, appState, updateData }) => ( - updateData(null)} - disabled={ - !isSomeElementSelected(getNonDeletedElements(elements), appState) - } - style={{ - ...(appState.stylesPanelMode === "mobile" && - appState.openPopup !== "compactOtherProperties" - ? MOBILE_ACTION_BUTTON_BG - : {}), - }} - /> - ), + PanelComponent: ({ elements, appState, updateData, app }) => { + const isMobile = useStylesPanelMode() === "mobile"; + + return ( + updateData(null)} + disabled={ + !isSomeElementSelected(getNonDeletedElements(elements), appState) + } + style={{ + ...(isMobile && appState.openPopup !== "compactOtherProperties" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} + /> + ); + }, }); diff --git a/packages/excalidraw/actions/actionDuplicateSelection.tsx b/packages/excalidraw/actions/actionDuplicateSelection.tsx index 69508a0228..462803d205 100644 --- a/packages/excalidraw/actions/actionDuplicateSelection.tsx +++ b/packages/excalidraw/actions/actionDuplicateSelection.tsx @@ -27,6 +27,8 @@ import { t } from "../i18n"; import { isSomeElementSelected } from "../scene"; import { getShortcutKey } from "../shortcut"; +import { useStylesPanelMode } from ".."; + import { register } from "./register"; export const actionDuplicateSelection = register({ @@ -107,24 +109,27 @@ export const actionDuplicateSelection = register({ }; }, keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.D, - PanelComponent: ({ elements, appState, updateData }) => ( - updateData(null)} - disabled={ - !isSomeElementSelected(getNonDeletedElements(elements), appState) - } - style={{ - ...(appState.stylesPanelMode === "mobile" && - appState.openPopup !== "compactOtherProperties" - ? MOBILE_ACTION_BUTTON_BG - : {}), - }} - /> - ), + PanelComponent: ({ elements, appState, updateData, app }) => { + const isMobile = useStylesPanelMode() === "mobile"; + + return ( + updateData(null)} + disabled={ + !isSomeElementSelected(getNonDeletedElements(elements), appState) + } + style={{ + ...(isMobile && appState.openPopup !== "compactOtherProperties" + ? MOBILE_ACTION_BUTTON_BG + : {}), + }} + /> + ); + }, }); diff --git a/packages/excalidraw/actions/actionExport.tsx b/packages/excalidraw/actions/actionExport.tsx index 908e2463e9..cf7a58a98a 100644 --- a/packages/excalidraw/actions/actionExport.tsx +++ b/packages/excalidraw/actions/actionExport.tsx @@ -11,7 +11,7 @@ import { CaptureUpdateAction } from "@excalidraw/element"; import type { Theme } from "@excalidraw/element/types"; -import { useDevice } from "../components/App"; +import { useEditorInterface } from "../components/App"; import { CheckboxItem } from "../components/CheckboxItem"; import { DarkModeToggle } from "../components/DarkModeToggle"; import { ProjectName } from "../components/ProjectName"; @@ -242,7 +242,7 @@ export const actionSaveFileToDisk = register({ icon={saveAs} title={t("buttons.saveAs")} aria-label={t("buttons.saveAs")} - showAriaLabel={useDevice().editor.isMobile} + showAriaLabel={useEditorInterface().formFactor === "phone"} hidden={!nativeFileSystemSupported} onClick={() => updateData(null)} data-testid="save-as-button" diff --git a/packages/excalidraw/actions/actionHistory.tsx b/packages/excalidraw/actions/actionHistory.tsx index a1971f527c..0232bb33e3 100644 --- a/packages/excalidraw/actions/actionHistory.tsx +++ b/packages/excalidraw/actions/actionHistory.tsx @@ -18,6 +18,8 @@ import { HistoryChangedEvent } from "../history"; import { useEmitter } from "../hooks/useEmitter"; import { t } from "../i18n"; +import { useStylesPanelMode } from ".."; + import type { History } from "../history"; import type { AppClassProperties, AppState } from "../types"; import type { Action, ActionResult } from "./types"; @@ -73,7 +75,7 @@ export const createUndoAction: ActionCreator = (history) => ({ ), keyTest: (event) => event[KEYS.CTRL_OR_CMD] && matchKey(event, KEYS.Z) && !event.shiftKey, - PanelComponent: ({ appState, updateData, data }) => { + PanelComponent: ({ appState, updateData, data, app }) => { const { isUndoStackEmpty } = useEmitter( history.onHistoryChangedEmitter, new HistoryChangedEvent( @@ -81,6 +83,7 @@ export const createUndoAction: ActionCreator = (history) => ({ history.isRedoStackEmpty, ), ); + const isMobile = useStylesPanelMode() === "mobile"; return ( ({ disabled={isUndoStackEmpty} data-testid="button-undo" style={{ - ...(appState.stylesPanelMode === "mobile" - ? MOBILE_ACTION_BUTTON_BG - : {}), + ...(isMobile ? MOBILE_ACTION_BUTTON_BG : {}), }} /> ); @@ -114,7 +115,7 @@ export const createRedoAction: ActionCreator = (history) => ({ keyTest: (event) => (event[KEYS.CTRL_OR_CMD] && event.shiftKey && matchKey(event, KEYS.Z)) || (isWindows && event.ctrlKey && !event.shiftKey && matchKey(event, KEYS.Y)), - PanelComponent: ({ appState, updateData, data }) => { + PanelComponent: ({ appState, updateData, data, app }) => { const { isRedoStackEmpty } = useEmitter( history.onHistoryChangedEmitter, new HistoryChangedEvent( @@ -122,6 +123,7 @@ export const createRedoAction: ActionCreator = (history) => ({ history.isRedoStackEmpty, ), ); + const isMobile = useStylesPanelMode() === "mobile"; return ( ({ disabled={isRedoStackEmpty} data-testid="button-redo" style={{ - ...(appState.stylesPanelMode === "mobile" - ? MOBILE_ACTION_BUTTON_BG - : {}), + ...(isMobile ? MOBILE_ACTION_BUTTON_BG : {}), }} /> ); diff --git a/packages/excalidraw/actions/actionProperties.tsx b/packages/excalidraw/actions/actionProperties.tsx index 360220b1e2..c356456ac1 100644 --- a/packages/excalidraw/actions/actionProperties.tsx +++ b/packages/excalidraw/actions/actionProperties.tsx @@ -57,6 +57,8 @@ import { toggleLinePolygonState, } from "@excalidraw/element"; +import { deriveStylesPanelMode } from "@excalidraw/common"; + import type { LocalPoint } from "@excalidraw/math"; import type { @@ -80,9 +82,6 @@ import { RadioSelection } from "../components/RadioSelection"; import { ColorPicker } from "../components/ColorPicker/ColorPicker"; import { FontPicker } from "../components/FontPicker/FontPicker"; import { IconPicker } from "../components/IconPicker"; -// TODO barnabasmolnar/editor-redesign -// TextAlignTopIcon, TextAlignBottomIcon,TextAlignMiddleIcon, -// ArrowHead icons import { Range } from "../components/Range"; import { ArrowheadArrowIcon, @@ -149,6 +148,15 @@ import type { AppClassProperties, AppState, Primitive } from "../types"; const FONT_SIZE_RELATIVE_INCREASE_STEP = 0.1; +const getStylesPanelInfo = (app: AppClassProperties) => { + const stylesPanelMode = deriveStylesPanelMode(app.editorInterface); + return { + stylesPanelMode, + isCompact: stylesPanelMode !== "full", + isMobile: stylesPanelMode === "mobile", + } as const; +}; + export const changeProperty = ( elements: readonly ExcalidrawElement[], appState: AppState, @@ -327,35 +335,35 @@ export const actionChangeStrokeColor = register({ : CaptureUpdateAction.EVENTUALLY, }; }, - PanelComponent: ({ elements, appState, updateData, app, data }) => ( - <> - {appState.stylesPanelMode === "full" && ( - - )} - element.strokeColor, - true, - (hasSelection) => - !hasSelection ? appState.currentItemStrokeColor : null, + PanelComponent: ({ elements, appState, updateData, app, data }) => { + const { stylesPanelMode } = getStylesPanelInfo(app); + + return ( + <> + {stylesPanelMode === "full" && ( + )} - onChange={(color) => updateData({ currentItemStrokeColor: color })} - elements={elements} - appState={appState} - updateData={updateData} - compactMode={ - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile" - } - /> - - ), + element.strokeColor, + true, + (hasSelection) => + !hasSelection ? appState.currentItemStrokeColor : null, + )} + onChange={(color) => updateData({ currentItemStrokeColor: color })} + elements={elements} + appState={appState} + updateData={updateData} + /> + + ); + }, }); export const actionChangeBackgroundColor = register({ @@ -410,35 +418,37 @@ export const actionChangeBackgroundColor = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ elements, appState, updateData, app, data }) => ( - <> - {appState.stylesPanelMode === "full" && ( - - )} - element.backgroundColor, - true, - (hasSelection) => - !hasSelection ? appState.currentItemBackgroundColor : null, + PanelComponent: ({ elements, appState, updateData, app, data }) => { + const { stylesPanelMode } = getStylesPanelInfo(app); + + return ( + <> + {stylesPanelMode === "full" && ( + )} - onChange={(color) => updateData({ currentItemBackgroundColor: color })} - elements={elements} - appState={appState} - updateData={updateData} - compactMode={ - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile" - } - /> - - ), + element.backgroundColor, + true, + (hasSelection) => + !hasSelection ? appState.currentItemBackgroundColor : null, + )} + onChange={(color) => + updateData({ currentItemBackgroundColor: color }) + } + elements={elements} + appState={appState} + updateData={updateData} + /> + + ); + }, }); export const actionChangeFillStyle = register({ @@ -449,7 +459,9 @@ export const actionChangeFillStyle = register({ trackEvent( "element", "changeFillStyle", - `${value} (${app.device.editor.isMobile ? "mobile" : "desktop"})`, + `${value} (${ + app.editorInterface.formFactor === "phone" ? "mobile" : "desktop" + })`, ); return { elements: changeProperty(elements, appState, (el) => @@ -715,78 +727,81 @@ export const actionChangeFontSize = register({ perform: (elements, appState, value, app) => { return changeFontSize(elements, appState, app, () => value, value); }, - PanelComponent: ({ elements, appState, updateData, app, data }) => ( -
- {t("labels.fontSize")} -
- { - if (isTextElement(element)) { - return element.fontSize; - } - const boundTextElement = getBoundTextElement( - element, - app.scene.getNonDeletedElementsMap(), + PanelComponent: ({ elements, appState, updateData, app, data }) => { + const { isCompact } = getStylesPanelInfo(app); + + return ( +
+ {t("labels.fontSize")} +
+ { + if (isTextElement(element)) { + return element.fontSize; + } + const boundTextElement = getBoundTextElement( + element, + app.scene.getNonDeletedElementsMap(), + ); + if (boundTextElement) { + return boundTextElement.fontSize; + } + return null; + }, + (element) => + isTextElement(element) || + getBoundTextElement( + element, + app.scene.getNonDeletedElementsMap(), + ) !== null, + (hasSelection) => + hasSelection + ? null + : appState.currentItemFontSize || DEFAULT_FONT_SIZE, + )} + onChange={(value) => { + withCaretPositionPreservation( + () => updateData(value), + isCompact, + !!appState.editingTextElement, + data?.onPreventClose, ); - if (boundTextElement) { - return boundTextElement.fontSize; - } - return null; - }, - (element) => - isTextElement(element) || - getBoundTextElement( - element, - app.scene.getNonDeletedElementsMap(), - ) !== null, - (hasSelection) => - hasSelection - ? null - : appState.currentItemFontSize || DEFAULT_FONT_SIZE, - )} - onChange={(value) => { - withCaretPositionPreservation( - () => updateData(value), - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile", - !!appState.editingTextElement, - data?.onPreventClose, - ); - }} - /> -
-
- ), + }} + /> +
+
+ ); + }, }); export const actionDecreaseFontSize = register({ @@ -1048,6 +1063,7 @@ export const actionChangeFontFamily = register({ // relying on state batching as multiple `FontPicker` handlers could be called in rapid succession and we want to combine them const [batchedData, setBatchedData] = useState({}); const isUnmounted = useRef(true); + const { stylesPanelMode, isCompact } = getStylesPanelInfo(app); const selectedFontFamily = useMemo(() => { const getFontFamily = ( @@ -1120,14 +1136,14 @@ export const actionChangeFontFamily = register({ return ( <> - {appState.stylesPanelMode === "full" && ( + {stylesPanelMode === "full" && ( {t("labels.fontFamily")} )} { withCaretPositionPreservation( () => { @@ -1139,8 +1155,7 @@ export const actionChangeFontFamily = register({ // defensive clear so immediate close won't abuse the cached elements cachedElementsRef.current.clear(); }, - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile", + isCompact, !!appState.editingTextElement, ); }} @@ -1215,11 +1230,7 @@ export const actionChangeFontFamily = register({ cachedElementsRef.current.clear(); // Refocus text editor when font picker closes if we were editing text - if ( - (appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile") && - appState.editingTextElement - ) { + if (isCompact && appState.editingTextElement) { restoreCaretPosition(null); // Just refocus without saved position } } @@ -1266,6 +1277,7 @@ export const actionChangeTextAlign = register({ }, PanelComponent: ({ elements, appState, updateData, app, data }) => { const elementsMap = app.scene.getNonDeletedElementsMap(); + const { isCompact } = getStylesPanelInfo(app); return (
@@ -1318,8 +1330,7 @@ export const actionChangeTextAlign = register({ onChange={(value) => { withCaretPositionPreservation( () => updateData(value), - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile", + isCompact, !!appState.editingTextElement, data?.onPreventClose, ); @@ -1366,6 +1377,7 @@ export const actionChangeVerticalAlign = register({ }; }, PanelComponent: ({ elements, appState, updateData, app, data }) => { + const { isCompact } = getStylesPanelInfo(app); return (
@@ -1418,8 +1430,7 @@ export const actionChangeVerticalAlign = register({ onChange={(value) => { withCaretPositionPreservation( () => updateData(value), - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile", + isCompact, !!appState.editingTextElement, data?.onPreventClose, ); diff --git a/packages/excalidraw/actions/manager.tsx b/packages/excalidraw/actions/manager.tsx index f3314bf35e..adac253e22 100644 --- a/packages/excalidraw/actions/manager.tsx +++ b/packages/excalidraw/actions/manager.tsx @@ -37,7 +37,9 @@ const trackAction = ( trackEvent( action.trackEvent.category, action.trackEvent.action || action.name, - `${source} (${app.device.editor.isMobile ? "mobile" : "desktop"})`, + `${source} (${ + app.editorInterface.formFactor === "phone" ? "mobile" : "desktop" + })`, ); } } diff --git a/packages/excalidraw/appState.ts b/packages/excalidraw/appState.ts index 96876e5854..7ec58fec12 100644 --- a/packages/excalidraw/appState.ts +++ b/packages/excalidraw/appState.ts @@ -127,7 +127,6 @@ export const getDefaultAppState = (): Omit< searchMatches: null, lockedMultiSelections: {}, activeLockedId: null, - stylesPanelMode: "full", }; }; @@ -253,7 +252,6 @@ const APP_STATE_STORAGE_CONF = (< searchMatches: { browser: false, export: false, server: false }, lockedMultiSelections: { browser: true, export: true, server: true }, activeLockedId: { browser: false, export: false, server: false }, - stylesPanelMode: { browser: false, export: false, server: false }, }); const _clearAppStateForStorage = < diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index 48ec4dc9a2..c5b8d6ae5f 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -53,7 +53,11 @@ import { getToolbarTools } from "./shapes"; import "./Actions.scss"; -import { useDevice, useExcalidrawContainer } from "./App"; +import { + useEditorInterface, + useStylesPanelMode, + useExcalidrawContainer, +} from "./App"; import Stack from "./Stack"; import { ToolButton } from "./ToolButton"; import { ToolPopover } from "./ToolPopover"; @@ -151,7 +155,7 @@ export const SelectedShapeActions = ({ const isEditingTextOrNewElement = Boolean( appState.editingTextElement || appState.newElement, ); - const device = useDevice(); + const editorInterface = useEditorInterface(); const isRTL = document.documentElement.getAttribute("dir") === "rtl"; const showFillIcons = @@ -292,8 +296,10 @@ export const SelectedShapeActions = ({
{t("labels.actions")}
- {!device.editor.isMobile && renderAction("duplicateSelection")} - {!device.editor.isMobile && renderAction("deleteSelectedElements")} + {editorInterface.formFactor !== "phone" && + renderAction("duplicateSelection")} + {editorInterface.formFactor !== "phone" && + renderAction("deleteSelectedElements")} {renderAction("group")} {renderAction("ungroup")} {showLinkIcon && renderAction("hyperlink")} @@ -1041,6 +1047,9 @@ export const ShapesSwitcher = ({ UIOptions: AppProps["UIOptions"]; }) => { const [isExtraToolsMenuOpen, setIsExtraToolsMenuOpen] = useState(false); + const stylesPanelMode = useStylesPanelMode(); + const isFullStylesPanel = stylesPanelMode === "full"; + const isCompactStylesPanel = stylesPanelMode === "compact"; const SELECTION_TOOLS = [ { @@ -1058,7 +1067,7 @@ export const ShapesSwitcher = ({ const frameToolSelected = activeTool.type === "frame"; const laserToolSelected = activeTool.type === "laser"; const lassoToolSelected = - app.state.stylesPanelMode === "full" && + isFullStylesPanel && activeTool.type === "lasso" && app.state.preferredSelectionTool.type !== "lasso"; @@ -1091,7 +1100,7 @@ export const ShapesSwitcher = ({ // use a ToolPopover for selection/lasso toggle as well if ( (value === "selection" || value === "lasso") && - app.state.stylesPanelMode === "compact" + isCompactStylesPanel ) { return ( {t("toolBar.laser")} - {app.state.stylesPanelMode === "full" && ( + {isFullStylesPanel && ( app.setActiveTool({ type: "lasso" })} icon={LassoIcon} diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 470c72081e..db90022d2b 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -37,7 +37,6 @@ import { FRAME_STYLE, IMAGE_MIME_TYPES, IMAGE_RENDER_TIMEOUT, - isBrave, LINE_CONFIRM_THRESHOLD, MAX_ALLOWED_FILE_BYTES, MIME_TYPES, @@ -55,13 +54,11 @@ import { ZOOM_STEP, POINTER_EVENTS, TOOL_TYPE, - isIOS, supportsResizeObserver, DEFAULT_COLLISION_THRESHOLD, DEFAULT_TEXT_ALIGN, ARROW_TYPE, DEFAULT_REDUCED_GLOBAL_ALPHA, - isSafari, isLocalLink, normalizeLink, toValidURL, @@ -98,12 +95,16 @@ import { Emitter, MINIMUM_ARROW_SIZE, DOUBLE_TAP_POSITION_THRESHOLD, - isMobileOrTablet, - MQ_MAX_MOBILE, - MQ_MIN_TABLET, - MQ_MAX_TABLET, - MQ_MAX_HEIGHT_LANDSCAPE, - MQ_MAX_WIDTH_LANDSCAPE, + createUserAgentDescriptor, + getFormFactor, + deriveStylesPanelMode, + isIOS, + isBrave, + isSafari, + type EditorInterface, + type StylesPanelMode, + loadDesktopUIModePreference, + setDesktopUIMode, } from "@excalidraw/common"; import { @@ -460,7 +461,6 @@ import type { LibraryItems, PointerDownState, SceneData, - Device, FrameNameBoundsCache, SidebarName, SidebarTabName, @@ -481,19 +481,20 @@ import type { Action, ActionResult } from "../actions/types"; const AppContext = React.createContext(null!); const AppPropsContext = React.createContext(null!); -const deviceContextInitialValue = { - viewport: { - isMobile: false, - isLandscape: false, - }, - editor: { - isMobile: false, - canFitSidebar: false, - }, +const editorInterfaceContextInitialValue: EditorInterface = { + formFactor: "desktop", + desktopUIMode: "full", + userAgent: createUserAgentDescriptor( + typeof navigator !== "undefined" ? navigator.userAgent : "", + ), isTouchScreen: false, + canFitSidebar: false, + isLandscape: true, }; -const DeviceContext = React.createContext(deviceContextInitialValue); -DeviceContext.displayName = "DeviceContext"; +const EditorInterfaceContext = React.createContext( + editorInterfaceContextInitialValue, +); +EditorInterfaceContext.displayName = "EditorInterfaceContext"; export const ExcalidrawContainerContext = React.createContext<{ container: HTMLDivElement | null; @@ -529,7 +530,10 @@ ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext"; export const useApp = () => useContext(AppContext); export const useAppProps = () => useContext(AppPropsContext); -export const useDevice = () => useContext(DeviceContext); +export const useEditorInterface = () => + useContext(EditorInterfaceContext); +export const useStylesPanelMode = () => + deriveStylesPanelMode(useEditorInterface()); export const useExcalidrawContainer = () => useContext(ExcalidrawContainerContext); export const useExcalidrawElements = () => @@ -577,7 +581,10 @@ class App extends React.Component { rc: RoughCanvas; unmounted: boolean = false; actionManager: ActionManager; - device: Device = deviceContextInitialValue; + editorInterface: EditorInterface = editorInterfaceContextInitialValue; + private stylesPanelMode: StylesPanelMode = deriveStylesPanelMode( + editorInterfaceContextInitialValue, + ); private excalidrawContainerRef = React.createRef(); @@ -693,6 +700,9 @@ class App extends React.Component { height: window.innerHeight, }; + this.refreshEditorInterface(); + this.stylesPanelMode = deriveStylesPanelMode(this.editorInterface); + this.id = nanoid(); this.library = new Library(this); this.actionManager = new ActionManager( @@ -739,6 +749,7 @@ class App extends React.Component { setActiveTool: this.setActiveTool, setCursor: this.setCursor, resetCursor: this.resetCursor, + getEditorInterface: () => this.editorInterface, updateFrameRendering: this.updateFrameRendering, toggleSidebar: this.toggleSidebar, onChange: (cb) => this.onChangeEmitter.on(cb), @@ -1567,7 +1578,7 @@ class App extends React.Component { "excalidraw--view-mode": this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector", - "excalidraw--mobile": this.device.editor.isMobile, + "excalidraw--mobile": this.editorInterface.formFactor === "phone", })} style={{ ["--ui-pointerEvents" as any]: shouldBlockPointerEvents @@ -1589,7 +1600,7 @@ class App extends React.Component { - + { renderScrollbars={ this.props.renderScrollbars === true } - device={this.device} + editorInterface={this.editorInterface} renderInteractiveSceneCallback={ this.renderInteractiveSceneCallback } @@ -1853,7 +1864,7 @@ class App extends React.Component { - + @@ -2370,7 +2381,8 @@ class App extends React.Component { if (!scene.appState.preferredSelectionTool.initialized) { scene.appState.preferredSelectionTool = { - type: this.device.editor.isMobile ? "lasso" : "selection", + type: + this.editorInterface.formFactor === "phone" ? "lasso" : "selection", initialized: true, }; } @@ -2430,44 +2442,14 @@ class App extends React.Component { } }; - private isMobileBreakpoint = (width: number, height: number) => { + private getFormFactor = (editorWidth: number, editorHeight: number) => { return ( - width <= MQ_MAX_MOBILE || - (height < MQ_MAX_HEIGHT_LANDSCAPE && width < MQ_MAX_WIDTH_LANDSCAPE) + this.props.UIOptions.formFactor ?? + getFormFactor(editorWidth, editorHeight) ); }; - private isTabletBreakpoint = (editorWidth: number, editorHeight: number) => { - const minSide = Math.min(editorWidth, editorHeight); - const maxSide = Math.max(editorWidth, editorHeight); - - return minSide >= MQ_MIN_TABLET && maxSide <= MQ_MAX_TABLET; - }; - - private refreshViewportBreakpoints = () => { - const container = this.excalidrawContainerRef.current; - if (!container) { - return; - } - - const { width: editorWidth, height: editorHeight } = - container.getBoundingClientRect(); - - const prevViewportState = this.device.viewport; - - const nextViewportState = updateObject(prevViewportState, { - isLandscape: editorWidth > editorHeight, - isMobile: this.isMobileBreakpoint(editorWidth, editorHeight), - }); - - if (prevViewportState !== nextViewportState) { - this.device = { ...this.device, viewport: nextViewportState }; - return true; - } - return false; - }; - - private refreshEditorBreakpoints = () => { + public refreshEditorInterface = () => { const container = this.excalidrawContainerRef.current; if (!container) { return; @@ -2476,47 +2458,56 @@ class App extends React.Component { const { width: editorWidth, height: editorHeight } = container.getBoundingClientRect(); + const storedDesktopUIMode = loadDesktopUIModePreference(); + const userAgentDescriptor = createUserAgentDescriptor( + typeof navigator !== "undefined" ? navigator.userAgent : "", + ); + // allow host app to control formFactor and desktopUIMode via props const sidebarBreakpoint = this.props.UIOptions.dockedSidebarBreakpoint != null ? this.props.UIOptions.dockedSidebarBreakpoint : MQ_RIGHT_SIDEBAR_MIN_WIDTH; - - const prevEditorState = this.device.editor; - - const nextEditorState = updateObject(prevEditorState, { - isMobile: this.isMobileBreakpoint(editorWidth, editorHeight), + const nextEditorInterface = updateObject(this.editorInterface, { + desktopUIMode: + this.props.UIOptions.desktopUIMode ?? + storedDesktopUIMode ?? + this.editorInterface.desktopUIMode, + formFactor: this.getFormFactor(editorWidth, editorHeight), + userAgent: userAgentDescriptor, canFitSidebar: editorWidth > sidebarBreakpoint, + isLandscape: editorWidth > editorHeight, }); - const stylesPanelMode = - // NOTE: we could also remove the isMobileOrTablet check here and - // always switch to compact mode when the editor is narrow (e.g. < MQ_MIN_WIDTH_DESKTOP) - // but not too narrow (> MQ_MAX_WIDTH_MOBILE) - this.isTabletBreakpoint(editorWidth, editorHeight) && isMobileOrTablet() - ? "compact" - : this.isMobileBreakpoint(editorWidth, editorHeight) - ? "mobile" - : "full"; + this.editorInterface = nextEditorInterface; + this.reconcileStylesPanelMode(nextEditorInterface); + }; - // also check if we need to update the app state - this.setState((prevState) => ({ - stylesPanelMode, - // reset to box selection mode if the UI changes to full - // where you'd not be able to change the mode yourself currently - preferredSelectionTool: - stylesPanelMode === "full" - ? { - type: "selection", - initialized: true, - } - : prevState.preferredSelectionTool, - })); - - if (prevEditorState !== nextEditorState) { - this.device = { ...this.device, editor: nextEditorState }; - return true; + private reconcileStylesPanelMode = (nextEditorInterface: EditorInterface) => { + const nextStylesPanelMode = deriveStylesPanelMode(nextEditorInterface); + if (nextStylesPanelMode === this.stylesPanelMode) { + return; } - return false; + + const prevStylesPanelMode = this.stylesPanelMode; + this.stylesPanelMode = nextStylesPanelMode; + + if (prevStylesPanelMode !== "full" && nextStylesPanelMode === "full") { + this.setState((prevState) => ({ + preferredSelectionTool: { + type: "selection", + initialized: true, + }, + })); + } + }; + + /** TO BE USED LATER */ + private setDesktopUIMode = (mode: EditorInterface["desktopUIMode"]) => { + const nextMode = setDesktopUIMode(mode); + this.editorInterface = updateObject(this.editorInterface, { + desktopUIMode: nextMode, + }); + this.reconcileStylesPanelMode(this.editorInterface); }; private clearImageShapeCache(filesMap?: BinaryFiles) { @@ -2588,19 +2579,9 @@ class App extends React.Component { this.focusContainer(); } - if ( - // bounding rects don't work in tests so updating - // the state on init would result in making the test enviro run - // in mobile breakpoint (0 width/height), making everything fail - !isTestEnv() - ) { - this.refreshViewportBreakpoints(); - this.refreshEditorBreakpoints(); - } - if (supportsResizeObserver && this.excalidrawContainerRef.current) { this.resizeObserver = new ResizeObserver(() => { - this.refreshEditorBreakpoints(); + this.refreshEditorInterface(); this.updateDOMRect(); }); this.resizeObserver?.observe(this.excalidrawContainerRef.current); @@ -2654,11 +2635,8 @@ class App extends React.Component { this.scene .getElementsIncludingDeleted() .forEach((element) => ShapeCache.delete(element)); - this.refreshViewportBreakpoints(); + this.refreshEditorInterface(); this.updateDOMRect(); - if (!supportsResizeObserver) { - this.refreshEditorBreakpoints(); - } this.setState({}); }); @@ -2817,13 +2795,6 @@ class App extends React.Component { this.setState({ showWelcomeScreen: true }); } - if ( - prevProps.UIOptions.dockedSidebarBreakpoint !== - this.props.UIOptions.dockedSidebarBreakpoint - ) { - this.refreshEditorBreakpoints(); - } - const hasFollowedPersonLeft = prevState.userToFollow && !this.state.collaborators.has(prevState.userToFollow.socketId); @@ -3178,7 +3149,8 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files: data.files || null, - position: isMobileOrTablet() ? "center" : "cursor", + position: + this.editorInterface.formFactor === "desktop" ? "cursor" : "center", retainSeed: isPlainPaste, }); return; @@ -3203,7 +3175,8 @@ class App extends React.Component { this.addElementsFromPasteOrLibrary({ elements, files, - position: isMobileOrTablet() ? "center" : "cursor", + position: + this.editorInterface.formFactor === "desktop" ? "cursor" : "center", }); return; @@ -3429,7 +3402,7 @@ class App extends React.Component { // from library, not when pasting from clipboard. Alas. openSidebar: this.state.openSidebar && - this.device.editor.canFitSidebar && + this.editorInterface.canFitSidebar && editorJotaiStore.get(isSidebarDockedAtom) ? this.state.openSidebar : null, @@ -3627,7 +3600,7 @@ class App extends React.Component { !isPlainPaste && textElements.length > 1 && PLAIN_PASTE_TOAST_SHOWN === false && - !this.device.editor.isMobile + this.editorInterface.formFactor !== "phone" ) { this.setToast({ message: t("toast.pasteAsSingleElement", { @@ -3659,7 +3632,9 @@ class App extends React.Component { trackEvent( "toolbar", "toggleLock", - `${source} (${this.device.editor.isMobile ? "mobile" : "desktop"})`, + `${source} (${ + this.editorInterface.formFactor === "phone" ? "mobile" : "desktop" + })`, ); } this.setState((prevState) => { @@ -4011,12 +3986,7 @@ class App extends React.Component { } if (appState) { - this.setState({ - ...appState, - // keep existing stylesPanelMode as it needs to be preserved - // or set at startup - stylesPanelMode: this.state.stylesPanelMode, - } as Pick | null); + this.setState(appState as Pick | null); } if (elements) { @@ -4594,7 +4564,9 @@ class App extends React.Component { "toolbar", shape, `keyboard (${ - this.device.editor.isMobile ? "mobile" : "desktop" + this.editorInterface.formFactor === "phone" + ? "mobile" + : "desktop" })`, ); } @@ -5100,7 +5072,7 @@ class App extends React.Component { // caret (i.e. deselect). There's not much use for always selecting // the text on edit anyway (and users can select-all from contextmenu // if needed) - autoSelect: !this.device.isTouchScreen, + autoSelect: !this.editorInterface.isTouchScreen, }); // deselect all other elements when inserting text this.deselectElements(); @@ -5263,7 +5235,7 @@ class App extends React.Component { if ( considerBoundingBox && this.state.selectedElementIds[element.id] && - hasBoundingBox([element], this.state) + hasBoundingBox([element], this.state, this.editorInterface) ) { // if hitting the bounding box, return early // but if not, we should check for other cases as well (e.g. frame name) @@ -5733,7 +5705,7 @@ class App extends React.Component { this.scene.getNonDeletedElementsMap(), this.state, pointFrom(scenePointer.x, scenePointer.y), - this.device.editor.isMobile, + this.editorInterface.formFactor === "phone", ) ) { return element; @@ -5768,7 +5740,7 @@ class App extends React.Component { elementsMap, this.state, pointFrom(lastPointerDownCoords.x, lastPointerDownCoords.y), - this.device.editor.isMobile, + this.editorInterface.formFactor === "phone", ); const lastPointerUpCoords = viewportCoordsToSceneCoords( this.lastPointerUpEvent!, @@ -5779,7 +5751,7 @@ class App extends React.Component { elementsMap, this.state, pointFrom(lastPointerUpCoords.x, lastPointerUpCoords.y), - this.device.editor.isMobile, + this.editorInterface.formFactor === "phone", ); if (lastPointerDownHittingLinkIcon && lastPointerUpHittingLinkIcon) { hideHyperlinkToolip(); @@ -6171,7 +6143,8 @@ class App extends React.Component { // better way of showing them is found !( isLinearElement(selectedElements[0]) && - (isMobileOrTablet() || selectedElements[0].points.length === 2) + (this.editorInterface.userAgent.isMobileDevice || + selectedElements[0].points.length === 2) ) ) { const elementWithTransformHandleType = @@ -6183,7 +6156,7 @@ class App extends React.Component { this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), - this.device, + this.editorInterface, ); if ( elementWithTransformHandleType && @@ -6207,7 +6180,7 @@ class App extends React.Component { scenePointerY, this.state.zoom, event.pointerType, - this.device, + this.editorInterface, ); if (transformHandleType) { setCursor( @@ -6593,10 +6566,12 @@ class App extends React.Component { } if ( - !this.device.isTouchScreen && + !this.editorInterface.isTouchScreen && ["pen", "touch"].includes(event.pointerType) ) { - this.device = updateObject(this.device, { isTouchScreen: true }); + this.editorInterface = updateObject(this.editorInterface, { + isTouchScreen: true, + }); } if (isPanning) { @@ -6730,12 +6705,13 @@ class App extends React.Component { // block dragging after lasso selection on PCs until the next pointer down // (on mobile or tablet, we want to allow user to drag immediately) - pointerDownState.drag.blockDragging = !isMobileOrTablet(); + pointerDownState.drag.blockDragging = + this.editorInterface.formFactor === "desktop"; } // only for mobile or tablet, if we hit an element, select it immediately like normal selection if ( - isMobileOrTablet() && + this.editorInterface.formFactor !== "desktop" && pointerDownState.hit.element && !hitSelectedElement ) { @@ -6919,7 +6895,7 @@ class App extends React.Component { const clicklength = event.timeStamp - (this.lastPointerDownEvent?.timeStamp ?? 0); - if (this.device.editor.isMobile && clicklength < 300) { + if (this.editorInterface.formFactor === "phone" && clicklength < 300) { const hitElement = this.getElementAtPosition( scenePointer.x, scenePointer.y, @@ -6938,7 +6914,7 @@ class App extends React.Component { } } - if (this.device.isTouchScreen) { + if (this.editorInterface.isTouchScreen) { const hitElement = this.getElementAtPosition( scenePointer.x, scenePointer.y, @@ -6968,7 +6944,7 @@ class App extends React.Component { ) { this.handleEmbeddableCenterClick(this.hitLinkElement); } else { - this.redirectToLink(event, this.device.isTouchScreen); + this.redirectToLink(event, this.editorInterface.isTouchScreen); } } else if (this.state.viewModeEnabled) { this.setState({ @@ -7293,7 +7269,8 @@ class App extends React.Component { !isElbowArrow(selectedElements[0]) && !( isLinearElement(selectedElements[0]) && - (isMobileOrTablet() || selectedElements[0].points.length === 2) + (this.editorInterface.userAgent.isMobileDevice || + selectedElements[0].points.length === 2) ) && !( this.state.selectedLinearElement && @@ -7309,7 +7286,7 @@ class App extends React.Component { this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), - this.device, + this.editorInterface, ); if (elementWithTransformHandleType != null) { if ( @@ -7338,7 +7315,7 @@ class App extends React.Component { pointerDownState.origin.y, this.state.zoom, event.pointerType, - this.device, + this.editorInterface, ); } if (pointerDownState.resize.handleType) { @@ -8540,7 +8517,10 @@ class App extends React.Component { if ( this.state.activeTool.type === "lasso" && this.lassoTrail.hasCurrentTrail && - !(isMobileOrTablet() && pointerDownState.hit.element) && + !( + this.editorInterface.formFactor !== "desktop" && + pointerDownState.hit.element + ) && !this.state.activeTool.fromSelection ) { return; @@ -9388,7 +9368,7 @@ class App extends React.Component { newElement && !multiElement ) { - if (this.device.isTouchScreen) { + if (this.editorInterface.isTouchScreen) { const FIXED_DELTA_X = Math.min( (this.state.width * 0.7) / this.state.zoom.value, 100, @@ -11206,7 +11186,7 @@ class App extends React.Component { } const zIndexActions: ContextMenuItems = - this.state.stylesPanelMode === "full" + this.editorInterface.formFactor === "desktop" ? [ CONTEXT_MENU_SEPARATOR, actionSendBackward, diff --git a/packages/excalidraw/components/ColorPicker/ColorInput.tsx b/packages/excalidraw/components/ColorPicker/ColorInput.tsx index 557f9c1c00..7de0af41e4 100644 --- a/packages/excalidraw/components/ColorPicker/ColorInput.tsx +++ b/packages/excalidraw/components/ColorPicker/ColorInput.tsx @@ -6,7 +6,7 @@ import { KEYS } from "@excalidraw/common"; import { getShortcutKey } from "../..//shortcut"; import { useAtom } from "../../editor-jotai"; import { t } from "../../i18n"; -import { useDevice } from "../App"; +import { useEditorInterface } from "../App"; import { activeEyeDropperAtom } from "../EyeDropper"; import { eyeDropperIcon } from "../icons"; @@ -30,7 +30,7 @@ export const ColorInput = ({ colorPickerType, placeholder, }: ColorInputProps) => { - const device = useDevice(); + const editorInterface = useEditorInterface(); const [innerValue, setInnerValue] = useState(color); const [activeSection, setActiveColorPickerSection] = useAtom( activeColorPickerSectionAtom, @@ -99,7 +99,7 @@ export const ColorInput = ({ placeholder={placeholder} /> {/* TODO reenable on mobile with a better UX */} - {!device.editor.isMobile && ( + {editorInterface.formFactor !== "phone" && ( <>
void; - compactMode?: boolean; } const ColorPickerPopupContent = ({ @@ -100,6 +99,9 @@ const ColorPickerPopupContent = ({ getOpenPopup: () => AppState["openPopup"]; }) => { const { container } = useExcalidrawContainer(); + const stylesPanelMode = useStylesPanelMode(); + const isCompactMode = stylesPanelMode !== "full"; + const isMobileMode = stylesPanelMode === "mobile"; const [, setActiveColorPickerSection] = useAtom(activeColorPickerSectionAtom); const [eyeDropperState, setEyeDropperState] = useAtom(activeEyeDropperAtom); @@ -216,11 +218,8 @@ const ColorPickerPopupContent = ({ type={type} elements={elements} updateData={updateData} - showTitle={ - appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile" - } - showHotKey={appState.stylesPanelMode !== "mobile"} + showTitle={isCompactMode} + showHotKey={!isMobileMode} > {colorInputJSX} @@ -235,7 +234,6 @@ const ColorPickerTrigger = ({ label, color, type, - stylesPanelMode, mode = "background", onToggle, editingTextElement, @@ -243,11 +241,13 @@ const ColorPickerTrigger = ({ color: string | null; label: string; type: ColorPickerType; - stylesPanelMode?: AppState["stylesPanelMode"]; mode?: "background" | "stroke"; onToggle: () => void; editingTextElement?: boolean; }) => { + const stylesPanelMode = useStylesPanelMode(); + const isCompactMode = stylesPanelMode !== "full"; + const isMobileMode = stylesPanelMode === "mobile"; const handleClick = (e: React.MouseEvent) => { // use pointerdown so we run before outside-close logic e.preventDefault(); @@ -268,9 +268,8 @@ const ColorPickerTrigger = ({ "is-transparent": !color || color === "transparent", "has-outline": !color || !isColorDark(color, COLOR_OUTLINE_CONTRAST_THRESHOLD), - "compact-sizing": - stylesPanelMode === "compact" || stylesPanelMode === "mobile", - "mobile-border": stylesPanelMode === "mobile", + "compact-sizing": isCompactMode, + "mobile-border": isMobileMode, })} aria-label={label} style={color ? { "--swatch-color": color } : undefined} @@ -283,22 +282,20 @@ const ColorPickerTrigger = ({ onClick={handleClick} >
{!color && slashIcon}
- {(stylesPanelMode === "compact" || stylesPanelMode === "mobile") && - color && - mode === "stroke" && ( -
- - {strokeIcon} - -
- )} + {isCompactMode && color && mode === "stroke" && ( +
+ + {strokeIcon} + +
+ )} ); }; @@ -318,10 +315,8 @@ export const ColorPicker = ({ useEffect(() => { openRef.current = appState.openPopup; }, [appState.openPopup]); - const compactMode = - type !== "canvasBackground" && - (appState.stylesPanelMode === "compact" || - appState.stylesPanelMode === "mobile"); + const stylesPanelMode = useStylesPanelMode(); + const isCompactMode = stylesPanelMode !== "full"; return (
@@ -329,10 +324,10 @@ export const ColorPicker = ({ role="dialog" aria-modal="true" className={clsx("color-picker-container", { - "color-picker-container--no-top-picks": compactMode, + "color-picker-container--no-top-picks": isCompactMode, })} > - {!compactMode && ( + {!isCompactMode && ( )} - {!compactMode && } + {!isCompactMode && } { @@ -354,7 +349,6 @@ export const ColorPicker = ({ color={color} label={label} type={type} - stylesPanelMode={appState.stylesPanelMode} mode={type === "elementStroke" ? "stroke" : "background"} editingTextElement={!!appState.editingTextElement} onToggle={() => { diff --git a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx index 2ef757d5c5..3e922328b8 100644 --- a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx +++ b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx @@ -903,7 +903,7 @@ function CommandPaletteInner({ ref={inputRef} /> - {!app.device.viewport.isMobile && ( + {app.editorInterface.formFactor !== "phone" && (
{t("commandPalette.shortcuts.select")} @@ -937,7 +937,7 @@ function CommandPaletteInner({ onClick={(event) => executeCommand(lastUsed, event)} disabled={!isCommandAvailable(lastUsed)} onMouseMove={() => setCurrentCommand(lastUsed)} - showShortcut={!app.device.viewport.isMobile} + showShortcut={app.editorInterface.formFactor !== "phone"} appState={uiAppState} />
@@ -955,7 +955,7 @@ function CommandPaletteInner({ isSelected={command.label === currentCommand?.label} onClick={(event) => executeCommand(command, event)} onMouseMove={() => setCurrentCommand(command)} - showShortcut={!app.device.viewport.isMobile} + showShortcut={app.editorInterface.formFactor !== "phone"} appState={uiAppState} size={category === "Library" ? "large" : "small"} /> diff --git a/packages/excalidraw/components/Dialog.tsx b/packages/excalidraw/components/Dialog.tsx index 00ae2be0cb..55109d07f3 100644 --- a/packages/excalidraw/components/Dialog.tsx +++ b/packages/excalidraw/components/Dialog.tsx @@ -9,7 +9,7 @@ import { t } from "../i18n"; import { useExcalidrawContainer, - useDevice, + useEditorInterface, useExcalidrawSetAppState, } from "./App"; import { Island } from "./Island"; @@ -51,7 +51,7 @@ export const Dialog = (props: DialogProps) => { const [islandNode, setIslandNode] = useCallbackRefState(); const [lastActiveElement] = useState(document.activeElement); const { id } = useExcalidrawContainer(); - const isFullscreen = useDevice().viewport.isMobile; + const isFullscreen = useEditorInterface().formFactor === "phone"; useEffect(() => { if (!islandNode) { diff --git a/packages/excalidraw/components/FontPicker/FontPickerList.tsx b/packages/excalidraw/components/FontPicker/FontPickerList.tsx index ff59f05ece..a6202f0227 100644 --- a/packages/excalidraw/components/FontPicker/FontPickerList.tsx +++ b/packages/excalidraw/components/FontPicker/FontPickerList.tsx @@ -20,7 +20,12 @@ import type { ValueOf } from "@excalidraw/common/utility-types"; import { Fonts } from "../../fonts"; import { t } from "../../i18n"; -import { useApp, useAppProps, useExcalidrawContainer } from "../App"; +import { + useApp, + useAppProps, + useExcalidrawContainer, + useStylesPanelMode, +} from "../App"; import { PropertiesPopover } from "../PropertiesPopover"; import { QuickSearch } from "../QuickSearch"; import { ScrollableList } from "../ScrollableList"; @@ -93,6 +98,7 @@ export const FontPickerList = React.memo( const app = useApp(); const { fonts } = app; const { showDeprecatedFonts } = useAppProps(); + const stylesPanelMode = useStylesPanelMode(); const [searchTerm, setSearchTerm] = useState(""); const inputRef = useRef(null); @@ -338,7 +344,7 @@ export const FontPickerList = React.memo( onKeyDown={onKeyDown} preventAutoFocusOnTouch={!!app.state.editingTextElement} > - {app.state.stylesPanelMode === "full" && ( + {stylesPanelMode === "full" && ( const getHints = ({ appState, isMobile, - device, + editorInterface, app, }: HintViewerProps): null | string | string[] => { const { activeTool, isResizing, isRotating, lastPointerDownWith } = appState; @@ -51,7 +53,7 @@ const getHints = ({ }); } - if (appState.openSidebar && !device.editor.canFitSidebar) { + if (appState.openSidebar && !editorInterface.canFitSidebar) { return null; } @@ -225,13 +227,13 @@ const getHints = ({ export const HintViewer = ({ appState, isMobile, - device, + editorInterface, app, }: HintViewerProps) => { const hints = getHints({ appState, isMobile, - device, + editorInterface, app, }); diff --git a/packages/excalidraw/components/IconPicker.tsx b/packages/excalidraw/components/IconPicker.tsx index 13c69cf8fd..fab4f109b8 100644 --- a/packages/excalidraw/components/IconPicker.tsx +++ b/packages/excalidraw/components/IconPicker.tsx @@ -8,7 +8,7 @@ import { atom, useAtom } from "../editor-jotai"; import { getLanguage, t } from "../i18n"; import Collapsible from "./Stats/Collapsible"; -import { useDevice, useExcalidrawContainer } from "./App"; +import { useEditorInterface, useExcalidrawContainer } from "./App"; import "./IconPicker.scss"; @@ -38,7 +38,7 @@ function Picker({ onClose: () => void; numberOfOptionsToAlwaysShow?: number; }) { - const device = useDevice(); + const editorInterface = useEditorInterface(); const { container } = useExcalidrawContainer(); const handleKeyDown = (event: React.KeyboardEvent) => { @@ -153,7 +153,7 @@ function Picker({ ); }; - const isMobile = device.editor.isMobile; + const isMobile = editorInterface.formFactor === "phone"; return ( { - const device = useDevice(); + const editorInterface = useEditorInterface(); + const stylesPanelMode = useStylesPanelMode(); + const isCompactStylesPanel = stylesPanelMode === "compact"; const tunnels = useInitializeTunnels(); - const spacing = - appState.stylesPanelMode === "compact" - ? { - menuTopGap: 4, - toolbarColGap: 4, - toolbarRowGap: 1, - toolbarInnerRowGap: 0.5, - islandPadding: 1, - collabMarginLeft: 8, - } - : { - menuTopGap: 6, - toolbarColGap: 4, - toolbarRowGap: 1, - toolbarInnerRowGap: 1, - islandPadding: 1, - collabMarginLeft: 8, - }; + const spacing = isCompactStylesPanel + ? { + menuTopGap: 4, + toolbarColGap: 4, + toolbarRowGap: 1, + toolbarInnerRowGap: 0.5, + islandPadding: 1, + collabMarginLeft: 8, + } + : { + menuTopGap: 6, + toolbarColGap: 4, + toolbarRowGap: 1, + toolbarInnerRowGap: 1, + islandPadding: 1, + collabMarginLeft: 8, + }; const TunnelsJotaiProvider = tunnels.tunnelsJotai.Provider; @@ -236,7 +237,7 @@ const LayerUI = ({ ); const renderSelectedShapeActions = () => { - const isCompactMode = appState.stylesPanelMode === "compact"; + const isCompactMode = isCompactStylesPanel; return (
{shouldRenderSelectedShapeActions && renderSelectedShapeActions()} @@ -333,14 +334,13 @@ const LayerUI = ({ padding={spacing.islandPadding} className={clsx("App-toolbar", { "zen-mode": appState.zenModeEnabled, - "App-toolbar--compact": - appState.stylesPanelMode === "compact", + "App-toolbar--compact": isCompactStylesPanel, })} > {heading} @@ -406,8 +406,7 @@ const LayerUI = ({ "layer-ui__wrapper__top-right zen-mode-transition", { "transition-right": appState.zenModeEnabled, - "layer-ui__wrapper__top-right--compact": - appState.stylesPanelMode === "compact", + "layer-ui__wrapper__top-right--compact": isCompactStylesPanel, }, )} > @@ -417,7 +416,10 @@ const LayerUI = ({ userToFollow={appState.userToFollow?.socketId || null} /> )} - {renderTopRightUI?.(device.editor.isMobile, appState)} + {renderTopRightUI?.( + editorInterface.formFactor === "phone", + appState, + )} {!appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && // hide button when sidebar docked @@ -448,7 +450,9 @@ const LayerUI = ({ trackEvent( "sidebar", `toggleDock (${docked ? "dock" : "undock"})`, - `(${device.editor.isMobile ? "mobile" : "desktop"})`, + `(${ + editorInterface.formFactor === "phone" ? "mobile" : "desktop" + })`, ); }} /> @@ -476,13 +480,15 @@ const LayerUI = ({ trackEvent( "sidebar", `${DEFAULT_SIDEBAR.name} (open)`, - `button (${device.editor.isMobile ? "mobile" : "desktop"})`, + `button (${ + editorInterface.formFactor === "phone" ? "mobile" : "desktop" + })`, ); } }} tab={DEFAULT_SIDEBAR.defaultTab} > - {appState.stylesPanelMode === "full" && + {stylesPanelMode === "full" && appState.width >= MQ_MIN_WIDTH_DESKTOP && t("toolBar.library")} @@ -496,7 +502,7 @@ const LayerUI = ({ {appState.errorMessage} )} - {eyeDropperState && !device.editor.isMobile && ( + {eyeDropperState && editorInterface.formFactor !== "phone" && ( { @@ -575,7 +581,7 @@ const LayerUI = ({ } /> )} - {device.editor.isMobile && ( + {editorInterface.formFactor === "phone" && ( )} - {!device.editor.isMobile && ( + {editorInterface.formFactor !== "phone" && ( <>
void; }) { - const device = useDevice(); + const editorInterface = useEditorInterface(); const libraryContainerRef = useRef(null); const scrollPosition = useScrollPosition(libraryContainerRef); @@ -392,7 +392,7 @@ export default function LibraryMenuItems({ ref={searchInputRef} type="search" className={clsx("library-menu-items-container__search", { - hideCancelButton: !device.editor.isMobile, + hideCancelButton: editorInterface.formFactor !== "phone", })} placeholder={t("library.search.inputPlaceholder")} value={searchInputValue} diff --git a/packages/excalidraw/components/LibraryUnit.tsx b/packages/excalidraw/components/LibraryUnit.tsx index 36607910e5..7d6a599526 100644 --- a/packages/excalidraw/components/LibraryUnit.tsx +++ b/packages/excalidraw/components/LibraryUnit.tsx @@ -3,7 +3,7 @@ import { memo, useRef, useState } from "react"; import { useLibraryItemSvg } from "../hooks/useLibraryItemSvg"; -import { useDevice } from "./App"; +import { useEditorInterface } from "./App"; import { CheckboxItem } from "./CheckboxItem"; import { PlusIcon } from "./icons"; @@ -36,7 +36,7 @@ export const LibraryUnit = memo( const svg = useLibraryItemSvg(id, elements, svgCache, ref); const [isHovered, setIsHovered] = useState(false); - const isMobile = useDevice().editor.isMobile; + const isMobile = useEditorInterface().formFactor === "phone"; const adder = isPending && (
{PlusIcon}
); diff --git a/packages/excalidraw/components/PropertiesPopover.tsx b/packages/excalidraw/components/PropertiesPopover.tsx index ccedd87a02..151d8eff16 100644 --- a/packages/excalidraw/components/PropertiesPopover.tsx +++ b/packages/excalidraw/components/PropertiesPopover.tsx @@ -4,7 +4,7 @@ import React, { type ReactNode } from "react"; import { isInteractive } from "@excalidraw/common"; -import { useDevice } from "./App"; +import { useEditorInterface } from "./App"; import { Island } from "./Island"; interface PropertiesPopoverProps { @@ -39,9 +39,9 @@ export const PropertiesPopover = React.forwardRef< }, ref, ) => { - const device = useDevice(); + const editorInterface = useEditorInterface(); const isMobilePortrait = - device.editor.isMobile && !device.viewport.isLandscape; + editorInterface.formFactor === "phone" && !editorInterface.isLandscape; return ( @@ -56,7 +56,8 @@ export const PropertiesPopover = React.forwardRef< collisionBoundary={container ?? undefined} style={{ zIndex: "var(--zIndex-ui-styles-popup)", - marginLeft: device.editor.isMobile ? "0.5rem" : undefined, + marginLeft: + editorInterface.formFactor === "phone" ? "0.5rem" : undefined, }} onPointerLeave={onPointerLeave} onKeyDown={onKeyDown} @@ -64,7 +65,7 @@ export const PropertiesPopover = React.forwardRef< onPointerDownOutside={onPointerDownOutside} onOpenAutoFocus={(e) => { // prevent auto-focus on touch devices to avoid keyboard popup - if (preventAutoFocusOnTouch && device.isTouchScreen) { + if (preventAutoFocusOnTouch && editorInterface.isTouchScreen) { e.preventDefault(); } }} diff --git a/packages/excalidraw/components/Sidebar/Sidebar.tsx b/packages/excalidraw/components/Sidebar/Sidebar.tsx index 5f0ca487f2..8226eacef5 100644 --- a/packages/excalidraw/components/Sidebar/Sidebar.tsx +++ b/packages/excalidraw/components/Sidebar/Sidebar.tsx @@ -20,7 +20,7 @@ import { import { useUIAppState } from "../../context/ui-appState"; import { atom, useSetAtom } from "../../editor-jotai"; import { useOutsideClick } from "../../hooks/useOutsideClick"; -import { useDevice, useExcalidrawSetAppState } from "../App"; +import { useEditorInterface, useExcalidrawSetAppState } from "../App"; import { Island } from "../Island"; import { SidebarHeader } from "./SidebarHeader"; @@ -96,7 +96,7 @@ export const SidebarInner = forwardRef( return islandRef.current!; }); - const device = useDevice(); + const editorInterface = useEditorInterface(); const closeLibrary = useCallback(() => { const isDialogOpen = !!document.querySelector(".Dialog"); @@ -117,11 +117,11 @@ export const SidebarInner = forwardRef( if ((event.target as Element).closest(".sidebar-trigger")) { return; } - if (!docked || !device.editor.canFitSidebar) { + if (!docked || !editorInterface.canFitSidebar) { closeLibrary(); } }, - [closeLibrary, docked, device.editor.canFitSidebar], + [closeLibrary, docked, editorInterface.canFitSidebar], ), ); @@ -129,7 +129,7 @@ export const SidebarInner = forwardRef( const handleKeyDown = (event: KeyboardEvent) => { if ( event.key === KEYS.ESCAPE && - (!docked || !device.editor.canFitSidebar) + (!docked || !editorInterface.canFitSidebar) ) { closeLibrary(); } @@ -138,7 +138,7 @@ export const SidebarInner = forwardRef( return () => { document.removeEventListener(EVENT.KEYDOWN, handleKeyDown); }; - }, [closeLibrary, docked, device.editor.canFitSidebar]); + }, [closeLibrary, docked, editorInterface.canFitSidebar]); return ( { - const device = useDevice(); + const editorInterface = useEditorInterface(); const props = useContext(SidebarPropsContext); const renderDockButton = !!( - device.editor.canFitSidebar && props.shouldRenderDockButton + editorInterface.canFitSidebar && props.shouldRenderDockButton ); return ( diff --git a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx index c375a2b168..1bbf3789c6 100644 --- a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx +++ b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx @@ -4,6 +4,7 @@ import { CURSOR_TYPE, isShallowEqual, sceneCoordsToViewportCoords, + type EditorInterface, } from "@excalidraw/common"; import type { @@ -20,7 +21,7 @@ import type { RenderableElementsMap, RenderInteractiveSceneCallback, } from "../../scene/types"; -import type { AppState, Device, InteractiveCanvasAppState } from "../../types"; +import type { AppState, InteractiveCanvasAppState } from "../../types"; import type { DOMAttributes } from "react"; type InteractiveCanvasProps = { @@ -35,7 +36,7 @@ type InteractiveCanvasProps = { scale: number; appState: InteractiveCanvasAppState; renderScrollbars: boolean; - device: Device; + editorInterface: EditorInterface; renderInteractiveSceneCallback: ( data: RenderInteractiveSceneCallback, ) => void; @@ -146,7 +147,7 @@ const InteractiveCanvas = (props: InteractiveCanvasProps) => { selectionColor, renderScrollbars: props.renderScrollbars, }, - device: props.device, + editorInterface: props.editorInterface, callback: props.renderInteractiveSceneCallback, }, isRenderThrottlingEnabled(), diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx index 5bbb41763b..28f7c78fc0 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx @@ -5,7 +5,7 @@ import { EVENT, KEYS } from "@excalidraw/common"; import { useOutsideClick } from "../../hooks/useOutsideClick"; import { useStable } from "../../hooks/useStable"; -import { useDevice } from "../App"; +import { useEditorInterface } from "../App"; import { Island } from "../Island"; import Stack from "../Stack"; @@ -29,7 +29,7 @@ const MenuContent = ({ style?: React.CSSProperties; placement?: "top" | "bottom"; }) => { - const device = useDevice(); + const editorInterface = useEditorInterface(); const menuRef = useRef(null); const callbacksRef = useStable({ onClickOutside }); @@ -59,7 +59,7 @@ const MenuContent = ({ }, [callbacksRef]); const classNames = clsx(`dropdown-menu ${className}`, { - "dropdown-menu--mobile": device.editor.isMobile, + "dropdown-menu--mobile": editorInterface.formFactor === "phone", "dropdown-menu--placement-top": placement === "top", }).trim(); @@ -73,13 +73,8 @@ const MenuContent = ({ > {/* the zIndex ensures this menu has higher stacking order, see https://github.com/excalidraw/excalidraw/pull/1445 */} - {device.editor.isMobile ? ( - - {children} - + {editorInterface.formFactor === "phone" ? ( + {children} ) : ( { - const device = useDevice(); + const editorInterface = useEditorInterface(); return ( <> {icon &&
{icon}
}
{children}
- {shortcut && !device.editor.isMobile && ( + {shortcut && editorInterface.formFactor !== "phone" && (
{shortcut}
)} diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx index 14bfe1a904..d8177c50e0 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx @@ -1,4 +1,4 @@ -import { useDevice } from "../App"; +import { useEditorInterface } from "../App"; import { RadioGroup } from "../RadioGroup"; type Props = { @@ -22,7 +22,7 @@ const DropdownMenuItemContentRadio = ({ children, name, }: Props) => { - const device = useDevice(); + const editorInterface = useEditorInterface(); return ( <> @@ -37,7 +37,7 @@ const DropdownMenuItemContentRadio = ({ choices={choices} />
- {shortcut && !device.editor.isMobile && ( + {shortcut && editorInterface.formFactor !== "phone" && (
{shortcut}
diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx index a7301fb447..f43e4493b1 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx @@ -1,6 +1,6 @@ import clsx from "clsx"; -import { useDevice } from "../App"; +import { useEditorInterface } from "../App"; const MenuTrigger = ({ className = "", @@ -14,12 +14,12 @@ const MenuTrigger = ({ onToggle: () => void; title?: string; } & Omit, "onSelect">) => { - const device = useDevice(); + const editorInterface = useEditorInterface(); const classNames = clsx( `dropdown-menu-button ${className}`, "zen-mode-transition", { - "dropdown-menu-button--mobile": device.editor.isMobile, + "dropdown-menu-button--mobile": editorInterface.formFactor === "phone", }, ).trim(); return ( diff --git a/packages/excalidraw/components/hyperlink/Hyperlink.tsx b/packages/excalidraw/components/hyperlink/Hyperlink.tsx index 5e380e4e6e..8e15bb0d54 100644 --- a/packages/excalidraw/components/hyperlink/Hyperlink.tsx +++ b/packages/excalidraw/components/hyperlink/Hyperlink.tsx @@ -41,7 +41,7 @@ import { getTooltipDiv, updateTooltipPosition } from "../../components/Tooltip"; import { t } from "../../i18n"; -import { useAppProps, useDevice, useExcalidrawAppState } from "../App"; +import { useAppProps, useEditorInterface, useExcalidrawAppState } from "../App"; import { ToolButton } from "../ToolButton"; import { FreedrawIcon, TrashIcon, elementLinkIcon } from "../icons"; import { getSelectedElements } from "../../scene"; @@ -88,7 +88,7 @@ export const Hyperlink = ({ const elementsMap = scene.getNonDeletedElementsMap(); const appState = useExcalidrawAppState(); const appProps = useAppProps(); - const device = useDevice(); + const editorInterface = useEditorInterface(); const linkVal = element.link || ""; @@ -189,11 +189,11 @@ export const Hyperlink = ({ if ( isEditing && inputRef?.current && - !(device.viewport.isMobile || device.isTouchScreen) + !(editorInterface.formFactor === "phone" || editorInterface.isTouchScreen) ) { inputRef.current.select(); } - }, [isEditing, device.viewport.isMobile, device.isTouchScreen]); + }, [isEditing, editorInterface.formFactor, editorInterface.isTouchScreen]); useEffect(() => { let timeoutId: number | null = null; diff --git a/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx b/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx index 0efadcfc62..3a611be04b 100644 --- a/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx +++ b/packages/excalidraw/components/live-collaboration/LiveCollaborationTrigger.tsx @@ -1,6 +1,6 @@ import clsx from "clsx"; -import { isMobileOrTablet, MQ_MIN_WIDTH_DESKTOP } from "@excalidraw/common"; +import { MQ_MIN_WIDTH_DESKTOP, type EditorInterface } from "@excalidraw/common"; import { t } from "../../i18n"; import { Button } from "../Button"; @@ -12,15 +12,18 @@ import "./LiveCollaborationTrigger.scss"; const LiveCollaborationTrigger = ({ isCollaborating, onSelect, + editorInterface, ...rest }: { isCollaborating: boolean; onSelect: () => void; + editorInterface?: EditorInterface; } & React.ButtonHTMLAttributes) => { const appState = useUIAppState(); const showIconOnly = - isMobileOrTablet() || appState.width < MQ_MIN_WIDTH_DESKTOP; + editorInterface?.formFactor !== "desktop" || + appState.width < MQ_MIN_WIDTH_DESKTOP; return ( .", "clearCanvasMessage": "إذا لم تعمل إعادة التحميل، حاول مرة أخرى ", - "clearCanvasCaveat": " هذا سيؤدي إلى فقدان العمل ", + "clearCanvasCaveat": "هذا سيؤدي إلى فقدان العمل", "trackedToSentry": "تم تتبع الخطأ في المعرف {{eventId}} على نظامنا.", - "openIssueMessage": "حرصنا على عدم إضافة معلومات المشهد في بلاغ الخطأ. في حال كون مشهدك لا يحمل أي معلومات خاصة نرجو المتابعة على . نرجو إضافة المعلومات أدناه بنسخها ولصقها في محتوى البلاغ على GitHub.", + "openIssueMessage": "حرصنا على عدم إضافة معلومات المشهد في بلاغ الخطأ. في حال كون مشهدك لا يحمل أي معلومات خاصة، نرجو المتابعة على . نرجو إضافة المعلومات أدناه بنسخها ولصقها في محتوى البلاغ على GitHub.", "sceneContent": "محتوى المشهد:" }, + "shareDialog": { + "or": "أو" + }, "roomDialog": { - "desc_intro": "يمكنك دعوة الآخرين لمشاركتك نفس الجلسة التي تعمل عليها.", - "desc_privacy": "لا تقلق، الجلسة تستخدم التشفير من النهاية إلى النهاية، لذلك فإن أي شيء ترسمه سيبقى خاصاً. لن يتمكن حتى الخادوم الخاص بنا من رؤية ما توصلت إليه.", + "desc_intro": "ادعُ الأشخاص للتعاون في الرسم الخاص بك.", + "desc_privacy": "لا تقلق، الجلسة مشفرة من النهاية إلى النهاية وخصوصية تمامًا. حتى خادمنا لا يستطيع رؤية ما ترسمه.", "button_startSession": "بدء الجلسة", "button_stopSession": "إيقاف الجلسة", - "desc_inProgressIntro": "تجري الآن المشاركة الحية.", + "desc_inProgressIntro": "تجري الآن جلسة تعاون مباشرة.", "desc_shareLink": "شارك هذا الرابط مع أي شخص تريده أن يشاركك الجلسة:", - "desc_exitSession": "إيقاف الجلسة سيؤدي إلى قطع الاتصال الخاص بك من الغرفة، ولكن ستتمكن من مواصلة العمل مع المشهد، محليا. لاحظ أن هذا لن يؤثر على الأشخاص الآخرين، و سيظلون قادرين على التعاون في إصدارهم.", - "shareTitle": "الانضمام إلى جلسة تعاون حية على Excalidraw" + "desc_exitSession": "إيقاف الجلسة سيؤدي إلى قطع الاتصال الخاص بك من الغرفة، ولكن ستتمكن من مواصلة العمل مع المشهد محليًا. لاحظ أن هذا لن يؤثر على الأشخاص الآخرين، وسيظلون قادرين على التعاون في إصدارهم.", + "shareTitle": "الانضمام إلى جلسة تعاون مباشرة على Excalidraw" }, "errorDialog": { "title": "خطأ" }, "exportDialog": { - "disk_title": "حفظ الملف للجهاز", - "disk_details": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقاً.", - "disk_button": "إحفظ لملف", + "disk_title": "حفظ الملف على الجهاز", + "disk_details": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقًا.", + "disk_button": "حفظ إلى ملف", "link_title": "رابط قابل للمشاركة", - "link_details": "صدر الملف للمشاهدة فقط.", - "link_button": "التصدير كرابط", + "link_details": "تصدير الملف للمشاهدة فقط.", + "link_button": "تصدير كرابط", "excalidrawplus_description": "حفظ المشهد إلى مساحة العمل +Excalidraw الخاصة بك.", "excalidrawplus_button": "تصدير", - "excalidrawplus_exportError": "تعذر التصدير إلى +Excalidraw في الوقت الحالي..." + "excalidrawplus_exportError": "تعذر التص несп في الوقت الحالي إلى +Excalidraw..." }, "helpDialog": { "blog": "اقرأ مدونتنا", "click": "انقر", "deepSelect": "تحديد عميق", "deepBoxSelect": "تحديد عميق داخل المربع، ومنع السحب", - "curvedArrow": "سهم مائل", - "curvedLine": "خط مائل", + "createFlowchart": "إنشاء مخطط تدفق من عنصر عام", + "navigateFlowchart": "التنقل في مخطط تدفق", + "curvedArrow": "سهم منحني", + "curvedLine": "خط منحني", "documentation": "دليل الاستخدام", "doubleClick": "انقر مرتين", "drag": "اسحب", "editor": "المحرر", - "editLineArrowPoints": "تحرير سطر/نقاط سهم", + "editLineArrowPoints": "تحرير نقاط السطر/السهم", "editText": "تعديل النص / إضافة تسمية", - "github": "عثرت على مشكلة؟ إرسال", + "github": "عثرت على مشكلة؟ أرسل", "howto": "اتبع التعليمات", "or": "أو", - "preventBinding": "منع ارتبط السهم", + "preventBinding": "منع ارتباط السهم", "tools": "الأدوات", "shortcuts": "اختصارات لوحة المفاتيح", "textFinish": "إنهاء التعديل (محرر النص)", - "textNewLine": "أضف سطر جديد (محرر نص)", + "textNewLine": "إضافة سطر جديد (محرر النص)", "title": "المساعدة", "view": "عرض", "zoomToFit": "تكبير للملائمة", "zoomToSelection": "تكبير للعنصر المحدد", - "toggleElementLock": "إغلاق/فتح المحدد", + "toggleElementLock": "قفل/فتح المحدد", "movePageUpDown": "نقل الصفحة أعلى/أسفل", - "movePageLeftRight": "نقل الصفحة يسار/يمين" + "movePageLeftRight": "نقل الصفحة يسار/يمين", + "cropStart": "بدء قص الصورة", + "cropFinish": "إنهاء قص الصورة" }, "clearCanvasDialog": { "title": "مسح اللوحة" }, "publishDialog": { "title": "نشر المكتبة", - "itemName": "إسم العنصر", - "authorName": "إسم المؤلف", - "githubUsername": "اسم المستخدم في جيت هب", + "itemName": "اسم العنصر", + "authorName": "اسم المؤلف", + "githubUsername": "اسم المستخدم في GitHub", "twitterUsername": "اسم المستخدم في تويتر", "libraryName": "اسم المكتبة", "libraryDesc": "وصف المكتبة", @@ -368,24 +454,24 @@ "authorName": "اسمك أو اسم المستخدم", "libraryName": "اسم مكتبتك", "libraryDesc": "وصف مكتبتك لمساعدة الناس على فهم استخدامها", - "githubHandle": "معالج GitHub (اختياري)، حتى تتمكن من تحرير المكتبة عند إرسالها للمراجعة", + "githubHandle": "معرف GitHub (اختياري)، حتى تتمكن من تحرير المكتبة عند إرسالها للمراجعة", "twitterHandle": "اسم مستخدم تويتر (اختياري)، حتى نعرف من الذي سيتم الإشارة إليه عند الترويج عبر تويتر", - "website": "رابط إلى موقعك الشخصي أو في مكان آخر (اختياري)" + "website": "رابط إلى موقعك الشخصي أو مكان آخر (اختياري)" }, "errors": { "required": "مطلوب", "website": "أدخل عنوان URL صالح" }, - "noteDescription": "تقديم مكتبتك لتضمينها في مستودع المكتبة العامة لأشخاص آخرين لاستخدامها في رسومهم.", - "noteGuidelines": "تحتاج المكتبة إلى الموافقة أولا. يرجى قراءة المعايير قبل تقديمها. سوف تحتاج إلى حساب GitHub للتواصل وإجراء التغييرات عند الطلب، ولكن ليس مطلوبا بشكل صارم.", - "noteLicense": "تقديمك يعني موافقتك على نشر المكتبة المقدمة تحت MIT ترخيص، ما يعني أن لأي أحد الحق في استخدامها دون قيود.", - "noteItems": "يجب أن يكون لكل عنصر مكتبة اسمه الخاص حتى يكون قابلاً للتصفية. سيتم تضمين عناصر المكتبة التالية:", + "noteDescription": "تقديم مكتبتك لتضمينها في مستودع المكتبة العامة ليستخدمها الآخرون في رسوماتهم.", + "noteGuidelines": "تحتاج المكتبة إلى الموافقة أولاً. يرجى قراءة المعايير قبل تقديمها. ستحتاج إلى حساب GitHub للتواصل وإجراء التغييرات عند الطلب، ولكنه ليس مطلوبًا بشكل صارم.", + "noteLicense": "تقديمك يعني موافقتك على نشر المكتبة المقدمة تحت ترخيص MIT، مما يعني أن لأي شخص الحق في استخدامها دون قيود.", + "noteItems": "يجب أن يكون لكل عنصر مكتبة اسم خاص به ليكون قابلًا للتصفية. سيتم تضمين عناصر المكتبة التالية:", "atleastOneLibItem": "يرجى تحديد عنصر مكتبة واحد على الأقل للبدء", - "republishWarning": "ملاحظة: بعض العناصر المحددة معينة على أنه نشرها أو تقديمها من قبل. يجب عليك فقط إعادة إرسال العناصر عند تحديث مكتبة موجودة أو إرسالها." + "republishWarning": "ملاحظة: بعض العناصر المحددة معينة على أنها نُشرت أو قُدمت من قبل. يجب عليك فقط إعادة إرسال العناصر عند تحديث مكتبة موجودة أو إرسالها." }, "publishSuccessDialog": { "title": "تم إرسال المكتبة", - "content": "شكرا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة" + "content": "شكرًا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة" }, "confirmDialog": { "resetLibrary": "إعادة ضبط المكتبة", @@ -394,15 +480,15 @@ "imageExportDialog": { "header": "تصدير الصورة", "label": { - "withBackground": "الخلفية", + "withBackground": "مع الخلفية", "onlySelected": "المحدد فقط", "darkMode": "الوضع الداكن", "embedScene": "تضمين المشهد", - "scale": "الحجم", + "scale": "المقياس", "padding": "الهوامش" }, "tooltip": { - "embedScene": "سيتم حفظ بيانات المشهد في ملف PNG/SVG المصدّر بحيث يمكن استعادة المشهد منه.\nسيزيد حجم الملف المصدر." + "embedScene": "سيتم حفظ بيانات المشهد في ملف PNG/SVG المصدر بحيث يمكن استعادة المشهد منه.\nسيزيد هذا من حجم الملف المصدر." }, "title": { "exportToPng": "تصدير بصيغة PNG", @@ -416,18 +502,20 @@ } }, "encrypted": { - "tooltip": "رسوماتك مشفرة من النهاية إلى النهاية حتى أن خوادم Excalidraw لن تراها أبدا.", - "link": "مشاركة المدونة في التشفير من النهاية إلى النهاية في Excalidraw" + "tooltip": "رسوماتك مشفرة من النهاية إلى النهاية، لذا لا يمكن لخوادم Excalidraw رؤيتها أبدًا.", + "link": "مشاركة المدونة حول التشفير من النهاية إلى النهاية في Excalidraw" }, "stats": { "angle": "الزاوية", - "element": "عنصر", - "elements": "العناصر", + "shapes": "الأشكال", "height": "الارتفاع", "scene": "المشهد", "selected": "المحدد", "storage": "التخزين", - "title": "إحصائيات للمهووسين", + "fullTitle": "خصائص اللوحة والأشكال", + "title": "الخصائص", + "generalStats": "عام", + "elementProperties": "خصائص الشكل", "total": "المجموع", "version": "الإصدار", "versionCopy": "انقر للنسخ", @@ -435,17 +523,19 @@ "width": "العرض" }, "toast": { - "addedToLibrary": "تمت الاضافة الى المكتبة!", - "copyStyles": "نسخت الانماط.", - "copyToClipboard": "نسخ إلى الحافظة.", + "addedToLibrary": "تمت الإضافة إلى المكتبة!", + "copyStyles": "تم نسخ الأنماط.", + "copyToClipboard": "تم النسخ إلى الحافظة.", "copyToClipboardAsPng": "تم نسخ {{exportSelection}} إلى الحافظة بصيغة PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "تم نسخ {{exportSelection}} إلى الحافظة بصيغة SVG\n({{exportColorScheme}})", "fileSaved": "تم حفظ الملف.", - "fileSavedToFilename": "حفظ باسم {filename}", + "fileSavedToFilename": "تم الحفظ باسم {filename}", "canvas": "لوحة الرسم", "selection": "العنصر المحدد", "pasteAsSingleElement": "استخدم {{shortcut}} للصق كعنصر واحد،\nأو لصق في محرر نص موجود", - "unableToEmbed": "تضمين هذا الرابط غير مسموح حاليًا. افتح بلاغاً على GitHub لطلب عنوان Url القائمة البيضاء", - "unrecognizedLinkFormat": "الرابط الذي ضمنته لا يتطابق مع التنسيق المتوقع. الرجاء محاولة لصق النص 'المضمن' المُزوَد من موقع المصدر" + "unableToEmbed": "تضمين هذا الرابط غير مسموح حاليًا. افتح بلاغًا على GitHub لطلب إدراج عنوان URL في القائمة البيضاء", + "unrecognizedLinkFormat": "الرابط الذي أدرجته لا يتطابق مع التنسيق المتوقع. الرجاء محاولة لصق النص 'المضمن' المُزوَد من موقع المصدر", + "elementLinkCopied": "تم نسخ الرابط إلى الحافظة" }, "colors": { "transparent": "شفاف", @@ -466,19 +556,20 @@ }, "welcomeScreen": { "app": { - "center_heading": "جميع بياناتك محفوظة محليا في المتصفح الخاص بك.", - "center_heading_plus": "هل تريد الذهاب إلى Excalidraw+ بدلاً من ذلك؟", - "menuHint": "التصدير والتفضيلات واللغات ..." + "center_heading": "جميع بياناتك محفوظة محليًا في المتصفح الخاص بك.", + "center_heading_plus": "هل تريد الانتقال إلى Excalidraw+ بدلاً من ذلك؟", + "menuHint": "التصدير، التفضيلات، اللغات..." }, "defaults": { - "menuHint": "التصدير والتفضيلات وغيرها...", - "center_heading": "الرسم البياني التصويري. بشكل مبسط.", - "toolbarHint": "اختر أداة و ابدأ الرسم!", - "helpHint": "الاختصارات و المساعدة" + "menuHint": "التصدير، التفضيلات، وغيرها...", + "center_heading": "الرسم البياني التصويري، ببساطة.", + "toolbarHint": "اختر أداة وابدأ الرسم!", + "helpHint": "الاختصارات والمساعدة" } }, "colorPicker": { - "mostUsedCustomColors": "الألوان المخصصة الأكثر استخداما", + "color": "", + "mostUsedCustomColors": "الألوان المخصصة الأكثر استخدامًا", "colors": "الألوان", "shades": "الدرجات", "hexCode": "رمز Hex", @@ -489,12 +580,12 @@ "exportToImage": { "title": "تصدير كصورة", "button": "تصدير كصورة", - "description": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقاً." + "description": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقًا." }, "saveToDisk": { - "title": "حفظ الملف للجهاز", - "button": "حفظ الملف للجهاز", - "description": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقاً." + "title": "حفظ الملف على الجهاز", + "button": "حفظ الملف على الجهاز", + "description": "تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقًا." }, "excalidrawPlus": { "title": "Excalidraw+", @@ -511,15 +602,63 @@ "shareableLink": { "title": "تحميل من رابط", "button": "استبدال محتواي", - "description": "سيتسبب تحميل رسمة خارجية باستبدال محتواك الموجود حالياً.

بإمكانك إجراء النسخ الاحتياطي لرسمتك الحالية باستخدام أحد الخيارات أدناه." + "description": "سيتسبب تحميل رسمة خارجية باستبدال محتواك الموجود حاليًا.

بإمكانك إجراء النسخ الاحتياطي لرسمتك الحالية باستخدام أحد الخيارات أدناه." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid إلى Excalidraw", + "button": "إدراج", + "description": "حاليًا، يتم دعم مخططات التدفق، التسلسلات، والفئات فقط. سيتم عرض الأنواع الأخرى كصورة في Excalidraw.", + "syntax": "صيغة Mermaid", + "preview": "معاينة" + }, + "quickSearch": { + "placeholder": "بحث سريع" + }, + "fontList": { + "badge": { + "old": "قديم" + }, + "sceneFonts": "في هذا المشهد", + "availableFonts": "الخطوط المتوفرة", + "empty": "لم يتم العثور على خطوط" + }, + "userList": { + "empty": "لم يتم العثور على مستخدمين", + "hint": { + "text": "انقر على المستخدم للمتابعة", + "followStatus": "أنت حاليًا تتابع هذا المستخدم", + "inCall": "المستخدم في مكالمة صوتية", + "micMuted": "ميكروفون المستخدم مكتم", + "isSpeaking": "المستخدم يتحدث" + } + }, + "commandPalette": { + "title": "لوحة الأوامر", + "shortcuts": { + "select": "اختر", + "confirm": "تأكيد", + "close": "إغلاق" + }, + "recents": "المستخدمة مؤخرًا", + "search": { + "placeholder": "ابحث في القوائم، الأوامر، واكتشف الجواهر المخفية", + "noMatch": "لا توجد أوامر مطابقة..." + }, + "itemNotAvailable": "الأمر غير متوفر...", + "shortcutHint": "للحصول على لوحة الأوامر، استخدم {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/az-AZ.json b/packages/excalidraw/locales/az-AZ.json index 145fc0ac53..d046949a07 100644 --- a/packages/excalidraw/locales/az-AZ.json +++ b/packages/excalidraw/locales/az-AZ.json @@ -11,8 +11,8 @@ "copyAsPng": "PNG olaraq panoya kopyala", "copyAsSvg": "SVG olaraq panoya kopyala", "copyText": "Mətn olaraq panoya kopyala", - "copySource": "", - "convertToCode": "", + "copySource": "Mənbəni kopyala", + "convertToCode": "Koda çevir", "bringForward": "Önə daşı", "sendToBack": "Geriyə göndərin", "bringToFront": "Önə gətirin", @@ -21,11 +21,13 @@ "copyStyles": "Stilləri kopyalayın", "pasteStyles": "Stilləri yapışdırın", "stroke": "Strok rəngi", + "changeStroke": "Ştrix rəngini dəyişdir", "background": "Arxa fon", + "changeBackground": "Fon rəngini dəyişdir", "fill": "Doldur", "strokeWidth": "Strok eni", "strokeStyle": "Strok stili", - "strokeStyle_solid": "Solid", + "strokeStyle_solid": "Qatı", "strokeStyle_dashed": "Kəsik", "strokeStyle_dotted": "Nöqtəli", "sloppiness": "Səliqəsizlik", @@ -38,12 +40,20 @@ "arrowhead_none": "Heç biri", "arrowhead_arrow": "Ox", "arrowhead_bar": "Çubuq", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Dairə", + "arrowhead_circle_outline": "Çevrə (Kontur)", "arrowhead_triangle": "Üçbucaq", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Üçbucaq (kontur)", + "arrowhead_diamond": "Almaz", + "arrowhead_diamond_outline": "Almaz (kontur)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Şrift ölçüsü", "fontFamily": "Şrift qrupu", "addWatermark": "\"Made with Excalidraw\" əlavə et", @@ -54,7 +64,7 @@ "medium": "Orta", "large": "Böyük", "veryLarge": "Çox böyük", - "solid": "Solid", + "solid": "Qatı", "hachure": "Ştrix", "zigzag": "Ziqzaq", "crossHatch": "Çarpaz dəlik", @@ -72,6 +82,7 @@ "canvasColors": "Kanvas üzərində istifadə olunur", "canvasBackground": "Kanvas arxa fonu", "drawingCanvas": "Kanvas çəkmək", + "clearCanvas": "Lövhəni təmizlə", "layers": "Qatlar", "actions": "Hərəkətlər", "language": "Dil", @@ -83,48 +94,56 @@ "madeWithExcalidraw": "Excalidraw ilə hazırlanmışdır", "group": "Qrup şəklində seçim", "ungroup": "Qrupsuz seçim", - "collaborators": "", - "showGrid": "", - "addToLibrary": "", - "removeFromLibrary": "", - "libraryLoadingMessage": "", - "libraries": "", - "loadingScene": "", - "align": "", - "alignTop": "", - "alignBottom": "", - "alignLeft": "", - "alignRight": "", - "centerVertically": "", - "centerHorizontally": "", - "distributeHorizontally": "", - "distributeVertically": "", - "flipHorizontal": "", - "flipVertical": "", - "viewMode": "", - "share": "", - "showStroke": "", - "showBackground": "", - "toggleTheme": "", - "personalLib": "", - "excalidrawLib": "", - "decreaseFontSize": "", - "increaseFontSize": "", - "unbindText": "", - "bindText": "", - "createContainerFromText": "", + "collaborators": "Əməkdaşlar", + "toggleGrid": "Toru dəyiş", + "addToLibrary": "Kitabxanaya əlavə et", + "removeFromLibrary": "Kitabxanadan sil", + "libraryLoadingMessage": "Kitabxana yüklənir...", + "libraries": "Kitabxanalara bax", + "loadingScene": "Səhnə yüklənir...", + "loadScene": "Səhnəni fayldan yüklə", + "align": "Hizala", + "alignTop": "Yuxarı hizala", + "alignBottom": "Aşağı hizala", + "alignLeft": "Sola hizala", + "alignRight": "Sağa hizala", + "centerVertically": "Şaquli ortala", + "centerHorizontally": "Üfüqi ortala", + "distributeHorizontally": "Üfüqi payla", + "distributeVertically": "Şaquli payla", + "flipHorizontal": "Üfüqi çevir", + "flipVertical": "Şaquli çevir", + "viewMode": "Görünüş Rejimi", + "share": "Paylaş", + "showStroke": "Çevrə rəng seçimini göstər", + "showBackground": "Fon rəng seçimini göstər", + "showFonts": "", + "toggleTheme": "Gecə/Güzdüz rejiminə dəyiş", + "theme": "Fon", + "personalLib": "Şəxsi kitabxana", + "excalidrawLib": "Excalidraw kitabxanası", + "decreaseFontSize": "Şrift ölçüsünü azalt", + "increaseFontSize": "Şrift ölçüsünü artır", + "unbindText": "Mətni çıxar", + "bindText": "Mətni konteynerə qoş", + "createContainerFromText": "Mətni konteynerə bük", "link": { - "edit": "", + "edit": "Keçidi düzəliş et", "editEmbed": "", "create": "", - "createEmbed": "", - "label": "", + "label": "Keçid", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "", + "copyLink": "", "save": "", "saveAs": "", "load": "", @@ -171,40 +225,43 @@ "fullScreen": "", "darkMode": "", "lightMode": "", - "zenMode": "", - "objectsSnapMode": "", - "exitZenMode": "", - "cancel": "", - "clear": "", - "remove": "", - "embed": "", + "systemMode": "Sistem rejimi", + "zenMode": "Zen rejimi", + "objectsSnapMode": "Obyektlərə bərkidin", + "exitZenMode": "Zen rejimindən çıxış", + "cancel": "Ləğv et", + "saveLibNames": "", + "clear": "Təmizlə", + "remove": "Sil", + "embed": "Yerləşdirməni aktiv et", "publishLibrary": "", - "submit": "", - "confirm": "", - "embeddableInteractionButton": "" + "submit": "Göndər", + "confirm": "Təsdiqlə", + "embeddableInteractionButton": "Əlaqə üçün kliklə" }, "alerts": { - "clearReset": "", - "couldNotCreateShareableLink": "", - "couldNotCreateShareableLinkTooBig": "", - "couldNotLoadInvalidFile": "", - "importBackendFailed": "", - "cannotExportEmptyCanvas": "", - "couldNotCopyToClipboard": "", - "decryptFailed": "", - "uploadedSecurly": "", - "loadSceneOverridePrompt": "", - "collabStopOverridePrompt": "", - "errorAddingToLibrary": "", - "errorRemovingFromLibrary": "", - "confirmAddLibrary": "", - "imageDoesNotContainScene": "", - "cannotRestoreFromImage": "", + "clearReset": "Bu, bütün lövhəni təmizləyəcək. Sən əminsiniz?", + "couldNotCreateShareableLink": "Paylaşıla bilən keçid yaratmaq mümkün olmadı.", + "couldNotCreateShareableLinkTooBig": "Paylaşıla bilən link yaratmaq mümkün olmadı. Səhnə çox böyükdür", + "couldNotLoadInvalidFile": "Faylı açmaq müknü olmadı", + "importBackendFailed": "İdxal zamanı xəta baş verdi.", + "cannotExportEmptyCanvas": "Boş lövhəni ixrac etmək mümkün deyil.", + "couldNotCopyToClipboard": "Kopyalana bilmədi.", + "decryptFailed": "Məlumatın şifrəsini açmaq mümkün olmadı.", + "uploadedSecurly": "Yükləmə end-to-end şifrələmə texnologiyası ilə qorunub, yəni Excalidraw serveri və üçüncü tərəflər məzmunu oxuya bilməz.", + "loadSceneOverridePrompt": "Xarici rəsmin yüklənməsi mövcud məzmununuzu əvəz edəcək. Davam etmək istəyirsiniz?", + "collabStopOverridePrompt": "Sessiyanın dayandırılması əvvəlki, yerli olaraq saxlanılan çertyojunuzun üzərinə yazılacaq. Əminsiniz?", + "errorAddingToLibrary": "Kitabxanaya əlavə etmək mümkün olmadı", + "errorRemovingFromLibrary": "Kitabxanadan silmək mümkün olmadı", + "confirmAddLibrary": "Bu, kitabxananıza {{numShapes}} forma əlavə edəcək. Əminsiniz?", + "imageDoesNotContainScene": "Bu təsvirdə heç bir səhnə məlumatı yoxdur. İxrac zamanı səhnə yerləşdirməni aktiv etmisiniz?", + "cannotRestoreFromImage": "Səhnəni bu şəkil faylından bərpa etmək mümkün olmadı", "invalidSceneUrl": "", "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "", @@ -212,9 +269,9 @@ "fileTooBig": "", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "", "cannotResolveCollabServer": "", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "", + "lasso": "", "image": "", "rectangle": "", "diamond": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "", @@ -263,8 +337,10 @@ "shapes": "" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "", + "arrowTool": "", "freeDraw": "", "text": "", "embeddable": "", @@ -276,15 +352,18 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "", @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -328,6 +410,8 @@ "click": "", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "", - "element": "", - "elements": "", + "shapes": "", "height": "", "scene": "", "selected": "", "storage": "", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "", "versionCopy": "", @@ -439,13 +527,15 @@ "copyStyles": "", "copyToClipboard": "", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "", "fileSavedToFilename": "", "canvas": "", "selection": "", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/bg-BG.json b/packages/excalidraw/locales/bg-BG.json index d48f479822..65fcb30748 100644 --- a/packages/excalidraw/locales/bg-BG.json +++ b/packages/excalidraw/locales/bg-BG.json @@ -10,9 +10,9 @@ "copy": "Копирай", "copyAsPng": "Копиране в клипборда", "copyAsSvg": "Копирано в клипборда като SVG", - "copyText": "", - "copySource": "", - "convertToCode": "", + "copyText": "Копирай в клипборда като текст", + "copySource": "Копирай източника в клипборда", + "convertToCode": "Конвертирай в код", "bringForward": "Преместване напред", "sendToBack": "Изнасяне назад", "bringToFront": "Изнасяне отпред", @@ -21,7 +21,9 @@ "copyStyles": "Копирайте стилове", "pasteStyles": "Постави стилове", "stroke": "Щрих", + "changeStroke": "Смени цвета на щрих", "background": "Фон", + "changeBackground": "Смени цвета на фон", "fill": "Наситеност", "strokeWidth": "Ширина на щриха", "strokeStyle": "Стил на линия", @@ -38,12 +40,20 @@ "arrowhead_none": "Без", "arrowhead_arrow": "Стрелка", "arrowhead_bar": "Връх на стрелката", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Кръг", + "arrowhead_circle_outline": "Окръжност", "arrowhead_triangle": "Триъгълник", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Триъгълник (очертание)", + "arrowhead_diamond": "Диамант", + "arrowhead_diamond_outline": "Диамант (очертание)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "Вид стрелка", + "arrowtype_sharp": "Остра стрелка", + "arrowtype_round": "Извита стрелка", + "arrowtype_elbowed": "", "fontSize": "Размер на шрифта", "fontFamily": "Семейство шрифтове", "addWatermark": "Добави \"Направено с Excalidraw\"", @@ -72,10 +82,11 @@ "canvasColors": "Използван на платно", "canvasBackground": "Фон на платно", "drawingCanvas": "Платно за рисуване", + "clearCanvas": "Изчисти платното", "layers": "Слоеве", "actions": "Действия", "language": "Език", - "liveCollaboration": "", + "liveCollaboration": "Сътрудничество на живо...", "duplicateSelection": "Дублирай", "untitled": "Неозаглавено", "name": "Име", @@ -84,12 +95,13 @@ "group": "Групирай селекцията", "ungroup": "Спри групирането на селекцията", "collaborators": "Сътрудници", - "showGrid": "Показване на мрежа", + "toggleGrid": "Превключване на мрежа", "addToLibrary": "Добавяне към библиотеката", "removeFromLibrary": "Премахване от библиотеката", "libraryLoadingMessage": "Зареждане на библиотеката…", "libraries": "Разглеждане на библиотеките", "loadingScene": "Зареждане на сцена…", + "loadScene": "Зареди сцена от файл", "align": "Подравняване", "alignTop": "Подравняване отгоре", "alignBottom": "Подравняване отдолу", @@ -103,9 +115,11 @@ "flipVertical": "Вертикално обръщане", "viewMode": "Изглед", "share": "Сподели", - "showStroke": "", - "showBackground": "", - "toggleTheme": "Включи тема", + "showStroke": "Покажи избора на цвят за щрих", + "showBackground": "Покажи избора на цвят за фон", + "showFonts": "", + "toggleTheme": "Превключване на светла/тъмна тема", + "theme": "Тема", "personalLib": "Лична Библиотека", "excalidrawLib": "Excalidraw Библиотека", "decreaseFontSize": "Намали размера на шрифта", @@ -116,15 +130,20 @@ "link": { "edit": "Редактирай линк", "editEmbed": "", - "create": "", - "createEmbed": "", + "create": "Добавяне на връзка", "label": "Линк", "labelEmbed": "", - "empty": "" + "empty": "Няма зададен линк", + "hint": "", + "goToElement": "" }, "lineEditor": { - "edit": "", - "exit": "" + "edit": "Редактирай линия", + "editArrow": "Редактирай стрелка" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Заключи", @@ -134,23 +153,58 @@ }, "statusPublished": "Публикувани", "sidebarLock": "", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "Избери всички елементи в рамка", + "removeAllElementsFromFrame": "Премахни всички елементи от рамка", "eyeDropper": "Избери цвят от платното", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Текст към диаграма", + "prompt": "", + "followUs": "Последвайте ни", + "discordChat": "Дискорд чат", + "zoomToFitViewport": "", + "zoomToFitSelection": "Приближи селекцията", + "zoomToFit": "Приближи всички елементи", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Няма добавени неща все още...", - "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyLibrary": "Избери предмет от платното, за да го добавиш тук или инсталирай библиотека от публичното хранилище по-долу.", + "hint_emptyPrivateLibrary": "Избери предмет от платното, за да го добавиш тук.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "резултат", + "multipleResults": "резултати", + "placeholder": "Търсене на текст по платното...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Нулиране на платно", - "exportJSON": "", - "exportImage": "", + "exportJSON": "Изнасяна към файл", + "exportImage": "Изнеси изображение...", "export": "Запази на...", "copyToClipboard": "Копиране в клипборда", + "copyLink": "", "save": "Запази към текущ файл", "saveAs": "Запиши като", "load": "Отвори", @@ -171,17 +225,19 @@ "fullScreen": "На цял екран", "darkMode": "Тъмен режим", "lightMode": "Светъл режим", + "systemMode": "Системен режим", "zenMode": "Режим Zen", - "objectsSnapMode": "", - "exitZenMode": "Спиране на Zen режим", + "objectsSnapMode": "Прилепване към обекти", + "exitZenMode": "Спиране на режим Зен", "cancel": "Отмени", + "saveLibNames": "", "clear": "Изчисти", "remove": "Премахване", - "embed": "", - "publishLibrary": "Публикувай", + "embed": "Включи вмъкване", + "publishLibrary": "", "submit": "Изпрати", "confirm": "Потвърждаване", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Натисни, за да взаимодействаш" }, "alerts": { "clearReset": "Това ще изчисти цялото платно. Сигурни ли сте?", @@ -198,31 +254,32 @@ "errorAddingToLibrary": "Не можем да заредим от библиотеката", "errorRemovingFromLibrary": "Не можем да премахнем елемент от библиотеката", "confirmAddLibrary": "Ще се добавят {{numShapes}} фигура(и) във вашата библиотека. Сигурни ли сте?", - "imageDoesNotContainScene": "", + "imageDoesNotContainScene": "Това изображение не изглежда да съдържа каквито и да е данни за сцена. Искате ли да включите вмъкване на сцени при изнасяне?", "cannotRestoreFromImage": "Не може да бъде възстановена сцена от този файл", - "invalidSceneUrl": "", - "resetLibrary": "", + "invalidSceneUrl": "Неуспешно поставяне на сцена от предоставения линк. Той е или неправилно оформен, или не съдържа валидни Excalidraw JSON данни.", + "resetLibrary": "Това ще изчисти библиотеката ви. Сигурни ли сте?", "removeItemsFromsLibrary": "Изтрий {{count}} елемент(а) от библиотеката?", - "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "invalidEncryptionKey": "Ключът за енкрипция трябва да е от 22 знака. Сътрудничеството на живо е изключено.", + "collabOfflineWarning": "Няма налична интернет връзка.\nВашите промени няма да бъдат запазени!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Този файлов формат не се поддържа.", - "imageInsertError": "", + "imageInsertError": "Неуспешно поставяне на изображение. Опитайте по-късно...", "fileTooBig": "Файлът е твърде голям. Максималния допустим размер е {{maxSize}}.", - "svgImageInsertError": "", - "failedToFetchImage": "", - "invalidSVGString": "Невалиден SVG.", + "svgImageInsertError": "Неуспешно поставяне на SVG изборажение. SVG данните изглеждат невалидни.", + "failedToFetchImage": "Неуспешно получаване на изборажение.", "cannotResolveCollabServer": "", "importLibraryError": "Не можем да заредим библиотеката", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", - "imageToolNotSupported": "", + "imageToolNotSupported": "Изображенията са изключени.", "brave_measure_text_error": { "line1": "", "line2": "", "line3": "Силно препоръчваме да изключите тази настройка. Можете да следвате тези стъпки за това как да го направите.", - "line4": "" + "line4": "Ако изключването на тази настройка не оправи изобразяването на текстови елементи, моля отворете проблем на нашия GitHub или ни пишете на Дискорд" }, "libraryElementTypeError": { "embeddable": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Селекция", + "lasso": "", "image": "Вмъкване на изображение", "rectangle": "Правоъгълник", "diamond": "Диамант", @@ -248,14 +306,30 @@ "penMode": "", "link": "", "eraser": "Гума", - "frame": "", + "frame": "Инструмент за рамки", "magicframe": "", "embeddable": "", - "laser": "", + "laser": "Лазерна показалка", "hand": "", "extraTools": "Още инструменти", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid към Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Правоъгълник", + "diamond": "Диамант", + "ellipse": "Елипса", + "arrow": "Стрелка", + "line": "Линия", + "freedraw": "Свободно рисуване", + "text": "Текст", + "image": "Изображение", + "group": "Група", + "frame": "Рамка", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "IFrame" }, "headings": { "canvasActions": "Действия по платното", @@ -263,28 +337,33 @@ "shapes": "Фигури" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Кликнете, за да стартирате няколко точки, плъзнете за една линия", + "arrowTool": "", "freeDraw": "Натиснете и влачете, пуснете като сте готови", "text": "Подсказка: Можете също да добавите текст като натиснете някъде два път с инструмента за селекция", - "embeddable": "", + "embeddable": "Натисни-премести, за да създадеш вметка за уебсайт", "text_selected": "", "text_editing": "", - "linearElementMulti": "Кликнете върху последната точка или натиснете Escape или Enter, за да завършите", - "lockAngle": "Можете да ограничите ъгъла, като задържите SHIFT", - "resize": "Може да ограничите при преоразмеряване като задържите SHIFT,\nзадръжте ALT за преоразмерите през центъра", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", "resizeImage": "", - "rotate": "Можете да ограничите ъглите, като държите SHIFT, докато се въртите", + "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "Натиснете Delete за да изтриете точка(и), CtrlOrCmd+D за дуплициране, или извлачете за да преместите", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", - "publishLibrary": "", - "bindTextToElement": "Натиснете Enter, за да добавите", + "publishLibrary": "Публикувайте собствена библиотека", + "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Невъзможност за показване на preview", @@ -299,9 +378,12 @@ "openIssueMessage": "Бяхме много предпазливи да не включите информацията за вашата сцена при грешката. Ако сцената ви не е частна, моля, помислете за последващи действия на нашата Моля, включете информация по-долу, като я копирате и добавите в GitHub.", "sceneContent": "Съдържание на сцената:" }, + "shareDialog": { + "or": "Или" + }, "roomDialog": { - "desc_intro": "Можете да поканите хора на текущата си сцена да си сътрудничат с вас.", - "desc_privacy": "Не се притеснявайте, сесията използва криптиране от край до край, така че каквото нарисувате ще остане частно. Дори нашият сървър няма да може да види какво предлагате.", + "desc_intro": "Поканете хора да работят съвместно на рисунката.", + "desc_privacy": "", "button_startSession": "Стартирайте сесията", "button_stopSession": "Стоп на сесията", "desc_inProgressIntro": "Сесията за сътрудничество на живо е в ход.", @@ -313,10 +395,10 @@ "title": "Грешка" }, "exportDialog": { - "disk_title": "", + "disk_title": "Запази към диск", "disk_details": "", - "disk_button": "", - "link_title": "", + "disk_button": "Запази като файл", + "link_title": "Връзка за споделяне", "link_details": "", "link_button": "", "excalidrawplus_description": "", @@ -328,6 +410,8 @@ "click": "клик", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Извита стрелка", "curvedLine": "Извита линия", "documentation": "Документация", @@ -350,7 +434,9 @@ "zoomToSelection": "Приближи селекцията", "toggleElementLock": "Заключи/Отключи селекция", "movePageUpDown": "Премести страница нагоре/надолу", - "movePageLeftRight": "Премести страница наляво/надясно" + "movePageLeftRight": "Премести страница наляво/надясно", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Изчисти платното" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Ъгъл", - "element": "Елемент", - "elements": "Елементи", + "shapes": "", "height": "Височина", "scene": "Сцена", "selected": "Селектирано", "storage": "Съхранение на данни", - "title": "Статистика за хакери", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Общо", "version": "Версия", "versionCopy": "Настисни за да копираш", @@ -439,13 +527,15 @@ "copyStyles": "Копирани стилове.", "copyToClipboard": "Копирано в клипборда.", "copyToClipboardAsPng": "Копира {{exportSelection}} в клипборда като PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Файлът е запазен.", "fileSavedToFilename": "Запазен към {filename}", "canvas": "платно", "selection": "селекция", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Прозрачен", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Най-често използвани цветове", "colors": "Цветове", "shades": "Нюанси", @@ -517,9 +608,57 @@ }, "mermaid": { "title": "", - "button": "", + "button": "Вмъкни", "description": "", - "syntax": "", - "preview": "" + "syntax": "Mermaid Синтаксис", + "preview": "Преглед" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "Натиснете потребител, за да го следвате", + "followStatus": "В момента следвате този потребител", + "inCall": "", + "micMuted": "Микрофона на потребителят е заглушен", + "isSpeaking": "Потребителят говори" + } + }, + "commandPalette": { + "title": "Палитра команди", + "shortcuts": { + "select": "Избери", + "confirm": "Потвърди", + "close": "Затвори" + }, + "recents": "Наскоро използвани", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/bn-BD.json b/packages/excalidraw/locales/bn-BD.json index 9bb910e80a..9487df9310 100644 --- a/packages/excalidraw/locales/bn-BD.json +++ b/packages/excalidraw/locales/bn-BD.json @@ -11,8 +11,8 @@ "copyAsPng": "পীএনজী ছবির মতন কপি করুন", "copyAsSvg": "এসভীজী ছবির মতন কপি করুন", "copyText": "লিখিত তথ্যের মতন কপি করুন", - "copySource": "", - "convertToCode": "", + "copySource": "পিএনজি ছবি ক্লিপবোর্ডে কপি করুন", + "convertToCode": "কোডে রূপান্তর করুন", "bringForward": "অধিকতর সামনে আনুন", "sendToBack": "অধিকতর পিছনে নিয়ে যান", "bringToFront": "সবার সামনে আনুন", @@ -21,7 +21,9 @@ "copyStyles": "ডিজাইন কপি করুন", "pasteStyles": "ডিজাইন পেস্ট করুন", "stroke": "রেখাংশ", + "changeStroke": "Hi", "background": "পটভূমি", + "changeBackground": "পটভূমির রঙ পরিবর্তন করুন", "fill": "রং", "strokeWidth": "রেখাংশের বেধ", "strokeStyle": "রেখাংশের ডিজাইন", @@ -38,12 +40,20 @@ "arrowhead_none": "কিছু না", "arrowhead_arrow": "তীর", "arrowhead_bar": "রেখাংশ", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "বৃত্ত", + "arrowhead_circle_outline": "বৃত্তীয় (প্রান্তরেখা) প্রান্তরেখা", "arrowhead_triangle": "ত্রিভূজ", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "ত্রিভুজ (প্রান্তরেখা) প্রান্তরেখা", + "arrowhead_diamond": "হীরক", + "arrowhead_diamond_outline": "হীরক (প্রান্তরেখা)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "লেখনীর মাত্রা", "fontFamily": "লেখনীর হরফ", "addWatermark": "এক্সক্যালিড্র দ্বারা প্রস্তুত", @@ -72,6 +82,7 @@ "canvasColors": "ক্যানভাসের রং", "canvasBackground": "ক্যানভাসের পটভূমি", "drawingCanvas": "ব্যবহৃত ক্যানভাস", + "clearCanvas": "পরিষ্কার ক্যানভাস", "layers": "মাত্রা", "actions": "ক্রিয়া", "language": "ভাষা", @@ -84,12 +95,13 @@ "group": "দল গঠন করুন", "ungroup": "দল বিভেদ করুন", "collaborators": "সহযোগী", - "showGrid": "গ্রিড দেখান", + "toggleGrid": "", "addToLibrary": "সংগ্রহে যোগ করুন", "removeFromLibrary": "সংগ্রহ থেকে বের করুন", "libraryLoadingMessage": "সংগ্রহ তৈরি হচ্ছে", "libraries": "সংগ্রহ দেখুন", "loadingScene": "দৃশ্য তৈরি হচ্ছে", + "loadScene": "", "align": "পংক্তিবিন্যাস", "alignTop": "উপর পংক্তি", "alignBottom": "নিম্ন পংক্তি", @@ -104,27 +116,34 @@ "viewMode": "দৃশ্য", "share": "ভাগ করুন", "showStroke": "", - "showBackground": "", + "showBackground": "পটভূমির রঙ নির্বাচনকারী অপশন দেখান", + "showFonts": "", "toggleTheme": "", - "personalLib": "", - "excalidrawLib": "", + "theme": "", + "personalLib": "ব্যক্তিগত লাইব্রেরি", + "excalidrawLib": "এক্সক্যালিড্র লাইব্রেরি", "decreaseFontSize": "লেখনীর মাত্রা কমান", "increaseFontSize": "লেখনীর মাত্রা বাড়ান", - "unbindText": "", - "bindText": "", + "unbindText": "লেখার জোড় খুলুন", + "bindText": "কন্টেইনারের সাথে লেখা জোড়া লাগান", "createContainerFromText": "", "link": { "edit": "লিঙ্ক সংশোধন", "editEmbed": "", - "create": "লিঙ্ক তৈরী", - "createEmbed": "", + "create": "", "label": "লিঙ্ক নামকরণ", - "labelEmbed": "", - "empty": "" + "labelEmbed": "লিংক ও এম্বেড", + "empty": "কোন লিংক সেট করা নেই", + "hint": "", + "goToElement": "" }, "lineEditor": { - "edit": "", - "exit": "" + "edit": "লাইন সম্পাদনা করুন", + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "আবদ্ধ করুন", @@ -134,16 +153,50 @@ }, "statusPublished": "প্রকাশিত", "sidebarLock": "লক", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "selectAllElementsInFrame": "ফ্রেমের ভিতরের সব উপকরণ বাছাই করুন", + "removeAllElementsFromFrame": "ফ্রেম থেকে সব উপকরণ মুছুন", + "eyeDropper": "ক্যানভাস থেকে রঙ বাছাই করুন", + "textToDiagram": "লেখা থেকে ডায়াগ্রাম", + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "সংগ্রহে কিছু যোগ করা হয়নি", "hint_emptyLibrary": "এখানে যোগ করার জন্য ক্যানভাসে একটি বস্তু নির্বাচন করুন, অথবা নীচে, প্রকাশ্য সংগ্রহশালা থেকে একটি সংগ্রহ ইনস্টল করুন৷", - "hint_emptyPrivateLibrary": "এখানে যোগ করার জন্য ক্যানভাসে একটি বস্তু নির্বাচন করুন" + "hint_emptyPrivateLibrary": "এখানে যোগ করার জন্য ক্যানভাসে একটি বস্তু নির্বাচন করুন", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "ক্যানভাস সাফ করুন", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "ক্লিপবোর্ডে কপি করুন", + "copyLink": "", "save": "জমা করুন", "saveAs": "অন্যভাবে জমা করুন", "load": "", @@ -171,14 +225,16 @@ "fullScreen": "পূর্ণস্ক্রীন", "darkMode": "ডার্ক মোড", "lightMode": "লাইট মোড", + "systemMode": "", "zenMode": "জেন মোড", "objectsSnapMode": "", "exitZenMode": "জেন মোড বন্ধ করুন", "cancel": "বাতিল", + "saveLibNames": "", "clear": "সাফ", "remove": "বিয়োগ", "embed": "", - "publishLibrary": "সংগ্রহ প্রকাশ করুন", + "publishLibrary": "", "submit": "জমা করুন", "confirm": "নিশ্চিত করুন", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "এটি আপনার সংগ্রহ পরিষ্কার করবে। আপনি কি নিশ্চিত?", "removeItemsFromsLibrary": "সংগ্রহ থেকে {{count}} বস্তু বিয়োগ করা হবে। আপনি কি নিশ্চিত?", "invalidEncryptionKey": "অবৈধ এনক্রীপশন কী।", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "অসমর্থিত ফাইল।", @@ -212,9 +269,9 @@ "fileTooBig": "ফাইলটি খুব বড়। সর্বাধিক অনুমোদিত আকার হল {{maxSize}}৷", "svgImageInsertError": "এসভীজী ছবি সন্নিবেশ করা যায়নি। এসভীজী মার্কআপটি অবৈধ মনে হচ্ছে৷", "failedToFetchImage": "", - "invalidSVGString": "এসভীজী মার্কআপটি অবৈধ মনে হচ্ছে৷", "cannotResolveCollabServer": "কোল্যাব সার্ভারের সাথে সংযোগ করা যায়নি। পৃষ্ঠাটি পুনরায় লোড করে আবার চেষ্টা করুন।", "importLibraryError": "সংগ্রহ লোড করা যায়নি", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "বাছাই", + "lasso": "", "image": "চিত্র সন্নিবেশ", "rectangle": "আয়তক্ষেত্র", "diamond": "রুহিতন", @@ -246,7 +304,7 @@ "library": "সংগ্রহ", "lock": "আঁকার পরে নির্বাচিত টুল সক্রিয় রাখুন", "penMode": "", - "link": "একটি নির্বাচিত আকৃতির জন্য লিঙ্ক যোগ বা আপডেট করুন", + "link": "", "eraser": "ঝাড়ন", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "ক্যানভাস কার্যকলাপ", @@ -263,28 +337,33 @@ "shapes": "আকার(গুলি)" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "একাধিক বিন্দু শুরু করতে ক্লিক করুন, একক লাইনের জন্য টেনে আনুন", + "arrowTool": "", "freeDraw": "ক্লিক করুন এবং টেনে আনুন, আপনার কাজ শেষ হলে ছেড়ে দিন", "text": "বিশেষ্য: আপনি নির্বাচন টুলের সাথে যে কোনো জায়গায় ডাবল-ক্লিক করে পাঠ্য যোগ করতে পারেন", "embeddable": "", - "text_selected": "লেখা সম্পাদনা করতে ডাবল-ক্লিক করুন বা এন্টার টিপুন", - "text_editing": "লেখা সম্পাদনা শেষ করতে এসকেপ বা কন্ট্রোল/কম্যান্ড যোগে এন্টার টিপুন", - "linearElementMulti": "শেষ বিন্দুতে ক্লিক করুন অথবা শেষ করতে এসকেপ বা এন্টার টিপুন", - "lockAngle": "ঘোরানোর সময় আপনি শিফ্ট ধরে রেখে কোণ সীমাবদ্ধ করতে পারেন", - "resize": "আপনি আকার পরিবর্তন করার সময় শিফ্ট ধরে রেখে অনুপাতকে সীমাবদ্ধ করতে পারেন,\nকেন্দ্র থেকে আকার পরিবর্তন করতে অল্ট ধরে রাখুন", - "resizeImage": "আপনি শিফ্ট ধরে রেখে অবাধে আকার পরিবর্তন করতে পারেন, কেন্দ্র থেকে আকার পরিবর্তন করতে অল্ট ধরুন", - "rotate": "আপনি ঘোরানোর সময় শিফ্ট ধরে রেখে কোণগুলিকে সীমাবদ্ধ করতে পারেন", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "বিন্দু(গুলি) মুছতে ডিলিট টিপুন, কন্ট্রোল/কম্যান্ড যোগে ডি টিপুন নকল করতে অথবা সরানোর জন্য টানুন", - "lineEditor_nothingSelected": "সম্পাদনা করার জন্য একটি বিন্দু নির্বাচন করুন (একাধিক নির্বাচন করতে শিফ্ট ধরে রাখুন),\nঅথবা অল্ট ধরে রাখুন এবং নতুন বিন্দু যোগ করতে ক্লিক করুন", - "placeImage": "ছবিটি স্থাপন করতে ক্লিক করুন, অথবা নিজে আকার সেট করতে ক্লিক করুন এবং টেনে আনুন", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "আপনার নিজস্ব সংগ্রহ প্রকাশ করুন", - "bindTextToElement": "লেখা যোগ করতে এন্টার টিপুন", + "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", - "eraserRevert": "মুছে ফেলার জন্য চিহ্নিত উপাদানগুলিকে ফিরিয়ে আনতে অল্ট ধরে রাখুন", + "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "প্রিভিউ দেখাতে অপারগ", @@ -299,9 +378,12 @@ "openIssueMessage": "আমরা ত্রুটিতে আপনার দৃশ্যের তথ্য অন্তর্ভুক্ত না করার জন্য খুব সতর্ক ছিলাম। আপনার দৃশ্য ব্যক্তিগত না হলে, আমাদের অনুসরণ করার কথা বিবেচনা করুন অনুগ্রহ করে GitHub ইস্যুতে অনুলিপি এবং পেস্ট করে নীচের তথ্য অন্তর্ভুক্ত করুন।", "sceneContent": "দৃশ্য বিষয়বস্তু:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "আপনি আপনার সাথে সহযোগিতা করার জন্য আপনার বর্তমান দৃশ্যে লোকেদের আমন্ত্রণ জানাতে পারেন৷", - "desc_privacy": "চিন্তা করবেন না, সেশনটি এন্ড-টু-এন্ড এনক্রিপশন ব্যবহার করে, তাই আপনি যা আঁকবেন তা গোপন থাকবে। এমনকি আমাদের সার্ভার আপনি যা নিয়ে এসেছেন তা দেখতে সক্ষম হবে না।", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "সেশন শুরু করুন", "button_stopSession": "সেশন বন্ধ করুন", "desc_inProgressIntro": "লাইভ-সহযোগীতার সেশন এখন চলছে।", @@ -328,6 +410,8 @@ "click": "ক্লিক", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "কোণ", - "element": "", - "elements": "", + "shapes": "", "height": "", "scene": "", "selected": "", "storage": "", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "", "versionCopy": "", @@ -439,13 +527,15 @@ "copyStyles": "", "copyToClipboard": "ক্লিপবোর্ডে কপি করা হয়েছে।", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "", "fileSavedToFilename": "", "canvas": "", "selection": "বাছাই", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/bn-IN.json b/packages/excalidraw/locales/bn-IN.json new file mode 100644 index 0000000000..9487df9310 --- /dev/null +++ b/packages/excalidraw/locales/bn-IN.json @@ -0,0 +1,664 @@ +{ + "labels": { + "paste": "পেস্ট করুন", + "pasteAsPlaintext": "প্লেইনটেক্সট হিসাবে পেস্ট করুন", + "pasteCharts": "চার্ট পেস্ট করুন", + "selectAll": "সবটা সিলেক্ট করুন", + "multiSelect": "একাধিক সিলেক্ট করুন", + "moveCanvas": "ক্যানভাস সরান", + "cut": "কাট করুন", + "copy": "কপি করুন", + "copyAsPng": "পীএনজী ছবির মতন কপি করুন", + "copyAsSvg": "এসভীজী ছবির মতন কপি করুন", + "copyText": "লিখিত তথ্যের মতন কপি করুন", + "copySource": "পিএনজি ছবি ক্লিপবোর্ডে কপি করুন", + "convertToCode": "কোডে রূপান্তর করুন", + "bringForward": "অধিকতর সামনে আনুন", + "sendToBack": "অধিকতর পিছনে নিয়ে যান", + "bringToFront": "সবার সামনে আনুন", + "sendBackward": "সবার পিছনে নিয়ে যান", + "delete": "মুছা", + "copyStyles": "ডিজাইন কপি করুন", + "pasteStyles": "ডিজাইন পেস্ট করুন", + "stroke": "রেখাংশ", + "changeStroke": "Hi", + "background": "পটভূমি", + "changeBackground": "পটভূমির রঙ পরিবর্তন করুন", + "fill": "রং", + "strokeWidth": "রেখাংশের বেধ", + "strokeStyle": "রেখাংশের ডিজাইন", + "strokeStyle_solid": "পুরু", + "strokeStyle_dashed": "পাতলা", + "strokeStyle_dotted": "বিন্দুবিন্দু", + "sloppiness": "ভ্রান্তি", + "opacity": "দৃশ্যমানতা", + "textAlign": "লেখ অনুভূমি", + "edges": "কোণ", + "sharp": "তীক্ষ্ণ", + "round": "গোল", + "arrowheads": "তীরের শীর্ষভাগ", + "arrowhead_none": "কিছু না", + "arrowhead_arrow": "তীর", + "arrowhead_bar": "রেখাংশ", + "arrowhead_circle": "বৃত্ত", + "arrowhead_circle_outline": "বৃত্তীয় (প্রান্তরেখা) প্রান্তরেখা", + "arrowhead_triangle": "ত্রিভূজ", + "arrowhead_triangle_outline": "ত্রিভুজ (প্রান্তরেখা) প্রান্তরেখা", + "arrowhead_diamond": "হীরক", + "arrowhead_diamond_outline": "হীরক (প্রান্তরেখা)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", + "fontSize": "লেখনীর মাত্রা", + "fontFamily": "লেখনীর হরফ", + "addWatermark": "এক্সক্যালিড্র দ্বারা প্রস্তুত", + "handDrawn": "হাতে আঁকা", + "normal": "স্বাভাবিক", + "code": "কোড", + "small": "ছোট", + "medium": "মাঝারি", + "large": "বড়", + "veryLarge": "অনেক বড়", + "solid": "দৃঢ়", + "hachure": "ভ্রুলেখা", + "zigzag": "আঁকাবাঁকা", + "crossHatch": "ক্রস হ্যাচ", + "thin": "পাতলা", + "bold": "পুরু", + "left": "বাম", + "center": "কেন্দ্র", + "right": "ডান", + "extraBold": "অতি পুরু", + "architect": "স্থপতি", + "artist": "শিল্পী", + "cartoonist": "চিত্রকার", + "fileTitle": "ফাইলের নাম", + "colorPicker": "রং পছন্দ করুন", + "canvasColors": "ক্যানভাসের রং", + "canvasBackground": "ক্যানভাসের পটভূমি", + "drawingCanvas": "ব্যবহৃত ক্যানভাস", + "clearCanvas": "পরিষ্কার ক্যানভাস", + "layers": "মাত্রা", + "actions": "ক্রিয়া", + "language": "ভাষা", + "liveCollaboration": "সরাসরি পারস্পরিক সহযোগিতা...", + "duplicateSelection": "সদৃশ সিলেক্ট", + "untitled": "অনামী", + "name": "নাম", + "yourName": "আপনার নাম", + "madeWithExcalidraw": "এক্সক্যালিড্র দ্বারা তৈরি", + "group": "দল গঠন করুন", + "ungroup": "দল বিভেদ করুন", + "collaborators": "সহযোগী", + "toggleGrid": "", + "addToLibrary": "সংগ্রহে যোগ করুন", + "removeFromLibrary": "সংগ্রহ থেকে বের করুন", + "libraryLoadingMessage": "সংগ্রহ তৈরি হচ্ছে", + "libraries": "সংগ্রহ দেখুন", + "loadingScene": "দৃশ্য তৈরি হচ্ছে", + "loadScene": "", + "align": "পংক্তিবিন্যাস", + "alignTop": "উপর পংক্তি", + "alignBottom": "নিম্ন পংক্তি", + "alignLeft": "বাম পংক্তি", + "alignRight": "ডান পংক্তি", + "centerVertically": "উলম্ব কেন্দ্রিত", + "centerHorizontally": "অনুভূমিক কেন্দ্রিত", + "distributeHorizontally": "অনুভূমিকভাবে বিতরণ করুন", + "distributeVertically": "উল্লম্বভাবে বিতরণ করুন", + "flipHorizontal": "অনুভূমিক আবর্তন", + "flipVertical": "উলম্ব আবর্তন", + "viewMode": "দৃশ্য", + "share": "ভাগ করুন", + "showStroke": "", + "showBackground": "পটভূমির রঙ নির্বাচনকারী অপশন দেখান", + "showFonts": "", + "toggleTheme": "", + "theme": "", + "personalLib": "ব্যক্তিগত লাইব্রেরি", + "excalidrawLib": "এক্সক্যালিড্র লাইব্রেরি", + "decreaseFontSize": "লেখনীর মাত্রা কমান", + "increaseFontSize": "লেখনীর মাত্রা বাড়ান", + "unbindText": "লেখার জোড় খুলুন", + "bindText": "কন্টেইনারের সাথে লেখা জোড়া লাগান", + "createContainerFromText": "", + "link": { + "edit": "লিঙ্ক সংশোধন", + "editEmbed": "", + "create": "", + "label": "লিঙ্ক নামকরণ", + "labelEmbed": "লিংক ও এম্বেড", + "empty": "কোন লিংক সেট করা নেই", + "hint": "", + "goToElement": "" + }, + "lineEditor": { + "edit": "লাইন সম্পাদনা করুন", + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" + }, + "elementLock": { + "lock": "আবদ্ধ করুন", + "unlock": "বিচ্ছিন্ন করুন", + "lockAll": "সব আবদ্ধ করুন", + "unlockAll": "সব বিচ্ছিন্ন করুন" + }, + "statusPublished": "প্রকাশিত", + "sidebarLock": "লক", + "selectAllElementsInFrame": "ফ্রেমের ভিতরের সব উপকরণ বাছাই করুন", + "removeAllElementsFromFrame": "ফ্রেম থেকে সব উপকরণ মুছুন", + "eyeDropper": "ক্যানভাস থেকে রঙ বাছাই করুন", + "textToDiagram": "লেখা থেকে ডায়াগ্রাম", + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" + }, + "library": { + "noItems": "সংগ্রহে কিছু যোগ করা হয়নি", + "hint_emptyLibrary": "এখানে যোগ করার জন্য ক্যানভাসে একটি বস্তু নির্বাচন করুন, অথবা নীচে, প্রকাশ্য সংগ্রহশালা থেকে একটি সংগ্রহ ইনস্টল করুন৷", + "hint_emptyPrivateLibrary": "এখানে যোগ করার জন্য ক্যানভাসে একটি বস্তু নির্বাচন করুন", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" + }, + "buttons": { + "clearReset": "ক্যানভাস সাফ করুন", + "exportJSON": "জেসন নিবদ্ধ করুন", + "exportImage": "", + "export": "", + "copyToClipboard": "ক্লিপবোর্ডে কপি করুন", + "copyLink": "", + "save": "জমা করুন", + "saveAs": "অন্যভাবে জমা করুন", + "load": "", + "getShareableLink": "ভাগযোগ্য লিঙ্ক পান", + "close": "বন্ধ করুন", + "selectLanguage": "ভাষা চিহ্নিত করুন", + "scrollBackToContent": "বিষয়বস্তুতে ফেরত যান", + "zoomIn": "বড় করুন", + "zoomOut": "ছোট করুন", + "resetZoom": "স্বাভাবিক করুন", + "menu": "তালিকা", + "done": "সম্পন্ন", + "edit": "সংশোধন করুন", + "undo": "ফেরত যান", + "redo": "পুনরায় করুন", + "resetLibrary": "সংগ্রহ সাফ করুন", + "createNewRoom": "নতুন রুম বানান", + "fullScreen": "পূর্ণস্ক্রীন", + "darkMode": "ডার্ক মোড", + "lightMode": "লাইট মোড", + "systemMode": "", + "zenMode": "জেন মোড", + "objectsSnapMode": "", + "exitZenMode": "জেন মোড বন্ধ করুন", + "cancel": "বাতিল", + "saveLibNames": "", + "clear": "সাফ", + "remove": "বিয়োগ", + "embed": "", + "publishLibrary": "", + "submit": "জমা করুন", + "confirm": "নিশ্চিত করুন", + "embeddableInteractionButton": "" + }, + "alerts": { + "clearReset": "এটি পুরো ক্যানভাস সাফ করবে। আপনি কি নিশ্চিত?", + "couldNotCreateShareableLink": "ভাগ করা যায় এমন লিঙ্ক তৈরি করা যায়নি।", + "couldNotCreateShareableLinkTooBig": "ভাগ করা যায় এমন লিঙ্ক তৈরি করা যায়নি: দৃশ্যটি খুব বড়", + "couldNotLoadInvalidFile": "অবৈধ ফাইল লোড করা যায়নি", + "importBackendFailed": "ব্যাকেন্ড থেকে আপলোড ব্যর্থ হয়েছে।", + "cannotExportEmptyCanvas": "খালি ক্যানভাস নিবদ্ধ করা যাবে না।", + "couldNotCopyToClipboard": "ক্লিপবোর্ডে কপি করা যায়নি।", + "decryptFailed": "তথ্য ডিক্রিপ্ট করা যায়নি।", + "uploadedSecurly": "আপলোডটি এন্ড-টু-এন্ড এনক্রিপশনের মাধ্যমে সুরক্ষিত করা হয়েছে, যার অর্থ হল এক্সক্যালিড্র সার্ভার এবং তৃতীয় পক্ষের দ্বারা পড়তে পারা সম্ভব নয়।", + "loadSceneOverridePrompt": "বাহ্যিক অঙ্কন লোড করা আপনার বিদ্যমান দৃশ্য প্রতিস্থাপন করবে। আপনি কি অবিরত করতে চান?", + "collabStopOverridePrompt": "অধিবেশন বন্ধ করা আপনার পূর্ববর্তী, স্থানীয়ভাবে সঞ্চিত অঙ্কন ওভাররাইট করবে। আপনি কি নিশ্চিত?\n\n(যদি আপনি আপনার স্থানীয় অঙ্কন রাখতে চান, তাহলে শুধু ব্রাউজার ট্যাবটি বন্ধ করুন।)", + "errorAddingToLibrary": "বস্তুটি সংগ্রহে যোগ করা যায়নি", + "errorRemovingFromLibrary": "বস্তুটি সংগ্রহ থেকে বিয়োগ করা যায়নি", + "confirmAddLibrary": "এটি আপনার সংগ্রহে {{numShapes}} আকার(গুলি) যোগ করবে। আপনি কি নিশ্চিত?", + "imageDoesNotContainScene": "এই ছবিতে কোনো দৃশ্যের তথ্য আছে বলে মনে হয় না৷ আপনি কি নিবদ্ধ করার সময় দৃশ্য এমবেডিং করতে সক্ষম?", + "cannotRestoreFromImage": "এই ফাইল থেকে দৃশ্য পুনরুদ্ধার করা যায়নি", + "invalidSceneUrl": "সরবরাহ করা লিঙ্ক থেকে দৃশ্য লোড করা যায়নি৷ এটি হয় বিকৃত, অথবা বৈধ এক্সক্যালিড্র জেসন তথ্য নেই৷", + "resetLibrary": "এটি আপনার সংগ্রহ পরিষ্কার করবে। আপনি কি নিশ্চিত?", + "removeItemsFromsLibrary": "সংগ্রহ থেকে {{count}} বস্তু বিয়োগ করা হবে। আপনি কি নিশ্চিত?", + "invalidEncryptionKey": "অবৈধ এনক্রীপশন কী।", + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" + }, + "errors": { + "unsupportedFileType": "অসমর্থিত ফাইল।", + "imageInsertError": "ছবি সন্নিবেশ করা যায়নি। পরে আবার চেষ্টা করুন...", + "fileTooBig": "ফাইলটি খুব বড়। সর্বাধিক অনুমোদিত আকার হল {{maxSize}}৷", + "svgImageInsertError": "এসভীজী ছবি সন্নিবেশ করা যায়নি। এসভীজী মার্কআপটি অবৈধ মনে হচ্ছে৷", + "failedToFetchImage": "", + "cannotResolveCollabServer": "কোল্যাব সার্ভারের সাথে সংযোগ করা যায়নি। পৃষ্ঠাটি পুনরায় লোড করে আবার চেষ্টা করুন।", + "importLibraryError": "সংগ্রহ লোড করা যায়নি", + "saveLibraryError": "", + "collabSaveFailed": "", + "collabSaveFailed_sizeExceeded": "", + "imageToolNotSupported": "", + "brave_measure_text_error": { + "line1": "", + "line2": "", + "line3": "", + "line4": "" + }, + "libraryElementTypeError": { + "embeddable": "", + "iframe": "", + "image": "" + }, + "asyncPasteFailedOnRead": "", + "asyncPasteFailedOnParse": "", + "copyToSystemClipboardFailed": "" + }, + "toolBar": { + "selection": "বাছাই", + "lasso": "", + "image": "চিত্র সন্নিবেশ", + "rectangle": "আয়তক্ষেত্র", + "diamond": "রুহিতন", + "ellipse": "উপবৃত্ত", + "arrow": "তীর", + "line": "রেখা", + "freedraw": "কলম", + "text": "লেখা", + "library": "সংগ্রহ", + "lock": "আঁকার পরে নির্বাচিত টুল সক্রিয় রাখুন", + "penMode": "", + "link": "", + "eraser": "ঝাড়ন", + "frame": "", + "magicframe": "", + "embeddable": "", + "laser": "", + "hand": "", + "extraTools": "", + "mermaidToExcalidraw": "", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" + }, + "headings": { + "canvasActions": "ক্যানভাস কার্যকলাপ", + "selectedShapeActions": "বাছাই করা আকার(গুলি)র কার্যকলাপ", + "shapes": "আকার(গুলি)" + }, + "hints": { + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "একাধিক বিন্দু শুরু করতে ক্লিক করুন, একক লাইনের জন্য টেনে আনুন", + "arrowTool": "", + "freeDraw": "ক্লিক করুন এবং টেনে আনুন, আপনার কাজ শেষ হলে ছেড়ে দিন", + "text": "বিশেষ্য: আপনি নির্বাচন টুলের সাথে যে কোনো জায়গায় ডাবল-ক্লিক করে পাঠ্য যোগ করতে পারেন", + "embeddable": "", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", + "publishLibrary": "আপনার নিজস্ব সংগ্রহ প্রকাশ করুন", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", + "firefox_clipboard_write": "", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" + }, + "canvasError": { + "cannotShowPreview": "প্রিভিউ দেখাতে অপারগ", + "canvasTooBig": "ক্যানভাস অনেক বড়।", + "canvasTooBigTip": "বিশেষ্য: দূরতম উপাদানগুলোকে একটু কাছাকাছি নিয়ে যাওয়ার চেষ্টা করুন।" + }, + "errorSplash": { + "headingMain": "একটি ত্রুটির সম্মুখীন হয়েছে৷ চেষ্টা করুন ", + "clearCanvasMessage": "যদি পুনরায় লোড করা কাজ না করে, চেষ্টা করুন ", + "clearCanvasCaveat": " এর ফলে কাজের ক্ষতি হবে ", + "trackedToSentry": "ত্রুটি {{eventId}} আমাদের সিস্টেমে ট্র্যাক করা হয়েছিল।", + "openIssueMessage": "আমরা ত্রুটিতে আপনার দৃশ্যের তথ্য অন্তর্ভুক্ত না করার জন্য খুব সতর্ক ছিলাম। আপনার দৃশ্য ব্যক্তিগত না হলে, আমাদের অনুসরণ করার কথা বিবেচনা করুন অনুগ্রহ করে GitHub ইস্যুতে অনুলিপি এবং পেস্ট করে নীচের তথ্য অন্তর্ভুক্ত করুন।", + "sceneContent": "দৃশ্য বিষয়বস্তু:" + }, + "shareDialog": { + "or": "" + }, + "roomDialog": { + "desc_intro": "", + "desc_privacy": "", + "button_startSession": "সেশন শুরু করুন", + "button_stopSession": "সেশন বন্ধ করুন", + "desc_inProgressIntro": "লাইভ-সহযোগীতার সেশন এখন চলছে।", + "desc_shareLink": "আপনি যার সাথে সহযোগিতা করতে চান তাদের সাথে এই লিঙ্কটি ভাগ করুন: ", + "desc_exitSession": "অধিবেশন বন্ধ করা আপনাকে রুম থেকে সংযোগ বিচ্ছিন্ন করবে, কিন্তু আপনি স্থানীয়ভাবে দৃশ্যের সাথে কাজ চালিয়ে যেতে সক্ষম হবেন। মনে রাখবেন যে এটি অন্য লোকেদের প্রভাবিত করবে না এবং তারা এখনও তাদের সংস্করণে সহযোগিতা করতে সক্ষম হবে।", + "shareTitle": "এক্সক্যালিড্র লাইভ সহযোগিতা সেশনে যোগ দিন" + }, + "errorDialog": { + "title": "ত্রুটি" + }, + "exportDialog": { + "disk_title": "", + "disk_details": "", + "disk_button": "", + "link_title": "", + "link_details": "", + "link_button": "", + "excalidrawplus_description": "", + "excalidrawplus_button": "নিবদ্ধ", + "excalidrawplus_exportError": "" + }, + "helpDialog": { + "blog": "", + "click": "ক্লিক", + "deepSelect": "", + "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", + "curvedArrow": "", + "curvedLine": "", + "documentation": "", + "doubleClick": "", + "drag": "", + "editor": "", + "editLineArrowPoints": "", + "editText": "", + "github": "", + "howto": "", + "or": "অথবা", + "preventBinding": "", + "tools": "", + "shortcuts": "", + "textFinish": "", + "textNewLine": "", + "title": "", + "view": "", + "zoomToFit": "", + "zoomToSelection": "", + "toggleElementLock": "", + "movePageUpDown": "", + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" + }, + "clearCanvasDialog": { + "title": "" + }, + "publishDialog": { + "title": "", + "itemName": "", + "authorName": "", + "githubUsername": "", + "twitterUsername": "", + "libraryName": "", + "libraryDesc": "", + "website": "", + "placeholder": { + "authorName": "", + "libraryName": "", + "libraryDesc": "", + "githubHandle": "", + "twitterHandle": "", + "website": "" + }, + "errors": { + "required": "", + "website": "" + }, + "noteDescription": "", + "noteGuidelines": "", + "noteLicense": "", + "noteItems": "", + "atleastOneLibItem": "", + "republishWarning": "" + }, + "publishSuccessDialog": { + "title": "", + "content": "" + }, + "confirmDialog": { + "resetLibrary": "", + "removeItemsFromLib": "" + }, + "imageExportDialog": { + "header": "", + "label": { + "withBackground": "", + "onlySelected": "", + "darkMode": "", + "embedScene": "", + "scale": "", + "padding": "" + }, + "tooltip": { + "embedScene": "" + }, + "title": { + "exportToPng": "", + "exportToSvg": "", + "copyPngToClipboard": "" + }, + "button": { + "exportToPng": "", + "exportToSvg": "", + "copyPngToClipboard": "" + } + }, + "encrypted": { + "tooltip": "", + "link": "" + }, + "stats": { + "angle": "কোণ", + "shapes": "", + "height": "", + "scene": "", + "selected": "", + "storage": "", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", + "total": "", + "version": "", + "versionCopy": "", + "versionNotAvailable": "", + "width": "প্রস্থ" + }, + "toast": { + "addedToLibrary": "সংগ্রহশালায় যুক্ত হয়েছে", + "copyStyles": "", + "copyToClipboard": "ক্লিপবোর্ডে কপি করা হয়েছে।", + "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", + "fileSaved": "", + "fileSavedToFilename": "", + "canvas": "", + "selection": "বাছাই", + "pasteAsSingleElement": "", + "unableToEmbed": "", + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" + }, + "colors": { + "transparent": "", + "black": "", + "white": "", + "red": "", + "pink": "", + "grape": "", + "violet": "", + "gray": "", + "blue": "", + "cyan": "", + "teal": "", + "green": "", + "yellow": "", + "orange": "", + "bronze": "" + }, + "welcomeScreen": { + "app": { + "center_heading": "", + "center_heading_plus": "", + "menuHint": "" + }, + "defaults": { + "menuHint": "", + "center_heading": "", + "toolbarHint": "", + "helpHint": "" + } + }, + "colorPicker": { + "color": "", + "mostUsedCustomColors": "", + "colors": "", + "shades": "", + "hexCode": "", + "noShades": "" + }, + "overwriteConfirm": { + "action": { + "exportToImage": { + "title": "", + "button": "", + "description": "" + }, + "saveToDisk": { + "title": "", + "button": "", + "description": "" + }, + "excalidrawPlus": { + "title": "", + "button": "", + "description": "" + } + }, + "modal": { + "loadFromFile": { + "title": "", + "button": "", + "description": "" + }, + "shareableLink": { + "title": "", + "button": "", + "description": "" + } + } + }, + "mermaid": { + "title": "", + "button": "", + "description": "", + "syntax": "", + "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" + } +} diff --git a/packages/excalidraw/locales/ca-ES.json b/packages/excalidraw/locales/ca-ES.json index 4f601d93a6..105bc8ca2c 100644 --- a/packages/excalidraw/locales/ca-ES.json +++ b/packages/excalidraw/locales/ca-ES.json @@ -11,8 +11,8 @@ "copyAsPng": "Copia al porta-retalls com a PNG", "copyAsSvg": "Copia al porta-retalls com a SVG", "copyText": "Copia al porta-retalls com a text", - "copySource": "Copia l'origen al porta-retalls", - "convertToCode": "", + "copySource": "Copia al porta-retalls", + "convertToCode": "Converteix a codi", "bringForward": "Porta endavant", "sendToBack": "Envia enrere", "bringToFront": "Porta al davant", @@ -21,7 +21,9 @@ "copyStyles": "Copia els estils", "pasteStyles": "Enganxa els estils", "stroke": "Color del traç", + "changeStroke": "Canvia el color del traç", "background": "Color del fons", + "changeBackground": "Canvia el color de fons", "fill": "Estil del fons", "strokeWidth": "Amplada del traç", "strokeStyle": "Estil del traç", @@ -38,12 +40,20 @@ "arrowhead_none": "Cap", "arrowhead_arrow": "Fletxa", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Cercle", + "arrowhead_circle_outline": "Circumferència", "arrowhead_triangle": "Triangle", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Triangle (vora)", + "arrowhead_diamond": "Rombe", + "arrowhead_diamond_outline": "Rombe (vora)", + "arrowhead_crowfoot_many": "Potes de gall (moltes)", + "arrowhead_crowfoot_one": "Potes de gall (una)", + "arrowhead_crowfoot_one_or_many": "Potes de gall (una o moltes)", + "more_options": "Més opcions", + "arrowtypes": "Tipus de fletxa", + "arrowtype_sharp": "Fletxa Esmolada", + "arrowtype_round": "Fletxa corba", + "arrowtype_elbowed": "Fletxa de colzes", "fontSize": "Mida de lletra", "fontFamily": "Tipus de lletra", "addWatermark": "Afegeix-hi «Fet amb Excalidraw»", @@ -56,7 +66,7 @@ "veryLarge": "Molt gran", "solid": "Sòlid", "hachure": "Ratlletes", - "zigzag": "", + "zigzag": "Ziga-zaga", "crossHatch": "Ratlletes creuades", "thin": "Fi", "bold": "Negreta", @@ -72,6 +82,7 @@ "canvasColors": "Usat al llenç", "canvasBackground": "Fons del llenç", "drawingCanvas": "Llenç de dibuix", + "clearCanvas": "Neteja el llenç", "layers": "Capes", "actions": "Accions", "language": "Llengua", @@ -84,12 +95,13 @@ "group": "Agrupa la selecció", "ungroup": "Desagrupa la selecció", "collaborators": "Col·laboradors", - "showGrid": "Mostra la graella", + "toggleGrid": "Alterna la quadrícula", "addToLibrary": "Afegir a la biblioteca", "removeFromLibrary": "Eliminar de la biblioteca", "libraryLoadingMessage": "S'està carregant la biblioteca…", "libraries": "Explora les biblioteques", "loadingScene": "S'està carregant l'escena…", + "loadScene": "Carrega una escena des d'un fitxer", "align": "Alinea", "alignTop": "Alinea a la part superior", "alignBottom": "Alinea a la part inferior", @@ -105,26 +117,33 @@ "share": "Comparteix", "showStroke": "Mostra el selector de color del traç", "showBackground": "Mostra el selector de color de fons", - "toggleTheme": "Activa o desactiva el tema", + "showFonts": "Mostra el selector tipogràfic", + "toggleTheme": "Alternar tema clar i fosc", + "theme": "Tema", "personalLib": "Biblioteca personal", "excalidrawLib": "Biblioteca d'Excalidraw", "decreaseFontSize": "Redueix la mida de la lletra", "increaseFontSize": "Augmenta la mida de la lletra", "unbindText": "Desvincular el text", "bindText": "Ajusta el text al contenidor", - "createContainerFromText": "", + "createContainerFromText": "Ajusta el text al contenidor", "link": { "edit": "Edita l'enllaç", - "editEmbed": "Edita l'enllaç i incrusta-ho", - "create": "Crea un enllaç", - "createEmbed": "", + "editEmbed": "Editar enllaç incrustable", + "create": "Afegir un enllaç", "label": "Enllaç", - "labelEmbed": "", - "empty": "No s'ha definit cap enllaç" + "labelEmbed": "Enllaça i encasta", + "empty": "No s'ha definit cap enllaç", + "hint": "Escriu o enganxa un enllaç aquí", + "goToElement": "Anar a l'element objectiu" }, "lineEditor": { "edit": "Editar línia", - "exit": "Sortir de l'editor de línia" + "editArrow": "Edita la fletxa" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Bloca", @@ -135,15 +154,49 @@ "statusPublished": "Publicat", "sidebarLock": "Manté la barra lateral oberta", "selectAllElementsInFrame": "Selecciona tots els elements del marc", - "removeAllElementsFromFrame": "Eliminat tots els elements del marc", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "removeAllElementsFromFrame": "Elimina tots els elements del marc", + "eyeDropper": "Tria un color del llenç", + "textToDiagram": "Text a diagrama", + "prompt": "Prompt", + "followUs": "Seguiu-nos", + "discordChat": "Xat de Discord", + "zoomToFitViewport": "Amplia per adaptar-se a la finestra", + "zoomToFitSelection": "Zoom per veure la selecció", + "zoomToFit": "Zoom per veure tots els elements", + "installPWA": "Instal·la Excalidraw localment (PWA)", + "autoResize": "Activa la redimensió de text automàtica", + "imageCropping": "Retallar la imatge", + "unCroppedDimension": "Dimensió sense retallar", + "copyElementLink": "Copiar enllaç a objecte", + "linkToElement": "Enllaç a l'objecte", + "wrapSelectionInFrame": "Embolica la selecció en un marc", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Enllaç a l'objecte", + "desc": "Fes clic en una forma al llenç o enganxa un enllaç.", + "notFound": "L'objecte enllaçat no s'ha trobat al llenç." }, "library": { "noItems": "Encara no s'hi han afegit elements...", "hint_emptyLibrary": "Trieu un element o un llenç per a afegir-lo aquí, o instal·leu una biblioteca del repositori públic, més avall.", - "hint_emptyPrivateLibrary": "Trieu un element o un llenç per a afegir-lo aquí." + "hint_emptyPrivateLibrary": "Trieu un element o un llenç per a afegir-lo aquí.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Troba al llenç", + "noMatch": "No hem trobat coincidències...", + "singleResult": "resultat", + "multipleResults": "resultats", + "placeholder": "Troba al llenç...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Neteja el llenç", @@ -151,6 +204,7 @@ "exportImage": "Exporta la imatge...", "export": "Guardar a...", "copyToClipboard": "Copia al porta-retalls", + "copyLink": "Copia l'enllaç", "save": "Desa al fitxer actual", "saveAs": "Anomena i desa", "load": "Obrir", @@ -171,14 +225,16 @@ "fullScreen": "Pantalla completa", "darkMode": "Mode fosc", "lightMode": "Mode clar", + "systemMode": "Mode del sistema", "zenMode": "Mode zen", - "objectsSnapMode": "", + "objectsSnapMode": "Ajusta als objectes", "exitZenMode": "Surt de mode zen", "cancel": "Cancel·la", + "saveLibNames": "", "clear": "Neteja", "remove": "Suprimeix", - "embed": "", - "publishLibrary": "Publica", + "embed": "Commuta incrustació", + "publishLibrary": "", "submit": "Envia", "confirm": "Confirma", "embeddableInteractionButton": "Feu clic per interactuar" @@ -204,37 +260,39 @@ "resetLibrary": "Això buidarà la biblioteca. N'esteu segur?", "removeItemsFromsLibrary": "Suprimir {{count}} element(s) de la biblioteca?", "invalidEncryptionKey": "La clau d'encriptació ha de tenir 22 caràcters. La col·laboració en directe està desactivada.", - "collabOfflineWarning": "Sense connexió a internet disponible.\nEls vostres canvis no seran guardats!" + "collabOfflineWarning": "Sense connexió a internet disponible.\nEls vostres canvis no seran guardats!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipus de fitxer no suportat.", "imageInsertError": "No s'ha pogut insertar la imatge, torneu-ho a provar més tard...", "fileTooBig": "El fitxer és massa gros. La mida màxima permesa és {{maxSize}}.", "svgImageInsertError": "No ha estat possible inserir la imatge SVG. Les marques SVG semblen invàlides.", - "failedToFetchImage": "", - "invalidSVGString": "SVG no vàlid.", + "failedToFetchImage": "No s'ha pogut obtenir la imatge.", "cannotResolveCollabServer": "No ha estat possible connectar amb el servidor collab. Si us plau recarregueu la pàgina i torneu a provar.", "importLibraryError": "No s'ha pogut carregar la biblioteca", + "saveLibraryError": "No hem pogut desar la llibreria a l'emmagatzematge. Si us plau, deseu la vostra llibreria a un fitxer local per assegurar que no perds els canvis.", "collabSaveFailed": "No s'ha pogut desar a la base de dades de fons. Si els problemes persisteixen, hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.", "collabSaveFailed_sizeExceeded": "No s'ha pogut desar a la base de dades de fons, sembla que el llenç és massa gran. Hauríeu de desar el fitxer localment per assegurar-vos que no perdeu el vostre treball.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Les imatges no estan habilitades.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "Sembla que feu servir el navegador Brave amb el blocatge agressiu d'indentificació única activat.", + "line2": "Això podria provocar problemes amb els elements de text en els vostres dissenys.", + "line3": "Us recomanem encaridament que desactiveu aquesta característica. Podeu seguir aquests passos per a fer-ho.", + "line4": "Si els elements de text no es mostren correctament malgrat haver desactivat aquesta opció, si us plau, obriu una incidència a la nostra pàgina de GitHub o escriviu-nos a Discord" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Els elements incrustables no poden afegir-se a la biblioteca.", + "iframe": "Elements IFrame no es poden afegir a la biblioteca.", + "image": "Suport per a afegir imatges a la biblioteca aviat!" }, - "asyncPasteFailedOnRead": "", + "asyncPasteFailedOnRead": "No s'ha pogut enganxar (no s'ha pogut llegir del porta-retalls del sistema).", "asyncPasteFailedOnParse": "No s'ha pogut enganxar.", - "copyToSystemClipboardFailed": "" + "copyToSystemClipboardFailed": "No s'ha pogut copiar al porta-retalls." }, "toolBar": { "selection": "Selecció", + "lasso": "", "image": "Insereix imatge", "rectangle": "Rectangle", "diamond": "Rombe", @@ -246,16 +304,32 @@ "library": "Biblioteca", "lock": "Mantenir activa l'eina seleccionada desprès de dibuixar", "penMode": "Mode de llapis - evita tocar", - "link": "Afegeix / actualitza l'enllaç per a la forma seleccionada", + "link": "Afegeix/actualitza l'enllaç per a una forma seleccionada", "eraser": "Esborrador", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", + "frame": "Eina de marc", + "magicframe": "De Wireframe a codi", + "embeddable": "Incrustació Web", + "laser": "Punter làser", "hand": "Mà (eina de desplaçament)", - "extraTools": "", - "mermaidToExcalidraw": "De Mermaid a Excalidraw", - "magicSettings": "Preferències d'IA" + "extraTools": "Més eines", + "mermaidToExcalidraw": "Mermaid a Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Rectangle", + "diamond": "Rombe", + "ellipse": "El·lipse", + "arrow": "Fletxa", + "line": "Línia", + "freedraw": "Dibuix a mà alçada", + "text": "Text", + "image": "Imatge", + "group": "Grup", + "frame": "Marc", + "magicframe": "De Wireframe a codi", + "embeddable": "Incrustació Web", + "selection": "Selecció", + "iframe": "IFrame" }, "headings": { "canvasActions": "Accions del llenç", @@ -263,28 +337,33 @@ "shapes": "Formes" }, "hints": { - "canvasPanning": "Per moure el llenç, manteniu premuda la roda del ratolí o la barra espaiadora mentre arrossegueu o utilitzeu l'eina manual", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Feu clic per a dibuixar múltiples punts; arrossegueu per a una sola línia", + "arrowTool": "", "freeDraw": "Feu clic i arrossegueu, deixeu anar per a finalitzar", "text": "Consell: també podeu afegir text fent doble clic en qualsevol lloc amb l'eina de selecció", - "embeddable": "", - "text_selected": "Feu doble clic o premeu Retorn per a editar el text", - "text_editing": "Premeu Escapada o Ctrl+Retorn (o Ordre+Retorn) per a finalitzar l'edició", - "linearElementMulti": "Feu clic a l'ultim punt, o pitgeu Esc o Retorn per a finalitzar", - "lockAngle": "Per restringir els angles, mantenir premut el majúscul (SHIFT)", - "resize": "Per restringir les proporcions mentres es canvia la mida, mantenir premut el majúscul (SHIFT); per canviar la mida des del centre, mantenir premut ALT", - "resizeImage": "Podeu redimensionar lliurement prement MAJÚSCULA;\nper a redimensionar des del centre, premeu ALT", - "rotate": "Per restringir els angles mentre gira, mantenir premut el majúscul (SHIFT)", - "lineEditor_info": "Mantingueu premut Ctrl o Cmd i feu doble clic o premeu Ctrl o Cmd + Retorn per editar els punts", - "lineEditor_pointSelected": "Premeu Suprimir per a eliminar el(s) punt(s), CtrlOrCmd+D per a duplicar-lo, o arrossegueu-lo per a moure'l", - "lineEditor_nothingSelected": "Seleccioneu un punt per a editar-lo (premeu SHIFT si voleu\nselecció múltiple), o manteniu Alt i feu clic per a afegir més punts", - "placeImage": "Feu clic per a col·locar la imatge o clic i arrossegar per a establir-ne la mida manualment", + "embeddable": "Feu clic i arrossegueu per crear una Incrustació Web", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publiqueu la vostra pròpia llibreria", - "bindTextToElement": "Premeu enter per a afegir-hi text", - "deepBoxSelect": "Manteniu CtrlOrCmd per a selecció profunda, i per a evitar l'arrossegament", - "eraserRevert": "Mantingueu premuda Alt per a revertir els elements seleccionats per a esborrar", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "És probable que aquesta funció es pugui activar posant la marca \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Per canviar les marques del navegador al Firefox, visiteu la pàgina \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "No es pot mostrar la previsualització", @@ -299,9 +378,12 @@ "openIssueMessage": "Anàvem amb molta cura de no incloure la informació de la vostra escena en l'error. Si l'escena no és privada, podeu fer-ne el seguiment al nostre Incloeu la informació a continuació copiant i enganxant a GitHub Issues.", "sceneContent": "Contingut de l'escena:" }, + "shareDialog": { + "or": "O" + }, "roomDialog": { - "desc_intro": "Podeu convidar persones a la vostra escena actual a col·laborar amb vós.", - "desc_privacy": "No us preocupeu, la sessió utilitza el xifratge de punta a punta, de manera que qualsevol cosa que dibuixeu romandrà privada. Ni tan sols el nostre servidor podrà veure què feu.", + "desc_intro": "Convideu gent a col·laborar en el vostre disseny.", + "desc_privacy": "No us amoïneu, la sessió està encriptada d'extrem a extrem i és totalment privada. Ni tan sols el nostre servidor pot veure què dibuixeu.", "button_startSession": "Inicia la sessió", "button_stopSession": "Atura la sessió", "desc_inProgressIntro": "La sessió de col·laboració en directe està en marxa.", @@ -328,14 +410,16 @@ "click": "clic", "deepSelect": "Selecció profunda", "deepBoxSelect": "Seleccioneu profundament dins del quadre i eviteu arrossegar", + "createFlowchart": "Crear un diagrama de flux a partir d'un element genèric", + "navigateFlowchart": "Navegar per un diagrama de flux", "curvedArrow": "Fletxa corba", "curvedLine": "Línia corba", "documentation": "Documentació", "doubleClick": "doble clic", "drag": "arrossega", "editor": "Editor", - "editLineArrowPoints": "", - "editText": "", + "editLineArrowPoints": "Edita els punts de la línia/fletxa", + "editText": "Edita text / afegeix etiqueta", "github": "Hi heu trobat un problema? Informeu-ne", "howto": "Seguiu les nostres guies", "or": "o", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoom per veure la selecció", "toggleElementLock": "Blocar/desblocar la selecció", "movePageUpDown": "Mou la pàgina cap amunt/a baix", - "movePageLeftRight": "Mou la pàgina cap a l'esquerra/dreta" + "movePageLeftRight": "Mou la pàgina cap a l'esquerra/dreta", + "cropStart": "Retallar l'imatge", + "cropFinish": "Finalitza el retall d'imatge" }, "clearCanvasDialog": { "title": "Neteja el llenç" @@ -392,27 +478,27 @@ "removeItemsFromLib": "Suprimeix els elements seleccionats de la llibreria" }, "imageExportDialog": { - "header": "", + "header": "Exporteu la imatge", "label": { - "withBackground": "", - "onlySelected": "Només els seleccionats", + "withBackground": "Fons", + "onlySelected": "Només seleccionat", "darkMode": "Mode fosc", - "embedScene": "", - "scale": "", - "padding": "" + "embedScene": "Incrusta escena", + "scale": "Escala", + "padding": "Marge intern (padding)" }, "tooltip": { - "embedScene": "" + "embedScene": "Les dades de l’escena es desaran al fitxer PNG/SVG de manera que es pugui restaurar l’escena.\nAixò farà augmentar la mida del fitxer exportat." }, "title": { - "exportToPng": "Exporta a PNG", - "exportToSvg": "Exporta a SVG", - "copyPngToClipboard": "Copia el PNG al porta-retalls" + "exportToPng": "Exporteu a PNG", + "exportToSvg": "Exporteu a SVG", + "copyPngToClipboard": "Copieu el PNG al porta-retalls" }, "button": { "exportToPng": "PNG", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToSvg": "SVG", + "copyPngToClipboard": "Copieu al porta-retalls" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "Angle", - "element": "Element", - "elements": "Elements", + "shapes": "Formes", "height": "Altura", "scene": "Escena", "selected": "Seleccionat", "storage": "Emmagatzematge", - "title": "Estadístiques per nerds", + "fullTitle": "Propietats del Llenç i de la Forma", + "title": "Propietats", + "generalStats": "General", + "elementProperties": "Propietats de la forma", "total": "Total", "version": "Versió", "versionCopy": "Feu clic per a copiar", @@ -439,26 +527,28 @@ "copyStyles": "S'han copiat els estils.", "copyToClipboard": "S'ha copiat al porta-retalls.", "copyToClipboardAsPng": "S'ha copiat {{exportSelection}} al porta-retalls en format PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "S'ha copiat {{exportSelection}} al porta-retalls com a SVG\n({{exportColorScheme}})", "fileSaved": "S'ha desat el fitxer.", "fileSavedToFilename": "S'ha desat a {filename}", "canvas": "el llenç", "selection": "la selecció", "pasteAsSingleElement": "Fer servir {{shortcut}} per enganxar com un sol element,\no enganxeu-lo en un editor de text existent", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "Actualment no es permet incrustar aquesta URL. Planteja un problema a GitHub per sol·licitar que l'URL estigui a la llista blanca", + "unrecognizedLinkFormat": "L'enllaç que has incrustat no coincideix amb el format esperat. Si us plau, intenta enganxar l'enllaç 'embed' proporcionada pel lloc web d'origen", + "elementLinkCopied": "Enllaç copiat al porta-retalls" }, "colors": { "transparent": "Transparent", - "black": "", - "white": "", - "red": "", - "pink": "", - "grape": "", - "violet": "", - "gray": "", - "blue": "", - "cyan": "", - "teal": "", + "black": "Negre", + "white": "Blanc", + "red": "Vermell", + "pink": "Rosa", + "grape": "Violat (raïm)", + "violet": "Violat", + "gray": "Gris", + "blue": "Blau", + "cyan": "Cian", + "teal": "Xarxet", "green": "Verd", "yellow": "Groc", "orange": "Taronja", @@ -478,48 +568,97 @@ } }, "colorPicker": { - "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", - "noShades": "" + "color": "", + "mostUsedCustomColors": "Colors personalitzats més usats", + "colors": "Colors", + "shades": "Ombres", + "hexCode": "Codi hexadecimal", + "noShades": "No hi ha ombres disponibles per a aquest color" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "Exporta com a imatge", - "button": "Exporta com a imatge", - "description": "" + "title": "Exporteu com a imatge", + "button": "Exporteu com a imatge", + "description": "Exporta les dades de l'escena com una imatge des de la qual podràs importar-les més tard." }, "saveToDisk": { - "title": "Desa al disc", - "button": "Desa al disc", - "description": "" + "title": "Deseu al disc", + "button": "Deseu al disc", + "description": "Exporta les dades de l'escena a un fitxer des del qual podràs importar-les més tard." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+", + "button": "Exporta a Excalidraw+", + "description": "Desa l'escena al teu espai de treball d'Excalidraw+." } }, "modal": { "loadFromFile": { "title": "Carrega des d'un fitxer", "button": "Carrega des d'un fitxer", - "description": "" + "description": "Carregar des d'un fitxer substituirà el contingut actual.

Podeu desar el vostre disseny abans fent servir una de les opcions més avall." }, "shareableLink": { "title": "Carrega des d'un enllaç", - "button": "", - "description": "" + "button": "Substitueix el contingut", + "description": "Carregar un disseny extern substituirà el contingut actual.

Podeu desar el vostre disseny abans fent servir una de les opcions més avall." } } }, "mermaid": { - "title": "De Mermaid a Excalidraw", - "button": "Insereix", - "description": "", + "title": "Mermaid a Excalidraw", + "button": "Inseriu", + "description": "Actualment només s'admeten els diagrames Flowchart, Sequence, i Class . Els altres tipus es representaran com a imatge a Excalidraw.", "syntax": "Sintaxi de Mermaid", "preview": "Previsualització" + }, + "quickSearch": { + "placeholder": "Cerca ràpida" + }, + "fontList": { + "badge": { + "old": "antic" + }, + "sceneFonts": "En aquesta escena", + "availableFonts": "Lletres tipogràfiques disponibles", + "empty": "No s'ha trobat cap lletra tipogràfica" + }, + "userList": { + "empty": "No s'ha trobat cap usuari", + "hint": { + "text": "Feu clic sobre un usuari per seguir-lo", + "followStatus": "Ara per ara seguiu aquest usuari", + "inCall": "L'usuari es troba en una trucada de veu", + "micMuted": "El micròfon de l'usuari és silenciat", + "isSpeaking": "L'usuari parla ara" + } + }, + "commandPalette": { + "title": "Paleta d'ordres", + "shortcuts": { + "select": "Selecciona", + "confirm": "Confirma", + "close": "Tanca" + }, + "recents": "Usats recentment", + "search": { + "placeholder": "Cerca menús, ordres i descobreix joies amagades", + "noMatch": "No hi ha ordres coincidents..." + }, + "itemNotAvailable": "Ordre no disponible...", + "shortcutHint": "Per obrir la paleta d'ordres, utilitza {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/cs-CZ.json b/packages/excalidraw/locales/cs-CZ.json index 150fecd3d8..46861984ca 100644 --- a/packages/excalidraw/locales/cs-CZ.json +++ b/packages/excalidraw/locales/cs-CZ.json @@ -11,8 +11,8 @@ "copyAsPng": "Zkopírovat do schránky jako PNG", "copyAsSvg": "Zkopírovat do schránky jako SVG", "copyText": "Zkopírovat do schránky jako text", - "copySource": "", - "convertToCode": "", + "copySource": "Kopírovat zdroj do schránky", + "convertToCode": "Převést na kód", "bringForward": "Přenést blíž", "sendToBack": "Přenést do pozadí", "bringToFront": "Přenést do popředí", @@ -21,7 +21,9 @@ "copyStyles": "Kopírovat styly", "pasteStyles": "Vložit styly", "stroke": "Obrys", + "changeStroke": "Změnit barvu ohraničení", "background": "Pozadí", + "changeBackground": "Změnit barvu pozadí", "fill": "Výplň", "strokeWidth": "Tloušťka tahu", "strokeStyle": "Styl tahu", @@ -38,12 +40,20 @@ "arrowhead_none": "Žádný", "arrowhead_arrow": "Šipka", "arrowhead_bar": "Kóta", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Kruh", + "arrowhead_circle_outline": "Kružnice", "arrowhead_triangle": "Trojúhelník", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Trojúhelník (obrys)", + "arrowhead_diamond": "Kosočtverec", + "arrowhead_diamond_outline": "Kosočtverec (obrys)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "Typ šipky", + "arrowtype_sharp": "Ostrá šipka", + "arrowtype_round": "Zakřivená šipka", + "arrowtype_elbowed": "", "fontSize": "Velikost písma", "fontFamily": "Písmo", "addWatermark": "Přidat \"Vyrobeno s Excalidraw\"", @@ -55,7 +65,7 @@ "large": "Velké", "veryLarge": "Velmi velké", "solid": "Plný", - "hachure": "Hachure", + "hachure": "Šrafování", "zigzag": "Klikatě", "crossHatch": "Křížový šrafování", "thin": "Tenký", @@ -72,6 +82,7 @@ "canvasColors": "Použito na plátně", "canvasBackground": "Pozadí plátna", "drawingCanvas": "Kreslicí plátno", + "clearCanvas": "Vyčistit plátno", "layers": "Vrstvy", "actions": "Akce", "language": "Jazyk", @@ -84,12 +95,13 @@ "group": "Sloučit výběr do skupiny", "ungroup": "Zrušit sloučení skupiny", "collaborators": "Spolupracovníci", - "showGrid": "Zobrazit mřížku", + "toggleGrid": "Přepínač mřížky", "addToLibrary": "Přidat do knihovny", "removeFromLibrary": "Odebrat z knihovny", "libraryLoadingMessage": "Načítání knihovny…", "libraries": "Procházet knihovny", "loadingScene": "Načítání scény…", + "loadScene": "Načíst scénu ze souboru", "align": "Zarovnání", "alignTop": "Zarovnat nahoru", "alignBottom": "Zarovnat dolů", @@ -105,7 +117,9 @@ "share": "Sdílet", "showStroke": "Zobrazit výběr barvy", "showBackground": "Zobrazit výběr barev pozadí", - "toggleTheme": "Přepnout tmavý řežim", + "showFonts": "Zobrazit výběr písma", + "toggleTheme": "Přepnout světlý/tmavý motiv", + "theme": "Motiv", "personalLib": "Osobní knihovna", "excalidrawLib": "Exkalidraw knihovna", "decreaseFontSize": "Zmenšit písmo", @@ -115,16 +129,21 @@ "createContainerFromText": "Zabalit text do kontejneru", "link": { "edit": "Upravit odkaz", - "editEmbed": "", - "create": "Vytvořit odkaz", - "createEmbed": "", + "editEmbed": "Upravit odkaz pro vložení", + "create": "Přidat odkaz", "label": "Odkaz", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Odkaz & vložit", + "empty": "Není nastaven žádný odkaz", + "hint": "Napište nebo vložte svůj odkaz zde", + "goToElement": "Přejít na cílový prvek" }, "lineEditor": { "edit": "Upravit čáru", - "exit": "Ukončit editor řádků" + "editArrow": "Upravit šipku" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Uzamknout", @@ -134,16 +153,50 @@ }, "statusPublished": "Zveřejněno", "sidebarLock": "Ponechat postranní panel otevřený", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "Vybrat všechny prvky v orámování", + "removeAllElementsFromFrame": "Odstranit všechny prvky z orámování", "eyeDropper": "Vyberte barvu z plátna", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Z textu na diagram", + "prompt": "Výzva", + "followUs": "Sledujte nás", + "discordChat": "Discord chat", + "zoomToFitViewport": "", + "zoomToFitSelection": "Přiblížit na výběr", + "zoomToFit": "Přiblížit na zobrazení všech prvků", + "installPWA": "Instalovat Excalidraw lokálně (PWA)", + "autoResize": "Povolit automatickou změnu velikosti textu", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "Kopírovat odkaz na objekt", + "linkToElement": "Odkaz na objekt", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Odkaz na objekt", + "desc": "Klikněte na tvar na plátně nebo vložte odkaz.", + "notFound": "Propojený objekt nebyl na plátně nalezen." }, "library": { "noItems": "Dosud neexistují žádné položky...", "hint_emptyLibrary": "Vyberte položku na plátně a přidejte ji sem nebo nainstalujte knihovnu z veřejného úložiště níže.", - "hint_emptyPrivateLibrary": "Vyberte položku na plátně a přidejte ji sem." + "hint_emptyPrivateLibrary": "Vyberte položku na plátně a přidejte ji sem.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Najít na plátně", + "noMatch": "Nebyla nalezena žádná shoda...", + "singleResult": "výsledek", + "multipleResults": "výsledky", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Resetovat plátno", @@ -151,6 +204,7 @@ "exportImage": "Exportovat obrázek...", "export": "Uložit jako...", "copyToClipboard": "Kopírovat do schránky", + "copyLink": "Kopírovat odkaz", "save": "Uložit do aktuálního souboru", "saveAs": "Uložit jako", "load": "Otevřít", @@ -161,7 +215,7 @@ "zoomIn": "Přiblížit", "zoomOut": "Oddálit", "resetZoom": "Resetovat přiblížení", - "menu": "Menu", + "menu": "Hlavní nabídka", "done": "Hotovo", "edit": "Upravit", "undo": "Zpět", @@ -171,17 +225,19 @@ "fullScreen": "Celá obrazovka", "darkMode": "Tmavý režim", "lightMode": "Světlý režim", + "systemMode": "Nastavení systému", "zenMode": "Zen mód", - "objectsSnapMode": "", + "objectsSnapMode": "Přichytávat k objektům", "exitZenMode": "Opustit zen mód", "cancel": "Zrušit", + "saveLibNames": "", "clear": "Vyčistit", "remove": "Odstranit", - "embed": "", - "publishLibrary": "Zveřejnit", + "embed": "Přepínač vkládání", + "publishLibrary": "", "submit": "Odeslat", "confirm": "Potvrdit", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Klikněte pro interakci" }, "alerts": { "clearReset": "Toto vymaže celé plátno. Jste si jisti?", @@ -204,20 +260,21 @@ "resetLibrary": "Tímto vymažete vaši knihovnu. Jste si jisti?", "removeItemsFromsLibrary": "Smazat {{count}} položek z knihovny?", "invalidEncryptionKey": "Šifrovací klíč musí mít 22 znaků. Live spolupráce je zakázána.", - "collabOfflineWarning": "Není k dispozici žádné internetové připojení.\nVaše změny nebudou uloženy!" + "collabOfflineWarning": "Není k dispozici žádné internetové připojení.\nVaše změny nebudou uloženy!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nepodporovaný typ souboru.", "imageInsertError": "Nelze vložit obrázek. Zkuste to později...", "fileTooBig": "Soubor je příliš velký. Maximální povolená velikost je {{maxSize}}.", "svgImageInsertError": "Nelze vložit SVG obrázek. Značení SVG je neplatné.", - "failedToFetchImage": "", - "invalidSVGString": "Neplatný SVG.", + "failedToFetchImage": "Nepodařilo se načíst obrázek.", "cannotResolveCollabServer": "Nelze se připojit ke sdílenému serveru. Prosím obnovte stránku a zkuste to znovu.", "importLibraryError": "Nelze načíst knihovnu", + "saveLibraryError": "", "collabSaveFailed": "Nelze uložit do databáze na serveru. Pokud problémy přetrvávají, měli byste uložit soubor lokálně, abyste se ujistili, že neztratíte svou práci.", "collabSaveFailed_sizeExceeded": "Nelze uložit do databáze na serveru, plátno se zdá být příliš velké. Měli byste uložit soubor lokálně, abyste se ujistili, že neztratíte svou práci.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Obrázky jsou vypnuty.", "brave_measure_text_error": { "line1": "Vypadá to, že používáte Brave prohlížeč s povoleným nastavením Aggressively Block Fingerprinting.", "line2": "To by mohlo vést k narušení Textových elementů ve vašich výkresech.", @@ -230,11 +287,12 @@ "image": "" }, "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", + "asyncPasteFailedOnParse": "Nepodařilo se vložit.", "copyToSystemClipboardFailed": "" }, "toolBar": { "selection": "Výběr", + "lasso": "", "image": "Vložit obrázek", "rectangle": "Obdélník", "diamond": "Diamant", @@ -246,16 +304,32 @@ "library": "Knihovna", "lock": "Po kreslení ponechat vybraný nástroj aktivní", "penMode": "Režim Pera - zabránit dotyku", - "link": "Přidat/aktualizovat odkaz pro vybraný tvar", + "link": "", "eraser": "Guma", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", + "frame": "Orámování", + "magicframe": "Z wireframu na kód", + "embeddable": "Web Embed", + "laser": "Laserové ukazovátko", "hand": "Ruka (nástroj pro posouvání)", - "extraTools": "", + "extraTools": "Více nástrojů", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "Obdélník", + "diamond": "Kosočtverec", + "ellipse": "Elipsa", + "arrow": "Šipka", + "line": "Čára", + "freedraw": "Volné kreslení", + "text": "Text", + "image": "Obrázek", + "group": "Skupina", + "frame": "Rám", + "magicframe": "Z wireframu na kód", + "embeddable": "", + "selection": "Výběr", + "iframe": "IFrame" }, "headings": { "canvasActions": "Akce plátna", @@ -263,28 +337,33 @@ "shapes": "Tvary" }, "hints": { - "canvasPanning": "Chcete-li přesunout plátno, podržte kolečko nebo mezerník při tažení nebo použijte nástroj Ruka", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Kliknutím pro více bodů, táhnutím pro jednu čáru", + "arrowTool": "", "freeDraw": "Klikněte a táhněte, pro ukončení pusťte", "text": "Tip: Text můžete také přidat dvojitým kliknutím kdekoli pomocí nástroje pro výběr", "embeddable": "", - "text_selected": "Dvojklikem nebo stisknutím klávesy ENTER upravíte text", - "text_editing": "Stiskněte Escape nebo Ctrl/Cmd+ENTER pro dokončení úprav", - "linearElementMulti": "Klikněte na poslední bod nebo stiskněte Escape anebo Enter pro dokončení", - "lockAngle": "Úhel můžete omezit podržením SHIFT", - "resize": "Můžete omezit proporce podržením SHIFT při změně velikosti,\npodržte ALT pro změnu velikosti od středu", - "resizeImage": "Můžete volně změnit velikost podržením SHIFT,\npodržením klávesy ALT změníte velikosti od středu", - "rotate": "Úhly můžete omezit podržením SHIFT při otáčení", - "lineEditor_info": "Podržte Ctrl/Cmd a dvakrát klikněte nebo stiskněte Ctrl/Cmd + Enter pro úpravu bodů", - "lineEditor_pointSelected": "Stisknutím tlačítka Delete odstraňte bod(y),\nCtrl/Cmd+D pro duplicitu nebo táhnutím pro přesun", - "lineEditor_nothingSelected": "Vyberte bod, který chcete upravit (podržením klávesy SHIFT vyberete více položek),\nnebo podržením klávesy Alt a kliknutím přidáte nové body", - "placeImage": "Kliknutím umístěte obrázek, nebo klepnutím a přetažením ručně nastavíte jeho velikost", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publikovat vlastní knihovnu", - "bindTextToElement": "Stiskněte Enter pro přidání textu", - "deepBoxSelect": "Podržte Ctrl/Cmd pro hluboký výběr a pro zabránění táhnutí", - "eraserRevert": "Podržením klávesy Alt vrátíte prvky označené pro smazání", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Tato funkce může být povolena nastavením vlajky \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Chcete-li změnit vlajky prohlížeče ve Firefoxu, navštivte stránku \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Náhled nelze zobrazit", @@ -299,9 +378,12 @@ "openIssueMessage": "Byli jsme velmi opatrní, abychom neuváděli informace o Vaší scéně. Pokud vaše scéna není soukromá, zvažte prosím sledování na našem . Uveďte prosím níže uvedené informace kopírováním a vložením do problému na GitHubu.", "sceneContent": "Obsah scény:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Můžete pozvat lidi na vaši aktuální scénu ke spolupráci s vámi.", - "desc_privacy": "Nebojte se, relace používá end-to-end šifrování, takže cokoliv nakreslíte zůstane soukromé. Ani náš server nebude schopen vidět, s čím budete pracovat.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Zahájit relaci", "button_stopSession": "Ukončit relaci", "desc_inProgressIntro": "Živá spolupráce právě probíhá.", @@ -328,12 +410,14 @@ "click": "kliknutí", "deepSelect": "Hluboký výběr", "deepBoxSelect": "Hluboký výběr uvnitř boxu a zabránění táhnnutí", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Zakřivená šipka", "curvedLine": "Zakřivená čára", "documentation": "Dokumentace", "doubleClick": "dvojklik", "drag": "tažení", - "editor": "Editor", + "editor": "", "editLineArrowPoints": "Upravit body linií/šipek", "editText": "Upravit text / přidat popis", "github": "Našel jsi problém? Nahlaš ho", @@ -350,7 +434,9 @@ "zoomToSelection": "Přiblížit na výběr", "toggleElementLock": "Zamknout/odemknout výběr", "movePageUpDown": "Posunout stránku nahoru/dolů", - "movePageLeftRight": "Přesunout stránku doleva/doprava" + "movePageLeftRight": "Přesunout stránku doleva/doprava", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Vymazat plátno" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Úhel", - "element": "Prvek", - "elements": "Prvky", + "shapes": "Tvary", "height": "Výška", "scene": "Scéna", "selected": "Vybráno", "storage": "Úložiště", - "title": "Statistika pro nerdy", + "fullTitle": "Vlastnosti plátna a tvarů", + "title": "Vlastnosti", + "generalStats": "Obecné", + "elementProperties": "Vlastnosti tvaru", "total": "Celkem", "version": "Verze", "versionCopy": "Kliknutím zkopírujete", @@ -439,13 +527,15 @@ "copyStyles": "Styly byly zkopírovány.", "copyToClipboard": "Zkopírováno do schránky.", "copyToClipboardAsPng": "{{exportSelection}} zkopírován do schránky jako PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Soubor byl uložen.", "fileSavedToFilename": "Uloženo do {filename}", "canvas": "plátno", "selection": "výběr", "pasteAsSingleElement": "Pomocí {{shortcut}} vložte jako jeden prvek,\nnebo vložte do existujícího textového editoru", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Průhledná", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Nejpoužívanější vlastní barvy", "colors": "Barvy", "shades": "Stíny", @@ -504,22 +595,70 @@ }, "modal": { "loadFromFile": { - "title": "", - "button": "", + "title": "Načíst ze souboru", + "button": "Načíst ze souboru", "description": "" }, "shareableLink": { - "title": "", - "button": "", + "title": "Načíst z odkazu", + "button": "Nahradit můj obsah", "description": "" } } }, "mermaid": { "title": "", - "button": "", + "button": "Vložit", "description": "", - "syntax": "", - "preview": "" + "syntax": "Mermaid syntaxe", + "preview": "Náhled" + }, + "quickSearch": { + "placeholder": "Rychlé vyhledávání" + }, + "fontList": { + "badge": { + "old": "staré" + }, + "sceneFonts": "V této scéně", + "availableFonts": "Dostupná písma", + "empty": "Nebyla nalezena žádná písma" + }, + "userList": { + "empty": "Nebyli nalezeni žádní uživatelé", + "hint": { + "text": "Klikněte na uživatele pro sledování", + "followStatus": "Právě sledujete tohoto uživatele", + "inCall": "Uživatel je v hovoru", + "micMuted": "Mikrofon uživatele je ztlumen", + "isSpeaking": "Uživatel hovoří" + } + }, + "commandPalette": { + "title": "Paleta příkazů", + "shortcuts": { + "select": "Vybrat", + "confirm": "Potvrdit", + "close": "Zavřít" + }, + "recents": "Naposledy použito", + "search": { + "placeholder": "", + "noMatch": "Žádné odpovídající příkazy..." + }, + "itemNotAvailable": "Příkaz není k dispozici...", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/da-DK.json b/packages/excalidraw/locales/da-DK.json index ebefa12ad7..08e7ab4cc7 100644 --- a/packages/excalidraw/locales/da-DK.json +++ b/packages/excalidraw/locales/da-DK.json @@ -21,7 +21,9 @@ "copyStyles": "Kopier stil", "pasteStyles": "Indsæt stil", "stroke": "Linje", + "changeStroke": "Ændr stregfarve", "background": "Baggrund", + "changeBackground": "Ændr baggrundsfarve", "fill": "Udfyld", "strokeWidth": "Linjebredde", "strokeStyle": "Linjeform", @@ -38,12 +40,20 @@ "arrowhead_none": "Ingen", "arrowhead_arrow": "Pil", "arrowhead_bar": "Bjælke", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Cirkel", + "arrowhead_circle_outline": "Cirkel (omrids)", "arrowhead_triangle": "Trekant", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Trekant (omrids)", + "arrowhead_diamond": "Diamant", + "arrowhead_diamond_outline": "Diamant (omrids)", + "arrowhead_crowfoot_many": "Kragefod (mange)", + "arrowhead_crowfoot_one": "Kragefod (én)", + "arrowhead_crowfoot_one_or_many": "Kragefod (én eller mange)", + "more_options": "Flere muligheder", + "arrowtypes": "Pile type", + "arrowtype_sharp": "Skarp pil", + "arrowtype_round": "Buet pil", + "arrowtype_elbowed": "Albuepil", "fontSize": "Skriftstørrelse", "fontFamily": "Skrifttypefamilie", "addWatermark": "Tilføj \"Lavet med Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Brugt på lærred", "canvasBackground": "Lærredsbaggrund", "drawingCanvas": "Tegnelærred", + "clearCanvas": "Ryd lærred", "layers": "Lag", "actions": "Handlinger", "language": "Sprog", @@ -81,79 +92,122 @@ "name": "Navn", "yourName": "Dit navn", "madeWithExcalidraw": "Fremstillet med Excalidraw", - "group": "Grupper valgte", - "ungroup": "Opløs gruppe", - "collaborators": "Deltagere", - "showGrid": "Vis gitter", - "addToLibrary": "Føj til Bibliotek", + "group": "Gruppér valgte", + "ungroup": "Afgruppér valgte", + "collaborators": "Samarbejdspartnere", + "toggleGrid": "Slå gitter til/fra", + "addToLibrary": "Føj til bibliotek", "removeFromLibrary": "Fjern fra biblioteket", "libraryLoadingMessage": "Indlæser bibliotek…", "libraries": "Gennemse biblioteker", "loadingScene": "Indlæser scene…", + "loadScene": "Indlæs scene fra fil", "align": "Justér", "alignTop": "Juster til top", "alignBottom": "Juster til bund", "alignLeft": "Venstrejusteret", - "alignRight": "Juster højre", - "centerVertically": "Center vertikalt", - "centerHorizontally": "Vandret centreret", + "alignRight": "Højrejustér", + "centerVertically": "Centrér vertikalt", + "centerHorizontally": "Centrér horisontalt", "distributeHorizontally": "Distribuer vandret", "distributeVertically": "Distribuer lodret", - "flipHorizontal": "Spejlvend horisontalt", - "flipVertical": "Vend lodret", + "flipHorizontal": "Vend horisontalt", + "flipVertical": "Vend vertikalt", "viewMode": "Visningstilstand", "share": "Del", "showStroke": "Vis stregfarve-vælger", "showBackground": "Vis baggrundsfarve-vælger", - "toggleTheme": "Skift tema", + "showFonts": "Vis skrifttypevælger", + "toggleTheme": "Slå lys/mørkt tema til/fra", + "theme": "Tema", "personalLib": "Personligt bibliotek", - "excalidrawLib": "Excalidraw Bibliotek", - "decreaseFontSize": "Gør skriften mindre", - "increaseFontSize": "Gør skriften større", - "unbindText": "Frigør tekst", - "bindText": "Bind tekst til beholderen", - "createContainerFromText": "Ombryd tekst i en beholder", + "excalidrawLib": "", + "decreaseFontSize": "", + "increaseFontSize": "", + "unbindText": "", + "bindText": "", + "createContainerFromText": "", "link": { - "edit": "Redigér link", - "editEmbed": "Redigér link & indlejret", - "create": "Link oprettet", - "createEmbed": "Opret link & indlejret", - "label": "Links", - "labelEmbed": "Link & indlejret", - "empty": "Intet link angivet" + "edit": "", + "editEmbed": "", + "create": "", + "label": "", + "labelEmbed": "", + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { - "edit": "Rediger Linje", - "exit": "Afslut linjeeditor" + "edit": "", + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { - "lock": "Lås", - "unlock": "Lås op", - "lockAll": "Lås alle", - "unlockAll": "Lås alle op" + "lock": "", + "unlock": "", + "lockAll": "", + "unlockAll": "" }, - "statusPublished": "Udgiver", - "sidebarLock": "Hold sidepanel åben", - "selectAllElementsInFrame": "Vælg alle elementer i rammen", - "removeAllElementsFromFrame": "Fjern alle elementer fra ramme", - "eyeDropper": "Vælg farve fra lærred", - "textToDiagram": "Tekst til diagram", - "prompt": "Prompt" + "statusPublished": "", + "sidebarLock": "", + "selectAllElementsInFrame": "", + "removeAllElementsFromFrame": "", + "eyeDropper": "", + "textToDiagram": "", + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { - "noItems": "Ingen varer tilføjet endnu...", - "hint_emptyLibrary": "Vælg et element på lærred for at tilføje det her, eller installer et bibliotek fra det offentlige arkiv, nedenfor.", - "hint_emptyPrivateLibrary": "Vælg et element på lærred for at tilføje det her." + "noItems": "", + "hint_emptyLibrary": "", + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "Nulstil lærredet", - "exportJSON": "Eksportér til fil", - "exportImage": "Eksporter billede...", - "export": "Gem til...", + "clearReset": "", + "exportJSON": "", + "exportImage": "", + "export": "", "copyToClipboard": "Kopier til klippebord", - "save": "Gem til nuværende fil", + "copyLink": "", + "save": "", "saveAs": "Gem som", - "load": "Åbn", + "load": "", "getShareableLink": "Lav et delbart link", "close": "Luk", "selectLanguage": "Vælg sprog", @@ -161,7 +215,7 @@ "zoomIn": "Zoom ind", "zoomOut": "Zoom ud", "resetZoom": "Nulstil zoom", - "menu": "Menu", + "menu": "", "done": "Færdig", "edit": "Rediger", "undo": "Fortryd", @@ -171,17 +225,19 @@ "fullScreen": "Fuld skærm", "darkMode": "Mørk tilstand", "lightMode": "Lys baggrund", + "systemMode": "", "zenMode": "Zentilstand", - "objectsSnapMode": "Fastgør til objekter", + "objectsSnapMode": "", "exitZenMode": "Stop zentilstand", "cancel": "Annuller", + "saveLibNames": "", "clear": "Ryd", "remove": "Fjern", - "embed": "Slå indlejring til/fra", - "publishLibrary": "Publicér", + "embed": "", + "publishLibrary": "", "submit": "Gem", "confirm": "Bekræft", - "embeddableInteractionButton": "Klik for at interagere" + "embeddableInteractionButton": "" }, "alerts": { "clearReset": "Dette vil rydde hele lærredet. Er du sikker?", @@ -189,85 +245,105 @@ "couldNotCreateShareableLinkTooBig": "Kunne ikke oprette delbart link: scenen er for stor", "couldNotLoadInvalidFile": "Kunne ikke indlæse ugyldig fil", "importBackendFailed": "Import fra backend mislykkedes.", - "cannotExportEmptyCanvas": "Kan ikke eksportere tomt lærred.", - "couldNotCopyToClipboard": "Kunne ikke kopiere til udklipsholderen.", - "decryptFailed": "Kunne ikke dekryptere data.", - "uploadedSecurly": "Upload er blevet sikret med ende-til-ende kryptering, hvilket betyder, at Excalidraw server og tredjeparter ikke kan læse indholdet.", - "loadSceneOverridePrompt": "Indlæsning af ekstern tegning erstatter dit eksisterende indhold. Ønsker du at fortsætte?", - "collabStopOverridePrompt": "Stopper sessionen vil overskrive din tidligere, lokalt gemte tegning. Er du sikker?\n\n(Hvis du ønsker at beholde din lokale tegning, skal du blot lukke browserfanen i stedet.)", - "errorAddingToLibrary": "Kunne ikke tilføje element til biblioteket", - "errorRemovingFromLibrary": "Kunne ikke fjerne element fra biblioteket", - "confirmAddLibrary": "Dette vil tilføje {{numShapes}} form(er) til dit bibliotek. Er du sikker?", - "imageDoesNotContainScene": "Dette billede synes ikke at indeholde scene data. Har du aktiveret scene indlejring under eksport?", - "cannotRestoreFromImage": "Scene kunne ikke gendannes fra denne billedfil", - "invalidSceneUrl": "Kunne ikke importere scene fra den angivne URL. Det er enten misdannet eller indeholder ikke gyldige Excalidraw JSON data.", - "resetLibrary": "Dette vil rydde hele lærredet. Er du sikker?", - "removeItemsFromsLibrary": "Slet {{count}} vare(r) fra biblioteket?", - "invalidEncryptionKey": "Krypteringsnøglen skal være på 22 tegn. Live-samarbejde er deaktiveret.", - "collabOfflineWarning": "Ingen internetforbindelse tilgængelig.\nDine ændringer vil ikke blive gemt!" + "cannotExportEmptyCanvas": "", + "couldNotCopyToClipboard": "", + "decryptFailed": "", + "uploadedSecurly": "", + "loadSceneOverridePrompt": "", + "collabStopOverridePrompt": "", + "errorAddingToLibrary": "", + "errorRemovingFromLibrary": "", + "confirmAddLibrary": "", + "imageDoesNotContainScene": "", + "cannotRestoreFromImage": "", + "invalidSceneUrl": "", + "resetLibrary": "", + "removeItemsFromsLibrary": "", + "invalidEncryptionKey": "", + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { - "unsupportedFileType": "Filtypen er ikke understøttet.", - "imageInsertError": "Billedet kunne ikke indsættes. Prøv igen senere...", - "fileTooBig": "Filen er for stor. Maksimal tilladt størrelse er {{maxSize}}.", - "svgImageInsertError": "Kunne ikke indsætte SVG-billede. SVG-markup'en ser ugyldig ud.", - "failedToFetchImage": "Dataene blev ikke hentet.", - "invalidSVGString": "Ugyldig SVG.", - "cannotResolveCollabServer": "Kunne ikke oprette forbindelse til samarbejdsserveren. Genindlæs siden og prøv igen.", - "importLibraryError": "Biblioteket kunne ikke indlæses", - "collabSaveFailed": "Kunne ikke gemme i databasen. Hvis problemerne fortsætter, bør du gemme din fil lokalt for at sikre, at du ikke mister dit arbejde.", - "collabSaveFailed_sizeExceeded": "Kunne ikke gemme i databasen, lærredet lader til at være for stort. Du bør gemme filen lokalt for at sikre, at du ikke mister dit arbejde.", - "imageToolNotSupported": "Billeder er deaktiveret.", + "unsupportedFileType": "", + "imageInsertError": "", + "fileTooBig": "", + "svgImageInsertError": "", + "failedToFetchImage": "", + "cannotResolveCollabServer": "", + "importLibraryError": "", + "saveLibraryError": "", + "collabSaveFailed": "", + "collabSaveFailed_sizeExceeded": "", + "imageToolNotSupported": "", "brave_measure_text_error": { - "line1": "Det ser ud til, at du bruger Brave browser med indstillingen Aggressively Block Fingerprinting aktiveret.", - "line2": "Dette kan resultere i brud på tekstelementerne i dine tegninger.", - "line3": "Vi anbefaler kraftigt at deaktivere denne indstilling. Du kan følge disse trin om, hvordan du gør det.", - "line4": "Hvis deaktivering af denne indstilling ikke løser visning af tekstelementer, åbn venligst et issue på vores GitHub, eller skriv os på Discord" + "line1": "", + "line2": "", + "line3": "", + "line4": "" }, "libraryElementTypeError": { - "embeddable": "Indlejringselementer kan ikke tilføjes til biblioteket.", - "iframe": "IFrame elementer kan ikke tilføjes til biblioteket.", - "image": "Understøttelse af at tilføje billeder til biblioteket kommer snart!" + "embeddable": "", + "iframe": "", + "image": "" }, - "asyncPasteFailedOnRead": "Kunne ikke indsætte (kan ikke læse fra systemets udklipsholder).", - "asyncPasteFailedOnParse": "Kunne ikke indsætte.", - "copyToSystemClipboardFailed": "Kunne ikke kopiere til udklipsholderen." + "asyncPasteFailedOnRead": "", + "asyncPasteFailedOnParse": "", + "copyToSystemClipboardFailed": "" }, "toolBar": { - "selection": "&Udvalg", - "image": "Indsæt billeder", - "rectangle": "Rektangler", - "diamond": "Diamanter", - "ellipse": "Ellipser", - "arrow": "Pile", - "line": "Linje", - "freedraw": "Tegn", - "text": "Tekster", - "library": "~Bibliotek", - "lock": "Behold valgte værktøj aktiv efter tegning", - "penMode": "Pen-tilstand - forhindrer berøring", - "link": "Tilføj/ Opdater link for en valgt form", - "eraser": "Slet", - "frame": "Rammeværktøj", - "magicframe": "Wireframe til kode", - "embeddable": "Web-indlejring", - "laser": "Lasermarkør", - "hand": "Hånd (panorering værktøj)", - "extraTools": "Flere værktøjer", - "mermaidToExcalidraw": "Mermaid til Excalidraw", - "magicSettings": "AI indstillinger" + "selection": "", + "lasso": "", + "image": "", + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "library": "", + "lock": "", + "penMode": "", + "link": "", + "eraser": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "laser": "", + "hand": "", + "extraTools": "", + "mermaidToExcalidraw": "", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { - "canvasActions": "Lærred handlinger", - "selectedShapeActions": "Valgte figurhandlinger", - "shapes": "Former" + "canvasActions": "", + "selectedShapeActions": "", + "shapes": "" }, "hints": { - "canvasPanning": "For at flytte lærred, hold musehjulet eller mellemrumstasten mens du trækker, eller brug håndværktøjet", - "linearElement": "Klik for at starte flere punkter, træk for enkelt linje", + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "", + "arrowTool": "", "freeDraw": "Klik og træk, slip når du er færdig", - "text": "Tip: du kan også tilføje tekst ved at dobbeltklikke hvor som helst med det valgte værktøj", - "embeddable": "Klik på træk for at oprette en hjemmeside indlejret", + "text": "", + "embeddable": "", "text_selected": "", "text_editing": "", "linearElementMulti": "", @@ -276,34 +352,40 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { - "cannotShowPreview": "Kan ikke vise forhåndsvisning", - "canvasTooBig": "Lærredet kan være for stort.", - "canvasTooBigTip": "Tip: Prøv at flytte de fjerneste elementer lidt tættere sammen." + "cannotShowPreview": "", + "canvasTooBig": "", + "canvasTooBigTip": "" }, "errorSplash": { - "headingMain": "Der opstod en fejl. Prøv .", + "headingMain": "", "clearCanvasMessage": "", "clearCanvasCaveat": "", "trackedToSentry": "", "openIssueMessage": " Kopiere og indsæt venligst oplysningerne nedenfor i et GitHub problem.", "sceneContent": "Scene indhold:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Du kan invitere folk til din nuværende scene, så de kan samarbejde med dig.", - "desc_privacy": "Bare rolig, sessionen bruger end-to-end kryptering, så uanset hvad du tegner vil det forblive privat. Ikke engang vores server vil kunne se, hvad du kommer op med.", - "button_startSession": "Start session", - "button_stopSession": "Stop session", + "desc_intro": "", + "desc_privacy": "", + "button_startSession": "", + "button_stopSession": "", "desc_inProgressIntro": "Live-samarbejde session er nu begyndt.", "desc_shareLink": "Del dette link med enhver, du ønsker at samarbejde med:", "desc_exitSession": "", @@ -328,6 +410,8 @@ "click": "", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "", - "element": "", - "elements": "", + "shapes": "", "height": "", "scene": "", "selected": "", "storage": "", - "title": "Statistik for nørder", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "", "versionCopy": "Klik for at kopiere", @@ -439,13 +527,15 @@ "copyStyles": "Kopieret stilarter.", "copyToClipboard": "Kopieret til klippebord.", "copyToClipboardAsPng": "Kopieret {{exportSelection}} til klippebord som PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Fil gemt.", "fileSavedToFilename": "Gemt som {filename}", - "canvas": "canvas", + "canvas": "", "selection": "markering", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/de-CH.json b/packages/excalidraw/locales/de-CH.json new file mode 100644 index 0000000000..b7a646d19b --- /dev/null +++ b/packages/excalidraw/locales/de-CH.json @@ -0,0 +1,664 @@ +{ + "labels": { + "paste": "Einfügen", + "pasteAsPlaintext": "Als unformatierten Text einfügen", + "pasteCharts": "Diagramme einfügen", + "selectAll": "Alle auswählen", + "multiSelect": "Element zur Auswahl hinzufügen", + "moveCanvas": "Leinwand verschieben", + "cut": "Ausschneiden", + "copy": "Kopieren", + "copyAsPng": "In Zwischenablage kopieren (PNG)", + "copyAsSvg": "In Zwischenablage kopieren (SVG)", + "copyText": "In die Zwischenablage als Text kopieren", + "copySource": "Quelle in Zwischenablage kopieren", + "convertToCode": "In Code konvertieren", + "bringForward": "Nach vorne", + "sendToBack": "In den Hintergrund", + "bringToFront": "In den Vordergrund", + "sendBackward": "Nach hinten", + "delete": "Löschen", + "copyStyles": "Formatierung kopieren", + "pasteStyles": "Formatierung übernehmen", + "stroke": "Strich", + "changeStroke": "Strichfarbe ändern", + "background": "Hintergrund", + "changeBackground": "Hintergrundfarbe ändern", + "fill": "Füllung", + "strokeWidth": "Strichstärke", + "strokeStyle": "Konturstil", + "strokeStyle_solid": "Durchgezogen", + "strokeStyle_dashed": "Gestrichelt", + "strokeStyle_dotted": "Gepunktet", + "sloppiness": "Sauberkeit", + "opacity": "Deckkraft", + "textAlign": "Textausrichtung", + "edges": "Kanten", + "sharp": "Scharf", + "round": "Rund", + "arrowheads": "Pfeilspitzen", + "arrowhead_none": "Keine", + "arrowhead_arrow": "Pfeil", + "arrowhead_bar": "Balken", + "arrowhead_circle": "Kreis", + "arrowhead_circle_outline": "Kreis (Umrandung)", + "arrowhead_triangle": "Dreieck", + "arrowhead_triangle_outline": "Dreieck (Umrandung)", + "arrowhead_diamond": "Raute", + "arrowhead_diamond_outline": "Raute (Umrandung)", + "arrowhead_crowfoot_many": "Krähenfuß (viele)", + "arrowhead_crowfoot_one": "Krähenfuß (einer)", + "arrowhead_crowfoot_one_or_many": "Krähenfuß (einer oder viele)", + "more_options": "Weitere Optionen", + "arrowtypes": "Pfeiltyp", + "arrowtype_sharp": "Scharfer Pfeil", + "arrowtype_round": "Gebogener Pfeil", + "arrowtype_elbowed": "Ellenbogen-Pfeil", + "fontSize": "Schriftgröße", + "fontFamily": "Schriftfamilie", + "addWatermark": "\"Made with Excalidraw\" hinzufügen", + "handDrawn": "Handgezeichnet", + "normal": "Normal", + "code": "Code", + "small": "Klein", + "medium": "Mittel", + "large": "Groß", + "veryLarge": "Sehr groß", + "solid": "Deckend", + "hachure": "Schraffiert", + "zigzag": "Zickzack", + "crossHatch": "Kreuzschraffiert", + "thin": "Dünn", + "bold": "Fett", + "left": "Links", + "center": "Zentriert", + "right": "Rechts", + "extraBold": "Extra Fett", + "architect": "Architekt", + "artist": "Künstler", + "cartoonist": "Karikaturist", + "fileTitle": "Dateiname", + "colorPicker": "Farbauswähler", + "canvasColors": "Auf Leinwand verwendet", + "canvasBackground": "Zeichenflächenhintergrund", + "drawingCanvas": "Leinwand", + "clearCanvas": "Zeichenfläche löschen", + "layers": "Ebenen", + "actions": "Aktionen", + "language": "Sprache", + "liveCollaboration": "Live-Zusammenarbeit...", + "duplicateSelection": "Duplizieren", + "untitled": "Unbenannt", + "name": "Name", + "yourName": "Dein Name", + "madeWithExcalidraw": "Made with Excalidraw", + "group": "Auswahl gruppieren", + "ungroup": "Gruppierung aufheben", + "collaborators": "Mitarbeitende", + "toggleGrid": "Raster umschalten", + "addToLibrary": "Zur Bibliothek hinzufügen", + "removeFromLibrary": "Aus Bibliothek entfernen", + "libraryLoadingMessage": "Lade Bibliothek…", + "libraries": "Bibliotheken durchsuchen", + "loadingScene": "Lade Zeichnung…", + "loadScene": "Szene aus Datei laden", + "align": "Ausrichten", + "alignTop": "Obere Kanten", + "alignBottom": "Untere Kanten", + "alignLeft": "Linke Kanten", + "alignRight": "Rechte Kanten", + "centerVertically": "Vertikal zentrieren", + "centerHorizontally": "Horizontal zentrieren", + "distributeHorizontally": "Horizontal verteilen", + "distributeVertically": "Vertikal verteilen", + "flipHorizontal": "Horizontal spiegeln", + "flipVertical": "Vertikal spiegeln", + "viewMode": "Ansichtsmodus", + "share": "Teilen", + "showStroke": "Auswahl für Strichfarbe anzeigen", + "showBackground": "Hintergrundfarbe auswählen", + "showFonts": "Schriftauswahl anzeigen", + "toggleTheme": "Helles/dunkles Design umschalten", + "theme": "Design", + "personalLib": "Persönliche Bibliothek", + "excalidrawLib": "Excalidraw Bibliothek", + "decreaseFontSize": "Schriftgröße verringern", + "increaseFontSize": "Schriftgröße erhöhen", + "unbindText": "Text lösen", + "bindText": "Text an Container binden", + "createContainerFromText": "Text in Container einbetten", + "link": { + "edit": "Link bearbeiten", + "editEmbed": "Einbettbaren Link bearbeiten", + "create": "Link hinzufügen", + "label": "Link", + "labelEmbed": "Verlinken & einbetten", + "empty": "Kein Link festgelegt", + "hint": "Link hier eingeben oder einfügen", + "goToElement": "Gehe zu Zielelement" + }, + "lineEditor": { + "edit": "Linie bearbeiten", + "editArrow": "Pfeil bearbeiten" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" + }, + "elementLock": { + "lock": "Sperren", + "unlock": "Entsperren", + "lockAll": "Alle sperren", + "unlockAll": "Alle entsperren" + }, + "statusPublished": "Veröffentlicht", + "sidebarLock": "Seitenleiste offen lassen", + "selectAllElementsInFrame": "Alle Elemente im Rahmen auswählen", + "removeAllElementsFromFrame": "Alle Elemente aus dem Rahmen entfernen", + "eyeDropper": "Farbe von der Zeichenfläche auswählen", + "textToDiagram": "Text zu Diagramm", + "prompt": "Eingabe", + "followUs": "Folge uns", + "discordChat": "Discord-Chat", + "zoomToFitViewport": "Zoom auf Ansicht anpassen", + "zoomToFitSelection": "Zoom auf Auswahl anpassen", + "zoomToFit": "Zoom auf alle Elemente anpassen", + "installPWA": "Excalidraw lokal installieren (PWA)", + "autoResize": "Aktiviere automatische Textgrößenanpassung", + "imageCropping": "Bild zuschneiden", + "unCroppedDimension": "Nicht zugeschnittene Dimension", + "copyElementLink": "Link zum Objekt kopieren", + "linkToElement": "Link zum Objekt", + "wrapSelectionInFrame": "Auswahl in Rahmen einbetten", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Link zum Objekt", + "desc": "Klicke auf eine Form auf der Zeichenfläche oder füge einen Link ein.", + "notFound": "Verknüpftes Objekt wurde nicht auf der Zeichenfläche gefunden." + }, + "library": { + "noItems": "Noch keine Elemente hinzugefügt...", + "hint_emptyLibrary": "Wähle ein Element auf der Zeichenfläche, um es hier hinzuzufügen. Oder installiere eine Bibliothek aus dem öffentlichen Verzeichnis.", + "hint_emptyPrivateLibrary": "Wähle ein Element von der Zeichenfläche, um es hier hinzuzufügen.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Auf Zeichenfläche suchen", + "noMatch": "Keine Treffer gefunden...", + "singleResult": "Ergebnis", + "multipleResults": "Ergebnisse", + "placeholder": "Text auf Zeichenfläche suchen...", + "frames": "", + "texts": "" + }, + "buttons": { + "clearReset": "Zeichenfläche löschen & Hintergrundfarbe zurücksetzen", + "exportJSON": "In Datei exportieren", + "exportImage": "Exportiere Bild...", + "export": "Speichern als...", + "copyToClipboard": "In Zwischenablage kopieren", + "copyLink": "Link kopieren", + "save": "In aktueller Datei speichern", + "saveAs": "Speichern unter", + "load": "Öffnen", + "getShareableLink": "Teilbaren Link erhalten", + "close": "Schließen", + "selectLanguage": "Sprache auswählen", + "scrollBackToContent": "Zurück zum Inhalt", + "zoomIn": "Vergrößern", + "zoomOut": "Verkleinern", + "resetZoom": "Zoom zurücksetzen", + "menu": "Menü", + "done": "Fertig", + "edit": "Bearbeiten", + "undo": "Rückgängig machen", + "redo": "Wiederholen", + "resetLibrary": "Bibliothek zurücksetzen", + "createNewRoom": "Neuen Raum erstellen", + "fullScreen": "Vollbildanzeige", + "darkMode": "Dunkles Design", + "lightMode": "Helles Design", + "systemMode": "System-Modus", + "zenMode": "Zen-Modus", + "objectsSnapMode": "Einrasten an Objekten", + "exitZenMode": "Zen-Modus verlassen", + "cancel": "Abbrechen", + "saveLibNames": "", + "clear": "Löschen", + "remove": "Entfernen", + "embed": "Einbettung umschalten", + "publishLibrary": "", + "submit": "Absenden", + "confirm": "Bestätigen", + "embeddableInteractionButton": "Klicken, um zu interagieren" + }, + "alerts": { + "clearReset": "Dies wird die ganze Zeichenfläche löschen. Bist du dir sicher?", + "couldNotCreateShareableLink": "Konnte keinen teilbaren Link erstellen.", + "couldNotCreateShareableLinkTooBig": "Konnte keinen teilbaren Link erstellen: Die Zeichnung ist zu groß", + "couldNotLoadInvalidFile": "Ungültige Datei konnte nicht geladen werden", + "importBackendFailed": "Import vom Server ist fehlgeschlagen.", + "cannotExportEmptyCanvas": "Leere Zeichenfläche kann nicht exportiert werden.", + "couldNotCopyToClipboard": "Kopieren in die Zwischenablage fehlgeschlagen.", + "decryptFailed": "Daten konnten nicht entschlüsselt werden.", + "uploadedSecurly": "Der Upload wurde mit Ende-zu-Ende-Verschlüsselung gespeichert. Weder Excalidraw noch Dritte können den Inhalt einsehen.", + "loadSceneOverridePrompt": "Das Laden einer externen Zeichnung ersetzt den vorhandenen Inhalt. Möchtest du fortfahren?", + "collabStopOverridePrompt": "Das Stoppen der Sitzung wird deine vorherige, lokal gespeicherte Zeichnung überschreiben. Bist du dir sicher?\n\n(Wenn du deine lokale Zeichnung behalten möchtest, schließe stattdessen den Browser-Tab.)", + "errorAddingToLibrary": "Das Element konnte nicht zur Bibliothek hinzugefügt werden", + "errorRemovingFromLibrary": "Das Element konnte nicht aus der Bibliothek entfernt werden", + "confirmAddLibrary": "Dies fügt {{numShapes}} Form(en) zu deiner Bibliothek hinzu. Bist du dir sicher?", + "imageDoesNotContainScene": "Dieses Bild scheint keine Szenendaten zu enthalten. Hast Du das Einbetten der Szene während des Exports aktiviert?", + "cannotRestoreFromImage": "Die Zeichnung konnte aus dieser Bilddatei nicht wiederhergestellt werden", + "invalidSceneUrl": "Die Szene konnte nicht von der angegebenen URL importiert werden. Sie ist entweder fehlerhaft oder enthält keine gültigen Excalidraw JSON-Daten.", + "resetLibrary": "Dieses löscht deine Bibliothek. Bist du sicher?", + "removeItemsFromsLibrary": "{{count}} Element(e) aus der Bibliothek löschen?", + "invalidEncryptionKey": "Verschlüsselungsschlüssel muss 22 Zeichen lang sein. Die Live-Zusammenarbeit ist deaktiviert.", + "collabOfflineWarning": "Keine Internetverbindung verfügbar.\nDeine Änderungen werden nicht gespeichert!", + "localStorageQuotaExceeded": "" + }, + "errors": { + "unsupportedFileType": "Nicht unterstützter Dateityp.", + "imageInsertError": "Das Bild konnte nicht eingefügt werden. Versuche es später erneut...", + "fileTooBig": "Die Datei ist zu groß. Die maximal zulässige Größe ist {{maxSize}}.", + "svgImageInsertError": "SVG-Bild konnte nicht eingefügt werden. Das SVG-Markup sieht ungültig aus.", + "failedToFetchImage": "Bild konnte nicht abgerufen werden.", + "cannotResolveCollabServer": "Konnte keine Verbindung zum Collab-Server herstellen. Bitte lade die Seite neu und versuche es erneut.", + "importLibraryError": "Bibliothek konnte nicht geladen werden", + "saveLibraryError": "Bibliothek konnte nicht gespeichert werden. Bitte speichere deine Bibliothek lokal in einer Datei, um sicherzustellen, dass keine Änderungen verloren gehen.", + "collabSaveFailed": "Keine Speicherung in der Backend-Datenbank möglich. Wenn die Probleme weiterhin bestehen, solltest Du Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.", + "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.", + "imageToolNotSupported": "Bilder sind deaktiviert.", + "brave_measure_text_error": { + "line1": "Sieht so aus, als ob Du den Brave-Browser verwendest und die aggressive Blockierung von Fingerabdrücken aktiviert hast.", + "line2": "Dies könnte dazu führen, dass die Textelemente in Ihren Zeichnungen zerstört werden.", + "line3": "Wir empfehlen dringend, diese Einstellung zu deaktivieren. Dazu kannst Du diesen Schritten folgen.", + "line4": "Wenn die Deaktivierung dieser Einstellung die fehlerhafte Anzeige von Textelementen nicht behebt, öffne bitte ein Ticket auf unserem GitHub oder schreibe uns auf Discord" + }, + "libraryElementTypeError": { + "embeddable": "Einbettbare Elemente können der Bibliothek nicht hinzugefügt werden.", + "iframe": "IFrame-Elemente können nicht zur Bibliothek hinzugefügt werden.", + "image": "Unterstützung für das Hinzufügen von Bildern in die Bibliothek kommt bald!" + }, + "asyncPasteFailedOnRead": "Einfügen fehlgeschlagen (konnte aus der Zwischenablage des Systems nicht gelesen werden).", + "asyncPasteFailedOnParse": "Einfügen fehlgeschlagen.", + "copyToSystemClipboardFailed": "Kopieren in die Zwischenablage fehlgeschlagen." + }, + "toolBar": { + "selection": "Auswahl", + "lasso": "", + "image": "Bild einfügen", + "rectangle": "Rechteck", + "diamond": "Raute", + "ellipse": "Ellipse", + "arrow": "Pfeil", + "line": "Linie", + "freedraw": "Zeichnen", + "text": "Text", + "library": "Bibliothek", + "lock": "Ausgewähltes Werkzeug nach Zeichnen aktiv lassen", + "penMode": "Stift-Modus - Berührung verhindern", + "link": "Link für ausgewählte Form hinzufügen / aktualisieren", + "eraser": "Radierer", + "frame": "Rahmenwerkzeug", + "magicframe": "Wireframe zu Code", + "embeddable": "Web-Einbettung", + "laser": "Laserpointer", + "hand": "Hand (Schwenkwerkzeug)", + "extraTools": "Weitere Werkzeuge", + "mermaidToExcalidraw": "Mermaid zu Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Rechteck", + "diamond": "Raute", + "ellipse": "Ellipse", + "arrow": "Pfeil", + "line": "Linie", + "freedraw": "Frei zeichnen", + "text": "Text", + "image": "Bild", + "group": "Gruppe", + "frame": "Rahmen", + "magicframe": "Wireframe zu Code", + "embeddable": "Web-Einbettung", + "selection": "Auswahl", + "iframe": "IFrame" + }, + "headings": { + "canvasActions": "Aktionen für Zeichenfläche", + "selectedShapeActions": "Aktionen für Auswahl", + "shapes": "Formen" + }, + "hints": { + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "Klicken für Linie mit mehreren Punkten, Ziehen für einzelne Linie", + "arrowTool": "", + "freeDraw": "Klicke und ziehe. Lass los, wenn du fertig bist", + "text": "Tipp: Du kannst auch Text hinzufügen, indem du mit dem Auswahlwerkzeug auf eine beliebige Stelle doppelklickst", + "embeddable": "Klicken und ziehen, um eine Webseiten-Einbettung zu erstellen", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", + "publishLibrary": "Veröffentliche deine eigene Bibliothek", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", + "firefox_clipboard_write": "Diese Funktion kann wahrscheinlich aktiviert werden, indem die Einstellung \"dom.events.asyncClipboard.clipboardItem\" auf \"true\" gesetzt wird. Um die Browsereinstellungen in Firefox zu ändern, besuche die Seite \"about:config\".", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" + }, + "canvasError": { + "cannotShowPreview": "Vorschau kann nicht angezeigt werden", + "canvasTooBig": "Die Leinwand ist möglicherweise zu groß.", + "canvasTooBigTip": "Tipp: Schiebe die am weitesten entfernten Elemente ein wenig näher zusammen." + }, + "errorSplash": { + "headingMain": "Es ist ein Fehler aufgetreten. Versuche ", + "clearCanvasMessage": "Wenn das Neuladen nicht funktioniert, versuche ", + "clearCanvasCaveat": " Dies wird zum Verlust von Daten führen ", + "trackedToSentry": "Der Fehler mit der Kennung {{eventId}} wurde in unserem System registriert.", + "openIssueMessage": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren . Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).", + "sceneContent": "Zeichnungsinhalt:" + }, + "shareDialog": { + "or": "Oder" + }, + "roomDialog": { + "desc_intro": "Lade Leute ein, an deiner Zeichnung mitzuarbeiten.", + "desc_privacy": "Keine Sorge, die Sitzung ist Ende-zu-Ende verschlüsselt und vollständig privat. Nicht einmal unser Server kann sehen, was du zeichnest.", + "button_startSession": "Sitzung starten", + "button_stopSession": "Sitzung beenden", + "desc_inProgressIntro": "Die Live-Sitzung wird nun ausgeführt.", + "desc_shareLink": "Teile diesen Link mit allen, mit denen du zusammenarbeiten möchtest:", + "desc_exitSession": "Wenn du die Sitzung beendest, wird deine Verbindung zum Raum getrennt. Du kannst jedoch lokal weiter an der Zeichnung arbeiten. Beachte, dass dies keine Auswirkungen auf andere hat und diese weiterhin gemeinsam an ihrer Version arbeiten können.", + "shareTitle": "An einer Live-Kollaborationssitzung auf Excalidraw teilnehmen" + }, + "errorDialog": { + "title": "Fehler" + }, + "exportDialog": { + "disk_title": "Auf Festplatte speichern", + "disk_details": "Exportiere die Zeichnungsdaten in eine Datei, die Du später importieren kannst.", + "disk_button": "Als Datei speichern", + "link_title": "Teilbarer Link", + "link_details": "Als schreibgeschützten Link exportieren.", + "link_button": "Als Link exportieren", + "excalidrawplus_description": "Speichere die Szene in deinem Excalidraw+ Arbeitsbereich.", + "excalidrawplus_button": "Exportieren", + "excalidrawplus_exportError": "Konnte nicht nach Excalidraw+ exportieren..." + }, + "helpDialog": { + "blog": "Lies unseren Blog", + "click": "klicken", + "deepSelect": "Auswahl innerhalb der Gruppe", + "deepBoxSelect": "Auswahl innerhalb der Gruppe, und Ziehen vermeiden", + "createFlowchart": "Erstelle ein Flussdiagramm aus einem generischen Element", + "navigateFlowchart": "Durchsuche ein Flussdiagramm", + "curvedArrow": "Gebogener Pfeil", + "curvedLine": "Gebogene Linie", + "documentation": "Dokumentation", + "doubleClick": "doppelklicken", + "drag": "ziehen", + "editor": "Editor", + "editLineArrowPoints": "Linien-/Pfeil-Punkte bearbeiten", + "editText": "Text bearbeiten / Label hinzufügen", + "github": "Ein Problem gefunden? Informiere uns", + "howto": "Folge unseren Anleitungen", + "or": "oder", + "preventBinding": "Pfeil-Bindung verhindern", + "tools": "Werkzeuge", + "shortcuts": "Tastaturkürzel", + "textFinish": "Bearbeitung beenden (Texteditor)", + "textNewLine": "Neue Zeile hinzufügen (Texteditor)", + "title": "Hilfe", + "view": "Ansicht", + "zoomToFit": "Zoomen um alle Elemente einzupassen", + "zoomToSelection": "Auf Auswahl zoomen", + "toggleElementLock": "Auswahl sperren/entsperren", + "movePageUpDown": "Seite nach oben/unten verschieben", + "movePageLeftRight": "Seite nach links/rechts verschieben", + "cropStart": "Bild zuschneiden", + "cropFinish": "Zuschneiden des Bildes beenden" + }, + "clearCanvasDialog": { + "title": "Zeichenfläche löschen" + }, + "publishDialog": { + "title": "Bibliothek veröffentlichen", + "itemName": "Elementname", + "authorName": "Name des Autors", + "githubUsername": "GitHub-Benutzername", + "twitterUsername": "Twitter-Benutzername", + "libraryName": "Name der Bibliothek", + "libraryDesc": "Beschreibung der Bibliothek", + "website": "Webseite", + "placeholder": { + "authorName": "Dein Name oder Benutzername", + "libraryName": "Name deiner Bibliothek", + "libraryDesc": "Beschreibung deiner Bibliothek, um anderen Nutzern bei der Verwendung zu helfen", + "githubHandle": "GitHub-Handle (optional), damit du die Bibliothek bearbeiten kannst, wenn sie zur Überprüfung eingereicht wurde", + "twitterHandle": "Twitter-Benutzername (optional), damit wir wissen, wen wir bei Werbung über Twitter nennen können", + "website": "Link zu deiner persönlichen Webseite oder zu anderer Seite (optional)" + }, + "errors": { + "required": "Erforderlich", + "website": "Gültige URL eingeben" + }, + "noteDescription": "Sende deine Bibliothek ein, um in die öffentliche Bibliotheks-Repository aufgenommen zu werdendamit andere Nutzer sie in ihren Zeichnungen verwenden können.", + "noteGuidelines": "Die Bibliothek muss zuerst manuell freigegeben werden. Bitte lies die Richtlinien vor dem Absenden. Du benötigst ein GitHub-Konto, um zu kommunizieren und Änderungen vorzunehmen, falls erforderlich, aber es ist nicht unbedingt erforderlich.", + "noteLicense": "Mit dem Absenden stimmst du zu, dass die Bibliothek unter der MIT-Lizenz, die zusammengefasst beinhaltet, dass jeder sie ohne Einschränkungen nutzen kann.", + "noteItems": "Jedes Bibliothekselement muss einen eigenen Namen haben, damit es gefiltert werden kann. Die folgenden Bibliothekselemente werden hinzugefügt:", + "atleastOneLibItem": "Bitte wähle mindestens ein Bibliothekselement aus, um zu beginnen", + "republishWarning": "Hinweis: Einige der ausgewählten Elemente sind bereits als veröffentlicht/eingereicht markiert. Du solltest Elemente nur erneut einreichen, wenn Du eine existierende Bibliothek oder Einreichung aktualisierst." + }, + "publishSuccessDialog": { + "title": "Bibliothek übermittelt", + "content": "Vielen Dank {{authorName}}. Deine Bibliothek wurde zur Überprüfung eingereicht. Du kannst den Status verfolgenhier" + }, + "confirmDialog": { + "resetLibrary": "Bibliothek zurücksetzen", + "removeItemsFromLib": "Ausgewählte Elemente aus der Bibliothek entfernen" + }, + "imageExportDialog": { + "header": "Bild exportieren", + "label": { + "withBackground": "Hintergrund", + "onlySelected": "Nur ausgewählte", + "darkMode": "Dunkler Modus", + "embedScene": "Szene einbetten", + "scale": "Skalierung", + "padding": "Abstand" + }, + "tooltip": { + "embedScene": "Die Zeichnungsdaten werden in der exportierten PNG/SVG-Datei gespeichert, sodass das Dokument später weiter bearbeitet werden kann. \nDieses wird die exportierte Datei vergrößern." + }, + "title": { + "exportToPng": "Als PNG exportieren", + "exportToSvg": "Als SVG exportieren", + "copyPngToClipboard": "PNG in die Zwischenablage kopieren" + }, + "button": { + "exportToPng": "PNG", + "exportToSvg": "SVG", + "copyPngToClipboard": "In Zwischenablage kopieren" + } + }, + "encrypted": { + "tooltip": "Da deine Zeichnungen Ende-zu-Ende verschlüsselt werden, sehen auch unsere Excalidraw-Server sie niemals.", + "link": "Blogbeitrag über Ende-zu-Ende-Verschlüsselung in Excalidraw" + }, + "stats": { + "angle": "Winkel", + "shapes": "Formen", + "height": "Höhe", + "scene": "Zeichnung", + "selected": "Ausgewählt", + "storage": "Speicher", + "fullTitle": "Zeichenflächen- & Formeigenschaften", + "title": "Eigenschaften", + "generalStats": "Allgemein", + "elementProperties": "Formeigenschaften", + "total": "Gesamt", + "version": "Version", + "versionCopy": "Zum Kopieren klicken", + "versionNotAvailable": "Version nicht verfügbar", + "width": "Breite" + }, + "toast": { + "addedToLibrary": "Zur Bibliothek hinzugefügt", + "copyStyles": "Formatierungen kopiert.", + "copyToClipboard": "In die Zwischenablage kopiert.", + "copyToClipboardAsPng": "{{exportSelection}} als PNG in die Zwischenablage kopiert\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} als SVG in die Zwischenablage kopiert ({{exportColorScheme}})", + "fileSaved": "Datei gespeichert.", + "fileSavedToFilename": "Als {filename} gespeichert", + "canvas": "Zeichenfläche", + "selection": "Auswahl", + "pasteAsSingleElement": "Verwende {{shortcut}} , um als einzelnes Element\neinzufügen oder in einen existierenden Texteditor einzufügen", + "unableToEmbed": "Einbetten dieser URL ist derzeit nicht zulässig. Erstelle einen Issue auf GitHub, um die URL freigeben zu lassen", + "unrecognizedLinkFormat": "Der Link, den Du eingebettet hast, stimmt nicht mit dem erwarteten Format überein. Bitte versuche den 'embed' String einzufügen, der von der Quellseite zur Verfügung gestellt wird", + "elementLinkCopied": "Link in Zwischenablage kopiert" + }, + "colors": { + "transparent": "Transparent", + "black": "Schwarz", + "white": "Weiß", + "red": "Rot", + "pink": "Pink", + "grape": "Traube", + "violet": "Violett", + "gray": "Grau", + "blue": "Blau", + "cyan": "Cyan", + "teal": "Blaugrün", + "green": "Grün", + "yellow": "Gelb", + "orange": "Orange", + "bronze": "Bronze" + }, + "welcomeScreen": { + "app": { + "center_heading": "Alle Daten werden lokal in Deinem Browser gespeichert.", + "center_heading_plus": "Möchtest du stattdessen zu Excalidraw+ gehen?", + "menuHint": "Exportieren, Einstellungen, Sprachen, ..." + }, + "defaults": { + "menuHint": "Exportieren, Einstellungen und mehr...", + "center_heading": "Diagramme. Einfach. Gemacht.", + "toolbarHint": "Wähle ein Werkzeug & beginne zu zeichnen!", + "helpHint": "Kurzbefehle & Hilfe" + } + }, + "colorPicker": { + "color": "", + "mostUsedCustomColors": "Beliebteste benutzerdefinierte Farben", + "colors": "Farben", + "shades": "Schattierungen", + "hexCode": "Hex-Code", + "noShades": "Keine Schattierungen für diese Farbe verfügbar" + }, + "overwriteConfirm": { + "action": { + "exportToImage": { + "title": "Als Bild exportieren", + "button": "Als Bild exportieren", + "description": "Exportiere die Zeichnungsdaten als ein Bild, von dem Du später importieren kannst." + }, + "saveToDisk": { + "title": "Auf Festplatte speichern", + "button": "Auf Festplatte speichern", + "description": "Exportiere die Zeichnungsdaten in eine Datei, von der Du später importieren kannst." + }, + "excalidrawPlus": { + "title": "Excalidraw+", + "button": "Export nach Excalidraw+", + "description": "Speichere die Szene in deinem Excalidraw+-Arbeitsbereich." + } + }, + "modal": { + "loadFromFile": { + "title": "Aus Datei laden", + "button": "Aus Datei laden", + "description": "Das Laden aus einer Datei wird Deinen vorhandenen Inhalt ersetzen.

Du kannst Deine Zeichnung zuerst mit einer der folgenden Optionen sichern." + }, + "shareableLink": { + "title": "Aus Link laden", + "button": "Meinen Inhalt ersetzen", + "description": "Das Laden einer externen Zeichnung wird Deinen vorhandenen Inhalt ersetzen.

Du kannst Deine Zeichnung zuerst mit einer der folgenden Optionen sichern." + } + } + }, + "mermaid": { + "title": "Mermaid zu Excalidraw", + "button": "Einfügen", + "description": "Derzeit werden nur Flussdiagramme, Sequenzdiagramme und Klassendiagramme unterstützt. Die anderen Typen werden als Bild in Excalidraw dargestellt.", + "syntax": "Mermaid-Syntax", + "preview": "Vorschau" + }, + "quickSearch": { + "placeholder": "Schnellsuche" + }, + "fontList": { + "badge": { + "old": "alt" + }, + "sceneFonts": "In dieser Szene", + "availableFonts": "Verfügbare Schriftarten", + "empty": "Keine Schriftarten gefunden" + }, + "userList": { + "empty": "Keine Benutzer gefunden", + "hint": { + "text": "Klicke auf Benutzer um zu folgen", + "followStatus": "Du folgst derzeit diesem Benutzer", + "inCall": "Benutzer ist in einem Sprachanruf", + "micMuted": "Mikrofon des Benutzers ist stumm geschaltet", + "isSpeaking": "Benutzer spricht" + } + }, + "commandPalette": { + "title": "Befehlspalette", + "shortcuts": { + "select": "Auswählen", + "confirm": "Bestätigen", + "close": "Schließen" + }, + "recents": "Zuletzt verwendet", + "search": { + "placeholder": "Suche in Menüs und Befehlen, entdecke versteckte Funktionen", + "noMatch": "Keine passenden Befehle..." + }, + "itemNotAvailable": "Befehl ist nicht verfügbar...", + "shortcutHint": "Benutze {{shortcut}} für Befehlspalette" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" + } +} diff --git a/packages/excalidraw/locales/de-DE.json b/packages/excalidraw/locales/de-DE.json index 5ce97646e8..b7a646d19b 100644 --- a/packages/excalidraw/locales/de-DE.json +++ b/packages/excalidraw/locales/de-DE.json @@ -1,7 +1,7 @@ { "labels": { "paste": "Einfügen", - "pasteAsPlaintext": "Als reinen Text einfügen", + "pasteAsPlaintext": "Als unformatierten Text einfügen", "pasteCharts": "Diagramme einfügen", "selectAll": "Alle auswählen", "multiSelect": "Element zur Auswahl hinzufügen", @@ -21,7 +21,9 @@ "copyStyles": "Formatierung kopieren", "pasteStyles": "Formatierung übernehmen", "stroke": "Strich", + "changeStroke": "Strichfarbe ändern", "background": "Hintergrund", + "changeBackground": "Hintergrundfarbe ändern", "fill": "Füllung", "strokeWidth": "Strichstärke", "strokeStyle": "Konturstil", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Dreieck (Umrandung)", "arrowhead_diamond": "Raute", "arrowhead_diamond_outline": "Raute (Umrandung)", + "arrowhead_crowfoot_many": "Krähenfuß (viele)", + "arrowhead_crowfoot_one": "Krähenfuß (einer)", + "arrowhead_crowfoot_one_or_many": "Krähenfuß (einer oder viele)", + "more_options": "Weitere Optionen", + "arrowtypes": "Pfeiltyp", + "arrowtype_sharp": "Scharfer Pfeil", + "arrowtype_round": "Gebogener Pfeil", + "arrowtype_elbowed": "Ellenbogen-Pfeil", "fontSize": "Schriftgröße", "fontFamily": "Schriftfamilie", "addWatermark": "\"Made with Excalidraw\" hinzufügen", @@ -72,6 +82,7 @@ "canvasColors": "Auf Leinwand verwendet", "canvasBackground": "Zeichenflächenhintergrund", "drawingCanvas": "Leinwand", + "clearCanvas": "Zeichenfläche löschen", "layers": "Ebenen", "actions": "Aktionen", "language": "Sprache", @@ -84,12 +95,13 @@ "group": "Auswahl gruppieren", "ungroup": "Gruppierung aufheben", "collaborators": "Mitarbeitende", - "showGrid": "Raster anzeigen", + "toggleGrid": "Raster umschalten", "addToLibrary": "Zur Bibliothek hinzufügen", "removeFromLibrary": "Aus Bibliothek entfernen", "libraryLoadingMessage": "Lade Bibliothek…", "libraries": "Bibliotheken durchsuchen", "loadingScene": "Lade Zeichnung…", + "loadScene": "Szene aus Datei laden", "align": "Ausrichten", "alignTop": "Obere Kanten", "alignBottom": "Untere Kanten", @@ -105,26 +117,33 @@ "share": "Teilen", "showStroke": "Auswahl für Strichfarbe anzeigen", "showBackground": "Hintergrundfarbe auswählen", - "toggleTheme": "Design umschalten", + "showFonts": "Schriftauswahl anzeigen", + "toggleTheme": "Helles/dunkles Design umschalten", + "theme": "Design", "personalLib": "Persönliche Bibliothek", "excalidrawLib": "Excalidraw Bibliothek", - "decreaseFontSize": "Schriftgröße verkleinern", - "increaseFontSize": "Schrift vergrößern", + "decreaseFontSize": "Schriftgröße verringern", + "increaseFontSize": "Schriftgröße erhöhen", "unbindText": "Text lösen", "bindText": "Text an Container binden", "createContainerFromText": "Text in Container einbetten", "link": { "edit": "Link bearbeiten", - "editEmbed": "Link bearbeiten & einbetten", - "create": "Link erstellen", - "createEmbed": "Link erstellen & einbetten", + "editEmbed": "Einbettbaren Link bearbeiten", + "create": "Link hinzufügen", "label": "Link", "labelEmbed": "Verlinken & einbetten", - "empty": "Kein Link festgelegt" + "empty": "Kein Link festgelegt", + "hint": "Link hier eingeben oder einfügen", + "goToElement": "Gehe zu Zielelement" }, "lineEditor": { "edit": "Linie bearbeiten", - "exit": "Linieneditor verlassen" + "editArrow": "Pfeil bearbeiten" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Sperren", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Alle Elemente aus dem Rahmen entfernen", "eyeDropper": "Farbe von der Zeichenfläche auswählen", "textToDiagram": "Text zu Diagramm", - "prompt": "Eingabe" + "prompt": "Eingabe", + "followUs": "Folge uns", + "discordChat": "Discord-Chat", + "zoomToFitViewport": "Zoom auf Ansicht anpassen", + "zoomToFitSelection": "Zoom auf Auswahl anpassen", + "zoomToFit": "Zoom auf alle Elemente anpassen", + "installPWA": "Excalidraw lokal installieren (PWA)", + "autoResize": "Aktiviere automatische Textgrößenanpassung", + "imageCropping": "Bild zuschneiden", + "unCroppedDimension": "Nicht zugeschnittene Dimension", + "copyElementLink": "Link zum Objekt kopieren", + "linkToElement": "Link zum Objekt", + "wrapSelectionInFrame": "Auswahl in Rahmen einbetten", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Link zum Objekt", + "desc": "Klicke auf eine Form auf der Zeichenfläche oder füge einen Link ein.", + "notFound": "Verknüpftes Objekt wurde nicht auf der Zeichenfläche gefunden." }, "library": { "noItems": "Noch keine Elemente hinzugefügt...", "hint_emptyLibrary": "Wähle ein Element auf der Zeichenfläche, um es hier hinzuzufügen. Oder installiere eine Bibliothek aus dem öffentlichen Verzeichnis.", - "hint_emptyPrivateLibrary": "Wähle ein Element von der Zeichenfläche, um es hier hinzuzufügen." + "hint_emptyPrivateLibrary": "Wähle ein Element von der Zeichenfläche, um es hier hinzuzufügen.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Auf Zeichenfläche suchen", + "noMatch": "Keine Treffer gefunden...", + "singleResult": "Ergebnis", + "multipleResults": "Ergebnisse", + "placeholder": "Text auf Zeichenfläche suchen...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Zeichenfläche löschen & Hintergrundfarbe zurücksetzen", @@ -151,6 +204,7 @@ "exportImage": "Exportiere Bild...", "export": "Speichern als...", "copyToClipboard": "In Zwischenablage kopieren", + "copyLink": "Link kopieren", "save": "In aktueller Datei speichern", "saveAs": "Speichern unter", "load": "Öffnen", @@ -171,14 +225,16 @@ "fullScreen": "Vollbildanzeige", "darkMode": "Dunkles Design", "lightMode": "Helles Design", + "systemMode": "System-Modus", "zenMode": "Zen-Modus", "objectsSnapMode": "Einrasten an Objekten", "exitZenMode": "Zen-Modus verlassen", "cancel": "Abbrechen", + "saveLibNames": "", "clear": "Löschen", "remove": "Entfernen", "embed": "Einbettung umschalten", - "publishLibrary": "Veröffentlichen", + "publishLibrary": "", "submit": "Absenden", "confirm": "Bestätigen", "embeddableInteractionButton": "Klicken, um zu interagieren" @@ -204,7 +260,8 @@ "resetLibrary": "Dieses löscht deine Bibliothek. Bist du sicher?", "removeItemsFromsLibrary": "{{count}} Element(e) aus der Bibliothek löschen?", "invalidEncryptionKey": "Verschlüsselungsschlüssel muss 22 Zeichen lang sein. Die Live-Zusammenarbeit ist deaktiviert.", - "collabOfflineWarning": "Keine Internetverbindung verfügbar.\nDeine Änderungen werden nicht gespeichert!" + "collabOfflineWarning": "Keine Internetverbindung verfügbar.\nDeine Änderungen werden nicht gespeichert!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nicht unterstützter Dateityp.", @@ -212,9 +269,9 @@ "fileTooBig": "Die Datei ist zu groß. Die maximal zulässige Größe ist {{maxSize}}.", "svgImageInsertError": "SVG-Bild konnte nicht eingefügt werden. Das SVG-Markup sieht ungültig aus.", "failedToFetchImage": "Bild konnte nicht abgerufen werden.", - "invalidSVGString": "Ungültige SVG.", "cannotResolveCollabServer": "Konnte keine Verbindung zum Collab-Server herstellen. Bitte lade die Seite neu und versuche es erneut.", "importLibraryError": "Bibliothek konnte nicht geladen werden", + "saveLibraryError": "Bibliothek konnte nicht gespeichert werden. Bitte speichere deine Bibliothek lokal in einer Datei, um sicherzustellen, dass keine Änderungen verloren gehen.", "collabSaveFailed": "Keine Speicherung in der Backend-Datenbank möglich. Wenn die Probleme weiterhin bestehen, solltest Du Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.", "collabSaveFailed_sizeExceeded": "Keine Speicherung in der Backend-Datenbank möglich, die Zeichenfläche scheint zu groß zu sein. Du solltest Deine Datei lokal speichern, um sicherzustellen, dass Du Deine Arbeit nicht verlierst.", "imageToolNotSupported": "Bilder sind deaktiviert.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Auswahl", + "lasso": "", "image": "Bild einfügen", "rectangle": "Rechteck", "diamond": "Raute", @@ -255,7 +313,23 @@ "hand": "Hand (Schwenkwerkzeug)", "extraTools": "Weitere Werkzeuge", "mermaidToExcalidraw": "Mermaid zu Excalidraw", - "magicSettings": "KI-Einstellungen" + "convertElementType": "" + }, + "element": { + "rectangle": "Rechteck", + "diamond": "Raute", + "ellipse": "Ellipse", + "arrow": "Pfeil", + "line": "Linie", + "freedraw": "Frei zeichnen", + "text": "Text", + "image": "Bild", + "group": "Gruppe", + "frame": "Rahmen", + "magicframe": "Wireframe zu Code", + "embeddable": "Web-Einbettung", + "selection": "Auswahl", + "iframe": "IFrame" }, "headings": { "canvasActions": "Aktionen für Zeichenfläche", @@ -263,28 +337,33 @@ "shapes": "Formen" }, "hints": { - "canvasPanning": "Um die Zeichenfläche zu verschieben, halte das Mausrad oder die Leertaste während des Ziehens, oder verwende das Hand-Werkzeug", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klicken für Linie mit mehreren Punkten, Ziehen für einzelne Linie", + "arrowTool": "", "freeDraw": "Klicke und ziehe. Lass los, wenn du fertig bist", "text": "Tipp: Du kannst auch Text hinzufügen, indem du mit dem Auswahlwerkzeug auf eine beliebige Stelle doppelklickst", "embeddable": "Klicken und ziehen, um eine Webseiten-Einbettung zu erstellen", - "text_selected": "Doppelklicken oder Eingabetaste drücken, um Text zu bearbeiten", - "text_editing": "Drücke Escape oder CtrlOrCmd+Eingabetaste, um die Bearbeitung abzuschließen", - "linearElementMulti": "Zum Beenden auf den letzten Punkt klicken oder Escape oder Eingabe drücken", - "lockAngle": "Du kannst Winkel einschränken, indem du SHIFT gedrückt hältst", - "resize": "Du kannst die Proportionen einschränken, indem du SHIFT während der Größenänderung gedrückt hältst. Halte ALT gedrückt, um die Größe vom Zentrum aus zu ändern", - "resizeImage": "Du kannst die Größe frei ändern, indem du SHIFT gedrückt hältst; halte ALT, um die Größe vom Zentrum aus zu ändern", - "rotate": "Du kannst Winkel einschränken, indem du SHIFT während der Drehung gedrückt hältst", - "lineEditor_info": "CtrlOrCmd halten und Doppelklick oder CtrlOrCmd + Eingabe drücken, um Punkte zu bearbeiten", - "lineEditor_pointSelected": "Drücke Löschen, um Punkt(e) zu entfernen, CtrlOrCmd+D zum Duplizieren oder ziehe zum Verschieben", - "lineEditor_nothingSelected": "Wähle einen zu bearbeitenden Punkt (halte SHIFT gedrückt um mehrere Punkte auszuwählen),\noder halte Alt gedrückt und klicke um neue Punkte hinzuzufügen", - "placeImage": "Klicken, um das Bild zu platzieren oder klicken und ziehen um seine Größe manuell zu setzen", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Veröffentliche deine eigene Bibliothek", - "bindTextToElement": "Zum Hinzufügen Eingabetaste drücken", - "deepBoxSelect": "Halte CtrlOrCmd gedrückt, um innerhalb der Gruppe auszuwählen, und um Ziehen zu vermeiden", - "eraserRevert": "Halte Alt gedrückt, um die zum Löschen markierten Elemente zurückzusetzen", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Diese Funktion kann wahrscheinlich aktiviert werden, indem die Einstellung \"dom.events.asyncClipboard.clipboardItem\" auf \"true\" gesetzt wird. Um die Browsereinstellungen in Firefox zu ändern, besuche die Seite \"about:config\".", - "disableSnapping": "Halte CtrlOrCmd gedrückt, um das Einrasten zu deaktivieren" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Vorschau kann nicht angezeigt werden", @@ -299,9 +378,12 @@ "openIssueMessage": "Wir waren sehr vorsichtig und haben deine Zeichnungsinformationen nicht in die Fehlerinformationen aufgenommen. Wenn deine Zeichnung nicht privat ist, unterstütze uns bitte über unseren . Bitte teile die unten stehenden Informationen mit uns im GitHub Issue (Kopieren und Einfügen).", "sceneContent": "Zeichnungsinhalt:" }, + "shareDialog": { + "or": "Oder" + }, "roomDialog": { - "desc_intro": "Du kannst Leute zu deiner aktuellen Zeichnung einladen um mit ihnen zusammenzuarbeiten.", - "desc_privacy": "Keine Sorge, die Sitzung nutzt eine Ende-zu-Ende-Verschlüsselung. Alles was du zeichnest, bleibt privat. Auch unser Server sieht nicht, was du dir einfallen lässt.", + "desc_intro": "Lade Leute ein, an deiner Zeichnung mitzuarbeiten.", + "desc_privacy": "Keine Sorge, die Sitzung ist Ende-zu-Ende verschlüsselt und vollständig privat. Nicht einmal unser Server kann sehen, was du zeichnest.", "button_startSession": "Sitzung starten", "button_stopSession": "Sitzung beenden", "desc_inProgressIntro": "Die Live-Sitzung wird nun ausgeführt.", @@ -328,6 +410,8 @@ "click": "klicken", "deepSelect": "Auswahl innerhalb der Gruppe", "deepBoxSelect": "Auswahl innerhalb der Gruppe, und Ziehen vermeiden", + "createFlowchart": "Erstelle ein Flussdiagramm aus einem generischen Element", + "navigateFlowchart": "Durchsuche ein Flussdiagramm", "curvedArrow": "Gebogener Pfeil", "curvedLine": "Gebogene Linie", "documentation": "Dokumentation", @@ -350,7 +434,9 @@ "zoomToSelection": "Auf Auswahl zoomen", "toggleElementLock": "Auswahl sperren/entsperren", "movePageUpDown": "Seite nach oben/unten verschieben", - "movePageLeftRight": "Seite nach links/rechts verschieben" + "movePageLeftRight": "Seite nach links/rechts verschieben", + "cropStart": "Bild zuschneiden", + "cropFinish": "Zuschneiden des Bildes beenden" }, "clearCanvasDialog": { "title": "Zeichenfläche löschen" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Winkel", - "element": "Element", - "elements": "Elemente", + "shapes": "Formen", "height": "Höhe", "scene": "Zeichnung", "selected": "Ausgewählt", "storage": "Speicher", - "title": "Statistiken für Nerds", + "fullTitle": "Zeichenflächen- & Formeigenschaften", + "title": "Eigenschaften", + "generalStats": "Allgemein", + "elementProperties": "Formeigenschaften", "total": "Gesamt", "version": "Version", "versionCopy": "Zum Kopieren klicken", @@ -439,13 +527,15 @@ "copyStyles": "Formatierungen kopiert.", "copyToClipboard": "In die Zwischenablage kopiert.", "copyToClipboardAsPng": "{{exportSelection}} als PNG in die Zwischenablage kopiert\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} als SVG in die Zwischenablage kopiert ({{exportColorScheme}})", "fileSaved": "Datei gespeichert.", "fileSavedToFilename": "Als {filename} gespeichert", "canvas": "Zeichenfläche", "selection": "Auswahl", "pasteAsSingleElement": "Verwende {{shortcut}} , um als einzelnes Element\neinzufügen oder in einen existierenden Texteditor einzufügen", "unableToEmbed": "Einbetten dieser URL ist derzeit nicht zulässig. Erstelle einen Issue auf GitHub, um die URL freigeben zu lassen", - "unrecognizedLinkFormat": "Der Link, den Du eingebettet hast, stimmt nicht mit dem erwarteten Format überein. Bitte versuche den 'embed' String einzufügen, der von der Quellseite zur Verfügung gestellt wird" + "unrecognizedLinkFormat": "Der Link, den Du eingebettet hast, stimmt nicht mit dem erwarteten Format überein. Bitte versuche den 'embed' String einzufügen, der von der Quellseite zur Verfügung gestellt wird", + "elementLinkCopied": "Link in Zwischenablage kopiert" }, "colors": { "transparent": "Transparent", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Beliebteste benutzerdefinierte Farben", "colors": "Farben", "shades": "Schattierungen", @@ -521,5 +612,53 @@ "description": "Derzeit werden nur Flussdiagramme, Sequenzdiagramme und Klassendiagramme unterstützt. Die anderen Typen werden als Bild in Excalidraw dargestellt.", "syntax": "Mermaid-Syntax", "preview": "Vorschau" + }, + "quickSearch": { + "placeholder": "Schnellsuche" + }, + "fontList": { + "badge": { + "old": "alt" + }, + "sceneFonts": "In dieser Szene", + "availableFonts": "Verfügbare Schriftarten", + "empty": "Keine Schriftarten gefunden" + }, + "userList": { + "empty": "Keine Benutzer gefunden", + "hint": { + "text": "Klicke auf Benutzer um zu folgen", + "followStatus": "Du folgst derzeit diesem Benutzer", + "inCall": "Benutzer ist in einem Sprachanruf", + "micMuted": "Mikrofon des Benutzers ist stumm geschaltet", + "isSpeaking": "Benutzer spricht" + } + }, + "commandPalette": { + "title": "Befehlspalette", + "shortcuts": { + "select": "Auswählen", + "confirm": "Bestätigen", + "close": "Schließen" + }, + "recents": "Zuletzt verwendet", + "search": { + "placeholder": "Suche in Menüs und Befehlen, entdecke versteckte Funktionen", + "noMatch": "Keine passenden Befehle..." + }, + "itemNotAvailable": "Befehl ist nicht verfügbar...", + "shortcutHint": "Benutze {{shortcut}} für Befehlspalette" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/el-GR.json b/packages/excalidraw/locales/el-GR.json index f6fa2f0f9e..746e242361 100644 --- a/packages/excalidraw/locales/el-GR.json +++ b/packages/excalidraw/locales/el-GR.json @@ -11,17 +11,19 @@ "copyAsPng": "Αντιγραφή στο πρόχειρο ως PNG", "copyAsSvg": "Αντιγραφή στο πρόχειρο ως SVG", "copyText": "Αντιγραφή στο πρόχειρο ως κείμενο", - "copySource": "", - "convertToCode": "", - "bringForward": "Στο προσκήνιο", - "sendToBack": "Ένα επίπεδο πίσω", - "bringToFront": "Ένα επίπεδο μπροστά", + "copySource": "Αντιγραφή προέλευσης στο πρόχειρο", + "convertToCode": "Μετατροπή σε κώδικα", + "bringForward": "Μεταφορά μπροστά", + "sendToBack": "Στείλ' το στο τέλος", + "bringToFront": "Φερ' το μπροστά", "sendBackward": "Στο παρασκήνιο", "delete": "Διαγραφή", "copyStyles": "Αντιγραφή εμφάνισης", "pasteStyles": "Επικόλληση εμφάνισης", "stroke": "Μολυβιά", + "changeStroke": "Αλλαγή χρώματος πινελιάς", "background": "Φόντο", + "changeBackground": "Αλλαγή χρώματος παρασκηνίου", "fill": "Γέμισμα", "strokeWidth": "Πάχος μολυβιάς", "strokeStyle": "Στυλ περιγράμματος", @@ -38,12 +40,20 @@ "arrowhead_none": "Κανένα", "arrowhead_arrow": "Βέλος", "arrowhead_bar": "Μπάρα", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Κύκλος", + "arrowhead_circle_outline": "Κύκλος (περίγραμμα)", "arrowhead_triangle": "Τρίγωνο", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Τρίγωνο (περίγραμμα)", + "arrowhead_diamond": "Ρόμβος", + "arrowhead_diamond_outline": "Ρόμβος (περίγραμμα)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "Τύπος βέλους", + "arrowtype_sharp": "Αιχμηρό βέλος", + "arrowtype_round": "Κυρτό βέλος", + "arrowtype_elbowed": "Γωνιακό βέλος", "fontSize": "Μέγεθος γραμματοσειράς", "fontFamily": "Γραμματοσειρά", "addWatermark": "Προσθήκη \"Φτιαγμένο με Excalidraw\"", @@ -56,7 +66,7 @@ "veryLarge": "Πολύ μεγάλο", "solid": "Συμπαγής", "hachure": "Εκκόλαψη", - "zigzag": "", + "zigzag": "Τεθλασμένη γραμμή", "crossHatch": "Διασταυρούμενη εκκόλαψη", "thin": "Λεπτή", "bold": "Έντονη", @@ -72,6 +82,7 @@ "canvasColors": "Χρησιμοποείται στον καμβά", "canvasBackground": "Φόντο καμβά", "drawingCanvas": "Σχεδίαση καμβά", + "clearCanvas": "Καθαρισμός καμβά", "layers": "Στρώματα", "actions": "Ενέργειες", "language": "Γλώσσα", @@ -84,12 +95,13 @@ "group": "Δημιουργία ομάδας από επιλογή", "ungroup": "Κατάργηση ομάδας από επιλογή", "collaborators": "Συνεργάτες", - "showGrid": "Προβολή πλέγματος", + "toggleGrid": "Εναλλαγή ορατότητας πλέγματος", "addToLibrary": "Προσθήκη στη βιβλιοθήκη", "removeFromLibrary": "Αφαίρεση από τη βιβλιοθήκη", "libraryLoadingMessage": "Φόρτωση βιβλιοθήκης…", "libraries": "Άλλες βιβλιοθήκες", "loadingScene": "Φόρτωση σκηνής…", + "loadScene": "Φόρτωση σκηνής από αρχείο", "align": "Στοίχιση", "alignTop": "Στοίχιση πάνω", "alignBottom": "Στοίχιση κάτω", @@ -105,26 +117,33 @@ "share": "Κοινοποίηση", "showStroke": "Εμφάνιση επιλογέα χρωμάτων πινελιάς", "showBackground": "Εμφάνιση επιλογέα χρώματος φόντου", - "toggleTheme": "Εναλλαγή θέματος", + "showFonts": "Εμφάνιση επιλογέα γραμματοσειράς", + "toggleTheme": "Εναλλαγή φωτεινού/σκοτεινού θέματος", + "theme": "Θέμα", "personalLib": "Προσωπική Βιβλιοθήκη", "excalidrawLib": "Βιβλιοθήκη Excalidraw", "decreaseFontSize": "Μείωση μεγέθους γραμματοσειράς", "increaseFontSize": "Αύξηση μεγέθους γραμματοσειράς", "unbindText": "Αποσύνδεση κειμένου", "bindText": "Δέσμευση κειμένου στο δοχείο", - "createContainerFromText": "", + "createContainerFromText": "Αναδίπλωση κειμένου σε δοχείο", "link": { "edit": "Επεξεργασία συνδέσμου", "editEmbed": "", - "create": "Δημιουργία συνδέσμου", - "createEmbed": "", + "create": "", "label": "Σύνδεσμος", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Σύνδεσμος & ενσωμάτωση", + "empty": "Δεν έχει οριστεί σύνδεσμος", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Επεξεργασία γραμμής", - "exit": "Έξοδος επεξεργαστή κειμένου" + "editArrow": "Επεξεργασία βέλους" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Κλείδωμα", @@ -134,16 +153,50 @@ }, "statusPublished": "Δημοσιευμένο", "sidebarLock": "Κρατήστε την πλαϊνή μπάρα ανοιχτή", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "selectAllElementsInFrame": "Επιλογή όλων των στοιχείων στο πλαίσιο", + "removeAllElementsFromFrame": "Αφαίρεση όλων των στοιχείων από το πλαίσιο", + "eyeDropper": "Διαλέξτε χρώμα απ' τον καμβά", + "textToDiagram": "Κείμενο σε διάγραμμα", + "prompt": "Εντολή", + "followUs": "Ακολουθήστε μας", + "discordChat": "Συνομιλία Discord", + "zoomToFitViewport": "Εστίαση για να χωρέσει στο παράθυρο προβολής", + "zoomToFitSelection": "Εστίαση για να χωρέσει στην επιλογή", + "zoomToFit": "Εστίαση για να χωρέσει σε όλα τα στοιχεία", + "installPWA": "Τοπική εγκατάσταση Excalidraw (PWA)", + "autoResize": "Ενεργοποίηση αυτόματης αλλαγής μεγέθους κειμένου", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Δεν έχουν προστεθεί αντικείμενα ακόμη...", "hint_emptyLibrary": "Επιλέξτε ένα στοιχείο στον καμβά για να το προσθέσετε εδώ, ή εγκαταστήστε μια βιβλιοθήκη από το δημόσιο αποθετήριο, παρακάτω.", - "hint_emptyPrivateLibrary": "Επιλέξτε ένα στοιχείο στον καμβά για να το προσθέσετε εδώ." + "hint_emptyPrivateLibrary": "Επιλέξτε ένα στοιχείο στον καμβά για να το προσθέσετε εδώ.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Επαναφορά του καμβά", @@ -151,6 +204,7 @@ "exportImage": "Εξαγωγή εικόνας...", "export": "Αποθήκευση ως...", "copyToClipboard": "Αντιγραφή στο πρόχειρο", + "copyLink": "Αντιγραφή συνδέσμου", "save": "Αποθήκευση στο τρέχον αρχείο", "saveAs": "Αποθήκευση ως", "load": "Άνοιγμα", @@ -171,17 +225,19 @@ "fullScreen": "Πλήρης οθόνη", "darkMode": "Σκοτεινή λειτουργία", "lightMode": "Φωτεινή λειτουργία", + "systemMode": "Λειτουργία συστήματος", "zenMode": "Λειτουργία Zεν", - "objectsSnapMode": "", + "objectsSnapMode": "Προσκόλληση σε αντικείμενα", "exitZenMode": "Έξοδος από την λειτουργία Zen", "cancel": "Ακύρωση", + "saveLibNames": "", "clear": "Καθαρισμός", "remove": "Κατάργηση", - "embed": "", - "publishLibrary": "Δημοσίευση", + "embed": "Εναλλαγή ενσωμάτωσης", + "publishLibrary": "", "submit": "Υποβολή", "confirm": "Επιβεβαίωση", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Κάντε κλικ για αλληλεπίδραση" }, "alerts": { "clearReset": "Αυτό θα σβήσει ολόκληρο τον καμβά. Είσαι σίγουρος;", @@ -204,37 +260,39 @@ "resetLibrary": "Αυτό θα καθαρίσει τη βιβλιοθήκη σας. Είστε σίγουροι;", "removeItemsFromsLibrary": "Διαγραφή {{count}} αντικειμένου(ων) από τη βιβλιοθήκη;", "invalidEncryptionKey": "Το κλειδί κρυπτογράφησης πρέπει να είναι 22 χαρακτήρες. Η ζωντανή συνεργασία είναι απενεργοποιημένη.", - "collabOfflineWarning": "Δεν υπάρχει διαθέσιμη σύνδεση στο internet.\nΟι αλλαγές σας δεν θα αποθηκευτούν!" + "collabOfflineWarning": "Δεν υπάρχει διαθέσιμη σύνδεση στο internet.\nΟι αλλαγές σας δεν θα αποθηκευτούν!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Μη υποστηριζόμενος τύπος αρχείου.", "imageInsertError": "Αδυναμία εισαγωγής εικόνας. Προσπαθήστε ξανά αργότερα...", "fileTooBig": "Το αρχείο είναι πολύ μεγάλο. Το μέγιστο επιτρεπόμενο μέγεθος είναι {{maxSize}}.", "svgImageInsertError": "Αδυναμία εισαγωγής εικόνας SVG. Η σήμανση της SVG δεν φαίνεται έγκυρη.", - "failedToFetchImage": "", - "invalidSVGString": "Μη έγκυρο SVG.", + "failedToFetchImage": "Αποτυχία ανάκτησης εικόνας.", "cannotResolveCollabServer": "Αδυναμία σύνδεσης με τον διακομιστή συνεργασίας. Παρακαλώ ανανεώστε τη σελίδα και προσπαθήστε ξανά.", "importLibraryError": "Αδυναμία φόρτωσης βιβλιοθήκης", + "saveLibraryError": "Αδύνατη η αποθήκευση της βιβλιοθήκης στον δίσκο. Παρακαλώ αποθηκεύστε τη βιβλιοθήκη σας σε ένα αρχείο τοπικά για να βεβαιωθείτε ότι δε θα χάσετε τις αλλαγές.", "collabSaveFailed": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή. Αν το προβλήματα παραμείνει, θα πρέπει να αποθηκεύσετε το αρχείο σας τοπικά για να βεβαιωθείτε ότι δεν χάνετε την εργασία σας.", "collabSaveFailed_sizeExceeded": "Η αποθήκευση στη βάση δεδομένων δεν ήταν δυνατή, ο καμβάς φαίνεται να είναι πολύ μεγάλος. Θα πρέπει να αποθηκεύσετε το αρχείο τοπικά για να βεβαιωθείτε ότι δεν θα χάσετε την εργασία σας.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Οι εικόνες είναι απενεργοποιημένες.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "Φαίνεται ότι χρησιμοποιείτε τον περιηγητή Brave με ενεργοποιημένη τη ρύθμιση Aggressively Block Fingerprinting.", + "line2": "Αυτό θα μπορεί να οδηγήσει στη διάλυση των Στοιχείων Κειμένου στο σχέδιό σας.", + "line3": "Σας συνιστούμε να απενεργοποιήσετε αυτή τη ρύθμιση. Μπορείτε να ακολουθήσετε αυτά τα βήματα για το πώς να το κάνετε.", + "line4": "Εάν η απενεργοποίηση αυτής της ρύθμισης δε διορθώσει την εμφάνιση των στοιχείων κειμένου, παρακαλώ ανοίξτε ένα θέμα στο GitHub, ή γράψτε μας στο Discord" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Τα ενσωματώσιμα στοιχεία δεν μπορούν να προστεθούν στη βιβλιοθήκη.", + "iframe": "Τα στοιχεία IFrame δεν μπορούν να προστεθούν στη βιβλιοθήκη.", + "image": "Η υποστήριξη για προσθήκη εικόνων στη βιβλιοθήκη έρχεται σύντομα!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Δεν ήταν δυνατή η επικόλληση (δεν ήταν δυνατή η ανάγνωση από το πρόχειρο του συστήματος).", + "asyncPasteFailedOnParse": "Αδυναμία επικόλλησης.", + "copyToSystemClipboardFailed": "Αδυναμία αντιγραφής στο πρόχειρο." }, "toolBar": { "selection": "Επιλογή", + "lasso": "", "image": "Εισαγωγή εικόνας", "rectangle": "Ορθογώνιο", "diamond": "Ρόμβος", @@ -246,16 +304,32 @@ "library": "Βιβλιοθήκη", "lock": "Κράτησε επιλεγμένο το εργαλείο μετά το σχέδιο", "penMode": "Λειτουργία μολυβιού - αποτροπή αφής", - "link": "Προσθήκη/ Ενημέρωση συνδέσμου για ένα επιλεγμένο σχήμα", + "link": "Προσθήκη / Ενημέρωση συνδέσμου για επιλεγμένο σχήμα", "eraser": "Γόμα", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", - "hand": "", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "frame": "Εργαλείο πλαισίου", + "magicframe": "Wireframe σε κώδικα", + "embeddable": "Web Embed", + "laser": "Δείκτης λέιζερ", + "hand": "Χέρι (εργαλείο μετακίνησης)", + "extraTools": "Περισσότερα εργαλεία", + "mermaidToExcalidraw": "Mermaid σε Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Ορθογώνιο", + "diamond": "Ρόμβος", + "ellipse": "Έλλειψη", + "arrow": "Βέλος", + "line": "Γραμμή", + "freedraw": "Ελεύθερη σχεδίαση", + "text": "Κείμενο", + "image": "Εικόνα", + "group": "Ομάδα", + "frame": "Πλαίσιο", + "magicframe": "Wireframe σε κώδικα", + "embeddable": "Web Embed", + "selection": "Επιλογή", + "iframe": "IFrame" }, "headings": { "canvasActions": "Ενέργειες καμβά", @@ -263,28 +337,33 @@ "shapes": "Σχήματα" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Κάνε κλικ για να ξεκινήσεις πολλαπλά σημεία, σύρε για μια γραμμή", + "arrowTool": "", "freeDraw": "Κάντε κλικ και σύρτε, απελευθερώσατε όταν έχετε τελειώσει", "text": "Tip: μπορείτε επίσης να προσθέστε κείμενο με διπλό-κλικ οπουδήποτε με το εργαλείο επιλογών", - "embeddable": "", - "text_selected": "Κάντε διπλό κλικ ή πατήστε ENTER για να επεξεργαστείτε το κείμενο", - "text_editing": "Πατήστε Escape ή CtrlOrCmd+ENTER για να ολοκληρώσετε την επεξεργασία", - "linearElementMulti": "Κάνε κλικ στο τελευταίο σημείο ή πάτησε Escape ή Enter για να τελειώσεις", - "lockAngle": "Μπορείτε να περιορίσετε τη γωνία κρατώντας πατημένο το SHIFT", - "resize": "Μπορείς να περιορίσεις τις αναλογίες κρατώντας το SHIFT ενώ αλλάζεις μέγεθος,\nκράτησε πατημένο το ALT για αλλαγή μεγέθους από το κέντρο", - "resizeImage": "Μπορείτε να αλλάξετε το μέγεθος ελεύθερα κρατώντας πατημένο το SHIFT,\nκρατήστε πατημένο το ALT για να αλλάξετε το μέγεθος από το κέντρο", - "rotate": "Μπορείς να περιορίσεις τις γωνίες κρατώντας πατημένο το πλήκτρο SHIFT κατά την περιστροφή", - "lineEditor_info": "Κρατήστε πατημένο Ctrl ή Cmd και πατήστε το πλήκτρο Ctrl ή Cmd + Enter για επεξεργασία σημείων", - "lineEditor_pointSelected": "Πατήστε Διαγραφή για αφαίρεση σημείου(ων),\nCtrlOrCmd+D για αντιγραφή, ή σύρετε για μετακίνηση", - "lineEditor_nothingSelected": "Επιλέξτε ένα σημείο για να επεξεργαστείτε (κρατήστε πατημένο το SHIFT για να επιλέξετε πολλαπλά),\nή κρατήστε πατημένο το Alt και κάντε κλικ για να προσθέσετε νέα σημεία", - "placeImage": "Κάντε κλικ για να τοποθετήσετε την εικόνα ή κάντε κλικ και σύρετε για να ορίσετε το μέγεθός της χειροκίνητα", + "embeddable": "Κάντε κλικ και σύρετε για να δημιουργήσετε μια ενσωματωμένη ιστοσελίδα", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Δημοσιεύστε τη δική σας βιβλιοθήκη", - "bindTextToElement": "Πατήστε Enter για προσθήκη κειμένου", - "deepBoxSelect": "Κρατήστε πατημένο το CtrlOrCmd για να επιλέξετε βαθιά, και να αποτρέψετε τη μεταφορά", - "eraserRevert": "Κρατήστε πατημένο το Alt για να επαναφέρετε τα στοιχεία που σημειώθηκαν για διαγραφή", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Αυτή η επιλογή μπορεί πιθανώς να ενεργοποιηθεί αλλάζοντας την ρύθμιση \"dom.events.asyncClipboard.clipboardItem\" σε \"true\". Για να αλλάξετε τις ρυθμίσεις του προγράμματος περιήγησης στο Firefox, επισκεφθείτε τη σελίδα \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Αδυναμία εμφάνισης προεπισκόπησης", @@ -299,9 +378,12 @@ "openIssueMessage": "Ήμασταν πολύ προσεκτικοί για να μην συμπεριλάβουμε τις πληροφορίες της σκηνής σου στο σφάλμα. Αν η σκηνή σου δεν είναι ιδιωτική, παρακαλώ σκέψου να ακολουθήσεις το δικό μας Παρακαλώ να συμπεριλάβετε τις παρακάτω πληροφορίες, αντιγράφοντας και επικολλώντας το ζήτημα στο GitHub.", "sceneContent": "Περιεχόμενο σκηνής:" }, + "shareDialog": { + "or": "Ή" + }, "roomDialog": { - "desc_intro": "Μπορείς να προσκαλέσεις άλλους να δουλέψουν μαζί σου.", - "desc_privacy": "Μην ανησυχείς, η συνεδρία χρησιμοποιεί κρυπτογράφηση από σημείο σε σημείο, άρα οτιδήποτε κάνεις θα παραμείνει ανοιχτό μόνο σε εσένα. Ούτε οι μηχανές μας μπορούν να δουν τι κάνεις.", + "desc_intro": "Προσκαλέστε άτομα για να συνεργαστείτε στο σχέδιό σας.", + "desc_privacy": "Μην ανησυχείτε, η συνεδρία είναι κρυπτογραφημένη από άκρο σε άκρο, και πλήρως ιδιωτική. Ούτε ο διακομιστής μας μπορεί να δει τι σχεδιάζετε.", "button_startSession": "Έναρξη Συνεδρίας", "button_stopSession": "Τερματισμός Συνεδρίας", "desc_inProgressIntro": "Η ζωντανή συνεργασία με άλλους είναι σε ενεργή.", @@ -328,14 +410,16 @@ "click": "κλικ", "deepSelect": "Βαθιά επιλογή", "deepBoxSelect": "Βαθιά επιλογή μέσα στο πλαίσιο και αποτροπή συρσίματος", + "createFlowchart": "Δημιουργία διαγράμματος ροής από ένα γενικό στοιχείο", + "navigateFlowchart": "Πλοήγηση σε ένα διάγραμμα ροής", "curvedArrow": "Κυρτό βέλος", "curvedLine": "Κυρτή γραμμή", "documentation": "Εγχειρίδιο", "doubleClick": "διπλό κλικ", "drag": "σύρε", "editor": "Επεξεργαστής", - "editLineArrowPoints": "", - "editText": "", + "editLineArrowPoints": "Επεξεργασία σημείων γραμμής/βέλους", + "editText": "Επεξεργασία κειμένου / προσθήκη ετικέτας", "github": "Βρήκατε πρόβλημα; Υποβάλετε το", "howto": "Ακολουθήστε τους οδηγούς μας", "or": "ή", @@ -350,7 +434,9 @@ "zoomToSelection": "Ζουμ στην επιλογή", "toggleElementLock": "Κλείδωμα/Ξεκλείδωμα επιλογής", "movePageUpDown": "Μετακίνηση σελίδας πάνω/κάτω", - "movePageLeftRight": "Μετακίνηση σελίδας αριστερά/δεξιά" + "movePageLeftRight": "Μετακίνηση σελίδας αριστερά/δεξιά", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Καθαρισμός καμβά" @@ -359,8 +445,8 @@ "title": "Δημοσίευση βιβλιοθήκης", "itemName": "Όνομα αντικειμένου", "authorName": "Όνομα δημιουργού", - "githubUsername": "GitHub username", - "twitterUsername": "Twitter username", + "githubUsername": "Όνομα χρήστη GitHub", + "twitterUsername": "Όνομα χρήστη Twitter", "libraryName": "Όνομα βιβλιοθήκης", "libraryDesc": "Περιγραφή βιβλιοθήκης", "website": "Ιστοσελίδα", @@ -392,27 +478,27 @@ "removeItemsFromLib": "Αφαίρεση επιλεγμένων αντικειμένων από τη βιβλιοθήκη" }, "imageExportDialog": { - "header": "", + "header": "Εξαγωγή εικόνας", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", - "embedScene": "", - "scale": "", - "padding": "" + "withBackground": "Παρασκήνιο", + "onlySelected": "Μόνο τα επιλεγμένα", + "darkMode": "Σκοτεινό θέμα", + "embedScene": "Ενσωμάτωση σκηνής", + "scale": "Κλιμάκωση", + "padding": "Περιθώριο" }, "tooltip": { - "embedScene": "" + "embedScene": "Τα δεδομένα σκηνής θα αποθηκευτούν στο αρχείο PNG/SVG προς εξαγωγή ώστε η σκηνή να είναι δυνατό να αποκατασταθεί από αυτό.\nΘα αυξήσει το μέγεθος του αρχείου προς εξαγωγή." }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "Εξαγωγή σε PNG", + "exportToSvg": "Εξαγωγή σε SVG", + "copyPngToClipboard": "Αντιγραφή PNG στο πρόχειρο" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG", + "exportToSvg": "SVG", + "copyPngToClipboard": "Αντιγραφή στο πρόχειρο" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "Γωνία", - "element": "Στοιχείο", - "elements": "Στοιχεία", + "shapes": "Σχήματα", "height": "Ύψος", "scene": "Σκηνή", "selected": "Επιλεγμένα", "storage": "Χώρος", - "title": "Στατιστικά για σπασίκλες", + "fullTitle": "Ιδιότητες Καμβά & Σχήματος", + "title": "Ιδιότητες", + "generalStats": "Γενικά", + "elementProperties": "Ιδιότητες σχήματος", "total": "Σύνολο ", "version": "Έκδοση", "versionCopy": "Κάνε κλικ για αντιγραφή", @@ -439,13 +527,15 @@ "copyStyles": "Αντιγράφηκαν στυλ.", "copyToClipboard": "Αντιγράφηκε στο πρόχειρο.", "copyToClipboardAsPng": "Αντιγράφηκε {{exportSelection}} στο πρόχειρο ως PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Το αρχείο αποθηκεύτηκε.", "fileSavedToFilename": "Αποθηκεύτηκε στο {filename}", "canvas": "καμβάς", "selection": "επιλογή", "pasteAsSingleElement": "Χρησιμοποίησε το {{shortcut}} για να επικολλήσεις ως ένα μόνο στοιχείο,\nή να επικολλήσεις σε έναν υπάρχοντα επεξεργαστή κειμένου", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "Η ενσωμάτωση αυτού του url δεν επιτρέπεται αυτήν τη στιγμή. Θέστε ένα πρόβλημα στο GitHub για να ζητήσετε το url να είναι στη λίστα των επιτρεπόμενων.", + "unrecognizedLinkFormat": "Ο σύνδεσμος που ενσωματώσατε δεν ταιριάζει με την αναμενόμενη μορφή. Παρακαλώ προσπαθήστε να επικολλήσετε τη συμβολοσειρά 'embed' που παρέχεται από τον ιστότοπο προορισμού", + "elementLinkCopied": "" }, "colors": { "transparent": "Διαφανές", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Πιο χρησιμοποιούμενα χρώματα", "colors": "Χρώματα", "shades": "Αποχρώσεις", @@ -487,39 +578,87 @@ "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "Εξαγωγή ως εικόνα", + "button": "Εξαγωγή ως εικόνα", + "description": "Εξαγωγή δεδομένων σκηνής σε ένα αρχείο από το οποίο μπορείτε να εισάγετε αργότερα." }, "saveToDisk": { - "title": "", - "button": "", - "description": "" + "title": "Αποθήκευση στο δίσκο", + "button": "Αποθήκευση στο δίσκο", + "description": "Εξαγωγή δεδομένων σκηνής σε ένα αρχείο από το οποίο μπορείτε να εισάγετε αργότερα." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+", + "button": "Εξαγωγή σε Excalidraw+", + "description": "Αποθηκεύστε τη σκηνή στο χώρο εργασίας σας Excalidraw+." } }, "modal": { "loadFromFile": { - "title": "", - "button": "", - "description": "" + "title": "Φόρτωση από αρχείο", + "button": "Φόρτωση από αρχείο", + "description": "Η φόρτωση από αρχείο θα αντικαταστήσει το υπάρχον περιεχόμενό σας.

Μπορείτε πρώτα να δημιουργήσετε αντίγραφα ασφαλείας του σχεδίου σας χρησιμοποιώντας μία από τις παρακάτω επιλογές." }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "Φόρτωση από σύνδεσμο", + "button": "Αντικατάσταση του περιεχομένου μου", + "description": "Η φόρτωση εξωτερικού σχεδίου θα αντικαταστήσει το υπάρχον περιεχόμενο.

Μπορείτε να δημιουργήσετε αντίγραφα ασφαλείας του σχεδίου σας πρώτα χρησιμοποιώντας μία από τις παρακάτω επιλογές." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid σε Excalidraw", + "button": "Εισαγωγή", + "description": "Επί του παρόντος υποστηρίζονται μόνο Διαγράμματα Ροής, Ακολουθίας, και Κλάσεων. Οι άλλοι τύποι θα αποδοθούν ως εικόνα στο Excalidraw.", + "syntax": "Σύνταξη Mermaid", + "preview": "Προεπισκόπηση" + }, + "quickSearch": { + "placeholder": "Γρήγορη αναζήτηση" + }, + "fontList": { + "badge": { + "old": "παλιό" + }, + "sceneFonts": "Σε αυτή τη σκηνή", + "availableFonts": "Διαθέσιμες γραμματοσειρές", + "empty": "Δεν βρέθηκαν γραμματοσειρές" + }, + "userList": { + "empty": "Δεν βρέθηκαν χρήστες", + "hint": { + "text": "Κάντε κλικ στο χρήστη για να τον ακολουθήσετε", + "followStatus": "Ακολουθείτε αυτόν τον χρήστη", + "inCall": "Ο χρήστης βρίσκεται σε κλήση", + "micMuted": "Το μικρόφωνο του χρήστη είναι σε σίγαση", + "isSpeaking": "Ο χρήστης μιλάει" + } + }, + "commandPalette": { + "title": "Παλέτα Εντολών", + "shortcuts": { + "select": "Επιλογή", + "confirm": "Επιβεβαίωση", + "close": "Κλείσιμο" + }, + "recents": "Πρόσφατα χρησιμοποιημένα", + "search": { + "placeholder": "Αναζητήστε μενού, εντολές και ανακαλύψτε κρυμμένα διαμάντια", + "noMatch": "Δεν υπάρχουν εντολές που ταιριάζουν..." + }, + "itemNotAvailable": "Η εντολή δεν είναι διαθέσιμη...", + "shortcutHint": "Για την παλέτα εντολών, χρησιμοποιήστε το {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/es-ES.json b/packages/excalidraw/locales/es-ES.json index ab7152829a..fd37153f48 100644 --- a/packages/excalidraw/locales/es-ES.json +++ b/packages/excalidraw/locales/es-ES.json @@ -21,7 +21,9 @@ "copyStyles": "Copiar estilos", "pasteStyles": "Pegar estilos", "stroke": "Trazo", + "changeStroke": "Cambiar el color del trazo", "background": "Fondo", + "changeBackground": "Cambiar el color de fondo", "fill": "Rellenar", "strokeWidth": "Grosor del trazo", "strokeStyle": "Estilo del trazo", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Triángulo (contorno)", "arrowhead_diamond": "Diamante", "arrowhead_diamond_outline": "Diamante (contorno)", + "arrowhead_crowfoot_many": "Pie de la corona (varios)", + "arrowhead_crowfoot_one": "Pie de la corona (uno)", + "arrowhead_crowfoot_one_or_many": "Pie de la corona (uno o varios)", + "more_options": "Más opciones", + "arrowtypes": "Tipo de flecha", + "arrowtype_sharp": "Flecha Afilada", + "arrowtype_round": "Flecha Curva", + "arrowtype_elbowed": "Flecha de codo", "fontSize": "Tamaño de la fuente", "fontFamily": "Tipo de fuente", "addWatermark": "Agregar \"Hecho con Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Usado en lienzo", "canvasBackground": "Fondo del lienzo", "drawingCanvas": "Lienzo de dibujo", + "clearCanvas": "Lona transparente", "layers": "Capas", "actions": "Acciones", "language": "Idioma", @@ -84,12 +95,13 @@ "group": "Agrupar selección", "ungroup": "Desagrupar selección", "collaborators": "Colaboradores", - "showGrid": "Mostrar cuadrícula", + "toggleGrid": "Alternar rejilla", "addToLibrary": "Añadir a la biblioteca", "removeFromLibrary": "Eliminar de la biblioteca", "libraryLoadingMessage": "Cargando biblioteca…", "libraries": "Explorar bibliotecas", "loadingScene": "Cargando escena…", + "loadScene": "Cargar escena desde archivo", "align": "Alinear", "alignTop": "Alineación superior", "alignBottom": "Alineación inferior", @@ -105,7 +117,9 @@ "share": "Compartir", "showStroke": "Mostrar selector de color de trazo", "showBackground": "Mostrar el selector de color de fondo", - "toggleTheme": "Cambiar tema", + "showFonts": "Mostrar selector de fuentes", + "toggleTheme": "Cambiar tema claro/oscuro", + "theme": "Tema", "personalLib": "Biblioteca personal", "excalidrawLib": "Biblioteca Excalidraw", "decreaseFontSize": "Disminuir tamaño de letra", @@ -115,16 +129,21 @@ "createContainerFromText": "Envolver el texto en un contenedor", "link": { "edit": "Editar enlace", - "editEmbed": "Editar enlace e incrustar", - "create": "Crear enlace", - "createEmbed": "Crear enlace e incrustar", + "editEmbed": "Editar enlace incrustable", + "create": "Añadir enlace", "label": "Enlace", "labelEmbed": "Enlazar e incrustar", - "empty": "No se ha establecido un enlace" + "empty": "No se ha establecido un enlace", + "hint": "Escribe o pega tu enlace aquí", + "goToElement": "Ir al elemento objetivo" }, "lineEditor": { "edit": "Editar línea", - "exit": "Salir del editor en línea" + "editArrow": "Editar flecha" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Bloquear", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Eliminar todos los elementos del marco", "eyeDropper": "Seleccionar un color del lienzo", "textToDiagram": "Texto a diagrama", - "prompt": "Sugerencia" + "prompt": "Prompt", + "followUs": "Síguenos", + "discordChat": "Chat de Discord", + "zoomToFitViewport": "Zoom para encajar en la ventana", + "zoomToFitSelection": "Zoom para ajustar la selección", + "zoomToFit": "Zoom para mostrar todos los elementos", + "installPWA": "Instalar Excalidraw localmente (PWA)", + "autoResize": "Activar redimensionado automático de texto", + "imageCropping": "Recortar imagen", + "unCroppedDimension": "Dimensión no recortada", + "copyElementLink": "Copiar enlace al objeto", + "linkToElement": "Enlace al objeto", + "wrapSelectionInFrame": "Ajustar la selección en el marco", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Enlace al objeto", + "desc": "Haga clic en una forma en lienzo o pegue un enlace.", + "notFound": "El objeto vinculado no se encontró en el lienzo." }, "library": { "noItems": "No hay elementos añadidos todavía...", "hint_emptyLibrary": "Seleccione un elemento en el lienzo para añadirlo aquí, o instale una biblioteca del repositorio público, a continuación.", - "hint_emptyPrivateLibrary": "Seleccione un elemento del lienzo para añadirlo aquí." + "hint_emptyPrivateLibrary": "Seleccione un elemento del lienzo para añadirlo aquí.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Encontrar en lienzo", + "noMatch": "No hay coincidencias...", + "singleResult": "resultado", + "multipleResults": "resultados", + "placeholder": "Encontrar texto en lienzo...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Limpiar lienzo y reiniciar el color de fondo", @@ -151,6 +204,7 @@ "exportImage": "Exportar imagen...", "export": "Guardar en...", "copyToClipboard": "Copiar al portapapeles", + "copyLink": "Copiar enlace", "save": "Guardar en archivo actual", "saveAs": "Guardar como", "load": "Abrir", @@ -171,14 +225,16 @@ "fullScreen": "Pantalla completa", "darkMode": "Modo oscuro", "lightMode": "Modo claro", + "systemMode": "Modo del sistema", "zenMode": "Modo Zen", "objectsSnapMode": "Ajustar a los objetos", "exitZenMode": "Salir del modo Zen", "cancel": "Cancelar", + "saveLibNames": "", "clear": "Borrar", "remove": "Eliminar", - "embed": "", - "publishLibrary": "Publicar", + "embed": "Alternar incrustación", + "publishLibrary": "", "submit": "Enviar", "confirm": "Confirmar", "embeddableInteractionButton": "Pulsa para interactuar" @@ -204,7 +260,8 @@ "resetLibrary": "Esto borrará tu biblioteca. ¿Estás seguro?", "removeItemsFromsLibrary": "¿Eliminar {{count}} elemento(s) de la biblioteca?", "invalidEncryptionKey": "La clave de cifrado debe tener 22 caracteres. La colaboración en vivo está deshabilitada.", - "collabOfflineWarning": "No hay conexión a internet disponible.\n¡No se guardarán los cambios!" + "collabOfflineWarning": "No hay conexión a internet disponible.\n¡No se guardarán los cambios!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipo de archivo no admitido.", @@ -212,22 +269,22 @@ "fileTooBig": "Archivo demasiado grande. El tamaño máximo permitido es {{maxSize}}.", "svgImageInsertError": "No se pudo insertar la imagen SVG. El código SVG parece inválido.", "failedToFetchImage": "Error al obtener la imagen.", - "invalidSVGString": "SVG no válido.", "cannotResolveCollabServer": "No se pudo conectar al servidor colaborador. Por favor, vuelva a cargar la página y vuelva a intentarlo.", "importLibraryError": "No se pudo cargar la librería", + "saveLibraryError": "No se pudo guardar la biblioteca en el almacenamiento. Por favor, guarde su biblioteca en un archivo localmente para asegurarse de que no pierde los cambios.", "collabSaveFailed": "No se pudo guardar en la base de datos del backend. Si los problemas persisten, debería guardar su archivo localmente para asegurarse de que no pierde su trabajo.", "collabSaveFailed_sizeExceeded": "No se pudo guardar en la base de datos del backend, el lienzo parece ser demasiado grande. Debería guardar el archivo localmente para asegurarse de que no pierde su trabajo.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Las imágenes están desactivadas.", "brave_measure_text_error": { "line1": "Parece que estás usando el navegador Brave con el ajuste Forzar el bloqueo de huellas digitales habilitado.", "line2": "Esto podría resultar en errores en los Elementos de Texto en tus dibujos.", "line3": "Recomendamos fuertemente deshabilitar esta configuración. Puedes seguir estos pasos sobre cómo hacerlo.", - "line4": "" + "line4": "Si deshabilitar esta opción no arregla la visualización de elementos conformados por texto, por favor abre un problema en nuestro GitHub o escríbanos en Discord" }, "libraryElementTypeError": { - "embeddable": "", + "embeddable": "Los elementos incrustables no pueden ser añadidos a la biblioteca.", "iframe": "Los elementos IFrame no se pueden agregar a la biblioteca.", - "image": "" + "image": "¡Soporte para añadir imágenes a la biblioteca muy pronto!" }, "asyncPasteFailedOnRead": "No se pudo pegar (no se pudo leer desde el portapapeles del sistema).", "asyncPasteFailedOnParse": "No se pudo pegar.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Selección", + "lasso": "", "image": "Insertar imagen", "rectangle": "Rectángulo", "diamond": "Diamante", @@ -248,14 +306,30 @@ "penMode": "Modo Lápiz - previene toque", "link": "Añadir/Actualizar enlace para una forma seleccionada", "eraser": "Borrar", - "frame": "", + "frame": "Herramienta Estructura", "magicframe": "Esquema a código", "embeddable": "Incrustar Web", "laser": "Puntero láser", "hand": "Mano (herramienta de panoramización)", "extraTools": "Más herramientas", "mermaidToExcalidraw": "Mermaid a Excalidraw", - "magicSettings": "Ajustes AI" + "convertElementType": "" + }, + "element": { + "rectangle": "Rectángulo", + "diamond": "Rombo", + "ellipse": "Elipse", + "arrow": "Flecha", + "line": "Línea", + "freedraw": "Dibujar a mano", + "text": "Texto", + "image": "Imagen", + "group": "Grupo", + "frame": "Marco", + "magicframe": "Esquema a código", + "embeddable": "Incrustar Web", + "selection": "Selección", + "iframe": "IFrame" }, "headings": { "canvasActions": "Acciones del lienzo", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { - "canvasPanning": "Para mover el lienzo, mantenga la rueda del ratón o la barra espaciadora mientras arrastra o utilice la herramienta de mano", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Haz clic para dibujar múltiples puntos, arrastrar para solo una línea", + "arrowTool": "", "freeDraw": "Haz clic y arrastra, suelta al terminar", "text": "Consejo: también puedes añadir texto haciendo doble clic en cualquier lugar con la herramienta de selección", "embeddable": "Haga clic y arrastre para crear un sitio web incrustado", - "text_selected": "Doble clic o pulse ENTER para editar el texto", - "text_editing": "Pulse Escape o Ctrl/Cmd + ENTER para terminar de editar", - "linearElementMulti": "Haz clic en el último punto o presiona Escape o Enter para finalizar", - "lockAngle": "Puedes restringir el ángulo manteniendo presionado el botón SHIFT", - "resize": "Para mantener las proporciones mantén SHIFT presionado mientras modificas el tamaño, \nmantén presionado ALT para modificar el tamaño desde el centro", - "resizeImage": "Puede redimensionar libremente pulsando SHIFT,\npulse ALT para redimensionar desde el centro", - "rotate": "Puedes restringir los ángulos manteniendo presionado SHIFT mientras giras", - "lineEditor_info": "Mantenga pulsado CtrlOrCmd y haga doble click o presione CtrlOrCmd + Enter para editar puntos", - "lineEditor_pointSelected": "Presione Suprimir para eliminar el/los punto(s), CtrlOrCmd+D para duplicarlo, o arrástrelo para moverlo", - "lineEditor_nothingSelected": "Seleccione un punto a editar (mantenga MAYÚSCULAS para seleccionar múltiples),\no mantenga pulsado Alt y haga click para añadir nuevos puntos", - "placeImage": "Haga clic para colocar la imagen o haga click y arrastre para establecer su tamaño manualmente", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publica tu propia biblioteca", - "bindTextToElement": "Presione Entrar para agregar", - "deepBoxSelect": "Mantén CtrlOrCmd para seleccionar en profundidad, y para evitar arrastrar", - "eraserRevert": "Mantenga pulsado Alt para revertir los elementos marcados para su eliminación", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Esta característica puede ser habilitada estableciendo la bandera \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Para cambiar las banderas del navegador en Firefox, visite la página \"about:config\".", - "disableSnapping": "Mantén pulsado CtrlOrCmd para desactivar el ajuste" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "No se puede mostrar la vista previa", @@ -299,9 +378,12 @@ "openIssueMessage": "Fuimos muy cautelosos de no incluir la información de tu escena en el error. Si tu escena no es privada, por favor considera seguir nuestro Por favor, incluya la siguiente información copiándola y pegándola en el issue de GitHub.", "sceneContent": "Contenido de la escena:" }, + "shareDialog": { + "or": "O" + }, "roomDialog": { - "desc_intro": "Puede invitar a otras personas a tu actual escena para que colaboren contigo.", - "desc_privacy": "No te preocupes, la sesión usa encriptación de punta a punta, por lo que todo lo que se dibuje se mantendrá privadamente. Ni siquiera nuestro servidor podrá ver lo que haces.", + "desc_intro": "Invita a gente a colaborar en tu dibujo.", + "desc_privacy": "No te preocupes, la sesión está encriptada de extremo a extremo y es totalmente privada. Ni siquiera nuestro servidor puede ver lo que dibujas.", "button_startSession": "Iniciar sesión", "button_stopSession": "Detener sesión", "desc_inProgressIntro": "La sesión de colaboración en vivo está ahora en progreso.", @@ -325,9 +407,11 @@ }, "helpDialog": { "blog": "Lea nuestro blog", - "click": "click", + "click": "clic", "deepSelect": "Selección profunda", "deepBoxSelect": "Seleccione en profundidad dentro de la caja, y evite arrastrar", + "createFlowchart": "Crear un diagrama de flujo a partir de un elemento genérico", + "navigateFlowchart": "Navegar un diagrama de flujo", "curvedArrow": "Flecha curva", "curvedLine": "Línea curva", "documentation": "Documentación", @@ -350,7 +434,9 @@ "zoomToSelection": "Ampliar selección", "toggleElementLock": "Bloquear/desbloquear selección", "movePageUpDown": "Mover página hacia arriba/abajo", - "movePageLeftRight": "Mover página hacia la izquierda/derecha" + "movePageLeftRight": "Mover página hacia la izquierda/derecha", + "cropStart": "Recortar imagen", + "cropFinish": "Terminar recorte de imagen" }, "clearCanvasDialog": { "title": "Borrar lienzo" @@ -402,7 +488,7 @@ "padding": "Espaciado" }, "tooltip": { - "embedScene": "" + "embedScene": "Los datos de la escena se guardarán en el archivo PNG/SVG exportado, así la escena puede ser restaurada desde la misma. Esto acción aumentará el tamaño del archivo exportado." }, "title": { "exportToPng": "Exportar a PNG", @@ -421,13 +507,15 @@ }, "stats": { "angle": "Ángulo", - "element": "Elemento", - "elements": "Elementos", + "shapes": "Formas", "height": "Alto", "scene": "Escena", "selected": "Seleccionado", "storage": "Almacenamiento", - "title": "Estadísticas para nerds", + "fullTitle": "Propiedades del Lienzo y Forma", + "title": "Propiedades", + "generalStats": "General", + "elementProperties": "Propiedades de forma", "total": "Total", "version": "Versión", "versionCopy": "Click para copiar", @@ -439,13 +527,15 @@ "copyStyles": "Estilos copiados.", "copyToClipboard": "Copiado en el portapapeles.", "copyToClipboardAsPng": "Copiado {{exportSelection}} al portapapeles como PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Copiado {{exportSelection}} al portapapeles como PNG\n({{exportColorScheme}})", "fileSaved": "Archivo guardado.", "fileSavedToFilename": "Guardado en {filename}", "canvas": "lienzo", "selection": "selección", "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un solo elemento,\no pegar en un editor de texto existente", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "Incorporar esta url no está permitido actualmente. Señale esta incidencia en nuestro GitHub para solicitar que esta url esté entre las permitidas", + "unrecognizedLinkFormat": "El enlace que incrustó no coincide con el formato esperado. Por favor intente pegar la cadena 'embed' proporcionada por el sitio de origen", + "elementLinkCopied": "Enlace copiado al portapapeles" }, "colors": { "transparent": "Transparente", @@ -478,18 +568,19 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Colores personalizados más utilizados", "colors": "Colores", - "shades": "", + "shades": "Sombras", "hexCode": "Código Hexadecimal", - "noShades": "" + "noShades": "No hay sombras disponibles para este color" }, "overwriteConfirm": { "action": { "exportToImage": { "title": "Exportar como imagen", "button": "Exportar como imagen", - "description": "" + "description": "Exporta los datos de la escena como una imagen desde el cual podrás importarlo más tarde." }, "saveToDisk": { "title": "Guardar en el disco", @@ -497,16 +588,16 @@ "description": "Exporta los datos de la escena a un archivo desde el cual podrás importar más tarde." }, "excalidrawPlus": { - "title": "", + "title": "Excalidraw+", "button": "Exportar a Excalidraw+", - "description": "" + "description": "Guarda la escena en su espacio de trabajo de Excalidraw+." } }, "modal": { "loadFromFile": { "title": "Cargar desde un archivo", "button": "Cargar desde un archivo", - "description": "" + "description": "Cargando desde un archivo reemplazará tu contenido actual

Puedes primero hacer una copia de seguridad usando una de las siguientes opciones." }, "shareableLink": { "title": "Cargar desde un enlace", @@ -518,8 +609,56 @@ "mermaid": { "title": "Mermaid a Excalidraw", "button": "Insertar", - "description": "Actualmente sólo Flowchart, Secuencia, y Class Diagramas son soportados. Los otros tipos se renderizarán como imagen en Excalidraw.", + "description": "Actualmente sólo estos tipos de diagrama de flujo, Secuencia, y Clase son soportados. Los otros tipos de diagramas se renderizarán como imagen en Excalidraw.", "syntax": "Sintaxis Mermaid", "preview": "Vista previa" + }, + "quickSearch": { + "placeholder": "Búsqueda rápida" + }, + "fontList": { + "badge": { + "old": "viejo" + }, + "sceneFonts": "En esta escena", + "availableFonts": "Fuentes disponibles", + "empty": "No se han encontrado fuentes" + }, + "userList": { + "empty": "No se han encontrado usuarios", + "hint": { + "text": "Haga clic en el usuario para seguir", + "followStatus": "Ya estás siguiendo a este usuario", + "inCall": "El usuario está en una llamada de voz", + "micMuted": "El micrófono del usuario está silenciado", + "isSpeaking": "El usuario está hablando" + } + }, + "commandPalette": { + "title": "Paleta de comandos", + "shortcuts": { + "select": "Seleccionar", + "confirm": "Confirmar", + "close": "Cerrar" + }, + "recents": "Usado recientemente", + "search": { + "placeholder": "Busca menús, comandos y descubre gemas ocultas", + "noMatch": "No hay comandos coincidentes..." + }, + "itemNotAvailable": "Comando no disponible...", + "shortcutHint": "Para la paleta de comandos, utilice {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/eu-ES.json b/packages/excalidraw/locales/eu-ES.json index 19c9adb5f1..6136a2fbdd 100644 --- a/packages/excalidraw/locales/eu-ES.json +++ b/packages/excalidraw/locales/eu-ES.json @@ -11,8 +11,8 @@ "copyAsPng": "Kopiatu arbelera PNG gisa", "copyAsSvg": "Kopiatu arbelera SVG gisa", "copyText": "Kopiatu arbelera testu gisa", - "copySource": "Kopiatu iturria arbelean", - "convertToCode": "Bihurtu kodea", + "copySource": "Kopiatu jatorria arbelean", + "convertToCode": "Kodera bihurtu", "bringForward": "Ekarri aurrerago", "sendToBack": "Eraman atzera", "bringToFront": "Ekarri aurrera", @@ -21,7 +21,9 @@ "copyStyles": "Kopiatu estiloak", "pasteStyles": "Itsatsi estiloak", "stroke": "Marra", + "changeStroke": "Marraren kolorea aldatu", "background": "Atzeko planoa", + "changeBackground": "Atzealdeko kolorea aldatu", "fill": "Bete", "strokeWidth": "Marraren zabalera", "strokeStyle": "Marraren estiloa", @@ -38,12 +40,20 @@ "arrowhead_none": "Bat ere ez", "arrowhead_arrow": "Gezia", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Zirkulua", + "arrowhead_circle_outline": "Zirkulua (eskema)", "arrowhead_triangle": "Hirukia", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Triangelua (eskema)", + "arrowhead_diamond": "Erromboa", + "arrowhead_diamond_outline": "Erromboa (eskema)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Letra-tamaina", "fontFamily": "Letra-tipoa", "addWatermark": "Gehitu \"Excalidraw bidez egina\"", @@ -72,6 +82,7 @@ "canvasColors": "Oihalean erabilita", "canvasBackground": "Oihalaren atzeko planoa", "drawingCanvas": "Marrazteko oihala", + "clearCanvas": "Garbitu", "layers": "Geruzak", "actions": "Ekintzak", "language": "Hizkuntza", @@ -84,12 +95,13 @@ "group": "Hautapena taldea bihurtu", "ungroup": "Desegin hautapenaren taldea", "collaborators": "Kolaboratzaileak", - "showGrid": "Erakutsi sareta", + "toggleGrid": "Txandakatu sareta", "addToLibrary": "Gehitu liburutegira", "removeFromLibrary": "Kendu liburutegitik", "libraryLoadingMessage": "Liburutegia kargatzen…", "libraries": "Arakatu liburutegiak", "loadingScene": "Eszena kargatzen…", + "loadScene": "Fitxategitik kargatu", "align": "Lerrokatu", "alignTop": "Lerrokatu goian", "alignBottom": "Lerrokatu behean", @@ -105,7 +117,9 @@ "share": "Partekatu", "showStroke": "Erakutsi marraren kolore-hautatzailea", "showBackground": "Erakutsi atzeko planoaren kolore-hautatzailea", - "toggleTheme": "Aldatu gaia", + "showFonts": "", + "toggleTheme": "Gaia argia/iluna aktibatu", + "theme": "Itxura", "personalLib": "Liburutegi pertsonala", "excalidrawLib": "Excalidraw liburutegia", "decreaseFontSize": "Txikitu letra tamaina", @@ -115,16 +129,21 @@ "createContainerFromText": "Bilatu testua edukiontzi batean", "link": { "edit": "Editatu esteka", - "editEmbed": "Editatu esteka eta kapsulatu", - "create": "Sortu esteka", - "createEmbed": "Sortu esteka eta kapsulatu", + "editEmbed": "", + "create": "", "label": "Esteka", "labelEmbed": "Esteka eta kapsula", - "empty": "Ez da estekarik ezarri" + "empty": "Ez da estekarik ezarri", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Editatu lerroa", - "exit": "Irten lerro-editoretik" + "editArrow": "Gezia aldatu" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Blokeatu", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Kendu markoko elementu guztiak", "eyeDropper": "Aukeratu kolorea oihaletik", "textToDiagram": "Testutik diagramara", - "prompt": "" + "prompt": "Galdetu", + "followUs": "Jarraitu gaitzazu", + "discordChat": "Discord txata", + "zoomToFitViewport": "Zoom ikuspegira", + "zoomToFitSelection": "Zoom hautapenera", + "zoomToFit": "Egin zoom elementu guztiak ikusteko", + "installPWA": "Instalatu Excalidraw lokalean (PWA)", + "autoResize": "Textu zabalera automatikoa aktibatu", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Oraindik ez da elementurik gehitu...", "hint_emptyLibrary": "Hautatu oihaleko elementu bat hemen gehitzeko, edo instalatu liburutegi bat beheko biltegi publikotik.", - "hint_emptyPrivateLibrary": "Hautatu oihaleko elementu bat hemen gehitzeko." + "hint_emptyPrivateLibrary": "Hautatu oihaleko elementu bat hemen gehitzeko.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Garbitu oihala", @@ -151,6 +204,7 @@ "exportImage": "Esportatu irudia...", "export": "Gorde hemen...", "copyToClipboard": "Kopiatu arbelera", + "copyLink": "", "save": "Gorde uneko fitxategian", "saveAs": "Gorde honela", "load": "Ireki", @@ -171,14 +225,16 @@ "fullScreen": "Pantaila osoa", "darkMode": "Modu iluna", "lightMode": "Modu argia", + "systemMode": "", "zenMode": "Zen modua", "objectsSnapMode": "Atxiki objektuei", "exitZenMode": "Irten Zen modutik", "cancel": "Utzi", + "saveLibNames": "", "clear": "Garbitu", "remove": "Kendu", "embed": "Aldatu kapsulatzea", - "publishLibrary": "Argitaratu", + "publishLibrary": "", "submit": "Bidali", "confirm": "Bai", "embeddableInteractionButton": "Egin klik elkar eragiteko" @@ -204,7 +260,8 @@ "resetLibrary": "Honek zure liburutegia garbituko du. Ziur zaude?", "removeItemsFromsLibrary": "Liburutegitik {{count}} elementu ezabatu?", "invalidEncryptionKey": "Enkriptazio-gakoak 22 karaktere izan behar ditu. Zuzeneko lankidetza desgaituta dago.", - "collabOfflineWarning": "Ez dago Interneteko konexiorik.\nZure aldaketak ez dira gordeko!" + "collabOfflineWarning": "Ez dago Interneteko konexiorik.\nZure aldaketak ez dira gordeko!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Onartu gabeko fitxategi mota.", @@ -212,12 +269,12 @@ "fileTooBig": "Fitxategia handiegia da. Onartutako gehienezko tamaina {{maxSize}} da.", "svgImageInsertError": "Ezin izan da SVG irudia txertatu. SVG markak baliogabea dirudi.", "failedToFetchImage": "Ezin izan da irudia eskuratu.", - "invalidSVGString": "SVG baliogabea.", "cannotResolveCollabServer": "Ezin izan da elkarlaneko zerbitzarira konektatu. Mesedez, berriro kargatu orria eta saiatu berriro.", "importLibraryError": "Ezin izan da liburutegia kargatu", + "saveLibraryError": "Ezin izan da liburutegian gorde. Mesedez, gorde fitxategi lokal batetara aldaketarik ez galtzeko.", "collabSaveFailed": "Ezin izan da backend datu-basean gorde. Arazoak jarraitzen badu, zure fitxategia lokalean gorde beharko zenuke zure lana ez duzula galtzen ziurtatzeko.", "collabSaveFailed_sizeExceeded": "Ezin izan da backend datu-basean gorde, ohiala handiegia dela dirudi. Fitxategia lokalean gorde beharko zenuke zure lana galtzen ez duzula ziurtatzeko.", - "imageToolNotSupported": "Irudiak desgaituta daude.", + "imageToolNotSupported": "Irudiak desgaituak daude.", "brave_measure_text_error": { "line1": "Brave arakatzailea erabiltzen ari zarela dirudi Blokeatu hatz-markak erasokorki ezarpena gaituta.", "line2": "Honek zure marrazkietako Testu-elementuak hautsi ditzake.", @@ -226,7 +283,7 @@ }, "libraryElementTypeError": { "embeddable": "Kapsulatutako elementuak ezin dira liburutegira gehitu.", - "iframe": "IFrame elementuak ezin dira liburutegira gehitu.", + "iframe": "Kapsulatutako elementuak ezin dira liburutegira gehitu.", "image": "Laster egongo da irudiak liburutegian gehitzeko laguntza!" }, "asyncPasteFailedOnRead": "Ezin izan da itsatsi (ezin izan da sistemaren arbeletik irakurri).", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Hautapena", + "lasso": "", "image": "Txertatu irudia", "rectangle": "Laukizuzena", "diamond": "Diamantea", @@ -249,13 +307,29 @@ "link": "Gehitu / Eguneratu esteka hautatutako forma baterako", "eraser": "Borragoma", "frame": "Marko tresna", - "magicframe": "Wireframe kodetzeko", + "magicframe": "Wireframetik kodera", "embeddable": "Web kapsulatzea", "laser": "Laser punteroa", "hand": "Eskua (panoratze tresna)", "extraTools": "Tresna gehiago", - "mermaidToExcalidraw": "", - "magicSettings": "AI ezarpenak" + "mermaidToExcalidraw": "Mermaid-etik Excalidraw-ra", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Canvas ekintzak", @@ -263,28 +337,33 @@ "shapes": "Formak" }, "hints": { - "canvasPanning": "Oihala mugitzeko, eutsi saguaren gurpila edo zuriune-barra arrastatzean, edo erabili esku tresna", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Egin klik hainbat puntu hasteko, arrastatu lerro bakarrerako", + "arrowTool": "", "freeDraw": "Egin klik eta arrastatu, askatu amaitutakoan", "text": "Aholkua: testua gehitu dezakezu edozein lekutan klik bikoitza eginez hautapen tresnarekin", "embeddable": "Egin klik eta arrastatu webgunea kapsulatzeko", - "text_selected": "Egin klik bikoitza edo sakatu SARTU testua editatzeko", - "text_editing": "Sakatu Esc edo Ctrl+SARTU editatzen amaitzeko", - "linearElementMulti": "Egin klik azken puntuan edo sakatu Esc edo Sartu amaitzeko", - "lockAngle": "SHIFT sakatuta angelua mantendu dezakezu", - "resize": "Proportzioak mantendu ditzakezu SHIFT sakatuta tamaina aldatzen duzun bitartean.\nsakatu ALT erditik tamaina aldatzeko", - "resizeImage": "Tamaina libreki alda dezakezu SHIFT sakatuta,\nsakatu ALT erditik tamaina aldatzeko", - "rotate": "Angeluak mantendu ditzakezu SHIFT sakatuta biratzen duzun bitartean", - "lineEditor_info": "Eutsi sakatuta Ctrl edo Cmd eta egin klik bikoitza edo sakatu Ctrl edo Cmd + Sartu puntuak editatzeko", - "lineEditor_pointSelected": "Sakatu Ezabatu puntuak kentzeko,\nKtrl+D bikoizteko, edo arrastatu mugitzeko", - "lineEditor_nothingSelected": "Hautatu editatzeko puntu bat (SHIFT sakatuta anitz hautatzeko),\nedo eduki Alt sakatuta eta egin klik puntu berriak gehitzeko", - "placeImage": "Egin klik irudia kokatzeko, edo egin klik eta arrastatu bere tamaina eskuz ezartzeko", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Argitaratu zure liburutegia", - "bindTextToElement": "Sakatu Sartu testua gehitzeko", - "deepBoxSelect": "Eutsi Ctrl edo Cmd sakatuta aukeraketa sakona egiteko eta arrastatzea saihesteko", - "eraserRevert": "Eduki Alt sakatuta ezabatzeko markatutako elementuak leheneratzeko", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Ezaugarri hau \"dom.events.asyncClipboard.clipboardItem\" marka \"true\" gisa ezarrita gaitu daiteke. Firefox-en arakatzailearen banderak aldatzeko, bisitatu \"about:config\" orrialdera.", - "disableSnapping": "Eduki sakatuta Ctrl edo Cmd tekla atxikipena desgaitzeko" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Ezin da oihala aurreikusi", @@ -299,9 +378,12 @@ "openIssueMessage": "Oso kontuz ibili gara zure eszenaren informazioa errorean ez sartzeko. Zure eszena pribatua ez bada, kontuan hartu gure Sartu beheko informazioa kopiatu eta itsatsi bidez GitHub issue-n.", "sceneContent": "Eszenaren edukia:" }, + "shareDialog": { + "or": "Edo" + }, "roomDialog": { - "desc_intro": "Jendea zure uneko eszenara gonbida dezakezu zurekin elkarlanean aritzeko.", - "desc_privacy": "Ez kezkatu, saioak muturretik muturrerako enkriptatzea erabiltzen du, beraz, marrazten duzuna pribatua izango da. Gure zerbitzariak ere ezingo du ikusi zer egiten duzun.", + "desc_intro": "Gonbidatu jendea zure marrazkira.", + "desc_privacy": "Lasai, sesioa encriptatua dago eta erabat pribatua da. Gure zerbitzarian ere ezin da ikusi zure marrazkia.", "button_startSession": "Hasi saioa", "button_stopSession": "Itxi saioa", "desc_inProgressIntro": "Zuzeneko lankidetza saioa abian da.", @@ -328,6 +410,8 @@ "click": "sakatu", "deepSelect": "Hautapen sakona", "deepBoxSelect": "Hautapen sakona egin laukizuzen bidez, eta saihestu arrastatzea", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Gezi kurbatua", "curvedLine": "Lerro kurbatua", "documentation": "Dokumentazioa", @@ -350,7 +434,9 @@ "zoomToSelection": "Zooma hautapenera", "toggleElementLock": "Blokeatu/desbloketatu hautapena", "movePageUpDown": "Mugitu orria gora/behera", - "movePageLeftRight": "Mugitu orria ezker/eskuin" + "movePageLeftRight": "Mugitu orria ezker/eskuin", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Garbitu oihala" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Angelua", - "element": "Elementua", - "elements": "Elementuak", + "shapes": "", "height": "Altuera", "scene": "Eszena", "selected": "Hautatua", "storage": "Biltegia", - "title": "Datuak", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Guztira", "version": "Bertsioa", "versionCopy": "Klikatu kopiatzeko", @@ -439,13 +527,15 @@ "copyStyles": "Estiloak kopiatu dira.", "copyToClipboard": "Arbelean kopiatu da.", "copyToClipboardAsPng": "{{exportSelection}} kopiatu da arbelean PNG gisa\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Fitxategia gorde da.", "fileSavedToFilename": "{filename}-n gorde da", "canvas": "oihala", "selection": "hautapena", "pasteAsSingleElement": "Erabili {{shortcut}} elementu bakar gisa itsasteko,\nedo itsatsi lehendik dagoen testu-editore batean", "unableToEmbed": "Url hau txertatzea ez da une honetan onartzen. Sortu issue bat GitHub-en Urla zerrenda zurian sartzea eskatzeko", - "unrecognizedLinkFormat": "Kapsulatu duzun esteka ez dator bat espero den formatuarekin. Mesedez, saiatu iturburu-guneak emandako 'kapsulatu' katea itsasten" + "unrecognizedLinkFormat": "Kapsulatu duzun esteka ez dator bat espero den formatuarekin. Mesedez, saiatu iturburu-guneak emandako 'kapsulatu' katea itsasten", + "elementLinkCopied": "" }, "colors": { "transparent": "Gardena", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Gehien erabilitako kolore pertsonalizatuak", "colors": "Koloreak", "shades": "Ñabardurak", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", + "title": "Mermaid-etik Excalidraw-ra", "button": "Txertatu", - "description": "", - "syntax": "", + "description": "Momentu honetan Flowchart, Sequence, eta Class Diagramak onartzen dira. Beste motak irudi gisa errendatuko dira Excalidrawn.", + "syntax": "Mermaid sintaxia", "preview": "Aurrebista" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "Klik erabiltzailean jarraitzeko", + "followStatus": "Dagoeneko erabiltzaile hau jarraitzen ari zara", + "inCall": "Erabiltzailea dei batean dago", + "micMuted": "Erabiltzailearen mikronofoa isildua dago", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/fa-IR.json b/packages/excalidraw/locales/fa-IR.json index 838973e527..78ab76c03e 100644 --- a/packages/excalidraw/locales/fa-IR.json +++ b/packages/excalidraw/locales/fa-IR.json @@ -1,27 +1,29 @@ { "labels": { - "paste": "جای گذاری", - "pasteAsPlaintext": "جای‌گذاری به عنوان متن ساده", - "pasteCharts": "قراردادن نمودارها", + "paste": "جایگذاری", + "pasteAsPlaintext": "جایگذاری به عنوان متن ساده", + "pasteCharts": "جایگذاری نمودارها", "selectAll": "انتخاب همه", - "multiSelect": "یک ایتم به انتخاب شده ها اضافه کنید.", + "multiSelect": "یک ایتم به انتخاب شده ها اضافه کنید", "moveCanvas": "جابجایی بوم", "cut": "بریدن", "copy": "کپی", "copyAsPng": "کپی در حافطه موقت به صورت PNG", "copyAsSvg": "کپی در حافطه موقت به صورت SVG", "copyText": "کپی در حافطه موقت به صورت متن", - "copySource": "", - "convertToCode": "", + "copySource": "کپی منبع در حافظه موقت", + "convertToCode": "تبدیل به کد", "bringForward": "جلو آوردن", - "sendToBack": "پس فرستادن", + "sendToBack": "ارسال به عقب", "bringToFront": "جلو آوردن", "sendBackward": "پس فرستادن", "delete": "حذف", "copyStyles": "کپی سبک", - "pasteStyles": "جای گذاری سبک", + "pasteStyles": "جایگذاری سبک", "stroke": "حاشیه", + "changeStroke": "تغییر رنگ حاشیه", "background": "پس زمینه", + "changeBackground": "تغییر رنگ پس زمینه", "fill": "رنگ آمیزی", "strokeWidth": "ضخامت حاشیه", "strokeStyle": "استایل حاشیه", @@ -30,24 +32,32 @@ "strokeStyle_dotted": "نقطه چین", "sloppiness": "دقت", "opacity": "شفافیت", - "textAlign": "چیدمان متن", + "textAlign": "تراز متن", "edges": "لبه ها", "sharp": "تیز", - "round": "دور", + "round": "گرد", "arrowheads": "سر پیکان", "arrowhead_none": "هیچ کدام", "arrowhead_arrow": "پیکان", "arrowhead_bar": "میله ای", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "دایره", + "arrowhead_circle_outline": "دایره (پیرامون)", "arrowhead_triangle": "مثلث", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "مثلث (پیرامون)", + "arrowhead_diamond": "الماس", + "arrowhead_diamond_outline": "الماس (پیرامون)", + "arrowhead_crowfoot_many": "پای کلاغی (بسیار)", + "arrowhead_crowfoot_one": "پای کلاغی (یک)", + "arrowhead_crowfoot_one_or_many": "پای کلاغی (یک یا بسیار)", + "more_options": "امکانات بیشتر", + "arrowtypes": "نوع پیکان", + "arrowtype_sharp": "پیکان تیز", + "arrowtype_round": "پیکان منحنی", + "arrowtype_elbowed": "پیکان گوشه‌دار", "fontSize": "اندازه قلم", "fontFamily": "نوع قلم", "addWatermark": "\"ساخته شده با Excalidraw\" را اضافه کن", - "handDrawn": "دست نویس", + "handDrawn": "دست‌نویس", "normal": "عادی", "code": "کد", "small": "کوچک", @@ -69,14 +79,15 @@ "cartoonist": "کارتونیست", "fileTitle": "نام فایل", "colorPicker": "انتخابگر رنگ", - "canvasColors": "رنگ های بوم", - "canvasBackground": "بوم", + "canvasColors": "اسنفاده شده در بوم", + "canvasBackground": "پس‌زمینه بوم", "drawingCanvas": "بوم نقاشی", + "clearCanvas": "پاکسازی بوم", "layers": "لایه ها", "actions": "عملیات", "language": "زبان", "liveCollaboration": "همکاری آنلاین...", - "duplicateSelection": "تکرار", + "duplicateSelection": "تکراری", "untitled": "بدون عنوان", "name": "نام", "yourName": "نام شما", @@ -84,12 +95,13 @@ "group": "گروهبندی انتخابها", "ungroup": "حذف گروهبندی انتخابها", "collaborators": "همکاران", - "showGrid": "نمایش گرید", + "toggleGrid": "تغییر وضعیت خطوط شطرنجی", "addToLibrary": "افزودن به کتابخانه", "removeFromLibrary": "حذف از کتابخانه", "libraryLoadingMessage": "بارگذاری کتابخانه…", "libraries": "مرور کردن کتابخانه ها", "loadingScene": "باگذاری صحنه…", + "loadScene": "بارگذاری صحنه از فایل", "align": "تراز", "alignTop": "تراز به بالا", "alignBottom": "تراز به پایین", @@ -105,9 +117,11 @@ "share": "اشتراک‌گذاری", "showStroke": "نمایش انتخاب کننده رنگ حاشیه", "showBackground": "نمایش انتخاب کننده رنگ پس زمینه", - "toggleTheme": "تغییر تم", + "showFonts": "نمایش انتخاب فونت", + "toggleTheme": "تغییر وضعیت پوسته روشن/تیره", + "theme": "پوسته", "personalLib": "کتابخانه شخصی", - "excalidrawLib": "کتابخانه", + "excalidrawLib": "کتابخانه Excalidraw", "decreaseFontSize": "کاهش اندازه فونت", "increaseFontSize": "افزایش دادن اندازه فونت", "unbindText": "بازکردن نوشته", @@ -115,16 +129,21 @@ "createContainerFromText": "متن را در یک جایگاه بپیچید", "link": { "edit": "ویرایش لینک", - "editEmbed": "", - "create": "ایجاد پیوند", - "createEmbed": "", + "editEmbed": "تغیر لینک", + "create": "افزودن لینک", "label": "لینک", - "labelEmbed": "", - "empty": "" + "labelEmbed": "لینک و افزونه", + "empty": "هیچ لینکی ست نشده", + "hint": "لینک خود را بنویسید یا جایگذاری کنید", + "goToElement": "رفتن به المان مد نظر" }, "lineEditor": { "edit": "ویرایش لینک", - "exit": "خروج از ویرایشگر" + "editArrow": "ویرایش پیکان" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "قفل", @@ -134,16 +153,50 @@ }, "statusPublished": "منتشر شده", "sidebarLock": "باز نگه داشتن سایدبار", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "انتخاب رنگ از کرباس", - "textToDiagram": "", - "prompt": "" + "selectAllElementsInFrame": "همه آیتم های در فریم را انتخاب کنید", + "removeAllElementsFromFrame": "حذف همه آیتم های داخل فریم", + "eyeDropper": "انتخاب رنگ از بوم", + "textToDiagram": "متن به دیاگرام", + "prompt": "فوری", + "followUs": "ما را دنبال کنید", + "discordChat": "چت دیسکورد", + "zoomToFitViewport": "بزرگنمایی به اندازه نمایشگر", + "zoomToFitSelection": "بزرگنمایی به اندازه قسمت انتخاب شده", + "zoomToFit": "بزرگنمایی برای دیدن تمام آیتم ها", + "installPWA": "نصب Excalidraw روی دستگاه (PWA)", + "autoResize": "فعالسازی تنظیم خودکار سایز", + "imageCropping": "برش عکس", + "unCroppedDimension": "اندازه غیر برشی", + "copyElementLink": "کپی لینک به آیتم", + "linkToElement": "لینک به آیتم", + "wrapSelectionInFrame": "انتخاب را در قاب قرار دهید", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "لینک به آیتم", + "desc": "روی شکل یا بوم کلیک کنید، یا لینک را جایگذاری کنید.", + "notFound": "آیتم لینک شده در بوم پیدا نشد." }, "library": { "noItems": "آیتمی به اینجا اضافه نشده...", "hint_emptyLibrary": "یک آیتم روی بوم را برای اضافه شده به اینجا انتخاب کنید، یا یک کتابخانه از مخزن عمومی در بخش پایین را نصب کنید.", - "hint_emptyPrivateLibrary": "یک آیتم روی بوم را برای اضافه شدن به اینجا انتخاب کنید." + "hint_emptyPrivateLibrary": "یک آیتم روی بوم را برای اضافه شدن به اینجا انتخاب کنید.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "جستجو در بوم", + "noMatch": "هیچ موردی یافت نشد...", + "singleResult": "نتیجه", + "multipleResults": "نتایج", + "placeholder": "جستجوی متن در بوم...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "پاکسازی بوم نقاشی", @@ -151,6 +204,7 @@ "exportImage": "خروجی گرفتن از تصویر...", "export": "ذخیره در...", "copyToClipboard": "کپی در حافظه موقت", + "copyLink": "کپی لینک", "save": "ذخیره در همین فایل", "saveAs": "ذخیره با نام", "load": "باز کردن", @@ -171,17 +225,19 @@ "fullScreen": "تمام‌صفحه", "darkMode": "حالت تیره", "lightMode": "حالت روشن", + "systemMode": "حالت سیستم", "zenMode": "حالت ذن", - "objectsSnapMode": "", + "objectsSnapMode": "به اشیاء بچسبد", "exitZenMode": "خروج از حالت تمرکز", "cancel": "لغو", - "clear": "پاک کردن", + "saveLibNames": "", + "clear": "پاکسازی", "remove": "پاک کردن", - "embed": "", - "publishLibrary": "انتشار", + "embed": "تغییر افزونه", + "publishLibrary": "", "submit": "ارسال", "confirm": "تایید", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "کلیک برای تعامل" }, "alerts": { "clearReset": "این کار کل صفحه را پاک میکند. آیا مطمئنید؟", @@ -190,8 +246,8 @@ "couldNotLoadInvalidFile": "عدم توانایی در بازگذاری فایل نامعتبر", "importBackendFailed": "بارگیری از پشت صحنه با شکست مواجه شد.", "cannotExportEmptyCanvas": "بوم خالی قابل تبدیل نیست.", - "couldNotCopyToClipboard": "به کلیپ بورد کپی نشد.", - "decryptFailed": "رمزگشایی داده ها امکان پذیر نیست.", + "couldNotCopyToClipboard": "در بریده‌دان رونویسی نشد.", + "decryptFailed": "رمزگشایی داده ها امکان‌پذیر نیست.", "uploadedSecurly": "آپلود با رمزگذاری دو طرفه انجام میشود، به این معنی که سرور Excalidraw و اشخاص ثالث نمی توانند مطالب شما را بخوانند.", "loadSceneOverridePrompt": "بارگزاری یک طرح خارجی محتوای فعلی رو از بین میبرد. آیا میخواهید ادامه دهید؟", "collabStopOverridePrompt": "با توقف بوم نقاشی، نقشه قبلی و ذخیره شده محلی شما را بازنویسی می کند. مطمئنی؟\n\n(اگر می خواهید نقاشی محلی خود را حفظ کنید، به سادگی برگه مرورگر را ببندید.)", @@ -204,37 +260,39 @@ "resetLibrary": "ین کار کل صفحه را پاک میکند. آیا مطمئنید?", "removeItemsFromsLibrary": "حذف {{count}} آیتم(ها) از کتابخانه?", "invalidEncryptionKey": "کلید رمزگذاری باید 22 کاراکتر باشد. همکاری زنده غیرفعال است.", - "collabOfflineWarning": "اتصال به اینترنت در دسترس نیست.\nتغییرات شما ذخیره نمی شود!" + "collabOfflineWarning": "اتصال به اینترنت در دسترس نیست.\nتغییرات شما ذخیره نمی شود!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "نوع فایل پشتیبانی نشده.", "imageInsertError": "عکس ارسال نشد. بعداً دوباره تلاش کنید...", "fileTooBig": "فایل خیلی بزرگ است حداکثر اندازه مجاز {{maxSize}}.", "svgImageInsertError": "تصویر SVG وارد نشد. نشانه گذاری SVG نامعتبر به نظر می رسد.", - "failedToFetchImage": "", - "invalidSVGString": "SVG نادرست.", + "failedToFetchImage": "گرفتن تصویر ناموفق بود.", "cannotResolveCollabServer": "به سرور collab متصل نشد. لطفا صفحه را مجددا بارگذاری کنید و دوباره تلاش کنید.", "importLibraryError": "داده‌ها بارگذاری نشدند", + "saveLibraryError": "ذخیره‌سازی در سرور با مشکل مواجه شد. لطفا فایل خود را در دستگاه خود به صورت محلی ذخیره کنید تا مطمئن شوید تغییرات اعمال شده را از دست نخواهید داد.", "collabSaveFailed": "در پایگاه داده باطن ذخیره نشد. اگر مشکلات همچنان ادامه داشت، باید فایل خود را به صورت محلی ذخیره کنید تا مطمئن شوید کار خود را از دست نمی دهید.", "collabSaveFailed_sizeExceeded": "در پایگاه داده بکند ذخیره نشد. اگر مشکلات همچنان ادامه داشت، باید فایل خود را به صورت محلی ذخیره کنید تا مطمئن شوید کار خود را از دست نمی دهید.", - "imageToolNotSupported": "", + "imageToolNotSupported": "تصاویر غیر فعال شدند.", "brave_measure_text_error": { "line1": "به نظر می‌رسد از مرورگر Brave با تنظیم مسدود کردن شدید اثرانگشت استفاده می‌کنید.", "line2": "این می تواند منجر به شکستن عناصر متن در نقاشی های شما شود.", "line3": "اکیداً توصیه می کنیم این تنظیم را غیرفعال کنید. برای نحوه انجام این کار می‌توانید این مراحل را دنبال کنید.", - "line4": "اگر غیرفعال کردن این تنظیم نمایش عناصر متنی را برطرف نکرد، لطفاً یک مشکل را در GitHub ما باز کنید یا برای ما در Discord بنویسید." + "line4": "اگر غیرفعال کردن این تنظیم نمایش عناصر متنی را برطرف نکرد، لطفاً یک مشکل را در GitHub ما باز کنید یا برای ما در Discord بنویسید" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "عناصر افزوده شده نمی توانند به کتابخانه افزوده شوند.", + "iframe": "عناصر IFrame نمی توانند به کتابخانه افزوده شوند.", + "image": "پشتیبانی از افزودن تصاویر به کتابخانه به زودی اضافه خواهد شد!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "نمی تواند جاگذاری شود (نمی تواند از کلیپبورد بخواند).", + "asyncPasteFailedOnParse": "نمیتواند جایگذاری شود.", + "copyToSystemClipboardFailed": "نمی تواند در کلیپبورد کپی شود." }, "toolBar": { "selection": "گزینش", + "lasso": "", "image": "وارد کردن تصویر", "rectangle": "مستطیل", "diamond": "لوزی", @@ -246,45 +304,66 @@ "library": "کتابخانه", "lock": "ابزار انتخاب شده را بعد از کشیدن نگه دار", "penMode": "حالت قلم - جلوگیری از تماس", - "link": "افزودن/به‌روزرسانی پیوند برای شکل انتخابی", + "link": "افزودن/به‌روزرسانی لینک برای شکل انتخابی", "eraser": "پاک کن", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", + "frame": "ابزار فریم", + "magicframe": "وایرفریم به کد", + "embeddable": "افزونه وب", + "laser": "اشاره گر لیزری", "hand": "دست (ابزار پانینگ)", "extraTools": "ابزارهای بیشتر", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "مرمید به excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "مستطیل", + "diamond": "لوزی", + "ellipse": "بیضی", + "arrow": "پیکان", + "line": "خط", + "freedraw": "کشیدن", + "text": "متن", + "image": "تصویر", + "group": "گروه", + "frame": "قاب", + "magicframe": "وایرفریم به کد", + "embeddable": "افزونه وب", + "selection": "انتخاب", + "iframe": "آی فریم" }, "headings": { "canvasActions": "عملیات روی بوم", "selectedShapeActions": "عملیات روی شکل انتخاب شده", - "shapes": "شکل‌ها" + "shapes": "اشکال" }, "hints": { - "canvasPanning": "برای حرکت دادن بوم، چرخ ماوس یا فاصله را در حین کشیدن نگه دارید یا از ابزار دستی استفاده کنید", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "برای چند نقطه کلیک و برای یک خط بکشید", + "arrowTool": "", "freeDraw": "کلیک کنید و بکشید و وقتی کار تمام شد رها کنید", "text": "نکته: با برنامه انتخاب شده شما میتوانید با دوبار کلیک کردن هرکجا میخواید متن اظاف کنید", - "embeddable": "", - "text_selected": "دوبار کلیک کنید یا Enter را فشار دهید تا نقاط را ویرایش کنید", - "text_editing": "Escape یا CtrlOrCmd+ENTER را فشار دهید تا ویرایش تمام شود", - "linearElementMulti": "روی آخرین نقطه کلیک کنید یا کلید ESC را بزنید یا کلید Enter را بزنید برای اتمام کار", - "lockAngle": "با نگه داشتن SHIFT هنگام چرخش می توانید زاویه ها را محدود کنید", - "resize": "می توانید با نگه داشتن SHIFT در هنگام تغییر اندازه، نسبت ها را محدود کنید،ALT را برای تغییر اندازه از مرکز نگه دارید", - "resizeImage": "با نگه داشتن SHIFT می توانید آزادانه اندازه را تغییر دهید،\nبرای تغییر اندازه از مرکز، ALT را نگه دارید", - "rotate": "با نگه داشتن SHIFT هنگام چرخش می توانید زاویه ها را محدود کنید", - "lineEditor_info": "CtrlOrCmd را نگه دارید و دوبار کلیک کنید یا CtrlOrCmd + Enter را فشار دهید تا نقاط را ویرایش کنید.", - "lineEditor_pointSelected": "برای حذف نقطه Delete برای کپی زدن Ctrl یا Cmd+D را بزنید و یا برای جابجایی بکشید", - "lineEditor_nothingSelected": "یک نقطه را برای ویرایش انتخاب کنید (SHIFT را برای انتخاب چندگانه نگه دارید)،\nیا Alt را نگه دارید و برای افزودن نقاط جدید کلیک کنید", - "placeImage": "برای قرار دادن تصویر کلیک کنید، یا کلیک کنید و بکشید تا اندازه آن به صورت دستی تنظیم شود", + "embeddable": "کلیک-درگ برای ساخت افزونه وب", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "کتابخانه خود را منتشر کنید", - "bindTextToElement": "برای افزودن اینتر را بزنید", - "deepBoxSelect": "CtrlOrCmd را برای انتخاب عمیق و جلوگیری از کشیدن نگه دارید", - "eraserRevert": "Alt را نگه دارید تا عناصر علامت گذاری شده برای حذف برگردند", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "احتمالاً می‌توان این ویژگی را با تنظیم پرچم «dom.events.asyncClipboard.clipboardItem» روی «true» فعال کرد. برای تغییر پرچم های مرورگر در فایرفاکس، از صفحه \"about:config\" دیدن کنید.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "پیش نمایش نشان داده نمی شود", @@ -292,16 +371,19 @@ "canvasTooBigTip": "نکته: سعی کنید دورترین عناصر را کمی به همدیگر نزدیک کنید." }, "errorSplash": { - "headingMain": "", - "clearCanvasMessage": "اگر بازنشانی صفحه مشکل را حل نکرد این را امتحان کنید ", + "headingMain": "مشکلی رخ داده. امتحان کنید .", + "clearCanvasMessage": "اگر بازنشانی صفحه مشکل را حل نکرد را امتحان کنید.", "clearCanvasCaveat": " این باعث میشود کارهای شما ذخیره نشود ", - "trackedToSentry": "", - "openIssueMessage": "", + "trackedToSentry": "خطا با شناسه {{eventId}} در سیستم ما رهگیری شد.", + "openIssueMessage": "ما بسیار محتاط بودیم که اطلاعات صحنه شما را در خطا لحاظ نکنیم. اگر صحنه شما خصوصی نیست، لطفاً ما را دنبال کنید\n. لطفاً اطلاعات زیر را با کپی و جایگذاری در مشکل GitHub وارد کنید.", "sceneContent": "محتوای صحنه:" }, + "shareDialog": { + "or": "یا" + }, "roomDialog": { - "desc_intro": "می توانید افرادی را به صحنه فعلی خود دعوت کنید تا با شما همکاری کنند.", - "desc_privacy": "نگران نباشید، این جلسه از رمزگذاری دوطرفه استفاده می کند، پس هر چیزی بکشید خصوصی خواهد ماند. حتی سرور ما نمیتواند ببیند چیزی که شما طراحی میکنید.", + "desc_intro": "از دیگران برای همکاری در کار خود دعوت کنید.", + "desc_privacy": "نگران نباشید، این نشست به صورت پایانه-به-پایانه رمزنگاری شده است و کاملا امن است. حتی سرورهای ما نیز قادر به دیدن ترسیمات شما نیستند.", "button_startSession": "شروع جلسه", "button_stopSession": "پایان جلسه", "desc_inProgressIntro": "جلسه همکاری آنلاین در حال انجام است.", @@ -328,6 +410,8 @@ "click": "کلیک", "deepSelect": "انتخاب عمیق", "deepBoxSelect": "انتخاب عمیق در کادر، و جلوگیری از کشیدن", + "createFlowchart": "از هر آیتمی یک فلوچارت ایجاد کنید", + "navigateFlowchart": "پیمایش یک فلوچارت", "curvedArrow": "فلش خمیده", "curvedLine": "منحنی", "documentation": "مستندات", @@ -350,7 +434,9 @@ "zoomToSelection": "بزرگنمایی قسمت انتخاب شده", "toggleElementLock": "قفل/بازکردن انتخاب شده ها", "movePageUpDown": "حرکت صفحه به بالا/پایین", - "movePageLeftRight": "حرکت صفحه به چپ/راست" + "movePageLeftRight": "حرکت صفحه به چپ/راست", + "cropStart": "برش تصویر", + "cropFinish": "پایان برش تصویر" }, "clearCanvasDialog": { "title": "پاک کردن بوم" @@ -363,22 +449,22 @@ "twitterUsername": "نام کاربری توییتر", "libraryName": "نام کتابخانه", "libraryDesc": "توضیحات کتابخانه", - "website": "تارنما", + "website": "وب‎سایت", "placeholder": { "authorName": "نام یا نام کاربری شما", "libraryName": "اسم کتابخانه", "libraryDesc": "شرحی از کتابخانه شما برای کمک به مردم برای درک استفاده از آن", "githubHandle": "دسته GitHub (اختیاری)، بنابراین می توانید پس از ارسال برای بررسی، کتابخانه را ویرایش کنید", - "twitterHandle": "نام کاربری توییتر (اختیاری)، بنابراین می دانیم هنگام تبلیغ در توییتر به چه کسی اعتبار دهیم", + "twitterHandle": "نام کاربری توییتر (اختیاری)، بنابراین می‌دانیم هنگام تبلیغ در توییتر به چه کسی اعتبار دهیم", "website": "پیوند به وب سایت شخصی شما یا هر جای دیگر (اختیاری)" }, "errors": { "required": "لازم", "website": "وارد کردن آدرس درست" }, - "noteDescription": "", - "noteGuidelines": "", - "noteLicense": "", + "noteDescription": "کتابخانه خود را ارسال کنید تا در مخرن کتابخانه عمومی برای بقیه مردم گنجانده شود تا در طرح هایشان استفاده کنند.", + "noteGuidelines": "کتابخانه باید ابتدا به صورت دستی تأیید شود. لطفا قبل انتشار راهنما را مطالعه کنید. برای برقراری ارتباط و ایجاد تغییرات در صورت درخواست، به یک حساب GitHub نیاز دارید، اما خیلی الزامی نیست.", + "noteLicense": "با ارسال، موافقت می کنید که کتابخانه تحت عنوان MIT License منتشر شود،که به طور خلاصه به این معنی است که هر کسی می تواند بدون محدودیت از آنها استفاده کند.", "noteItems": "هر مورد کتابخانه باید نام خاص خود را داشته باشد تا قابل فیلتر باشد. اقلام کتابخانه زیر شامل خواهد شد:", "atleastOneLibItem": "لطفاً حداقل یک مورد از کتابخانه را برای شروع انتخاب کنید", "republishWarning": "توجه: برخی از موارد انتخاب شده به عنوان قبلاً منتشر شده/ارسال شده علامت گذاری شده اند. شما فقط باید هنگام به‌روزرسانی یک کتابخانه موجود یا ارسال، موارد را دوباره ارسال کنید." @@ -389,30 +475,30 @@ }, "confirmDialog": { "resetLibrary": "تنظیم مجدد کتابخانه", - "removeItemsFromLib": "موارد انتخاب شده از موارد پسندیده حذف شوند" + "removeItemsFromLib": "موارد انتخاب شده از کتابخوانه حذف شوند" }, "imageExportDialog": { - "header": "", + "header": "خروجی گرفتن از تصویر", "label": { "withBackground": "پس زمینه", - "onlySelected": "", - "darkMode": "حالت تیره", - "embedScene": "", - "scale": "", - "padding": "" + "onlySelected": "فقط انتخاب شده ها", + "darkMode": "حالت تاریک", + "embedScene": "صحنه افزونه", + "scale": "نسبت", + "padding": "فاصله" }, "tooltip": { - "embedScene": "" + "embedScene": "داده های صحنه در فایل PNG/SVG صادر شده ذخیره می شود تا صحنه را بتوان از آن بازیابی کرد.\nاندازه فایل خروجی را افزایش می دهد." }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "تبدیل به PNG", + "exportToSvg": "تبدیل به SVG", + "copyPngToClipboard": "کپی PNG در حافظه موقت" }, "button": { "exportToPng": "PNG", "exportToSvg": "SVG", - "copyPngToClipboard": "کپی در کلیپ‌بورد" + "copyPngToClipboard": "کپی در حافظه موقت" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "زاویه", - "element": "اِلمان", - "elements": "اِلمان ها", + "shapes": "اشکال", "height": "ارتفاع", "scene": "صحنه", "selected": "انتخاب شده", "storage": "حافظه", - "title": "آمار برای نردها", + "fullTitle": "ویژگی‌های بوم و شکل", + "title": "ویژگی‌ها", + "generalStats": "عمومی", + "elementProperties": "ویژگی‌های شکل", "total": "مجموع", "version": "نسخه", "versionCopy": "برای کپی کردن کلیک کنید", @@ -436,16 +524,18 @@ }, "toast": { "addedToLibrary": "به مجموعه اضافه شد", - "copyStyles": "کپی سبک.", + "copyStyles": "سبک کپی شد.", "copyToClipboard": "در کلیپ‌بورد کپی شد.", - "copyToClipboardAsPng": "کپی {{exportSelection}} در کلیپبورد به عنوان PNG\n({{exportColorScheme}})", + "copyToClipboardAsPng": "کپی {{exportSelection}} در حافظه موقت به عنوان PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} در حافظه موقت به عنوان\n({{exportColorScheme}}) رونویسی شد", "fileSaved": "فایل ذخیره شد.", "fileSavedToFilename": "ذخیره در {filename}", "canvas": "بوم", "selection": "انتخاب", "pasteAsSingleElement": "از {{shortcut}} برای چسباندن به عنوان یک عنصر استفاده کنید،\nیا در یک ویرایشگر متن موجود جایگذاری کنید", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "قرار دادن این Url در حال حاضر مجاز نیست. درGitHub برای درخواست Url Whitelisted مشکلی ایجاد کنید", + "unrecognizedLinkFormat": "پیوندی که افزودید با قالب مورد انتظار مطابقت ندارد. لطفاً سعی کنید رشته \"افزونه\" ارائه شده توسط سایت منبع را بچسبانید", + "elementLinkCopied": "لینک در کلیپ‌بورد کپی شد" }, "colors": { "transparent": "شفاف", @@ -478,48 +568,97 @@ } }, "colorPicker": { - "mostUsedCustomColors": "", + "color": "", + "mostUsedCustomColors": "رنگ های به‌تازگی به‌کار گرفته شده", "colors": "رنگ‌ها", "shades": "جلوه‌ها", "hexCode": "کدِ هگز", - "noShades": "" + "noShades": "هیچ سایه ای برای این رنگ در دسترس نیست" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "صادر کردن به عنوان تصاویر", + "button": "صادر کردن به عنوان تصاویر", + "description": "خروجی از داده های صحنه به عنوان تصویر که میتوانید بعدا بیافزایید." }, "saveToDisk": { "title": "ذخیره در دیسک", "button": "ذخیره در دیسک", - "description": "" + "description": "خروجی از داده های صحنه را به عنوان فایل که بعدا می توانید بیافزایید." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+", + "button": "خروجی به Excalidraw+", + "description": "ذخیره صفحه در میز کار Excalidraw+." } }, "modal": { "loadFromFile": { "title": "بارگذاری از فایل", "button": "بارگذاری از فایل", - "description": "" + "description": "بارگذاری از فایل جایگزین بشه با محتوای موجود.

می توانید ابتدا با استفاده از یکی از گزینه های زیر از نقاشی خود نسخه پشتیبان تهیه کنید." }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "بارگذاری از پیوند", + "button": "جایگزینی محتوای من", + "description": "بارگذاری از فایل جایگزین بشه با محتوای موجود.

می توانید ابتدا با استفاده از یکی از گزینه های زیر از نقاشی خود نسخه پشتیبان تهیه کنید." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "پیش‌نمایش" + "title": "مرمید به excalidraw", + "button": "درج", + "description": "فعلا فقط فلوچارت ، توالی و کلاس نمودارها پشتیبانی می شوند. انواع دیگر به صورت تصویر در Excalidraw ارائه خواهند شد.", + "syntax": "مرمید syntax", + "preview": "پیشنمایش" + }, + "quickSearch": { + "placeholder": "جستجو فوری" + }, + "fontList": { + "badge": { + "old": "قدیمی" + }, + "sceneFonts": "در این صحنه", + "availableFonts": "قلم های در دسترس", + "empty": "قلمی یافت نشد" + }, + "userList": { + "empty": "کاربری یافت نشد", + "hint": { + "text": "روی کاربر بزنید تا دنبالش کنید", + "followStatus": "هم‌اینک این کاربر را دنبال میکنید", + "inCall": "کاربر در تماسی صوتی است", + "micMuted": "میکروفون کاربر بی‌صدا است", + "isSpeaking": "کاربر در حال صحبت است" + } + }, + "commandPalette": { + "title": "تخته فرمان‌ها", + "shortcuts": { + "select": "انتخاب", + "confirm": "تایید", + "close": "بستن" + }, + "recents": "اخیراً استفاده شده", + "search": { + "placeholder": "در فهرست‌ها و دستورها را جستجو کنید هم سنگهای پنهان را کشف کنید", + "noMatch": "دستوری یافت نشد..." + }, + "itemNotAvailable": "دستور در دسترس نیست...", + "shortcutHint": "برای تخته دستور ها {{shortcut}} را بکار بگیرید" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/fi-FI.json b/packages/excalidraw/locales/fi-FI.json index 4193c93adf..176727cebc 100644 --- a/packages/excalidraw/locales/fi-FI.json +++ b/packages/excalidraw/locales/fi-FI.json @@ -11,8 +11,8 @@ "copyAsPng": "Kopioi leikepöydälle PNG-tiedostona", "copyAsSvg": "Kopioi leikepöydälle SVG-tiedostona", "copyText": "Kopioi tekstinä", - "copySource": "", - "convertToCode": "", + "copySource": "Kopioi lähde leikepöydälle", + "convertToCode": "Muunna koodiksi", "bringForward": "Tuo eteenpäin", "sendToBack": "Vie taakse", "bringToFront": "Tuo eteen", @@ -21,7 +21,9 @@ "copyStyles": "Kopioi tyyli", "pasteStyles": "Liitä tyyli", "stroke": "Piirto", + "changeStroke": "", "background": "Tausta", + "changeBackground": "", "fill": "Täyttö", "strokeWidth": "Viivan leveys", "strokeStyle": "Viivan tyyli", @@ -38,12 +40,20 @@ "arrowhead_none": "Ei mitään", "arrowhead_arrow": "Nuoli", "arrowhead_bar": "Tasapää", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Ympyrä", + "arrowhead_circle_outline": "Ympyrä (ääriviiva)", "arrowhead_triangle": "Kolmio", - "arrowhead_triangle_outline": "", + "arrowhead_triangle_outline": "Kolmio (ääriviiva)", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Kirjasinkoko", "fontFamily": "Kirjasintyyppi", "addWatermark": "Lisää \"Tehty Excalidrawilla\"", @@ -72,6 +82,7 @@ "canvasColors": "Käytössä piirtoalueella", "canvasBackground": "Piirtoalueen tausta", "drawingCanvas": "Piirtoalue", + "clearCanvas": "Tyhjennä piirtoalue", "layers": "Tasot", "actions": "Toiminnot", "language": "Kieli", @@ -84,12 +95,13 @@ "group": "Ryhmitä valinta", "ungroup": "Pura valittu ryhmä", "collaborators": "Yhteistyökumppanit", - "showGrid": "Näytä ruudukko", + "toggleGrid": "Näytä tai piilota ruudukko", "addToLibrary": "Lisää kirjastoon", "removeFromLibrary": "Poista kirjastosta", "libraryLoadingMessage": "Ladataan kirjastoa…", "libraries": "Selaa kirjastoja", "loadingScene": "Ladataan työtä…", + "loadScene": "", "align": "Tasaa", "alignTop": "Tasaa ylös", "alignBottom": "Tasaa alas", @@ -105,7 +117,9 @@ "share": "Jaa", "showStroke": "Näytä viivan värin valitsin", "showBackground": "Näytä taustavärin valitsin", - "toggleTheme": "Vaihda teema", + "showFonts": "", + "toggleTheme": "", + "theme": "Teema", "personalLib": "Oma kirjasto", "excalidrawLib": "Excalidraw kirjasto", "decreaseFontSize": "Pienennä kirjasinkokoa", @@ -116,15 +130,20 @@ "link": { "edit": "Muokkaa linkkiä", "editEmbed": "", - "create": "Luo linkki", - "createEmbed": "", + "create": "", "label": "Linkki", "labelEmbed": "", - "empty": "" + "empty": "Linkkiä ei ole asetettu", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Muokkaa riviä", - "exit": "Poistu rivieditorista" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Lukitse", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "", "removeAllElementsFromFrame": "", "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Teksti kaavioksi", + "prompt": "", + "followUs": "Seuraa meitä", + "discordChat": "Discord-keskustelu", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Kirjastossa ei ole vielä yhtään kohdetta...", "hint_emptyLibrary": "Valitse lisättävä kohde piirtoalueelta, tai asenna alta julkinen kirjasto.", - "hint_emptyPrivateLibrary": "Valitse lisättävä kohde piirtoalueelta." + "hint_emptyPrivateLibrary": "Valitse lisättävä kohde piirtoalueelta.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Tyhjennä piirtoalue", @@ -151,6 +204,7 @@ "exportImage": "Vie kuva...", "export": "Tallenna nimellä...", "copyToClipboard": "Kopioi leikepöydälle", + "copyLink": "", "save": "Tallenna nykyiseen tiedostoon", "saveAs": "Tallenna nimellä", "load": "Avaa", @@ -171,14 +225,16 @@ "fullScreen": "Koko näyttö", "darkMode": "Tumma tila", "lightMode": "Vaalea tila", + "systemMode": "Järjestelmätila", "zenMode": "Zen-tila", "objectsSnapMode": "", "exitZenMode": "Poistu zen-tilasta", "cancel": "Peruuta", + "saveLibNames": "", "clear": "Pyyhi", "remove": "Poista", "embed": "", - "publishLibrary": "Julkaise", + "publishLibrary": "", "submit": "Lähetä", "confirm": "Vahvista", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Tämä tyhjentää kirjastosi. Jatketaanko?", "removeItemsFromsLibrary": "Poista {{count}} kohdetta kirjastosta?", "invalidEncryptionKey": "Salausavaimen on oltava 22 merkkiä pitkä. Live-yhteistyö ei ole käytössä.", - "collabOfflineWarning": "Internet-yhteyttä ei ole saatavilla.\nMuutoksiasi ei tallenneta!" + "collabOfflineWarning": "Internet-yhteyttä ei ole saatavilla.\nMuutoksiasi ei tallenneta!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tiedostotyyppiä ei tueta.", @@ -212,9 +269,9 @@ "fileTooBig": "Tiedosto on liian suuri. Suurin sallittu koko on {{maxSize}}.", "svgImageInsertError": "SVG- kuvaa ei voitu lisätä. Tiedoston SVG-sisältö näyttää virheelliseltä.", "failedToFetchImage": "", - "invalidSVGString": "Virheellinen SVG.", "cannotResolveCollabServer": "Yhteyden muodostaminen collab-palvelimeen epäonnistui. Virkistä sivu ja yritä uudelleen.", "importLibraryError": "Kokoelman lataaminen epäonnistui", + "saveLibraryError": "", "collabSaveFailed": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.", "collabSaveFailed_sizeExceeded": "Ei voitu tallentaan palvelimen tietokantaan. Jos ongelmia esiintyy, sinun kannatta tallentaa tallentaa tiedosto paikallisesti varmistaaksesi, että et menetä työtäsi.", "imageToolNotSupported": "", @@ -230,11 +287,12 @@ "image": "" }, "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnParse": "Ei voitu liittää.", + "copyToSystemClipboardFailed": "Kopiointi leikepöydälle epäonnistui." }, "toolBar": { "selection": "Valinta", + "lasso": "", "image": "Lisää kuva", "rectangle": "Suorakulmio", "diamond": "Vinoneliö", @@ -246,16 +304,32 @@ "library": "Kirjasto", "lock": "Pidä valittu työkalu aktiivisena piirron jälkeen", "penMode": "Kynätila - estä kosketus", - "link": "Lisää/päivitä linkki valitulle muodolle", + "link": "", "eraser": "Poistotyökalu", "frame": "", "magicframe": "", - "embeddable": "", - "laser": "", + "embeddable": "Verkkoupote", + "laser": "Laserosoitin", "hand": "Käsi (panning-työkalu)", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "extraTools": "Lisää työkaluja", + "mermaidToExcalidraw": "Mermaid Excalidrawiksi", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Piirtoalueen toiminnot", @@ -263,28 +337,33 @@ "shapes": "Muodot" }, "hints": { - "canvasPanning": "Piirtoalueen liikuttamiseksi pidä hiiren pyörää tai välilyöntiä pohjassa tai käytä käsityökalua", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klikkaa piirtääksesi useampi piste, raahaa piirtääksesi yksittäinen viiva", + "arrowTool": "", "freeDraw": "Paina ja raahaa, päästä irti kun olet valmis", "text": "Vinkki: voit myös lisätä tekstiä kaksoisnapsauttamalla mihin tahansa valintatyökalulla", "embeddable": "", - "text_selected": "Kaksoisnapsauta tai paina ENTER muokataksesi tekstiä", - "text_editing": "Paina Escape tai CtrlOrCmd+ENTER lopettaaksesi muokkaamisen", - "linearElementMulti": "Lopeta klikkaamalla viimeistä pistettä, painamalla Escape- tai Enter-näppäintä", - "lockAngle": "Voit rajoittaa kulmaa pitämällä SHIFT-näppäintä alaspainettuna", - "resize": "Voit rajoittaa mittasuhteet pitämällä SHIFT-näppäintä alaspainettuna kun muutat kokoa, pidä ALT-näppäintä alaspainettuna muuttaaksesi kokoa keskipisteen suhteen", - "resizeImage": "Voit muuttaa kokoa vapaasti pitämällä SHIFTiä pohjassa, pidä ALT pohjassa muuttaaksesi kokoa keskipisteen ympäri", - "rotate": "Voit rajoittaa kulman pitämällä SHIFT pohjassa pyörittäessäsi", - "lineEditor_info": "Pidä CtrlOrCmd pohjassa ja kaksoisnapsauta tai paina CtrlOrCmd + Enter muokataksesi pisteitä", - "lineEditor_pointSelected": "Poista piste(et) painamalla delete, monista painamalla CtrlOrCmd+D, tai liikuta raahaamalla", - "lineEditor_nothingSelected": "Valitse muokattava piste (monivalinta pitämällä SHIFT pohjassa), tai paina Alt ja klikkaa lisätäksesi uusia pisteitä", - "placeImage": "Klikkaa asettaaksesi kuvan, tai klikkaa ja raahaa asettaaksesi sen koon manuaalisesti", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Julkaise oma kirjasto", - "bindTextToElement": "Lisää tekstiä painamalla enter", - "deepBoxSelect": "Käytä syvävalintaa ja estä raahaus painamalla CtrlOrCmd", - "eraserRevert": "Pidä Alt alaspainettuna, kumotaksesi merkittyjen elementtien poistamisen", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Tämä ominaisuus voidaan todennäköisesti ottaa käyttöön asettamalla \"dom.events.asyncClipboard.clipboardItem\" kohta \"true\":ksi. Vaihtaaksesi selaimen kohdan Firefoxissa, käy \"about:config\" sivulla.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Esikatselua ei voitu näyttää", @@ -299,9 +378,12 @@ "openIssueMessage": "Olimme varovaisia emmekä sisällyttäneet tietoa piirroksestasi virheeseen. Mikäli piirroksesi ei ole yksityinen, harkitsethan kertovasi meille Sisällytä alla olevat tiedot kopioimalla ne GitHub-ongelmaan.", "sceneContent": "Piirroksen tiedot:" }, + "shareDialog": { + "or": "Tai" + }, "roomDialog": { - "desc_intro": "Voit kutsua ihmisiä piirrokseesi tekemään yhteistyötä kanssasi.", - "desc_privacy": "Älä huoli, istunto käyttää päästä-päähän-salausta, joten mitä tahansa piirrätkin, se pysyy salassa. Edes palvelimemme eivät näe mitä keksit.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Aloita istunto", "button_stopSession": "Lopeta istunto", "desc_inProgressIntro": "Jaettu istunto on nyt käynnissä.", @@ -328,6 +410,8 @@ "click": "klikkaa", "deepSelect": "Syvävalinta", "deepBoxSelect": "Käytä syvävalintaa ja estä raahaus", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Kaareva nuoli", "curvedLine": "Kaareva viiva", "documentation": "Käyttöohjeet", @@ -350,7 +434,9 @@ "zoomToSelection": "Näytä valinta", "toggleElementLock": "Lukitse / poista lukitus valinta", "movePageUpDown": "Siirrä sivua ylös/alas", - "movePageLeftRight": "Siirrä sivua vasemmalle/oikealle" + "movePageLeftRight": "Siirrä sivua vasemmalle/oikealle", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Pyyhi piirtoalue" @@ -396,7 +482,7 @@ "label": { "withBackground": "", "onlySelected": "", - "darkMode": "", + "darkMode": "Tumma tila", "embedScene": "", "scale": "", "padding": "" @@ -407,12 +493,12 @@ "title": { "exportToPng": "", "exportToSvg": "", - "copyPngToClipboard": "" + "copyPngToClipboard": "Kopioi PNG leikepöydälle" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG", + "exportToSvg": "SVG", + "copyPngToClipboard": "Kopioi leikepöydälle" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "Kulma", - "element": "Elementti", - "elements": "Elementit", + "shapes": "", "height": "Korkeus", "scene": "Teos", "selected": "Valitut", "storage": "Tallennustila", - "title": "Tilastoja nörteille", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Yhteensä", "version": "Versio", "versionCopy": "Klikkaa kopioidaksesi", @@ -439,30 +527,32 @@ "copyStyles": "Tyylit kopioitiin.", "copyToClipboard": "Kopioitiin leikepöydälle.", "copyToClipboardAsPng": "Kopioitiin {{exportSelection}} leikepöydälle PNG:nä\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Tiedosto tallennettu.", "fileSavedToFilename": "Tallennettiin kohteeseen {filename}", "canvas": "piirtoalue", "selection": "valinta", "pasteAsSingleElement": "Käytä {{shortcut}} liittääksesi yhtenä elementtinä,\ntai liittääksesi olemassa olevaan tekstieditoriin", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Läpinäkyvä", - "black": "", - "white": "", - "red": "", - "pink": "", - "grape": "", - "violet": "", - "gray": "", - "blue": "", - "cyan": "", - "teal": "", - "green": "", - "yellow": "", - "orange": "", - "bronze": "" + "black": "Musta", + "white": "Valkoinen", + "red": "Punainen", + "pink": "Pinkki", + "grape": "Rypäle", + "violet": "Violetti", + "gray": "Harmaa", + "blue": "Sininen", + "cyan": "Syaani", + "teal": "Sinivihreä", + "green": "Vihreä", + "yellow": "Keltainen", + "orange": "Oranssi", + "bronze": "Pronssi" }, "welcomeScreen": { "app": { @@ -478,34 +568,35 @@ } }, "colorPicker": { - "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", + "color": "", + "mostUsedCustomColors": "Eniten käytetyt omat värit", + "colors": "Värit", + "shades": "Varjot", + "hexCode": "Hex koodi", "noShades": "" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", + "title": "Vie kuva", + "button": "Vie kuva", "description": "" }, "saveToDisk": { - "title": "", - "button": "", + "title": "Tallenna levylle", + "button": "Tallenna levylle", "description": "" }, "excalidrawPlus": { - "title": "", - "button": "", + "title": "Excalidraw+", + "button": "Vie Excalidraw+:aan", "description": "" } }, "modal": { "loadFromFile": { - "title": "", - "button": "", + "title": "Lataa tiedostosta", + "button": "Lataa tiedostosta", "description": "" }, "shareableLink": { @@ -520,6 +611,54 @@ "button": "", "description": "", "syntax": "", - "preview": "" + "preview": "Esikatsele" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "Valitse", + "confirm": "Vahvista", + "close": "Sulje" + }, + "recents": "Viimeksi käytetty", + "search": { + "placeholder": "Hae valikoita, komentoja ja löydä piilotettuja helmiä", + "noMatch": "Ei vastaavia komentoja..." + }, + "itemNotAvailable": "Komento ei ole käytettävissä...", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/fr-FR.json b/packages/excalidraw/locales/fr-FR.json index 674204d125..a2c6c83e63 100644 --- a/packages/excalidraw/locales/fr-FR.json +++ b/packages/excalidraw/locales/fr-FR.json @@ -21,7 +21,9 @@ "copyStyles": "Copier les styles", "pasteStyles": "Coller les styles", "stroke": "Trait", + "changeStroke": "Changer la couleur du trait", "background": "Arrière-plan", + "changeBackground": "Changer la couleur d'arrière-plan", "fill": "Remplissage", "strokeWidth": "Largeur du contour", "strokeStyle": "Style du trait", @@ -39,11 +41,19 @@ "arrowhead_arrow": "Flèche", "arrowhead_bar": "Barre", "arrowhead_circle": "Cercle", - "arrowhead_circle_outline": "Contour du cercle", + "arrowhead_circle_outline": "Cercle (contour)", "arrowhead_triangle": "Triangle", "arrowhead_triangle_outline": "Triangle (contour)", "arrowhead_diamond": "Losange", - "arrowhead_diamond_outline": "", + "arrowhead_diamond_outline": "Losange (contour)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "Pied de Corde (un)", + "arrowhead_crowfoot_one_or_many": "Pied du corbeau (un ou plusieurs)", + "more_options": "Plus d'options", + "arrowtypes": "Type de flèche", + "arrowtype_sharp": "Flèche pointue", + "arrowtype_round": "Flèche incurvée", + "arrowtype_elbowed": "Flèche coudée", "fontSize": "Taille de la police", "fontFamily": "Police", "addWatermark": "Ajouter \"Réalisé avec Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Utilisé sur la zone de dessin", "canvasBackground": "Arrière-plan du canevas", "drawingCanvas": "Zone de dessin", + "clearCanvas": "Effacer la zone de dessin", "layers": "Disposition", "actions": "Actions", "language": "Langue", @@ -84,12 +95,13 @@ "group": "Grouper la sélection", "ungroup": "Dégrouper la sélection", "collaborators": "Collaborateurs", - "showGrid": "Afficher la grille", + "toggleGrid": "Afficher/Cacher la grille", "addToLibrary": "Ajouter à la bibliothèque", "removeFromLibrary": "Supprimer de la bibliothèque", "libraryLoadingMessage": "Chargement de la bibliothèque…", "libraries": "Parcourir les bibliothèques", "loadingScene": "Chargement de la scène…", + "loadScene": "Charger une scène depuis un fichier", "align": "Alignement", "alignTop": "Aligner en haut", "alignBottom": "Aligner en bas", @@ -105,7 +117,9 @@ "share": "Partager", "showStroke": "Afficher le sélecteur de couleur de trait", "showBackground": "Afficher le sélecteur de couleur de fond", - "toggleTheme": "Changer le thème", + "showFonts": "Afficher le sélecteur de polices", + "toggleTheme": "Basculer mode clair/sombre", + "theme": "Thème", "personalLib": "Bibliothèque personnelle", "excalidrawLib": "Bibliothèque Excalidraw", "decreaseFontSize": "Diminuer la taille de police", @@ -115,16 +129,21 @@ "createContainerFromText": "Encadrer le texte dans un conteneur", "link": { "edit": "Modifier le lien", - "editEmbed": "Éditer le lien & intégrer", + "editEmbed": "Editer le lien intégrable", "create": "Ajouter un lien", - "createEmbed": "Créer un lien & intégrer", "label": "Lien", "labelEmbed": "Lier & intégrer", - "empty": "Aucun lien défini" + "empty": "Aucun lien défini", + "hint": "Tapez ou collez votre lien ici", + "goToElement": "Aller à l'élément cible" }, "lineEditor": { "edit": "Modifier la ligne", - "exit": "Quitter l'éditeur de ligne" + "editArrow": "Modifier la flèche" + }, + "polygon": { + "breakPolygon": "Briser le polygone", + "convertToPolygon": "Convertir en polygone" }, "elementLock": { "lock": "Verrouiller", @@ -136,14 +155,48 @@ "sidebarLock": "Maintenir la barre latérale ouverte", "selectAllElementsInFrame": "Sélectionner tous les éléments du cadre", "removeAllElementsFromFrame": "Supprimer tous les éléments du cadre", - "eyeDropper": "Choisir la couleur depuis la toile", - "textToDiagram": "Texte vers Diagramme", - "prompt": "Consignes" + "eyeDropper": "Choisir la couleur depuis le canevas", + "textToDiagram": "Texte vers diagramme", + "prompt": "Demander", + "followUs": "Suivez-nous", + "discordChat": "Salon Discord", + "zoomToFitViewport": "Zoomer pour tenir dans la fenêtre d'affichage", + "zoomToFitSelection": "Zoomer pour s'adapter à la sélection", + "zoomToFit": "Zoomer pour voir tous les éléments", + "installPWA": "Installer Excalidraw localement (PWA)", + "autoResize": "Activer le redimensionnement automatique du texte", + "imageCropping": "Recadrage de l'image", + "unCroppedDimension": "Dimension non recadrée", + "copyElementLink": "Copier le lien vers un objet", + "linkToElement": "Lien vers un objet", + "wrapSelectionInFrame": "Mettre la sélection dans un cadre", + "tab": "Onglet", + "shapeSwitch": "Changer de forme" + }, + "elementLink": { + "title": "Lien vers un objet", + "desc": "Cliquez sur une forme sur le canvas ou collez un lien.", + "notFound": "L'objet lié n'a pas été trouvé sur le canvas." }, "library": { "noItems": "Aucun élément n'a encore été ajouté ...", "hint_emptyLibrary": "Sélectionnez un élément sur le canevas pour l'ajouter ici ou installez une bibliothèque depuis le dépôt public, ci-dessous.", - "hint_emptyPrivateLibrary": "Sélectionnez un élément sur le canevas pour l'ajouter ici." + "hint_emptyPrivateLibrary": "Sélectionnez un élément sur le canevas pour l'ajouter ici.", + "search": { + "inputPlaceholder": "Rechercher dans la bibliothèque", + "heading": "Correspondance de la bibliothèque", + "noResults": "Aucun élément correspondant trouvé...", + "clearSearch": "Effacer la recherche" + } + }, + "search": { + "title": "Rechercher sur le canevas", + "noMatch": "Aucun résultat trouvé...", + "singleResult": "résultat", + "multipleResults": "résultats", + "placeholder": "Rechercher du texte sur la toile...", + "frames": "Cadres", + "texts": "Textes" }, "buttons": { "clearReset": "Réinitialiser le canevas", @@ -151,6 +204,7 @@ "exportImage": "Exporter l'image...", "export": "Enregistrer sous...", "copyToClipboard": "Copier dans le presse-papier", + "copyLink": "", "save": "Enregistrer dans le fichier actuel", "saveAs": "Enregistrer sous", "load": "Ouvrir", @@ -171,14 +225,16 @@ "fullScreen": "Plein écran", "darkMode": "Mode sombre", "lightMode": "Mode clair", + "systemMode": "Mode système", "zenMode": "Mode zen", "objectsSnapMode": "Aimanter aux objets", "exitZenMode": "Quitter le mode zen", "cancel": "Annuler", + "saveLibNames": "Enregistrez et quittez", "clear": "Effacer", "remove": "Supprimer", "embed": "Activer/Désactiver l'intégration", - "publishLibrary": "Publier", + "publishLibrary": "Renommer ou publier", "submit": "Envoyer", "confirm": "Confirmer", "embeddableInteractionButton": "Cliquez pour interagir" @@ -204,7 +260,8 @@ "resetLibrary": "Cela va effacer votre bibliothèque. Êtes-vous sûr·e ?", "removeItemsFromsLibrary": "Supprimer {{count}} élément(s) de la bibliothèque ?", "invalidEncryptionKey": "La clé de chiffrement doit comporter 22 caractères. La collaboration en direct est désactivée.", - "collabOfflineWarning": "Aucune connexion internet disponible.\nVos modifications ne seront pas enregistrées !" + "collabOfflineWarning": "Aucune connexion internet disponible.\nVos modifications ne seront pas enregistrées !", + "localStorageQuotaExceeded": "Quota de stockage du navigateur dépassé. Les modifications ne seront pas enregistrées." }, "errors": { "unsupportedFileType": "Type de fichier non supporté.", @@ -212,9 +269,9 @@ "fileTooBig": "Le fichier est trop volumineux. La taille maximale autorisée est de {{maxSize}}.", "svgImageInsertError": "Impossible d'insérer l'image SVG. Le balisage SVG semble invalide.", "failedToFetchImage": "Échec de récupération de l'image.", - "invalidSVGString": "SVG invalide.", "cannotResolveCollabServer": "Impossible de se connecter au serveur collaboratif. Veuillez recharger la page et réessayer.", "importLibraryError": "Impossible de charger la bibliothèque", + "saveLibraryError": "Impossible d'enregistrer la bibliothèque sur le stockage. Veuillez enregistrer votre bibliothèque dans un fichier localement pour éviter de perdre vos modifications.", "collabSaveFailed": "Impossible d'enregistrer dans la base de données en arrière-plan. Si des problèmes persistent, vous devriez enregistrer votre fichier localement pour vous assurer de ne pas perdre votre travail.", "collabSaveFailed_sizeExceeded": "Impossible d'enregistrer dans la base de données en arrière-plan, le tableau semble trop grand. Vous devriez enregistrer le fichier localement pour vous assurer de ne pas perdre votre travail.", "imageToolNotSupported": "Les images sont désactivées.", @@ -226,7 +283,7 @@ }, "libraryElementTypeError": { "embeddable": "Les éléments intégrés ne peuvent pas être ajoutés à la librairie.", - "iframe": "", + "iframe": "Les éléments IFrame ne peuvent pas être ajoutés à la bibliothèque.", "image": "Le support pour l'ajout d'images à la librairie arrive bientôt !" }, "asyncPasteFailedOnRead": "Impossible de coller (impossible de lire le presse-papiers système).", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Sélection", + "lasso": "Sélection lasso", "image": "Insérer une image", "rectangle": "Rectangle", "diamond": "Losange", @@ -246,16 +304,32 @@ "library": "Bibliothèque", "lock": "Garder l'outil sélectionné actif après le dessin", "penMode": "Mode stylo - évite le toucher", - "link": "Ajouter/mettre à jour le lien pour une forme sélectionnée", + "link": "Ajouter / Mettre à jour un lien pour une forme sélectionnée", "eraser": "Gomme", "frame": "Outil de cadre", - "magicframe": "", + "magicframe": "Modèle en fil de fer vers code", "embeddable": "Intégration Web", "laser": "Pointeur laser", "hand": "Mains (outil de déplacement de la vue)", "extraTools": "Plus d'outils", "mermaidToExcalidraw": "De Mermaid à Excalidraw", - "magicSettings": "Paramètres IA" + "convertElementType": "Basculer le type de forme" + }, + "element": { + "rectangle": "Rectangle", + "diamond": "Losange", + "ellipse": "Ellipse", + "arrow": "Flèche", + "line": "Ligne", + "freedraw": "Dessin libre", + "text": "Texte", + "image": "Image", + "group": "Groupe", + "frame": "Cadre", + "magicframe": "Wireframe à code", + "embeddable": "Intégration Web", + "selection": "Sélection", + "iframe": "IFrame" }, "headings": { "canvasActions": "Actions du canevas", @@ -263,28 +337,33 @@ "shapes": "Formes" }, "hints": { - "canvasPanning": "Pour déplacer la zone de dessin, maintenez la molette de la souris enfoncée ou la barre d'espace tout en faisant glisser, ou utiliser l'outil main.", + "dismissSearch": "{{shortcut}} pour fermer la recherche", + "canvasPanning": "Pour déplacer le canevas, maintenez {{shortcut_1}} ou {{shortcut_2}} enfoncé tout en faisant glisser, ou utilisez l'outil main", "linearElement": "Cliquez pour démarrer plusieurs points, faites glisser pour une seule ligne", + "arrowTool": "Cliquez pour démarrer plusieurs points, faites glisser pour une ligne unique. Appuyez à nouveau sur {{shortcut}} pour changer le type de flèche.", "freeDraw": "Cliquez et faites glissez, relâchez quand vous avez terminé", "text": "Astuce : vous pouvez aussi ajouter du texte en double-cliquant n'importe où avec l'outil de sélection", "embeddable": "Cliquez et glissez pour créer une intégration de site web", - "text_selected": "Double-cliquez ou appuyez sur ENTRÉE pour modifier le texte", - "text_editing": "Appuyez sur ÉCHAP ou Ctrl/Cmd+ENTRÉE pour terminer l'édition", - "linearElementMulti": "Cliquez sur le dernier point ou appuyez sur Échap ou Entrée pour terminer", - "lockAngle": "Vous pouvez restreindre l'angle en maintenant MAJ", - "resize": "Vous pouvez conserver les proportions en maintenant la touche MAJ pendant le redimensionnement, maintenez la touche ALT pour redimensionner par rapport au centre", - "resizeImage": "Vous pouvez redimensionner librement en maintenant SHIFT,\nmaintenez ALT pour redimensionner depuis le centre", - "rotate": "Vous pouvez restreindre les angles en maintenant MAJ pendant la rotation", - "lineEditor_info": "Maintenez CtrlOrCmd et Double-cliquez ou appuyez sur CtrlOrCmd + Entrée pour modifier les points", - "lineEditor_pointSelected": "Appuyer sur Suppr. pour supprimer des points, Ctrl ou Cmd+D pour dupliquer, ou faire glisser pour déplacer", - "lineEditor_nothingSelected": "Sélectionner un point pour éditer (maintenir la touche MAJ pour en sélectionner plusieurs),\nou maintenir la touche Alt enfoncée et cliquer pour ajouter de nouveaux points", - "placeImage": "Cliquez pour placer l'image, ou cliquez et faites glisser pour définir sa taille manuellement", + "text_selected": "Double-cliquez ou appuyez sur {{shortcut}} pour modifier le texte", + "text_editing": "Appuyez sur {{shortcut_1}} ou {{shortcut_2}} pour terminer la modification", + "linearElementMulti": "Cliquez sur le dernier point ou appuyez sur {{shortcut_1}} ou {{shortcut_2}} pour terminer", + "lockAngle": "Vous pouvez limiter l'angle en maintenant la touche {{shortcut}} enfoncée", + "resize": "Vous pouvez contraindre les proportions en maintenant {{shortcut_1}} pendant le redimensionnement,\nmaintenez {{shortcut_2}} enfoncé pour redimensionner depuis le centre", + "resizeImage": "Vous pouvez redimensionner librement en maintenant {{shortcut_1}},\nmaintenez {{shortcut_2}} enfoncé pour redimensionner depuis le centre", + "rotate": "Vous pouvez contraindre les angles en maintenant {{shortcut}} enfoncé pendant la rotation", + "lineEditor_info": "Maintenez {{shortcut_1}} et Double-cliquez ou appuyez sur {{shortcut_2}} pour modifier les points", + "lineEditor_line_info": "Double-cliquez ou appuyez sur {{shortcut}} pour modifier le texte", + "lineEditor_pointSelected": "Appuyez sur {{shortcut_1}} pour supprimer le(s) point(s),\n{{shortcut_2}} pour dupliquer, ou faites glisser pour déplacer", + "lineEditor_nothingSelected": "Sélectionnez un point à éditer (maintenez {{shortcut_1}} enfoncé pour en sélectionner plusieurs),\nou maintenez {{shortcut_2}} et cliquez pour ajouter de nouveaux points", "publishLibrary": "Publier votre propre bibliothèque", - "bindTextToElement": "Appuyer sur Entrée pour ajouter du texte", - "deepBoxSelect": "Maintenir Ctrl ou Cmd pour sélectionner dans les groupes et empêcher le déplacement", - "eraserRevert": "Maintenez Alt enfoncé pour annuler les éléments marqués pour suppression", + "bindTextToElement": "{{shortcut}} pour ajouter du texte", + "createFlowchart": "{{shortcut}} pour créer un diagramme", + "deepBoxSelect": "Maintenez {{shortcut}} enfoncé pour sélectionner en profondeur, et pour éviter le glissement", + "eraserRevert": "Maintenez {{shortcut}} pour annuler les éléments marqués pour suppression", "firefox_clipboard_write": "Cette fonctionnalité devrait pouvoir être activée en définissant l'option \"dom.events.asyncClipboard.clipboard.clipboardItem\" à \"true\". Pour modifier les paramètres du navigateur dans Firefox, visitez la page \"about:config\".", - "disableSnapping": "Maintenez CtrlOuCmd pour désactiver l'aimantation" + "disableSnapping": "Maintenez {{shortcut}} pour désactiver l'accrochage", + "enterCropEditor": "Double-cliquez sur l'image ou appuyez sur {{shortcut}} pour recadrer l'image", + "leaveCropEditor": "Cliquez à l'extérieur de l'image ou appuyez sur {{shortcut_1}} ou {{shortcut_2}} pour terminer le recadrage" }, "canvasError": { "cannotShowPreview": "Impossible d’afficher l’aperçu", @@ -299,9 +378,12 @@ "openIssueMessage": "Nous avons fait très attention à ne pas inclure les informations de votre scène dans l'erreur. Si votre scène n'est pas privée, veuillez envisager de poursuivre sur notre Veuillez inclure les informations ci-dessous en les copiant-collant dans le ticket GitHub.", "sceneContent": "Contenu de la scène :" }, + "shareDialog": { + "or": "Ou" + }, "roomDialog": { - "desc_intro": "Vous pouvez inviter des personnes à collaborer avec vous sur votre scène actuelle.", - "desc_privacy": "Pas d'inquiétude, la session utilise le chiffrement de bout en bout, donc tout ce que vous dessinez restera privé. Même notre serveur ne pourra voir ce que vous faites.", + "desc_intro": "Invitez des personnes à collaborer sur votre dessin.", + "desc_privacy": "Ne vous inquiétez pas, la session est chiffrée de bout en bout et entièrement privée. Même notre serveur ne peut pas voir ce que vous dessinez.", "button_startSession": "Démarrer la session", "button_stopSession": "Arrêter la session", "desc_inProgressIntro": "La session de collaboration en direct est maintenant en cours.", @@ -328,6 +410,8 @@ "click": "clic", "deepSelect": "Sélection dans les groupes", "deepBoxSelect": "Sélectionner dans les groupes, et empêcher le déplacement", + "createFlowchart": "Créer un diagramme à partir d'un élément", + "navigateFlowchart": "", "curvedArrow": "Flèche courbée", "curvedLine": "Ligne courbée", "documentation": "Documentation", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoomer sur la sélection", "toggleElementLock": "Verrouiller/déverrouiller la sélection", "movePageUpDown": "Déplacer la page vers le haut/bas", - "movePageLeftRight": "Déplacer la page vers la gauche/droite" + "movePageLeftRight": "Déplacer la page vers la gauche/droite", + "cropStart": "Rogner l’image", + "cropFinish": "Terminer le recadrage de l'image" }, "clearCanvasDialog": { "title": "Effacer la zone de dessin" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Angle", - "element": "Élément", - "elements": "Éléments", + "shapes": "Formes", "height": "Hauteur", "scene": "Scène", "selected": "Sélection", "storage": "Stockage", - "title": "Stats pour les nerds", + "fullTitle": "Propriétés du canevas et des formes", + "title": "Propriétés", + "generalStats": "Général", + "elementProperties": "Propriétés de la forme", "total": "Total", "version": "Version", "versionCopy": "Cliquer pour copier", @@ -439,13 +527,15 @@ "copyStyles": "Styles copiés.", "copyToClipboard": "Copié dans le presse-papier.", "copyToClipboardAsPng": "{{exportSelection}} copié dans le presse-papier en PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} copié dans le presse-papier en SVG\n({{exportColorScheme}})", "fileSaved": "Fichier enregistré.", "fileSavedToFilename": "Enregistré sous {filename}", "canvas": "canevas", "selection": "sélection", "pasteAsSingleElement": "Utiliser {{shortcut}} pour coller comme un seul élément,\nou coller dans un éditeur de texte existant", "unableToEmbed": "Intégrer cet URL n'est actuellement pas autorisé. Ouvrez un ticket sur GitHub pour demander son ajout à la liste blanche", - "unrecognizedLinkFormat": "Le lien que vous avez intégré ne correspond pas au format attendu. Veuillez essayer de coller la chaîne d'intégration fournie par le site source" + "unrecognizedLinkFormat": "Le lien que vous avez intégré ne correspond pas au format attendu. Veuillez essayer de coller la chaîne d'intégration fournie par le site source", + "elementLinkCopied": "Lien copié dans le presse-papiers" }, "colors": { "transparent": "Transparent", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "Couleur ", "mostUsedCustomColors": "Couleurs personnalisées les plus fréquemment utilisées", "colors": "Couleurs", "shades": "Nuances", @@ -518,8 +609,56 @@ "mermaid": { "title": "De Mermaid à Excalidraw", "button": "Insérer", - "description": "", + "description": "Actuellement, seuls les diagrammes Flowchart, Sequence, et de classe sont pris en charge. Les autres types seront rendus en tant qu'image dans Excalidraw.", "syntax": "Syntaxe Mermaid", "preview": "Prévisualisation" + }, + "quickSearch": { + "placeholder": "Recherche rapide" + }, + "fontList": { + "badge": { + "old": "ancien" + }, + "sceneFonts": "Dans cette scène", + "availableFonts": "Polices disponibles", + "empty": "Aucune police trouvée" + }, + "userList": { + "empty": "Aucun utilisateurs trouvé", + "hint": { + "text": "Cliquez sur l'utilisateur pour le suivre", + "followStatus": "Vous suivez actuellement cet utilisateur", + "inCall": "L'utilisateur est dans un appel vocal", + "micMuted": "Le micro de l'utilisateur est muet", + "isSpeaking": "L'utilisateur parle" + } + }, + "commandPalette": { + "title": "Palette de commandes", + "shortcuts": { + "select": "Sélectionner", + "confirm": "Confirmer", + "close": "Fermer" + }, + "recents": "Récemment utilisé", + "search": { + "placeholder": "Recherchez dans les menus, les commandes et découvrez des gemmes cachées", + "noMatch": "Aucune commande correspondante..." + }, + "itemNotAvailable": "Commande non disponible...", + "shortcutHint": "Pour la palette de commandes, utilisez {{shortcut}}" + }, + "keys": { + "ctrl": "Ctrl", + "option": "Option", + "cmd": "Cmd", + "alt": "Alt", + "escape": "Échap", + "enter": "Entrée", + "shift": "Maj", + "spacebar": "Espace", + "delete": "Supprimer", + "mmb": "Clic molette" } } diff --git a/packages/excalidraw/locales/gl-ES.json b/packages/excalidraw/locales/gl-ES.json index b0e6a7508c..d558c2850a 100644 --- a/packages/excalidraw/locales/gl-ES.json +++ b/packages/excalidraw/locales/gl-ES.json @@ -11,8 +11,8 @@ "copyAsPng": "Copiar no portapapeis como PNG", "copyAsSvg": "Copiar no portapapeis como SVG", "copyText": "Copia no portapapeis como texto", - "copySource": "", - "convertToCode": "", + "copySource": "Copiar fonte ao portapapeis", + "convertToCode": "Converter a código", "bringForward": "Traer cara adiante", "sendToBack": "Enviar cara atrás", "bringToFront": "Traer á fronte", @@ -21,7 +21,9 @@ "copyStyles": "Copiar estilo", "pasteStyles": "Pegar estilo", "stroke": "Trazo", + "changeStroke": "", "background": "Fondo", + "changeBackground": "", "fill": "Recheo", "strokeWidth": "Largo do trazo", "strokeStyle": "Estilo do trazo", @@ -38,12 +40,20 @@ "arrowhead_none": "Ningunha", "arrowhead_arrow": "Frecha", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Círculo", + "arrowhead_circle_outline": "Círculo (contorno)", "arrowhead_triangle": "Triángulo", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Triángulo (contorno)", + "arrowhead_diamond": "Diamante", + "arrowhead_diamond_outline": "Diamante (contorno)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Tamaño da fonte", "fontFamily": "Tipo de fonte", "addWatermark": "Engadir \"Feito con Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Usado en lenzo", "canvasBackground": "Fondo do lenzo", "drawingCanvas": "Lenzo de debuxo", + "clearCanvas": "", "layers": "Capas", "actions": "Accións", "language": "Idioma", @@ -84,12 +95,13 @@ "group": "Agrupar selección", "ungroup": "Desagrupar selección", "collaborators": "Colaboradores", - "showGrid": "Mostrar cuadrícula", + "toggleGrid": "", "addToLibrary": "Engadir á biblioteca", "removeFromLibrary": "Eliminar da biblioteca", "libraryLoadingMessage": "Cargando biblioteca…", "libraries": "Explorar bibliotecas", "loadingScene": "Cargando escena…", + "loadScene": "", "align": "Aliñamento", "alignTop": "Aliñamento superior", "alignBottom": "Aliñamento inferior", @@ -105,7 +117,9 @@ "share": "Compartir", "showStroke": "Mostrar selector de cores do trazo", "showBackground": "Mostrar selector de cores do fondo", - "toggleTheme": "Alternar tema", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "Biblioteca Persoal", "excalidrawLib": "Biblioteca Excalidraw", "decreaseFontSize": "Diminuír tamaño da fonte", @@ -116,15 +130,20 @@ "link": { "edit": "Editar ligazón", "editEmbed": "", - "create": "Crear ligazón", - "createEmbed": "", + "create": "", "label": "Ligazón", "labelEmbed": "", - "empty": "" + "empty": "Non se estableceu un enlace", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Editar liña", - "exit": "Saír do editor de liñas" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Bloquear", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "", "removeAllElementsFromFrame": "", "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Texto a diagrama", + "prompt": "", + "followUs": "Síguenos", + "discordChat": "Chat de Discord", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Aínda non hai elementos engadidos...", "hint_emptyLibrary": "Seleccione un elemento no lenzo para engadilo aquí, ou instale unha biblioteca dende o repositorio público, como se detalla a continuación.", - "hint_emptyPrivateLibrary": "Seleccione un elemento do lenzo para engadilo aquí." + "hint_emptyPrivateLibrary": "Seleccione un elemento do lenzo para engadilo aquí.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Limpar o lenzo", @@ -151,6 +204,7 @@ "exportImage": "Exportar imaxe...", "export": "Gardar en...", "copyToClipboard": "Copiar ao portapapeis", + "copyLink": "", "save": "Gardar no ficheiro actual", "saveAs": "Gardar como", "load": "Abrir", @@ -171,14 +225,16 @@ "fullScreen": "Pantalla completa", "darkMode": "Modo escuro", "lightMode": "Modo claro", + "systemMode": "", "zenMode": "Modo zen", "objectsSnapMode": "", "exitZenMode": "Saír do modo zen", "cancel": "Cancelar", + "saveLibNames": "", "clear": "Limpar", "remove": "Eliminar", "embed": "", - "publishLibrary": "Publicar", + "publishLibrary": "", "submit": "Enviar", "confirm": "Confirmar", "embeddableInteractionButton": "Faga clic para interactuar" @@ -204,20 +260,21 @@ "resetLibrary": "Isto limpará a súa biblioteca. Está seguro?", "removeItemsFromsLibrary": "Eliminar {{count}} elemento(s) da biblioteca?", "invalidEncryptionKey": "A clave de cifrado debe ter 22 caracteres. A colaboración en directo está desactivada.", - "collabOfflineWarning": "Non hai conexión a Internet dispoñible.\nOs teus cambios non serán gardados!" + "collabOfflineWarning": "Non hai conexión a Internet dispoñible.\nOs teus cambios non serán gardados!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipo de ficheiro non soportado.", "imageInsertError": "Non se puido inserir a imaxe. Probe de novo máis tarde...", "fileTooBig": "O ficheiro é demasiado grande. O tamaño máximo permitido é {{maxSize}}.", "svgImageInsertError": "Non se puido inserir como imaxe SVG. O marcado SVG semella inválido.", - "failedToFetchImage": "", - "invalidSVGString": "SVG inválido.", + "failedToFetchImage": "Non se puido obter a imaxe.", "cannotResolveCollabServer": "Non se puido conectar ao servidor de colaboración. Por favor recargue a páxina e probe de novo.", "importLibraryError": "Non se puido cargar a biblioteca", + "saveLibraryError": "", "collabSaveFailed": "Non se puido gardar na base de datos. Se o problema persiste, deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.", "collabSaveFailed_sizeExceeded": "Non se puido gardar na base de datos, o lenzo semella demasiado grande. Deberías gardar o teu arquivo de maneira local para asegurarte de non perdelo teu traballo.", - "imageToolNotSupported": "", + "imageToolNotSupported": "As imaxes están desactivadas.", "brave_measure_text_error": { "line1": "", "line2": "", @@ -230,11 +287,12 @@ "image": "" }, "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnParse": "Non se puido copiar.", + "copyToSystemClipboardFailed": "Non se puido copiar ao portapapeis." }, "toolBar": { "selection": "Selección", + "lasso": "", "image": "Inserir imaxe", "rectangle": "Rectángulo", "diamond": "Diamante", @@ -246,7 +304,7 @@ "library": "Biblioteca", "lock": "Manter a ferramenta seleccionada activa despois de debuxar", "penMode": "Modo lapis - evitar o contacto", - "link": "Engadir/ Actualizar ligazón para a forma seleccionada", + "link": "", "eraser": "Goma de borrar", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "Man (ferramenta de desprazamento)", "extraTools": "Máis ferramentas", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Accións do lenzo", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { - "canvasPanning": "Para mover o lenzo, manteña pulsada a roda do rato ou a barra de espazo mentres arrastra, ou utilice a ferramenta da man", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Faga clic para iniciar varios puntos, arrastre para unha sola liña", + "arrowTool": "", "freeDraw": "Fai clic e arrastra, solta cando acabes", "text": "Consello: tamén podes engadir texto facendo dobre-clic en calquera lugar coa ferramenta de selección", "embeddable": "Faga clic e arrastre para crear un sitio web embebido", - "text_selected": "Dobre-clic ou prema ENTER para editar o texto", - "text_editing": "Prema Escape ou CtrlOrCmd+ENTER para finalizar a edición", - "linearElementMulti": "Faga clic no último punto ou prema Escape ou Enter para rematar", - "lockAngle": "Pode reducir o ángulo mantendo SHIFT", - "resize": "Pode reducir as proporcións mantendo SHIFT mentres axusta o tamaño,\nmanteña ALT para axustalo dende o centro", - "resizeImage": "Pode axustar o tamaño libremente mantendo SHIFT,\nmanteña ALT para axustalo dende o centro", - "rotate": "Podes reducir os ángulos mantendo SHIFT mentres os rotas", - "lineEditor_info": "Manteña pulsado CtrlOrCmd e faga dobre clic ou prema CtrlOrCmd + Enter para editar puntos", - "lineEditor_pointSelected": "Prema Suprimir para eliminar o(s) punto(s)\nCtrlOrCmd+D para duplicalos, ou arrastre para movelos", - "lineEditor_nothingSelected": "Seleccione un punto para editar (manteña pulsado SHIFT para selección múltiple),\nou manteña pulsado Alt e faga clic para engadir novos puntos", - "placeImage": "Faga clic para colocar a imaxe, ou faga clic e arrastre para establecer o seu tamaño manualmente", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publica a túa propia biblioteca", - "bindTextToElement": "Prema a tecla enter para engadir texto", - "deepBoxSelect": "Manteña pulsado CtrlOrCmd para seleccionar en profundidade e evitar o arrastre", - "eraserRevert": "Manteña pulsado Alt para reverter os elementos marcados para a súa eliminación", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Esta función pódese activar establecendo a opción \"dom.events.asyncClipboard.clipboardItem\" a \"true\". Para cambiar as opcións do navegador en Firefox, visita a páxina \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Non se pode mostrar a vista previa", @@ -299,9 +378,12 @@ "openIssueMessage": "Fomos moi cautelosos de non incluír a información da súa escena no erro. Se a súa escena non é privada, por favor, considere o seguimento do noso Por favor inclúa a seguinte información copiándoa e pegándoa na issue de Github.", "sceneContent": "Contido da escena:" }, + "shareDialog": { + "or": "Ou" + }, "roomDialog": { - "desc_intro": "Podes invitar xente a colaborar contigo na túa escena actual.", - "desc_privacy": "Non te preocupes, a sesión usa cifrado de punto a punto, polo que calquera cousa que debuxes mantense privada. Nin tan sequera o noso servidor será capaz de ver o que fas.", + "desc_intro": "Invita xente a colaborar no teu diagrama.", + "desc_privacy": "", "button_startSession": "Comezar sesión", "button_stopSession": "Rematar sesión", "desc_inProgressIntro": "A sesión de colaboración en directo está agora en progreso.", @@ -328,6 +410,8 @@ "click": "clic", "deepSelect": "Selección en profundidade", "deepBoxSelect": "Selección en profundidade dentro da caixa, evitando o arrastre", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Frecha curva", "curvedLine": "Liña curva", "documentation": "Documentación", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoom á selección", "toggleElementLock": "Bloquear/desbloquear selección", "movePageUpDown": "Mover páxina cara enriba/abaixo", - "movePageLeftRight": "Mover páxina cara a esquerda/dereita" + "movePageLeftRight": "Mover páxina cara a esquerda/dereita", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Limpar lenzo" @@ -395,14 +481,14 @@ "header": "Exportar imaxe", "label": { "withBackground": "Fondo", - "onlySelected": "", + "onlySelected": "Só seleccionados", "darkMode": "Modo escuro", "embedScene": "", "scale": "", "padding": "" }, "tooltip": { - "embedScene": "" + "embedScene": "Os datos da escena serán gardados no ficheiro PNG/SVG exportado polo que a escena poderá ser restaurada dende el. Isto aumentará o tamaño do ficheiro exportado." }, "title": { "exportToPng": "Exportar a PNG", @@ -421,13 +507,15 @@ }, "stats": { "angle": "Ángulo", - "element": "Elemento", - "elements": "Elementos", + "shapes": "", "height": "Alto", "scene": "Escena", "selected": "Seleccionado", "storage": "Almacenamento", - "title": "Estadísticas para nerds", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Total", "version": "Versión", "versionCopy": "Faga clic para copiar", @@ -439,13 +527,15 @@ "copyStyles": "Estilos copiados.", "copyToClipboard": "Copiado ao portapapeis.", "copyToClipboardAsPng": "Copiar {{exportSelection}} ao portapapeis como PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Ficheiro gardado.", "fileSavedToFilename": "Gardado en {filename}", "canvas": "lenzo", "selection": "selección", "pasteAsSingleElement": "Usa {{shortcut}} para pegar como un único elemento\nou pega nun editor de texto existente", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Transparente", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "Cores", "shades": "", @@ -517,9 +608,57 @@ }, "mermaid": { "title": "", - "button": "", + "button": "Inserir", "description": "", "syntax": "", - "preview": "" + "preview": "Vista previa" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "Fai clic no usuario para seguilo", + "followStatus": "Xa estás a seguir a este usuario", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/he-IL.json b/packages/excalidraw/locales/he-IL.json index 83bf3e718e..09ae7ee1aa 100644 --- a/packages/excalidraw/locales/he-IL.json +++ b/packages/excalidraw/locales/he-IL.json @@ -1,27 +1,29 @@ { "labels": { - "paste": "הדבק", - "pasteAsPlaintext": "הדבק ללא עיצוב", - "pasteCharts": "הדבק גרפים", - "selectAll": "בחר הכל", - "multiSelect": "הוסף רכיב לבחירה", - "moveCanvas": "הזז את הקנבס", - "cut": "גזור", - "copy": "העתק", - "copyAsPng": "העתק ללוח כ PNG", - "copyAsSvg": "העתק ללוח כ SVG", + "paste": "הדבקה", + "pasteAsPlaintext": "הדבקה ללא עיצוב", + "pasteCharts": "הדבקת תרשימים", + "selectAll": "בחירה בהכול", + "multiSelect": "הוספת רכיב לבחירה", + "moveCanvas": "הזזת הקנבס", + "cut": "גזירה", + "copy": "העתקה", + "copyAsPng": "העתקה ללוח כ־PNG", + "copyAsSvg": "העתקה ללוח כ־SVG", "copyText": "העתק ללוח כטקסט", - "copySource": "", - "convertToCode": "", - "bringForward": "הבא שכבה קדימה", - "sendToBack": "שלח אחורה", - "bringToFront": "העבר לחזית", - "sendBackward": "העבר שכבה אחורה", - "delete": "מחק", - "copyStyles": "העתק סגנון", - "pasteStyles": "הדבק סגנון", + "copySource": "העתקת המקור ללוח הגזירים", + "convertToCode": "המרה לקוד", + "bringForward": "קירוב השכבה", + "sendToBack": "הרחקה אחורה", + "bringToFront": "קירוב לחזית", + "sendBackward": "הרחקה אחורה עד הסוף", + "delete": "מחיקה", + "copyStyles": "העתקת סגנון", + "pasteStyles": "הדבקת סגנונות", "stroke": "קו מתאר", + "changeStroke": "החלפת צבע קו מתאר", "background": "רקע", + "changeBackground": "החלפת צבע הרקע", "fill": "מילוי", "strokeWidth": "עובי קו מתאר", "strokeStyle": "סגנון קו המתאר", @@ -38,15 +40,23 @@ "arrowhead_none": "ללא", "arrowhead_arrow": "חץ", "arrowhead_bar": "קצה אנכי", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "עיגול", + "arrowhead_circle_outline": "עיגול (קו מתאר)", "arrowhead_triangle": "משולש", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "משולש (קו מתאר)", + "arrowhead_diamond": "יהלום", + "arrowhead_diamond_outline": "יהלום (קו מתאר)", + "arrowhead_crowfoot_many": "רגל עורב (הרבה)", + "arrowhead_crowfoot_one": "רגל עורב (אחת)", + "arrowhead_crowfoot_one_or_many": "רגל עורב (אחת או הרבה)", + "more_options": "אפשרויות נוספות", + "arrowtypes": "סוג החץ", + "arrowtype_sharp": "חץ מחודד", + "arrowtype_round": "חץ מעוקל", + "arrowtype_elbowed": "חץ זוויתי", "fontSize": "גודל גופן", "fontFamily": "גופן", - "addWatermark": "הוסף \"נוצר באמצעות Excalidraw\"", + "addWatermark": "הוספת „נוצר באמצעות Excalidraw”", "handDrawn": "ציור יד", "normal": "רגיל", "code": "קוד", @@ -54,77 +64,86 @@ "medium": "בינוני", "large": "גדול", "veryLarge": "גדול מאוד", - "solid": "מוצק", + "solid": "אחיד", "hachure": "קווים מקבילים קצרים להצגת כיוון וחדות שיפוע במפה", "zigzag": "זיגזג", - "crossHatch": "קווים מוצלבים שתי וערב", + "crossHatch": "קווים מוצלבים", "thin": "דק", "bold": "מודגש", "left": "שמאל", "center": "מרכז", "right": "ימין", "extraBold": "מודגש במיוחד", - "architect": "ארכיטקט", + "architect": "אדריכלות", "artist": "אמן", "cartoonist": "קריקטוריסט", "fileTitle": "שם קובץ", - "colorPicker": "בוחר צבעים", + "colorPicker": "בורר צבעים", "canvasColors": "בשימוש בקנבס", "canvasBackground": "רקע קנבס", "drawingCanvas": "קנבס ציור", + "clearCanvas": "ניקוי הקנבס", "layers": "שכבות", "actions": "פעולות", "language": "שפה", - "liveCollaboration": "התחל שיתוף חי...", - "duplicateSelection": "שכפל", + "liveCollaboration": "התחלת שיתוף חי…", + "duplicateSelection": "שכפול", "untitled": "ללא כותרת", "name": "שם", "yourName": "שמך", "madeWithExcalidraw": "נוצר באמצעות Excalidraw", - "group": "קבץ", - "ungroup": "פרק קבוצה", + "group": "קיבוץ הבחירה", + "ungroup": "פירוק קבוצה", "collaborators": "שותפים", - "showGrid": "הצג רשת", - "addToLibrary": "הוסף לספריה", - "removeFromLibrary": "הסר מספריה", - "libraryLoadingMessage": "טוען ספריה…", - "libraries": "עיין בספריות", - "loadingScene": "טוען תצוגה…", - "align": "יישר", - "alignTop": "יישר למעלה", - "alignBottom": "יישר למטה", - "alignLeft": "יישר לשמאל", - "alignRight": "יישר לימין", - "centerVertically": "מרכז אנכית", - "centerHorizontally": "מרכז אופקית", - "distributeHorizontally": "חלוקה אופקית", - "distributeVertically": "חלוקה אנכית", - "flipHorizontal": "הפוך אופקית", - "flipVertical": "הפוך אנכית", + "toggleGrid": "הצגת/הסתרת רשת", + "addToLibrary": "הוספה לספרייה", + "removeFromLibrary": "הסרה מהספרייה", + "libraryLoadingMessage": "הספרייה נטענת…", + "libraries": "עיון בספריות", + "loadingScene": "הסצנה נטענת…", + "loadScene": "טעינת סצנה מקובץ", + "align": "יישור", + "alignTop": "יישור למעלה", + "alignBottom": "יישור למטה", + "alignLeft": "יישור לשמאל", + "alignRight": "יישור לימין", + "centerVertically": "מירכוז אנכי", + "centerHorizontally": "מירכוז אופקי", + "distributeHorizontally": "פיזור אופקי", + "distributeVertically": "פיזור אנכי", + "flipHorizontal": "היפוך אופקי", + "flipVertical": "היפוך אנכי", "viewMode": "מצב תצוגה", - "share": "שתף", - "showStroke": "הצג בוחר צבע מברשת", - "showBackground": "הצג בוחר צבע רקע", - "toggleTheme": "שינוי ערכת העיצוב", + "share": "שיתוף", + "showStroke": "הצגת בורר צבע מברשת", + "showBackground": "הצגת בורר צבע רקע", + "showFonts": "הצגת בורר הגופנים", + "toggleTheme": "החלפת מצב מואר/חשוך", + "theme": "ערכת עיצוב", "personalLib": "ספריה פרטית", - "excalidrawLib": "הספריה של Excalidraw", - "decreaseFontSize": "הקטן את גודל הגופן", - "increaseFontSize": "הגדל את גודל הגופן", + "excalidrawLib": "הספרייה של Excalidraw", + "decreaseFontSize": "הקטנת הכתב", + "increaseFontSize": "הגדלת הכתב", "unbindText": "ביטול קיבוע הטקסט", "bindText": "קיבוע הטקסט למיכל", - "createContainerFromText": "ארוז טקסט במיכל", + "createContainerFromText": "אריזת טקסט במיכל", "link": { "edit": "עריכת קישור", - "editEmbed": "ערוך קישור ושבץ", - "create": "יצירת קישור", - "createEmbed": "צור קישור ושבץ", + "editEmbed": "עריכת קישור מוטמע", + "create": "הוספת קישור", "label": "קישור", - "labelEmbed": "קשר ושבץ", - "empty": "לא נקבע קישור" + "labelEmbed": "קישור ושיבוץ", + "empty": "לא נקבע קישור", + "hint": "יש להקליד או להדביק את הקישור שלך כאן", + "goToElement": "העברה לפריט היעד" }, "lineEditor": { - "edit": "ערוך קו", - "exit": "צא מעורך הקו" + "edit": "עריכת קו", + "editArrow": "עריכת חץ" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "נעילה", @@ -133,65 +152,102 @@ "unlockAll": "שחרור הכול" }, "statusPublished": "פורסם", - "sidebarLock": "שמור את סרגל הצד פתוח", - "selectAllElementsInFrame": "בחר את כל האלמנטים במסגרת", - "removeAllElementsFromFrame": "הסר את כל האלמנטים שבמסגרת", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "sidebarLock": "להשאיר את סרגל הצד פתוח", + "selectAllElementsInFrame": "בחירת כל הרכיבים במסגרת", + "removeAllElementsFromFrame": "הסרת כל הרכיבים מהמסגרת", + "eyeDropper": "בחירת צבע מתוך הקנבס", + "textToDiagram": "טקסט לתרשים", + "prompt": "בקשה", + "followUs": "לעקוב אחרינו", + "discordChat": "צ׳אט ב־Discord", + "zoomToFitViewport": "התאמת התקריב לגודל המסך", + "zoomToFitSelection": "להתמקד בחלק הנבחר", + "zoomToFit": "להציג את כל הרכיבים", + "installPWA": "התקנת Excalidraw לשימוש מקומי (PWA)", + "autoResize": "לאפשר התאמה אוטומטית של גודל הכתב", + "imageCropping": "חיתוך תמונה", + "unCroppedDimension": "ממדים ללא חיתוך", + "copyElementLink": "העתקת קישור לפריט", + "linkToElement": "קישור לפריט", + "wrapSelectionInFrame": "לעטוף את הבחירה במסגרת", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "קישור לפריט", + "desc": "יש ללחוץ על צורה בקנבס או להדביק קישור.", + "notFound": "פריט מקושר לא נמצא בקנבס." }, "library": { - "noItems": "עוד לא הוספת דברים...", - "hint_emptyLibrary": "בחר משהו בקנבס כדי להוסיף אותו לכאן, או שתתקין ספריה מהספריה הציבורית מטה.", - "hint_emptyPrivateLibrary": "בחר משהו בקנבס כדי להוסיף אותו לכאן." + "noItems": "עוד לא הוספת דברים…", + "hint_emptyLibrary": "נא לבחור משהו בקנבס כדי להוסיף אותו לכאן, או להתקין ספרייה מהמאגר הציבורי שלמטה.", + "hint_emptyPrivateLibrary": "נא לבחור משהו בקנבס כדי להוסיף אותו לכאן.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "איתור בלוח הציור", + "noMatch": "לא נמצאו תוצאות…", + "singleResult": "תוצאה", + "multipleResults": "תוצאות", + "placeholder": "איתור טקסט בלוח הציור…", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "אפס את הקנבאס", - "exportJSON": "ייצא לקובץ", - "exportImage": "ייצוא התמונה...", - "export": "שמור ל...", - "copyToClipboard": "העתק ללוח", - "save": "שמור לקובץ נוכחי", + "clearReset": "איפוס לוח הציור", + "exportJSON": "ייצוא לקובץ", + "exportImage": "ייצוא התמונה…", + "export": "שמירה אל…", + "copyToClipboard": "העתקה ללוח", + "copyLink": "העתקת קישור", + "save": "שמירה לקובץ הנוכחי", "saveAs": "שמירה בשם", - "load": "פתח", - "getShareableLink": "קבל קישור לשיתוף", - "close": "סגור", - "selectLanguage": "בחר שפה", - "scrollBackToContent": "גלול בחזרה לתוכן", - "zoomIn": "הגדל", - "zoomOut": "הקטן", - "resetZoom": "איפוס זום", + "load": "פתיחה", + "getShareableLink": "קבלת קישור לשיתוף", + "close": "סגירה", + "selectLanguage": "בחירת שפה", + "scrollBackToContent": "גלילה בחזרה לתוכן", + "zoomIn": "הגדלה", + "zoomOut": "הקטנה", + "resetZoom": "איפוס תקריב", "menu": "תפריט", "done": "בוצע", - "edit": "ערוך", - "undo": "בטל", - "redo": "בצע מחדש", - "resetLibrary": "איפוס ספריה", - "createNewRoom": "צור חדר חדש", + "edit": "עריכה", + "undo": "ביטול", + "redo": "ביצוע מחדש", + "resetLibrary": "איפוס ספרייה", + "createNewRoom": "יצירת חדר חדש", "fullScreen": "מסך מלא", "darkMode": "מצב כהה", "lightMode": "מצב בהיר", - "zenMode": "מצב זן", - "objectsSnapMode": "", - "exitZenMode": "צא ממצב זן", + "systemMode": "מצב מערכת", + "zenMode": "מצב ריכוז", + "objectsSnapMode": "הצמדה לעצמים", + "exitZenMode": "יציאה ממצב ריכוז", "cancel": "ביטול", + "saveLibNames": "", "clear": "ניקוי", - "remove": "הסר", - "embed": "", - "publishLibrary": "פרסום", + "remove": "הסרה", + "embed": "להציג את ההטמעה", + "publishLibrary": "", "submit": "שליחה", - "confirm": "אשר", - "embeddableInteractionButton": "" + "confirm": "אישור", + "embeddableInteractionButton": "לחיצה לתפעול" }, "alerts": { - "clearReset": "פעולה זו תנקה את כל הקנבס. אתה בטוח?", - "couldNotCreateShareableLink": "יצירת קישור לשיתוף נכשל.", - "couldNotCreateShareableLinkTooBig": "יצירת קישור לשיתוף נכשל: התצוגה גדולה מדי", + "clearReset": "פעולה זו תנקה את כל לוח הציור. להמשיך?", + "couldNotCreateShareableLink": "יצירת קישור לשיתוף נכשלה.", + "couldNotCreateShareableLinkTooBig": "יצירת קישור לשיתוף נכשלה: הסצנה גדולה מדי", "couldNotLoadInvalidFile": "טעינת קובץ לא תקין נכשלה", - "importBackendFailed": "ייבוא מהשרת נכשל.", - "cannotExportEmptyCanvas": "לא ניתן לייצא קנבאס ריק.", - "couldNotCopyToClipboard": "לא ניתן היה להעתיק ללוח.", - "decryptFailed": "פיענוח ההצפנה של המידע נכשל.", + "importBackendFailed": "ייבוא מהמנגנון נכשל.", + "cannotExportEmptyCanvas": "לא ניתן לייצא לוח ציור ריק.", + "couldNotCopyToClipboard": "לא ניתן להעתיק ללוח.", + "decryptFailed": "פענוח הצפנת הנתונים נכשל.", "uploadedSecurly": "ההעלאה אובטחה באמצעות הצפנה מקצה לקצה, פירוש הדבר שהשרת של Excalidraw וגורמי צד ג׳ לא יכולים לקרוא את התוכן.", "loadSceneOverridePrompt": "טעינה של ציור חיצוני תחליף את התוכן הקיים שלך. האם תרצה להמשיך?", "collabStopOverridePrompt": "עצירת השיתוף תוביל למחיקת הציור הקודם ששמור מקומית בדפדפן. האם אתה בטוח?\n\n(אם תרצה לשמור את הציור המקומי, סגור את הטאב של הדפדפן במקום.)", @@ -204,37 +260,39 @@ "resetLibrary": "פעולה זו תנקה את כל הספריה שלך. אתה בטוח?", "removeItemsFromsLibrary": "מחק {{count}} פריט(ים) מהספריה?", "invalidEncryptionKey": "מפתח ההצפנה חייב להיות בן 22 תוים. השיתוף החי מנוטרל.", - "collabOfflineWarning": "אין חיבור זמין לאינטרנט.\nהשינויים שלך לא ישמרו!" + "collabOfflineWarning": "אין חיבור זמין לאינטרנט.\nהשינויים שלך לא ישמרו!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "סוג הקובץ אינו נתמך.", "imageInsertError": "לא ניתן היה להוסיף את התמונה. אנא נסה שוב מאוחר יותר...", "fileTooBig": "הקובץ גדול מדי. הגודל המירבי המותר הינו {{maxSize}}.", "svgImageInsertError": "לא ניתן היה להוסיף את תמונת ה-SVG. הסימונים בתוך קובץ ה-SVG עשויים להיות שגויים.", - "failedToFetchImage": "", - "invalidSVGString": "SVG שגוי.", + "failedToFetchImage": "משיכת התמונה נכשלה.", "cannotResolveCollabServer": "לא הצלחתי להתחבר לשרת השיתוף. אנא רענן את הדף ונסה שוב.", "importLibraryError": "לא ניתן היה לטעון את הספריה", + "saveLibraryError": "שמירת הספריה בזיכרון לא הצליחה. יש לשמור את הספריה מקומית כקובץ כדי לוודא שהשינויים לא ילכו לאיבוד.", "collabSaveFailed": "לא הצלחתי להתחבר למסד הנתונים האחורי. אם הבעיה ממשיכה, כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.", "collabSaveFailed_sizeExceeded": "לא הצלחתי לשמור למסד הנתונים האחורי, נראה שהקנבס שלך גדול מדי. כדאי שתשמור את הקובץ מקומית כדי לוודא שלא תאבד את העבודה שלך.", - "imageToolNotSupported": "", + "imageToolNotSupported": "תמונות מושבתות.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "נראה שהנכם משתמשים בדפדפן Brave אשר מוגדרלמנוע באופן אגרסיבי חתימה אלקטרונית.", + "line2": "ההגדרה הזאת יכולה לשבור אתרכיבי הטקסט בעבודתך.", + "line3": "אנו ממליצים לבטל את ההגדרה הזו. תוכלו ללמוד כאן כיצד לעשות זאת.", + "line4": "אם ביטול ההגדרה אינו מתקן את הצגת רכיבי הטקסט אנא פתחו סוגיה בדף הגיטהאב או כתבו לנו בדיסקורד" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "אי אפשר להוסיף רכיבי הטמעה לספרייה.", + "iframe": "אי אפשר להוסיף רכיבי מסגרות שיבוץ (IFrame) לספרייה.", + "image": "תמיכה בהוספת תמונות לספרייה תושק בקרוב!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "לא ניתן להדביק (אי אפשר לקרוא מלוח המערכת).", + "asyncPasteFailedOnParse": "לא ניתן להדביק.", + "copyToSystemClipboardFailed": "לא ניתן להעתיק ללוח." }, "toolBar": { "selection": "בחירה", + "lasso": "", "image": "הוספת תמונה", "rectangle": "מלבן", "diamond": "יהלום", @@ -246,16 +304,32 @@ "library": "ספריה", "lock": "השאר את הכלי הנבחר פעיל גם לאחר סיום הציור", "penMode": "מצב עט - מנע נגיעה", - "link": "הוספה/עדכון קישור של הצורה שנבחרה", + "link": "הוספת / עדכון קישור לצורה מסוימת", "eraser": "מחק", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", + "frame": "כלי מסגרת", + "magicframe": "תרשים קווי מתאר לקוד", + "embeddable": "הטמעה באתר", + "laser": "סמן לייזר", "hand": "יד (כלי הזזה)", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "extraTools": "כלים נוספים", + "mermaidToExcalidraw": "Mermaid ל־Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "מלבן", + "diamond": "יהלום", + "ellipse": "אליפסה", + "arrow": "חץ", + "line": "קו", + "freedraw": "ציור חופשי", + "text": "טקסט", + "image": "תמונה", + "group": "קבוצה", + "frame": "מסגרת", + "magicframe": "מתרשים קווי מתאר לקוד", + "embeddable": "הטמעה באתר", + "selection": "בחירה", + "iframe": "IFrame" }, "headings": { "canvasActions": "פעולות קנבאס", @@ -263,28 +337,33 @@ "shapes": "צורות" }, "hints": { - "canvasPanning": "כדי להזיז את הקנבס, החזק את גלגל העכבר לחוץ או את מקש הרווח לחוץ תוך כדי גרירה, או השתמש בכלי היד", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "לחץ להתחלת מספר נקודות, גרור לקו יחיד", + "arrowTool": "", "freeDraw": "לחץ וגרור, שחרר כשסיימת", "text": "טיפ: אפשר להוסיף טקסט על ידי לחיצה כפולה בכל מקום עם כלי הבחירה", - "embeddable": "", - "text_selected": "לחץ לחיצה כפולה או הקש על אנטר לעריכת הטקסט", - "text_editing": "כדי לסיים את העריכה לחץ על מקש Escape או על Ctrl (Cmd במחשבי אפל) ומקש Enter", - "linearElementMulti": "הקלק על הנקודה האחרונה או הקש Escape או Enter לסיום", - "lockAngle": "ניתן להגביל את הזוויות על ידי החזקה של מקש ה- SHIFT", - "resize": "ניתן להגביל פרופורציות על ידי לחיצה על SHIFT תוך כדי שינוי גודל,\nהחזק ALT בשביל לשנות גודל ביחס למרכז", - "resizeImage": "אתה יכול לשנות את הגודל בחופשיות על ידי החזקת מקש SHIFT,\nהחזק את מקש ALT כדי לבצע שינוי גודל מהמרכז", - "rotate": "ניתן להגביל זוויות על ידי לחיצה על SHIFT תוך כדי סיבוב", - "lineEditor_info": "החזק Ctrl / Cmd ובצע לחיצה כפולה או לחץ Ctrl / Cmd + Enter לעריכת נקודות", - "lineEditor_pointSelected": "לחץ Delete למחיקת נקודה/ות,\nCtrl / Cmd + D לשכפול, או גרור להזזה", - "lineEditor_nothingSelected": "בחר נקודה כדי לערוך (החזק SHIFT לבחירת כמה),\nאו החזק Alt והקלק להוספת נקודות חדשות", - "placeImage": "הקלק להנחת התמונה, או הקלק וגרור להגדרת הגודל שלו ידנית", + "embeddable": "לחצו וגררו כדי ליצור הטמעת אתר", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "פרסם ספריה משלך", - "bindTextToElement": "הקש Enter כדי להוספת טקסט", - "deepBoxSelect": "החזק Ctrl / Cmd לבחירה עמוקה ולמניעת גרירה", - "eraserRevert": "החזק Alt להחזרת רכיבים מסומנים למחיקה", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "יכולות זה ניתנת להפעלה על ידי שינוי הדגל של \"dom.events.asyncClipboard.clipboardItem\" למצב \"true\". כדי לשנות את הדגל בדפדפן Firefox, בקר בעמוד ״about:config״.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "לא ניתן להראות תצוגה מקדימה", @@ -292,16 +371,19 @@ "canvasTooBigTip": "טיפ: נסה להזיז את הרכיבים הרחוקים ביותר מעט קרוב יותר האחד לשני." }, "errorSplash": { - "headingMain": "", + "headingMain": "התעוררה איזו שגיאה. נא לנסות .", "clearCanvasMessage": "אם טעינה מחדש לא עובדת, נסה ", "clearCanvasCaveat": " זה יגרום לאובדן העבודה ", - "trackedToSentry": "", - "openIssueMessage": "", + "trackedToSentry": "השגיאה עם המזהה {{eventId}} במעקב במערכת שלך.", + "openIssueMessage": "אנו נזהרים מאוד לא להכניס מידע על הסצנה שלך בתוך דיווח התקלה. אם הסצנה אינה פרטית, אנא שקלו לשלוח אותה ל. אנא הוסיפו בתחתית הבאג מידע על ידי העתקה והדבקה לתוך הסוגיה ב-GitHub.", "sceneContent": "תוכן הקנבאס:" }, + "shareDialog": { + "or": "או" + }, "roomDialog": { - "desc_intro": "אתה יכול להזמין אנשים לקנבאס הנוכחי שלך לעבודה משותפת.", - "desc_privacy": "אל דאגה, השיתוף מוצפן מקצה לקצה, כך שכל מה שתצייר ישאר פרטי. אפילו השרתים שלנו לא יוכלו לראות את מה שאתה ממציא.", + "desc_intro": "הזמנת משתתפים לעבודה משותפת.", + "desc_privacy": "אל דאגה, סשן העבודה מוצפן מקצה לקצה והוא פרטי לגמרי. אפילו השרתים שלנו לא יכולים לראות מה ציירתם.", "button_startSession": "התחל שיתוף", "button_stopSession": "הפסק שיתוף", "desc_inProgressIntro": "שיתוף חי פעיל כרגע.", @@ -328,14 +410,16 @@ "click": "קליק", "deepSelect": "בחירה עמוקה", "deepBoxSelect": "בחירה עמוקה בתוך קופסה ומניעת גרירה", + "createFlowchart": "יצירת תרשים זרימה מתוך רכיב רגיל", + "navigateFlowchart": "ניווט בתוך תרשים הזרימה", "curvedArrow": "חץ מעוגל", "curvedLine": "קו מעוגל", "documentation": "תיעוד", "doubleClick": "לחיצה כפולה", "drag": "גרור", "editor": "עורך", - "editLineArrowPoints": "", - "editText": "", + "editLineArrowPoints": "עריכת נקודות קו/חץ", + "editText": "עריכת טקסט / הוספת תווית", "github": "מצאת בעיה? דווח", "howto": "עקוב אחר המדריכים שלנו", "or": "או", @@ -350,7 +434,9 @@ "zoomToSelection": "התמקד בבחירה", "toggleElementLock": "נעילה/ביטול הנעילה של הרכיבים הנבחרים", "movePageUpDown": "זוז עמוד למעלה/למטה", - "movePageLeftRight": "זוז עמוד שמאלה/ימינה" + "movePageLeftRight": "זוז עמוד שמאלה/ימינה", + "cropStart": "חיתוך תמונה", + "cropFinish": "סיים לחתוך תמונה" }, "clearCanvasDialog": { "title": "ניקוי הקנבס" @@ -376,9 +462,9 @@ "required": "נדרש", "website": "הזינו כתובת URL תקינה" }, - "noteDescription": "", - "noteGuidelines": "", - "noteLicense": "", + "noteDescription": "שלח את הספריה שלך כך שתצורף למאגר הספריות הציבורי כך שאנשים נוספים יוכלו להשתמש בה בעבודות שלהם.", + "noteGuidelines": "תחילה הספריה נדרשת לעבור אישור ידני. אנא קראו את הנחיות לפני שאתם לוחצים על שליחה. יש צורך בחשבון GitHub כדי לתקשר ולבצע שינויים אם נדרש, אך אין זה הכרחי לשיתוף הספריה.", + "noteLicense": "על ידי לחיצה על שליחה את/ה מסכימ/ה שהספריה תפורסם תחת רישיון MIT, אשר, בקצרה, מאפשר לכל אחד להשתמש בספריה ללא הגבלה.", "noteItems": "לכל פריט בסיפריה חייב להיות שם כדי שאפשר יהיה לסנן. הפריטי סיפריה הבאים יהיו כלולים:", "atleastOneLibItem": "אנא בחר לפחות פריט אחד מספריה כדי להתחיל", "republishWarning": "הערה: חלק מהפריטים שבחרת מסומנים ככאלו שכבר פורסמו/נשלחו. אתה צריך לשלוח פריטים מחדש כאשר אתה מעדכן ספריה או הגשה קיימים." @@ -392,27 +478,27 @@ "removeItemsFromLib": "הסר את הפריטים הנבחרים מהספריה" }, "imageExportDialog": { - "header": "", + "header": "ייצוא תמונה", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", - "embedScene": "", - "scale": "", - "padding": "" + "withBackground": "רקע", + "onlySelected": "רק את מה שנבחר", + "darkMode": "מצב כהה", + "embedScene": "הטמעת סצנה", + "scale": "קנה מידה", + "padding": "ריפוד" }, "tooltip": { - "embedScene": "" + "embedScene": "הייצוא יבוצע לקובץ מסוג PNG/SVG כדי שהמידע על הסצנה ישמר בו וניתן יהיה לבצע שחזור ממנו.\nיגדיל את גודל הקובץ של הייצוא." }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "ייצוא ל־PNG", + "exportToSvg": "ייצוא ל־SVG", + "copyPngToClipboard": "העתקת PNG ללוח" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG", + "exportToSvg": "SVG", + "copyPngToClipboard": "העתקה ללוח" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "זווית", - "element": "רכיב", - "elements": "רכיבים", + "shapes": "צורות", "height": "גובה", "scene": "תצוגה", "selected": "נבחר", "storage": "אחסון", - "title": "סטטיסטיקות לחנונים", + "fullTitle": "הגדרות הקנבס והצורות", + "title": "מאפיינים", + "generalStats": "כללי", + "elementProperties": "מאפייני צורה", "total": "סה״כ", "version": "גרסה", "versionCopy": "לחץ להעתקה", @@ -439,30 +527,32 @@ "copyStyles": "סגנונות הועתקו.", "copyToClipboard": "הועתק ללוח.", "copyToClipboardAsPng": "{{exportSelection}} הועתקה ללוח כ-PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} הועתקה ללוח כ-SVG\n({{exportColorScheme}})", "fileSaved": "קובץ נשמר.", "fileSavedToFilename": "נשמר לקובץ {filename}", "canvas": "קנבאס", "selection": "בחירה", "pasteAsSingleElement": "השתמש ב- {{shortcut}} כדי להדביק כפריט יחיד,\nאו הדבק לתוך עורך טקסט קיים", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "הטמעת כתובת הרשת הזו אינה מותרת לעת עתה. העלו סוגיה ב-GitHub כדי לבקש שכתובת זו תכנס לרשימה המותרת", + "unrecognizedLinkFormat": "הקישור שהוטמע אינו בפורמט המצופה. אנא נסו להדביק מחדש את מחרוזת ההטמעה מהאתר המבוקש", + "elementLinkCopied": "קישור הועתק ללוח" }, "colors": { "transparent": "שקוף", - "black": "", - "white": "", - "red": "", - "pink": "", - "grape": "", - "violet": "", - "gray": "", - "blue": "", - "cyan": "", - "teal": "", - "green": "", - "yellow": "", - "orange": "", - "bronze": "" + "black": "שחור", + "white": "לבן", + "red": "אדום", + "pink": "ורוד", + "grape": "ענבים", + "violet": "סגול", + "gray": "אפור", + "blue": "כחול", + "cyan": "ציאן", + "teal": "ירוק-כחול", + "green": "ירוק", + "yellow": "צהוב", + "orange": "כתום", + "bronze": "ברונזה" }, "welcomeScreen": { "app": { @@ -478,48 +568,97 @@ } }, "colorPicker": { - "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", - "noShades": "" + "color": "", + "mostUsedCustomColors": "הצבעים המותאמים הכי נפוצים", + "colors": "צבעים", + "shades": "הצללות", + "hexCode": "קוד הקסדצימלי", + "noShades": "אין הצללות זמינות לצבע הזה" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "ייצוא כתמונה", + "button": "ייצוא כתמונה", + "description": "ייצוא נתוני הסצנה כתמונה אותה אפשר לייבא בהמשך." }, "saveToDisk": { - "title": "", - "button": "", - "description": "" + "title": "שמירה לכונן", + "button": "שמירה לכונן", + "description": "ייצוא נתוני הסצנה לקובץ אותו אפשר לייבא בהמשך." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+‎", + "button": "ייצוא ל־Excalidraw+‎", + "description": "שמירת הסצנה לסביבת העבודה שלך ב־+Excalidraw." } }, "modal": { "loadFromFile": { - "title": "", - "button": "", - "description": "" + "title": "טעינה מקובץ", + "button": "טעינה מקובץ", + "description": "טעינת הקובץ תחליף את התוכן הקיים.

אתם יכולים לגבות את העבודה שלכם תחילה בעזרת האפשרויות שלהלן." }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "טעינה מקישור", + "button": "החלפת התוכן שלי", + "description": "טעינת הקובץ תחליף את התוכן הקיים.

אתם יכולים לגבות את העבודה שלכם תחילה בעזרת האפשרויות שלהלן." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid ל־Excalidraw", + "button": "הוספה", + "description": "לעת עתה נתמכים רק תרשימי זרימה, תהליכים, ודיאגרמת מחלקה. שאר הסוגים ייוצרו כתמונות ב-Excalidraw.", + "syntax": "תחביר Mermaid", + "preview": "תצוגה מקדימה" + }, + "quickSearch": { + "placeholder": "חיפוש מהיר" + }, + "fontList": { + "badge": { + "old": "ישן" + }, + "sceneFonts": "בסצינה הנוכחית", + "availableFonts": "הפונטים הקיימים", + "empty": "לא נמצאו פונטים" + }, + "userList": { + "empty": "לא נמצאו משתמשים", + "hint": { + "text": "יש ללחוץ על משתמש כדי לעקוב", + "followStatus": "המשתמש ברשימת המעקב שלך", + "inCall": "המשתמש בשיחה קולית", + "micMuted": "המיקרופון של המשתמש מושתק", + "isSpeaking": "המשתמש מדבר" + } + }, + "commandPalette": { + "title": "לוח פקודות", + "shortcuts": { + "select": "בחירה", + "confirm": "אישור", + "close": "סגירה" + }, + "recents": "בשימוש לאחרונה", + "search": { + "placeholder": "תפריטי חיפוש, פקודות ואבני חן נעלמות", + "noMatch": "אין פקודות תואמות…" + }, + "itemNotAvailable": "הפקודה לא זמינה…", + "shortcutHint": "ללוח פקודות, יש להשתמש ב־{{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/hi-IN.json b/packages/excalidraw/locales/hi-IN.json index 4cac567aae..f2f79de38a 100644 --- a/packages/excalidraw/locales/hi-IN.json +++ b/packages/excalidraw/locales/hi-IN.json @@ -1,55 +1,65 @@ { "labels": { - "paste": "चिपकाएँ", + "paste": "पेस्ट", "pasteAsPlaintext": "सादे पाठ के रूप में चिपकाएं", "pasteCharts": "चार्ट चिपकाएँ", - "selectAll": "सभी चुनें", - "multiSelect": "आकार को चयन में जोड़ें", - "moveCanvas": "कैनवास को स्थानांतरित करें", + "selectAll": "सेलेक्ट ऑल", + "multiSelect": "अवयव को चयन में सम्मिलित करें", + "moveCanvas": "चित्रपटल को स्थानांतरित करें", "cut": "काटें", - "copy": "प्रतिलिपि", - "copyAsPng": "क्लिपबोर्ड पर कॉपी करें ,पीएनजी के रूप में", - "copyAsSvg": "क्लिपबोर्ड पर कॉपी करें,एसवीजी के रूप में", - "copyText": "लेखन के रूप में पटल पर कॉपी करें", - "copySource": "स्त्रोत को प्रति-फलक पे प्रतिलिपित करे.", + "copy": "प्रतिलिपि बनाएँ", + "copyAsPng": "क्लिपबोर्ड पर पीएनजी के रूप में प्रतिलिपि बनायें", + "copyAsSvg": "क्लिपबोर्ड पर एसवीजी के रूप में प्रतिलिपि बनायें", + "copyText": "पाठ के रूप में क्लिपबोर्ड पर प्रतिलिपि बनायें", + "copySource": "स्त्रोत रूप में क्लिपबोर्ड पर प्रतिलिपि बनाएँ", "convertToCode": "सांकेतिक लिपि में परिवर्तित करे", - "bringForward": "सामने लाएं", + "bringForward": "सबसे सामने लाएं", "sendToBack": "पीछे भेजें", - "bringToFront": "सामने लाएँ", - "sendBackward": "पीचे भीजे", - "delete": "मिटाए", - "copyStyles": "कॉपी स्टाइल", - "pasteStyles": "स्टाइल पेस्ट करें", + "bringToFront": "सामने लायें", + "sendBackward": "सबसे पीछे भेजे", + "delete": "हटायें", + "copyStyles": "अंदाज़ की प्रतिलिपि बनायें", + "pasteStyles": "अंदाज़ चिपकाये", "stroke": "रेखा", + "changeStroke": "कूँची का रंग बदले", "background": "पृष्ठभूमि", + "changeBackground": "पृष्ठभूमि का रंग बदले", "fill": "भरें", "strokeWidth": "रेखा की चौड़ाई", - "strokeStyle": "स्ट्रोक का आकार", + "strokeStyle": "स्ट्रोक का अंदाज़", "strokeStyle_solid": "ठोस", "strokeStyle_dashed": "डैश", "strokeStyle_dotted": "बिंदीदार", "sloppiness": "बेढ़ंगापन", "opacity": "अपारदर्शिता", - "textAlign": "टेक्स्ट संरेखन", - "edges": "किनारा", - "sharp": "नुकीला", - "round": "गोल", + "textAlign": "पाठ्य संरेखन", + "edges": "किनारे", + "sharp": "तीखा", + "round": "गोलाकार", "arrowheads": "तीर शीर्ष", "arrowhead_none": "कोई भी नहीं", "arrowhead_arrow": "तीर", - "arrowhead_bar": "बार", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_bar": "छड़", + "arrowhead_circle": "वृत्त", + "arrowhead_circle_outline": "वृत्त (बाह्यरेखा)", "arrowhead_triangle": "त्रिकोण", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", - "fontSize": "फ़ॉन्ट का आकार", - "fontFamily": "फ़ॉन्ट का परिवार", - "addWatermark": "ऐड \"मेड विथ एक्सकैलिडराव\"", - "handDrawn": "हाथ से बनाया हुआ", - "normal": "साधारण", - "code": "कोड", + "arrowhead_triangle_outline": "त्रिभुज (बाह्यरेखा)", + "arrowhead_diamond": "ईंट", + "arrowhead_diamond_outline": "ईंट (बाह्यरेखा)", + "arrowhead_crowfoot_many": "चिड़िया पैर (अनेक)", + "arrowhead_crowfoot_one": "चिड़िया पैर (एक)", + "arrowhead_crowfoot_one_or_many": "चिड़िया पैर (एक या अनेक)", + "more_options": "और विकल्प", + "arrowtypes": "तीर प्रकार", + "arrowtype_sharp": "तीक्ष्ण तीर", + "arrowtype_round": "गोलाकार तीर", + "arrowtype_elbowed": "कोहनी तीर", + "fontSize": "अक्षर का आकार", + "fontFamily": "अक्षर वर्ग", + "addWatermark": "\"एक्स काली ड्रॉ द्वारा बनाया हुवा\" जोड़े", + "handDrawn": "हस्त रेखित", + "normal": "सामान्य", + "code": "सांकेतिक लिपि", "small": "छोटा", "medium": "मध्यम", "large": "बड़ा", @@ -58,11 +68,11 @@ "hachure": "हैशूर", "zigzag": "तेढ़ी मेढ़ी", "crossHatch": "क्रॉस हैच", - "thin": "पतला", + "thin": "महीन", "bold": "मोटा", - "left": "बाएं", + "left": "बायें", "center": "मध्य", - "right": "दाएँ", + "right": "दायें", "extraBold": "बहुत मोटा", "architect": "वास्तुकार", "artist": "कलाकार", @@ -70,26 +80,28 @@ "fileTitle": "फ़ाइल का नाम", "colorPicker": "रंग चयन", "canvasColors": "कॅनवास पर प्रयोगित", - "canvasBackground": "कैनवास बैकग्राउंड", - "drawingCanvas": "कैनवास बना रहे हैं", + "canvasBackground": "चित्रपटल पृष्ठभूमि", + "drawingCanvas": "चित्रपटल", + "clearCanvas": "चित्रपलट स्वच्छ करे", "layers": "परतें", "actions": "कार्रवाई", "language": "भाषा", "liveCollaboration": "जीवंत सहयोग...", - "duplicateSelection": "डुप्लिकेट", + "duplicateSelection": "प्रतिरूप", "untitled": "अशीर्षित", "name": "नाम", "yourName": "आपका नाम", - "madeWithExcalidraw": "मेड विथ एक्सकैलिडराव", + "madeWithExcalidraw": "एक्स काली ड्रॉ द्वारा बनाया हुवा", "group": "समूह चयन", "ungroup": "समूह चयन असमूहीकृत करें", "collaborators": "सहयोगी", - "showGrid": "ग्रिड दिखाएं", - "addToLibrary": "लाइब्रेरी से जोड़ें", - "removeFromLibrary": "लाइब्रेरी से निकालें", - "libraryLoadingMessage": "लाइब्रेरी खुल रही है", - "libraries": "लाइब्रेरी ब्राउज़ करें", + "toggleGrid": "जाली दिखना टॉगल करें", + "addToLibrary": "लाइब्रेरी में सम्मिलित करें", + "removeFromLibrary": "समूहकोष से अलग करें", + "libraryLoadingMessage": "समूहकोष खुल रहा है", + "libraries": "समूह कोष पड़तालें", "loadingScene": "दृश्य खुल रहा है", + "loadScene": "फ़ाइल से दृश्य लायें", "align": "संरेखित करें", "alignTop": "ऊपर संरेखित करें", "alignBottom": "नीचे संरेखित करें", @@ -98,60 +110,102 @@ "centerVertically": "लंबवत केन्द्रित", "centerHorizontally": "क्षैतिज केन्द्रित", "distributeHorizontally": "क्षैतिज रूप से वितरित करें", - "distributeVertically": "खड़ी रूप से वितरित करें", + "distributeVertically": "लंबवत वितरित करें", "flipHorizontal": "दायें बायें पलटे", "flipVertical": "ऊपर नीचे पलटे", - "viewMode": "अलग अलग देखें", - "share": "शेयर करें", - "showStroke": "", - "showBackground": "पृष्ठभूमि रंग वरक़ दिखाये", - "toggleTheme": "", + "viewMode": "देखने के प्रकार", + "share": "साझा करें", + "showStroke": "कूँची रंग चयक दिखायें", + "showBackground": "पृष्ठभूमि रंग चयक दिखाये", + "showFonts": "लिपि चुनक दिखायें", + "toggleTheme": "अंधेरी/उजेलि संरचना पलटे", + "theme": "संरचना पद्धति", "personalLib": "वैयक्तिक समूहकोष", "excalidrawLib": "एक्सकेलीड्रॉ समूहकोष", - "decreaseFontSize": "आकार घटाइऐ", - "increaseFontSize": "फ़ॉन्ट आकार बढ़ाएँ", + "decreaseFontSize": "अक्षर आकार घटायें", + "increaseFontSize": "अक्षर आकार बढ़ायें", "unbindText": "लिपि को बंधमुक्त करें", - "bindText": "लेखन को कोश से जोड़े", - "createContainerFromText": "मूलपाठ कंटेनर में मोड के दिखाए", + "bindText": "पाठ्य को कोष से जोड़े", + "createContainerFromText": "पाठ्य कोष में मोड के दिखायें", "link": { "edit": "कड़ी संपादित करे", - "editEmbed": "", - "create": "", - "createEmbed": "", - "label": "", - "labelEmbed": "", - "empty": "" + "editEmbed": "अंतर्निहित-कड़ी संपादन", + "create": "कड़ी जोड़े", + "label": "कड़ी", + "labelEmbed": "कड़ी और जड़ना", + "empty": "कोई कड़ी नहीं हैं", + "hint": "अपनी कड़ी टाइप करे अथवा कड़ी चिपकाए", + "goToElement": "निर्धारित तत्व की तरफ जाए" }, "lineEditor": { "edit": "रेखा संपादित करे", - "exit": "रेखा संपादक के बाहर" + "editArrow": "तीर संपादन" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "ताले में रखें", - "unlock": "ताले से बाहर", + "unlock": "ताला खोलें", "lockAll": "सब ताले के अंदर रखे", "unlockAll": "सब ताले के बाहर निकाले" }, "statusPublished": "प्रकाशित", "sidebarLock": "साइडबार खुला रखे.", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "चौखट के सर्व अवयव चुने", + "removeAllElementsFromFrame": "चौखट से सर्व अवयव हटायें", "eyeDropper": "चित्रफलक से रंग चुने", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "पाठ से रेखाचित्र", + "prompt": "प्रश्न", + "followUs": "हमारा अनुकरण करें", + "discordChat": "डिस्कॉर्ड संवाद", + "zoomToFitViewport": "दृश्यचौखट में पूरी तरह से बैठने के लिए झूम करें.", + "zoomToFitSelection": "चयन पूरा दिखने इतना झूम करे", + "zoomToFit": "सभी तत्व दिखे इतना झूम करें", + "installPWA": "एक्सकाली ड्रॉ को स्थानीयरूप में इंस्टॉल करें (PWA)", + "autoResize": "स्वयं आकार पुनः निर्धारण", + "imageCropping": "प्रतिमा काटना", + "unCroppedDimension": "कटाई पूर्व आयाम", + "copyElementLink": "वस्तु की कड़ी कॉपी करें", + "linkToElement": "वस्तु की कड़ी", + "wrapSelectionInFrame": "चौकट में चुने हुवे को लपेटे", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "वस्तु की कड़ी", + "desc": "चित्र-पटल पर किसी आकार पर क्लिक करें अथवा कड़ी को चिपकाये", + "notFound": "चित्र-पटल पर कड़ी वाली वस्तु नहीं मिली" }, "library": { - "noItems": "अभी तक कोई आइटम जोडा नहीं गया.", - "hint_emptyLibrary": "यहाँ जोड़ने के लिए पटल से एक वस्तु चुने, अथवा जन कोष से एक संग्रह नीचे स्थापित करें.", - "hint_emptyPrivateLibrary": "यहाँ जोड़ने के लिए पटल से एक वस्तु चुने." + "noItems": "अभी तक कोई अवयव जोडा नहीं गया.", + "hint_emptyLibrary": "यहाँ जोड़ने के लिए चित्रपटल से एक अवयव चुने, अथवा जन कोष से एक संग्रह नीचे स्थापित करें.", + "hint_emptyPrivateLibrary": "यहाँ जोड़ने के लिए चित्रपटल से एक अवयव चुने.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "पटल पर धूंडे", + "noMatch": "कोई मिलता जुलता नहीं मिला", + "singleResult": "परिणाम", + "multipleResults": "परिणाम", + "placeholder": "पटल पर पाठ्य धूंडे", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "कैनवास रीसेट करें", - "exportJSON": "", + "clearReset": "चित्रपटल स्वच्छ करें", + "exportJSON": "फ़ाइल में निर्यात करें", "exportImage": "प्रतिमा निर्यात करे...", "export": "यंहा सुरक्षित करे...", "copyToClipboard": "क्लिपबोर्ड पर प्रतिलिपि बनाएँ", - "save": "", + "copyLink": "लिंक कॉपी करें", + "save": "वर्तमान फ़ाईल में सुरक्षित करें", "saveAs": "सेव करे इस तरह", "load": "खोलें", "getShareableLink": "साझा करने योग्य लिंक प्राप्त करें", @@ -160,74 +214,77 @@ "scrollBackToContent": "सामग्री पर वापस स्क्रॉल करें", "zoomIn": "बड़ा करें", "zoomOut": "छोटा करें", - "resetZoom": "ज़ूम रीसेट करें", - "menu": "मेन्यू", + "resetZoom": "बड़ा छोटा करना पहले जैसा करें", + "menu": "चयन सूची", "done": "समाप्त", - "edit": "संशोधन करें", + "edit": "संपादित करें", "undo": "पूर्ववत् करें", "redo": "फिर से करें", - "resetLibrary": "", + "resetLibrary": "संग्रह को पुनः स्थापित करें", "createNewRoom": "एक नया कमरा बनाएं", - "fullScreen": "पूरी स्क्रीन", - "darkMode": "डार्क मोड", - "lightMode": "लाइट मोड", - "zenMode": "ज़ेन मोड", + "fullScreen": "पूर्ण दृश्यपटल", + "darkMode": "कम प्रकाश प्रणाली", + "lightMode": "अधिक प्रकाश प्रणाली", + "systemMode": "तांत्रिक प्रणाली", + "zenMode": "एकाग्र प्रणाली", "objectsSnapMode": "वस्तुओं से पकड़े", - "exitZenMode": "जेन मोड से बाहर निकलें", - "cancel": "", + "exitZenMode": "एकाग्र स्थिति से बाहर निकलें", + "cancel": "रद्द करें", + "saveLibNames": "", "clear": "साफ़ करे", "remove": "हटाएं", - "embed": "", - "publishLibrary": "प्रकाशित करें", + "embed": "जड़ना पलटें", + "publishLibrary": "", "submit": "प्रस्तुत करे", "confirm": "पुष्टि करें", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "संवाद स्थापना के लिए क्लिक करें" }, "alerts": { - "clearReset": "इससे पूरा कैनवास साफ हो जाएगा। क्या आपको यकीन है?", + "clearReset": "इससे पूरा चित्रपटल साफ हो जाएगा। क्या आप निश्चित है?", "couldNotCreateShareableLink": "साझा करने योग्य लिंक नहीं बनाया जा सका।", - "couldNotCreateShareableLinkTooBig": "लिंक शेयर नहीं कर सकता: दृश्य बहुत बड़ा", + "couldNotCreateShareableLinkTooBig": "कड़ी साझा नहीं की जा सकती कारण: दृश्य बहुत बड़ा हैं", "couldNotLoadInvalidFile": "अमान्य फ़ाइल लोड नहीं की जा सकी", "importBackendFailed": "बैकएंड से आयात करना विफल रहा।", - "cannotExportEmptyCanvas": "खाली कैनवास निर्यात नहीं कर सकता।", + "cannotExportEmptyCanvas": "खाली चित्रपटल निर्यात नहीं कर सकते", "couldNotCopyToClipboard": "क्लिपबोर्ड पर कॉपी नहीं किया जा सका", - "decryptFailed": "डेटा को डिक्रिप्ट नहीं किया जा सका।", - "uploadedSecurly": "अपलोड को एंड-टू-एंड एन्क्रिप्शन के साथ सुरक्षित किया गया है, जिसका मतलब है कि एक्सक्लूसिव सर्वर और थर्ड पार्टी कंटेंट नहीं पढ़ सकते हैं।", - "loadSceneOverridePrompt": "लोड हो रहा है बाहरी ड्राइंग आपके मौजूदा सामग्री को बदल देगा। क्या आप जारी रखना चाहते हैं?", - "collabStopOverridePrompt": "चालू सत्र समाप्ति से आपका संग्रहित पूर्व स्थानीय अधिलेखन नष्ट होकर पुनः अधिलेखित होगा, क्या आपको यक़ीन हैं? ( यदी आपको पूर्व स्थापित अधिलेखन सुरक्षित चाहिये तो बस ब्राउज़र टैब बंद करे)", + "decryptFailed": "डेटा को विसंकेतन नहीं किया जा सका।", + "uploadedSecurly": "अपलोड को आद्यंत एन्क्रिप्शन के साथ सुरक्षित किया गया है, जिसका मतलब है कि एक्सकालीड्रॉ सर्वर और अन्य पक्ष आपका पाठ्य नहीं पढ़ सकते हैं।", + "loadSceneOverridePrompt": "बाहरी रेखाचित्र आयत करने से वह आपके मौजूदा सामग्री को बदल/हटा देगा। क्या आप इसे होने देना चाहते हैं?", + "collabStopOverridePrompt": "चालू सत्र के समाप्ति से आपका संग्रहित पूर्व स्थानीय अधिलेखन नष्ट होकर पुनः अधिलेखित होगा, क्या आपको यक़ीन हैं? ( यदी आपको पूर्व स्थापित अधिलेखन सुरक्षित चाहिये तो बस ब्राउज़र टैब बंद करे)", "errorAddingToLibrary": "संग्रह में जोडा न जा सका", "errorRemovingFromLibrary": "संग्रह से हटाया नहीं जा सका", - "confirmAddLibrary": "लाइब्रेरी जोड़ें पुष्‍टि करें आकार संख्या", - "imageDoesNotContainScene": "ऐसा लगता है कि इस छवि में कोई दृश्य डेटा नहीं है। क्या आपने निर्यात के दौरान दृश्य एम्बेडिंग अनुमतित की है?", - "cannotRestoreFromImage": "छवि फ़ाइल बहाल दृश्य नहीं है", - "invalidSceneUrl": "दिये गये युआरेल से दृश्य आयात नहीं किया जा सका. यह या तो अनुचित है, या इसमें उचित Excalidraw JSON डेटा नहीं है।", - "resetLibrary": "यह पूरा संग्रह रिक्त करेगा. क्या आपको यक़ीन हैं?", + "confirmAddLibrary": "{{numShapes}} आकार आपके संग्रह में जुड़ेंगे, क्या उसे होने देना चाहते हों?", + "imageDoesNotContainScene": "ऐसा लगता है कि इस छवि में कोई दृश्य डेटा नहीं है। क्या आपने निर्यात के दौरान दृश्य जड़ने की अनुमति दी है?", + "cannotRestoreFromImage": "प्रतिमा फ़ाइल से दृश्य पुनःस्थापित न हो सका", + "invalidSceneUrl": "दिये गये यु-आर-एल से दृश्य आयात नहीं किया जा सका. यह यू-आर-एल या तो अयोग्य है, या इसमें उचित एक्स-काली-ड्रॉ JSON डेटा नहीं है।", + "resetLibrary": "यह पूरा संग्रह रिक्त करेगा. क्या आप इसे होने देना चहाते हों?", "removeItemsFromsLibrary": "{{count}} वस्तु(यें) संग्रह से हटायें?", "invalidEncryptionKey": "कूटलेखन कुंजी 22 अक्षरों की होनी चाहिये, इसलिये जीवंत सहयोग अक्षम हैं", - "collabOfflineWarning": "कोई इंटरनेट कनेक्शन उपलब्ध नहीं है।\nआपके बदलाव सहेजे नहीं जाएंगे!" + "collabOfflineWarning": "कोई इंटरनेट कनेक्शन उपलब्ध नहीं है।\nआपके बदलाव सहेजे नहीं जाएंगे!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "असमर्थित फाइल प्रकार", - "imageInsertError": "छवि सम्मिलित नहीं की जा सकी. पुनः प्रयत्न करे...", + "imageInsertError": "प्रतिमा सन्निवेश नहीं की जा सकी. पुनः प्रयत्न करे...", "fileTooBig": "फ़ाइल ज़रूरत से ज़्यादा बड़ी हैं. अधिकतम अनुमित परिमाण {{maxSize}} हैं", - "svgImageInsertError": "एसवीजी छवि सम्मिलित नहीं कर सके, एसवीजी रचना अनुचित हैं", - "failedToFetchImage": "", - "invalidSVGString": "अनुचित SVG", + "svgImageInsertError": "एसवीजी प्रतिमा सम्मिलित नहीं कर सके, एसवीजी संरचना लगता है कि अयोग्य हैं.", + "failedToFetchImage": "प्रतिमा लाने में विफल.", "cannotResolveCollabServer": "कॉलेब सर्वर से कनेक्शन नहीं हो पा रहा. कृपया पृष्ठ को पुनः लाने का प्रयास करे.", "importLibraryError": "संग्रह प्रतिष्ठापित नहीं किया जा सका", - "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सहेजा नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।", + "saveLibraryError": "संग्रह सुरक्षित नहीं किया जा सका. कृपया अपने संग्रह को एक स्थानीय फ़ाइल में सुरक्षित करें जिससे आपके परिवर्तनों सुरक्षित रहेंगे.", + "collabSaveFailed": "किसी कारण वश अंदरूनी डेटाबेस में सुरक्षित नहीं जा सका। यदि समस्या बनी रहती है, तो किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सुरक्षित करें.", "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।", - "imageToolNotSupported": "प्रतिमायें अक्षम की गयी हैं", + "imageToolNotSupported": "प्रतिमायें निर्योग्य की गयी हैं", "brave_measure_text_error": { - "line1": "लगता है कि आप Brave ब्राउज़र का उपयोग कर रहे और साथ में आक्रामक उँगलियो के छाप का चयन किया हुवा है", - "line2": "यह आपके चित्रों के पाठ तत्वोंको खंडित कर सकता हैं", - "line3": "हमें आपसे ठोस आग्रह है की आप सेट्टिंग में इस विकल्प का चयन ना करे. इस अनुक्रम का पालन करके इसका पता लगा सकते हैं", + "line1": "लगता है कि आप Brave ब्राउज़र का उपयोग कर रहे और साथ में आक्रामक उँगलियो के छाप निरोधन का चयन किया हुवा है", + "line2": "यह आपके चित्रों के पाठ अवयवोंको खंडित कर सकता हैं", + "line3": "हमें आपसे ठोस आग्रह है की आप सेट्टिंग में इस विकल्प का चयन ना करे. इस अनुक्रम का पालन करके ये कैसे करे, इसका पता लगा सकते हैं", "line4": "यदि इस सेटिंग्स को अक्षम करने पर भी पृष्ठ ठीक नहीं दिखता हो तो, हमारे GitHub पर एक मुद्दा प्रस्तुत करे, या हमें डिस्कोर्ड पर लिखित सम्पर्क करें" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "आयफ़्रेम तत्व समूहकोष में जोडा नहीं जा सका.", - "image": "" + "embeddable": "जड़ने लायक़ अवयवों को समूहकोष में जोडा नहीं जा सका.", + "iframe": "आइफ़्रेम के अवयवों को समूहकोष में जोडा नहीं जा सका.", + "image": "प्रतिमायें समूह कोष में जोड़ना शीघ्र ही संभव होगा!" }, "asyncPasteFailedOnRead": "चिपकाया नहीं जा सका (सिस्टम क्लिपबोर्ड से पढ़ा नहीं जा सका).", "asyncPasteFailedOnParse": "चिपकाया नहीं जा सका.", @@ -235,27 +292,44 @@ }, "toolBar": { "selection": "चयन", - "image": "छवि सम्मिलित करें", + "lasso": "", + "image": "प्रतिमा सम्मिलित करें", "rectangle": "आयात", - "diamond": "तिर्यग्वर्ग", + "diamond": "ईंट", "ellipse": "दीर्घवृत्त", "arrow": "तीर", "line": "रेखा", "freedraw": "चित्रांतित करे", "text": "पाठ", - "library": "लाइब्रेरी", - "lock": "ड्राइंग के बाद चयनित टूल को सक्रिय रखें", - "penMode": "पेन का मोड - स्पर्श टाले", - "link": "", + "library": "संग्रह", + "lock": "ड्राइंग के बाद चयनित उपकरण को सक्रिय रखें", + "penMode": "पेन का अंदाज़ - स्पर्श टाले", + "link": "चयनित आकृति की कड़ी जोड़े/अद्यतन करें", "eraser": "रबड़", - "frame": "", + "frame": "चौखट उपकरण", "magicframe": "तारिक ढाँचें को सांकेतिक लिपि में", - "embeddable": "", + "embeddable": "वेब जड़ायें", "laser": "लेसर टॉर्च", - "hand": "हाथ ( खिसकाने का औज़ार)", - "extraTools": "", + "hand": "हाथ ( खिसका के देखने का औज़ार)", + "extraTools": "अधिक उपकरण", "mermaidToExcalidraw": "मर्मेड से एक्सकाली में", - "magicSettings": "कृतिम बुद्धिमत्ता सेटिंग्स" + "convertElementType": "" + }, + "element": { + "rectangle": "आयत", + "diamond": "ईंट", + "ellipse": "दीर्घवृत्त", + "arrow": "तीर", + "line": "रेखा", + "freedraw": "मुक्त चित्रांकन", + "text": "पाठ", + "image": "छवि", + "group": "समूह", + "frame": "ढांचा", + "magicframe": "तारिक ढाँचें को सांकेतिक लिपि में", + "embeddable": "वेब जडें", + "selection": "चयन", + "iframe": "आईफ्रेम" }, "headings": { "canvasActions": "कैनवास क्रिया", @@ -263,75 +337,85 @@ "shapes": "आकृतियाँ" }, "hints": { - "canvasPanning": "कैनवास को सरकाने के लिए, ड्रैग करते समय माउस व्हील को पकड़े रखे या स्पेसबार को दबाए रखे, अथवा हाथ वाले औज़ार का उपयोग करें", - "linearElement": "कई बिंदुओं को शुरू करने के लिए क्लिक करें, सिंगल लाइन के लिए खींचें", - "freeDraw": "क्लिक करें और खींचें। समाप्त करने के लिए, छोड़ो", - "text": "आप चयन टूल से कहीं भी डबल-क्लिक करके टेक्स्ट जोड़ सकते हैं", - "embeddable": "", + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "कई बिंदुओं को शुरू करने के लिए क्लिक करें, एकमात्र रेखा के लिए खींचें", + "arrowTool": "", + "freeDraw": "क्लिक करें और खींचें। समाप्त करने के लिए, छोडे", + "text": "आप चयन उपकरण से कहीं भी डबल-क्लिक करके पाठ्य को जोड़ सकते हों", + "embeddable": "वेबसाइट बनाकर जड़ने के लिए क्लिक-ड़्रैग करें", "text_selected": "", "text_editing": "", - "linearElementMulti": "अंतिम बिंदु पर क्लिक करें या समाप्त होने के लिए एस्केप या एंटर दबाएं", - "lockAngle": "आप घूर्णन करते समय SHIFT पकड़कर कोणों को मोड़ सकते हैं", - "resize": "आकार बदलते समय आप SHIFT को पकड़ कर अनुपात में कमी कर सकते हैं,\nकेंद्र से आकार बदलने के लिए ALT दबाए रखें", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", "resizeImage": "", - "rotate": "आप घूर्णन करते समय SHIFT पकड़कर कोणों को विवश कर सकते हैं", - "lineEditor_info": "बिंदुओं को सम्पादित करने के लिए CtrlOrCmd को दबायें रखते हुये डबल क्लिक करे, अथवा CtrlOrCmd + Enter साथ दबाये", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", - "publishLibrary": "", + "publishLibrary": "आपका अपना समूहकोष प्रकाशित करे", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", - "eraserRevert": "मिटाने के लिए चुने हुए चीजों को ना चुनने के लिए Alt साथ में दबाए", + "eraserRevert": "", "firefox_clipboard_write": "\"dom.events.asyncClipboard.clipboardItem\" फ़्लैग को \"true\" पर सेट करके इस सुविधा को संभवतः सक्षम किया जा सकता है। Firefox में ब्राउज़र फ़्लैग बदलने के लिए, \"about:config\" पृष्ठ पर जाएँ।", - "disableSnapping": "स्नैपिंग को निष्क्रिय करने के लिए CtrlOrCmd दबाए रखें" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "पूर्वावलोकन नहीं दिखा सकते हैं", - "canvasTooBig": "कैनवास बहुत बड़ा", - "canvasTooBigTip": "कैनवास बहुत बड़ा टिप" + "canvasTooBig": "चित्रपटल शायद बहुत बड़ा हो सकता हैं", + "canvasTooBigTip": "सुझाव: सबसे दूर वाले अवयवों को थोड़ा आपस में पास-पास लायें." }, "errorSplash": { - "headingMain": "एक त्रुटि का सामना करना पड़ा। प्रयत्न ", - "clearCanvasMessage": "यदि पुनः लोड करना काम नहीं करता है, तो प्रयास करें ", - "clearCanvasCaveat": " इससे काम का नुकसान होगा ", - "trackedToSentry": "पहचानकर्ता के साथ त्रुटि {{eventId}} हमारे सिस्टम पर नज़र रखी गई थी।", - "openIssueMessage": "हम बहुत सतर्क थे कि त्रुटि पर आपकी दृश्य जानकारी शामिल न करें। यदि आपका दृश्य निजी नहीं है, तो कृपया हमारे बारे में विचार करें कृपया GitHub मुद्दे को कॉपी और पेस्ट करके नीचे दी गई जानकारी शामिल करें।", + "headingMain": "एक त्रुटि का सामना करना पड़ा। पृष्ठ को पुनः लोड करने का प्रयत्न करें.", + "clearCanvasMessage": "यदि पुनः लोड करना काम नहीं करता है, करने का प्रयास करें.", + "clearCanvasCaveat": " इससे किए हुये कार्य का नुकसान होगा ", + "trackedToSentry": "पहचानकर्ता के साथ त्रुटि {{eventId}} पर हमारे सिस्टम ने नज़र रखी हुये थी।", + "openIssueMessage": "हम बहुत सतर्क थे कि त्रुटि विवरण में आपके दृश्य कीजानकारी शामिल न हों। यदि आपका दृश्य निजी नहीं है, तो कृपया हमसे पर सम्पर्क बनाए रख़े. कृपया GitHub मुद्दे में, नीचे दी गई जानकारी कॉपी और पेस्ट करके शामिल करें।", "sceneContent": "दृश्य सामग्री:" }, + "shareDialog": { + "or": "या" + }, "roomDialog": { - "desc_intro": "आप अपने वर्तमान दृश्य के लोगों को अपने साथ सहयोग करने के लिए आमंत्रित कर सकते हैं।", - "desc_privacy": "चिंता न करें, सत्र अंत-से-अंत एन्क्रिप्शन का उपयोग करता है, इसलिए आप जो भी ड्रा करेंगे वह निजी रहेगा। यहां तक कि हमारा सर्वर भी नहीं देख पाएगा कि आप क्या कर रहे हैं।", + "desc_intro": "अपनी चित्रकला पर सहयोग करने के लिए लोगों को आमंत्रित करें।", + "desc_privacy": "चिंता न करें, सत्र शुरू से अंत तक कूट रूप में है, और पूरी तरह से निजी है। यहां तक ​​कि हमारा परिसेवक भी यह नहीं देख सकता कि आप क्या बनाते हैं।", "button_startSession": "सत्र प्रारंभ करें", - "button_stopSession": "सत्र रुकें", - "desc_inProgressIntro": "लाइव सहयोग सत्र अब जारी है।", + "button_stopSession": "सत्र समाप्त करें", + "desc_inProgressIntro": "जीवंत सहयोग सत्र अब जारी है।", "desc_shareLink": "इस लिंक को आप जिस किसी के साथ भी सहयोग करना चाहते हैं, उसके साथ साझा करें", - "desc_exitSession": "सत्र रोकना आपको रूम से बाहर कर देगा, लेकिन आप स्थानीय स्तर पर दृश्य के साथ काम करना जारी रख पाएंगे। ध्यान दें कि यह अन्य लोगों को प्रभावित नहीं करेगा, और वे अभी भी अपने संस्करण पर सहयोग करने में सक्षम होंगे।", - "shareTitle": "" + "desc_exitSession": "सत्र रोकना आपको रूम से बाहर कर देगा, किंतु आप स्थानीय स्तर पर दृश्य के साथ काम करना जारी रख सकते हो। ध्यान दें कि यह अन्य लोगों को प्रभावित नहीं करेगा, और वे अभी भी अपने संस्करण पर सहयोग करने में सक्षम होंगे।", + "shareTitle": "जीवंत सहयोग सत्र में जुड़े" }, "errorDialog": { - "title": "गलती" + "title": "त्रुटि" }, "exportDialog": { - "disk_title": "", - "disk_details": "", - "disk_button": "", - "link_title": "", - "link_details": "", - "link_button": "", - "excalidrawplus_description": "", - "excalidrawplus_button": "", - "excalidrawplus_exportError": "" + "disk_title": "डिस्क पर सुरक्षित करे", + "disk_details": "दृश्य डेटा एक फ़ाइल में निर्यात करे, जहांसे आप उसे पुनः आयात कर सके", + "disk_button": "फ़ाइल में सुरक्षित करें", + "link_title": "साझा करने योग्य कड़ी", + "link_details": "केवल पढ़ी जा सके ऐसी कड़ी में निर्यात करें", + "link_button": "कड़ी स्वरूप में निर्यात करे", + "excalidrawplus_description": "दृश्य को एक्सकालीड्रॉप्लस कार्यस्थल में सुरक्षित रखें", + "excalidrawplus_button": "निर्यात", + "excalidrawplus_exportError": "इस वक्त एक्सकालीड्रॉप्लस में निर्यात नहीं किया जा सका..." }, "helpDialog": { "blog": "हमारा ब्लॉग पढे", "click": "क्लिक करें", - "deepSelect": "", - "deepBoxSelect": "", + "deepSelect": "गहरा चयन", + "deepBoxSelect": "बक्से के अंदर गहरा चयन करे और घसीटने की रोकथाम करे", + "createFlowchart": "सामान्य अवयव से फ़्लोचार्ट बनायें", + "navigateFlowchart": "फ़्लोचार्ट का अनुपालन करें", "curvedArrow": "वक्र तीर", "curvedLine": "वक्र रेखा", - "documentation": "", - "doubleClick": "", + "documentation": "प्रलेखिकरण", + "doubleClick": "डबल-क्लिक", "drag": "खींचें", "editor": "संपादक", "editLineArrowPoints": "रेखा/तीर बिंदु सम्पादित करे", @@ -340,115 +424,121 @@ "howto": "हमारे गाइड का पालन करें", "or": "या", "preventBinding": "तीर बंधन रोकें", - "tools": "औज़ार", + "tools": "उपकरण", "shortcuts": "कीबोर्ड के शॉर्टकट्स", - "textFinish": "", - "textNewLine": "", + "textFinish": "संपादन पूर्ण करे (पाठ संपादक)", + "textNewLine": "नई पंक्ति जोड़ें (पाठ संपादक)", "title": "मदद", "view": "दृश्य", - "zoomToFit": "सभी तत्वों को फिट करने के लिए ज़ूम करें", + "zoomToFit": "सभी अवयाओं को फिट करने के लिए ज़ूम करें", "zoomToSelection": "चयन तक ज़ूम करे", "toggleElementLock": "ताले के अंदर/बाहर चुनाव", "movePageUpDown": "पृष्ठ ऊपर/नीचे करे", - "movePageLeftRight": "पृष्ठ बायी/दायी तरफ करे" + "movePageLeftRight": "पृष्ठ बायी/दायी तरफ करे", + "cropStart": "प्रतिमा काटें", + "cropFinish": "प्रतिमा काटना समाप्त करें" }, "clearCanvasDialog": { - "title": "" + "title": "चित्रपलट स्वच्छ करे" }, "publishDialog": { - "title": "", - "itemName": "", - "authorName": "", - "githubUsername": "", - "twitterUsername": "", - "libraryName": "", - "libraryDesc": "", - "website": "", + "title": "समूह कोष प्रकाशित करे", + "itemName": "वस्तु का नाम", + "authorName": "लेखक का नाम", + "githubUsername": "ग़िटहब उपयोक्ता का नाम", + "twitterUsername": "ट्विटर उपयोक्ता का नाम", + "libraryName": "समूहकोष का नाम", + "libraryDesc": "समूहकोष विवरण", + "website": "वेबसाइट", "placeholder": { - "authorName": "", - "libraryName": "", - "libraryDesc": "", - "githubHandle": "", - "twitterHandle": "", - "website": "" + "authorName": "आपका नाम अथवा उपयोक्तानाम", + "libraryName": "आपके समूहकोष का नाम", + "libraryDesc": "आपके समूह कोष का विवरण, जिससे अन्य उपयोक्ता उसका उपयोग समझ सके", + "githubHandle": "ग़िट हब हैंडल (वैकल्पिल), जिससे आप समूह कोष को उसके एक बार समीक्षा के लिये प्रस्तुत करने के उपरांत संपादित कर सके.", + "twitterHandle": "ट्विटर उपयोक्ता का नाम ( ऐच्छिक), जिससे हम ट्विटर पर प्रवर्तन करते समय उचित उपयोक्ता को श्रेय दे सके", + "website": "आपकी व्येयक्तिक वेब साइट या अन्य साइट की कड़ी ( ऐच्छिक)" }, "errors": { - "required": "", - "website": "मान्य URL प्रविष्ट करें" + "required": "आवश्यक", + "website": "मान्य URL दर्ज करें" }, - "noteDescription": "संग्रह सम्मिलित करने हेतु प्रस्तुत करें सार्वजनिक संग्रहालयअन्य वक्तियों को उनके चित्रकारी में उपयोग के लिये", - "noteGuidelines": "संग्रह को पहले स्वीकृति आवश्यक कृपया यह पढ़ें दिशा-निर्देश", - "noteLicense": "जमा करके, आप सहमत हैं कि संग्रहण को MIT लाइसेंस के तहत प्रकाशित किया जाएगा, जिसका संक्षिप्त अर्थ है कि कोई भी बिना किसी प्रतिबंध के उनका उपयोग कर सकता है।", - "noteItems": "", - "atleastOneLibItem": "", - "republishWarning": "टिप्पणी: कुछ चुने हुवे आइटम पहले ही प्रकाशित/प्रस्तुत किए जा चुके हैं। किसी प्रकाशित संग्रह को अद्यतन करते समय या पहले से प्रस्तुत आइटम को पुन्हा प्रस्तुत करते समय, आप बस उसे केवल अद्यतन करें ।" + "noteDescription": "अन्य वक्तियों को उनके चित्रकारी में उपयोग के लिये आपका संग्रह सार्वजनिक समग्रहालय में सम्मिलित करने हेतु प्रस्तुत करें.", + "noteGuidelines": "संग्रह को पहले स्वीकृति मिलना आवश्यक कृपया हैं. दिए हुवे दिशा-निर्देश पढ़े. संचार और बदलने के लिए आपके पास एक ग़िट हब खाता होना चाहिए है. परंतु, यह अति आवश्यक नाही हैं.", + "noteLicense": "जमा करके, आप मानते है कि आप सहमत हैं कि संग्रहण को MIT लाइसेंस के तहत प्रकाशित किया जाएगा, जिसका संक्षिप्त अर्थ है कि कोई भी बिना किसी प्रतिबंध के उनका उपयोग कर सकता है।", + "noteItems": "प्रत्तेक समूह कोष अवयव का उसका नाम होना आवश्यक हैं, जिसे उसे छान कर तलाशा जा सकें", + "atleastOneLibItem": "प्रारम्भ करने के लिये समूह कोष से कम से कम एक अवयव चुने", + "republishWarning": "टिप्पणी: कुछ चुने हुवे आइटम पहले ही प्रकाशित/प्रस्तुत किए जा चुके हैं। किसी प्रकाशित संग्रह को अद्यतन करते समय या पहले से प्रस्तुत अवयवों को पुन्हा प्रस्तुत करते समय, आप बस उसे केवल अद्यतन करें ।" }, "publishSuccessDialog": { - "title": "", + "title": "समूह कोष प्रस्तुत करें", "content": "{{authorName}} धन्यवाद. आपका संग्रहण समीक्षा के लिए दर्ज हो चुका है. समीक्षा स्थिति यहाँजान सकते हैं." }, "confirmDialog": { - "resetLibrary": "", - "removeItemsFromLib": "" + "resetLibrary": "संग्रह को पुनः स्थापित करें", + "removeItemsFromLib": "चयनित अवयव समूह कोष से अलग करें" }, "imageExportDialog": { - "header": "", + "header": "प्रतिमा निर्यात करे", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", - "embedScene": "", - "scale": "", - "padding": "" + "withBackground": "पृष्ठभूमि", + "onlySelected": "केवल चयनित", + "darkMode": "कम प्रकाश प्रणाली", + "embedScene": "दृश्य जड़े", + "scale": "परिमाप", + "padding": "भराई" }, "tooltip": { - "embedScene": "" + "embedScene": "दृश्य डेटा निर्यतित पी-एन-जी/ एस-वी-जी फ़ाइल में सुरक्षित किया जाएगा, जिससे दृश्य को पुनःस्थापित किया जा सकता है. यह निर्यतित फ़ाइल का आकार बढ़ा देगा." }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "पी-एन-जी के स्वरूप में निर्यात करे", + "exportToSvg": "एस-वी0जी के स्वरूप में निर्यात करे", + "copyPngToClipboard": "पी-एन-जी के स्वरूप में क्लिपबोर्ड पर प्रतिरूपित करें" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "पी-एन-जी", + "exportToSvg": "एस-वी-जी", + "copyPngToClipboard": "क्लिपबोर्ड पर प्रतिलिपि बनाएँ" } }, "encrypted": { "tooltip": "आपके चित्र अंत-से-अंत एन्क्रिप्टेड हैं, इसलिए एक्सक्लूसिव्रॉव के सर्वर उन्हें कभी नहीं देखेंगे।", - "link": "" + "link": "एक्सकाली मैं ब्लॉग पोस्ट आद्यंत गोपित" }, "stats": { "angle": "कोण", - "element": "एलिमेंट", - "elements": "एलिमेंट", + "shapes": "आकृतियाँ", "height": "ऊंचाई", "scene": "दृश्य", "selected": "चयनित", "storage": "संग्रह", - "title": "बेवकूफ के लिए आँकड़े", + "fullTitle": "पटल और आकार के गुण", + "title": "गुण", + "generalStats": "साधारणत:", + "elementProperties": "आकृति के गुण", "total": "कुल", "version": "संस्करण", - "versionCopy": "काॅपी करने के लिए क्लिक करें", + "versionCopy": "प्रतिलिपि के लिए क्लिक करें", "versionNotAvailable": "संस्करण उपलब्ध नहीं है", "width": "चौड़ाई" }, "toast": { - "addedToLibrary": "", - "copyStyles": "काॅपी कीए स्टाइल", - "copyToClipboard": "क्लिपबोर्ड में कॉपी कीए", - "copyToClipboardAsPng": "", - "fileSaved": "", - "fileSavedToFilename": "", - "canvas": "", - "selection": "", + "addedToLibrary": "समूहकोष में जोडा गया", + "copyStyles": "प्रतिलिपित शैली", + "copyToClipboard": "क्लिपबोर्ड में प्रतिलिपित", + "copyToClipboardAsPng": "{{exportSelection}} को क्लिपबोर्ड पर पी-एन-जी( {{exportColorScheme}}) पर प्रतिरूपित किया गया", + "copyToClipboardAsSvg": "{{exportSelection}} को क्लिपबोर्ड पर एस-वी-जी ( {{exportColorScheme}}) स्वरूप में प्रतिलिपित किया", + "fileSaved": "फ़ाइल सुरक्षित की गयी", + "fileSavedToFilename": "{filename} में सुरक्षित की गयी", + "canvas": "चित्रपटल", + "selection": "चयन", "pasteAsSingleElement": "एक अवयव के रूप में चिपकाने के लिए {{shortcut}} का उपयोग करें,\nया किसी मौजूदा पाठ संपादक में चिपकायें", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "यह यू-आर-एल जड़ने हेतु अस्वीकृत हैं. इस यू-आर-एल को श्वेतसूची मैं सम्मिलित कराने हेतु ग़िटहब पर मुद्दा उठायें", + "unrecognizedLinkFormat": "जो कड़ी आपने जड़ी हैं, वह अनपेक्षित प्रारूप में हैं. कृपया मूल साइट द्वारा मुहैय्या कराया हुवा 'जड़ने हेतु' पाठ चिपकाने का प्रयास करें.", + "elementLinkCopied": "कड़ी क्लिप बोर्ड पर कॉपी की गयी" }, "colors": { - "transparent": "", + "transparent": "पारदर्शक", "black": "काला", "white": "सफ़ेद", "red": "लाल", @@ -467,7 +557,7 @@ "welcomeScreen": { "app": { "center_heading": "आपका सर्व डेटा ब्राउज़र के भीतर स्थानिक जगह पे सुरक्षित किया गया.", - "center_heading_plus": "बजाय आपको Excalidraw+ पर जाना है?", + "center_heading_plus": "बजाय आपको एक्स-काली-ड्रॉ-प्लस पर जाना है?", "menuHint": "निर्यात, पसंद, भाषायें, ..." }, "defaults": { @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "अधिकांश उपयोगित रंग", "colors": "रंग", "shades": "छाया", @@ -487,9 +578,9 @@ "overwriteConfirm": { "action": { "exportToImage": { - "title": "छवि स्वरूप में निर्यात करे", - "button": "छवि स्वरूप निर्यात करे", - "description": "दृष्य डेटा छवि स्वरूप में निर्यात करे, उस स्वरूप से आप उसे पुनः आयात कर सकते हो" + "title": "प्रतिमा स्वरूप में निर्यात करे", + "button": "प्रतिमा स्वरूप में निर्यात करे", + "description": "दृष्य डेटा प्रतिमा स्वरूप में निर्यात करे, उस स्वरूप से आप उसे पुनः आयात कर सकते हो" }, "saveToDisk": { "title": "डिस्क में सम्हाले", @@ -497,29 +588,77 @@ "description": "दृष्य डेटा बाहरी फ़ाइल में निर्यात करे, जहाँसे आप उसे पुनः आयात कर सकते हो" }, "excalidrawPlus": { - "title": "एक्षकालीड्रॉ+", - "button": "एक्षकालीड्रॉ+ में निर्यात करे", - "description": "दृष्य को आपके एक्षकालीड्रॉ+ के कर्यस्थल में सम्हाले" + "title": "एक्स-काली-ड्रॉ-प्लस", + "button": "एकस-काल-ड्रॉ-प्लस में निर्यात करे", + "description": "दृष्य को आपके एक्स-काली-ड्रॉ-प्लस के कर्यस्थल में सम्हाले" } }, "modal": { "loadFromFile": { "title": "फ़ाइल से लोड करें:", "button": "फ़ाइल से लोड करें:", - "description": "फ़ाइल से लोड करने पर यह आपके कार्य की जगह लेलेगा

आपकी ड्रॉइंग निम्न दर्शित विकल्पो में से एक चुनके और उपयोग करके सम्हाल सकते हैं" + "description": "फ़ाइल से लोड करने पर यह आपके कार्य की जगह लेलेगा

आपकी ड्रॉइंग निम्न दर्शित विकल्पो में से एक चुनके और उपयोग करके सहेज सकते हैं" }, "shareableLink": { "title": "लिंक से लोड करें:", - "button": "इस जगह प्रतिस्थापित करे", - "description": "बाहर का चित्र लोड करने पर यह आपके कार्य की जगह लेलेगा

आप आपकी ड्रॉइंग पहले निम्न दर्शित विकल्पो में से एक चुनके और उपयोग करके सम्हाल सकते हों." + "button": "मेरी सामग्री बदले", + "description": "बाहर का चित्र लोड करने पर यह आपके कार्य की जगह लेलेगा

आप आपकी ड्रॉइंग पहले निम्न दर्शित विकल्पो में से एक चुनके और उपयोग करके सहेज सकते हों." } } }, "mermaid": { "title": "मर्मेड से एक्सकाली में", - "button": "अंदर डाले", - "description": "", - "syntax": "मर्मेड संरचना नियम", + "button": "सन्निवेश करे", + "description": "वर्तमान में केवल बहाव चित्र, अनुक्रम चित्र और वर्ग चित्र का चित्रिकरण संभव हैं. अन्य चित्र प्रकार एक्सकाली प्रतिमा जैसे चित्रित किए जायेंगे.", + "syntax": "मर्मेड विन्यास", "preview": "पूर्वावलोकन" + }, + "quickSearch": { + "placeholder": "त्वरित खोज" + }, + "fontList": { + "badge": { + "old": "पुराना" + }, + "sceneFonts": "इस दृश्य में", + "availableFonts": "उपलब्ध लिपियां", + "empty": "कोई लिपि नहीं मिली" + }, + "userList": { + "empty": "कोई उपयोक्ता नहीं मिला", + "hint": { + "text": "उपयोक्ता का अनुकरण करने के लिए उसपर क्लिक करें", + "followStatus": "आप इस उपयोक्ता का अनुकरण कर रहें हैं.", + "inCall": "व्यक्ति अभी संभाषण मैं व्यस्त हैं", + "micMuted": "व्यक्ति का माइक्रोफ़ोन अभी मूक अवस्था मैं हैं", + "isSpeaking": "व्यक्ति अभी बोलने मैं व्यस्त हैं" + } + }, + "commandPalette": { + "title": "आदेश फ़लक", + "shortcuts": { + "select": "चुनें", + "confirm": "पुष्टि करें", + "close": "बंद करें" + }, + "recents": "हाल ही में उपयोग किया गया", + "search": { + "placeholder": "मेनू, आदेशों कों धूंड़े और गुप्त नग प्राप्त करें", + "noMatch": "कोई आदेश मेल नाही खा सका....." + }, + "itemNotAvailable": "आदेश उपलब्ध नाही हैं.", + "shortcutHint": "आदेश फलक के लिए, {{shortcut}} का उपयोग कीजिए" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/hu-HU.json b/packages/excalidraw/locales/hu-HU.json index e367aa6e90..a4ff50d044 100644 --- a/packages/excalidraw/locales/hu-HU.json +++ b/packages/excalidraw/locales/hu-HU.json @@ -21,7 +21,9 @@ "copyStyles": "Stílus másolása", "pasteStyles": "Stílus beillesztése", "stroke": "Körvonal", + "changeStroke": "Vonal szín megváltoztatása", "background": "Háttér", + "changeBackground": "Háttérszín megváltoztatása", "fill": "Kitöltés", "strokeWidth": "Körvonal vastagsága", "strokeStyle": "Körvonal stílusa", @@ -38,12 +40,20 @@ "arrowhead_none": "Nincs", "arrowhead_arrow": "Nyíl", "arrowhead_bar": "Oszlop", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Kör", + "arrowhead_circle_outline": "Kör (Körvonal)", "arrowhead_triangle": "Háromszög", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Háromszög (Körvonal)", + "arrowhead_diamond": "Rombusz", + "arrowhead_diamond_outline": "Rombusz (Körvonal)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "Nyíl típus", + "arrowtype_sharp": "Hegyes nyíl", + "arrowtype_round": "Ívelt nyíl", + "arrowtype_elbowed": "", "fontSize": "Betűméret", "fontFamily": "Betűkészlet család", "addWatermark": "Add hozzá, hogy \"Excalidraw-val készült\"", @@ -72,10 +82,11 @@ "canvasColors": "Rajzvászonon használt", "canvasBackground": "Vászon háttérszíne", "drawingCanvas": "Rajzvászon", + "clearCanvas": "Rajzfelület törlése", "layers": "Rétegek", "actions": "Műveletek", "language": "Nyelv", - "liveCollaboration": "Élő együttműködés...", + "liveCollaboration": "", "duplicateSelection": "Duplikálás", "untitled": "Névtelen", "name": "Név", @@ -84,12 +95,13 @@ "group": "Csoportosítás", "ungroup": "Csoportbontás", "collaborators": "Közreműködők", - "showGrid": "Rács megjelenítése", + "toggleGrid": "", "addToLibrary": "Hozzáadás a könyvtárhoz", "removeFromLibrary": "Eltávólítás a könyvtárból", "libraryLoadingMessage": "Könyvtár betöltése…", "libraries": "Könyvtárak böngészése", "loadingScene": "Jelenet betöltése…", + "loadScene": "", "align": "Igazítás", "alignTop": "Felülre igazítás", "alignBottom": "Alulra igazítás", @@ -105,55 +117,97 @@ "share": "Megosztás", "showStroke": "Körvonal színválasztó megjelenítése", "showBackground": "Háttérszín-választó megjelenítése", - "toggleTheme": "Téma váltása", + "showFonts": "", + "toggleTheme": "", + "theme": "Téma", "personalLib": "Személyes könyvtár", "excalidrawLib": "Excalidraw könyvtár", "decreaseFontSize": "Betűméret csökkentése", "increaseFontSize": "Betűméret növelése", "unbindText": "Szövegkötés feloldása", "bindText": "", - "createContainerFromText": "Szöveg bekeretezése", + "createContainerFromText": "", "link": { "edit": "Hivatkozás szerkesztése", - "editEmbed": "Link szerkesztése / beágyazása", - "create": "Hivatkozás létrehozása", - "createEmbed": "Link létrehozása / beágyazása", + "editEmbed": "", + "create": "Hivatkozás hozzáadása", "label": "Hivatkozás", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { - "lock": "Rögzítés", - "unlock": "Rögzítés feloldása", - "lockAll": "Összes rögzítése", + "lock": "", + "unlock": "", + "lockAll": "Összes zárolása", "unlockAll": "Összes feloldása" }, - "statusPublished": "", + "statusPublished": "Közzétéve", "sidebarLock": "", "selectAllElementsInFrame": "", "removeAllElementsFromFrame": "", "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Szövegből diagram", + "prompt": "", + "followUs": "Kövess minket", + "discordChat": "Discord chat", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Vászon törlése", "exportJSON": "Exportálás fájlba", - "exportImage": "Kép exportálása...", - "export": "Mentés másként...", + "exportImage": "", + "export": "", "copyToClipboard": "Vágólapra másolás", + "copyLink": "", "save": "Mentés az aktuális fájlba", "saveAs": "Mentés másként", - "load": "Megnyitás", + "load": "", "getShareableLink": "Megosztható link létrehozása", "close": "Bezárás", "selectLanguage": "Nyelv kiválasztása", @@ -171,14 +225,16 @@ "fullScreen": "Teljes képernyő", "darkMode": "Sötét mód", "lightMode": "Világos mód", + "systemMode": "", "zenMode": "Letisztult mód", "objectsSnapMode": "", "exitZenMode": "Kilépés a letisztult módból", "cancel": "Mégsem", + "saveLibNames": "", "clear": "Kiűrítés", "remove": "Eltávolítás", "embed": "", - "publishLibrary": "Közzététel", + "publishLibrary": "", "submit": "Elküldés", "confirm": "Megerősítés", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Ezzel törlöd a könyvtárát. biztos vagy ebben?", "removeItemsFromsLibrary": "{{count}} elemet törölsz a könyvtárból?", "invalidEncryptionKey": "A titkosítási kulcsnak 22 karakterből kell állnia. Az élő együttműködés le van tiltva.", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nem támogatott fájltípus.", @@ -212,9 +269,9 @@ "fileTooBig": "A fájl túl nagy. A megengedett maximális méret {{maxSize}}.", "svgImageInsertError": "Nem sikerült beszúrni az SVG-képet. Az SVG szintaktika érvénytelennek tűnik.", "failedToFetchImage": "", - "invalidSVGString": "Érvénytelen SVG.", "cannotResolveCollabServer": "", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Kijelölés", + "lasso": "", "image": "Kép beszúrása", "rectangle": "Téglalap", "diamond": "Rombusz", @@ -246,16 +304,32 @@ "library": "Könyvtár", "lock": "Rajzolás után az aktív eszközt tartsa kijelölve", "penMode": "", - "link": "Hivatkozás hozzáadása/frissítése a kiválasztott alakzathoz", - "eraser": "Radír", + "link": "", + "eraser": "", "frame": "", "magicframe": "", - "embeddable": "Weblap beágyazása", - "laser": "Lézermutató", + "embeddable": "", + "laser": "", "hand": "", - "extraTools": "További eszközök", + "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Vászon műveletek", @@ -263,28 +337,33 @@ "shapes": "Alakzatok" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Kattintással görbe, az eger húzásával pedig egyenes nyilat rajzolhatsz", + "arrowTool": "", "freeDraw": "Kattints és húzd, majd engedd el, amikor végeztél", "text": "Tipp: A kijelölés eszközzel a dupla kattintás új szöveget hoz létre", "embeddable": "", - "text_selected": "Kattints duplán, vagy nyomj entert a szöveg szerkesztéséhez", - "text_editing": "Nyomjd meg az Escape vagy a Ctrl/Cmd+ENTER billentyűkombinációt a szerkesztés befejezéséhez", - "linearElementMulti": "Kattints a következő ív pozíciójára, vagy fejezd be a nyilat az Escape vagy Enter megnyomásával", - "lockAngle": "A SHIFT billentyű lenyomva tartásával korlátozhatja forgatás szögét", - "resize": "A SHIFT billentyű lenyomva tartásával az átméretezés megtartja az arányokat,\naz ALT lenyomva tartásával pedig a középpont egy helyben marad", - "resizeImage": "A SHIFT billentyű lenyomva tartásával szabadon átméretezheted,\ntartsd lenyomva az ALT billentyűt a középről való átméretezéshez", - "rotate": "A SHIFT billentyű lenyomva tartásával korlátozhatja a szögek illesztését", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "Nyomd meg a Törlés gombot a pont(ok) eltávolításához,\nA Ctrl/Cmd+D a többszörözéshez, vagy húzással mozgathatja", - "lineEditor_nothingSelected": "Válaszd ki a szerkeszteni kívánt pontot (több kijelöléséhez tartsd lenyomva a SHIFT billentyűt),\nvagy Alt, és kattintson az új pontok hozzáadásához", - "placeImage": "Kattints a kép elhelyezéséhez, vagy kattints és méretezd manuálisan", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Tedd közzé saját könyvtáradat", - "bindTextToElement": "Nyomd meg az Entert szöveg hozzáadáshoz", - "deepBoxSelect": "Tartsd lenyomva a Ctrl/Cmd billentyűt a mély kijelöléshez és a húzás megakadályozásához", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Előnézet nem jeleníthető meg", @@ -299,9 +378,12 @@ "openIssueMessage": "Vigyáztunk arra, hogy a jelenthez tartozó információ ne jelenjen meg a hibaüzenetben. Ha a jeleneted nem bizalmas, kérjük add hozzá a Kérjük, másolja be az alábbi információkat a GitHub problémába.", "sceneContent": "Jelenet tartalma:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Meghívhat embereket a jelenlegi jelenetbe, hogy együttműködjenek önnel.", - "desc_privacy": "Ne aggódj, a munkamenet végpontok közötti titkosítást használ, tehát bármit rajzolsz, privát marad. Még a szerverünkről se lehet belenézni.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Munkamenet indítása", "button_stopSession": "Munkamenet leállítása", "desc_inProgressIntro": "Az élő együttműködési munkamenet folyamatban van.", @@ -328,6 +410,8 @@ "click": "kattintás", "deepSelect": "Mély kijelölés", "deepBoxSelect": "Mély kijelölés a dobozon belül, és a húzás megakadályozása", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Ívelt nyíl", "curvedLine": "Ívelt vonal", "documentation": "Dokumentáció", @@ -350,7 +434,9 @@ "zoomToSelection": "Kijelölésre nagyítás", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Rajzvászon alaphelyzetbe" @@ -410,9 +496,9 @@ "copyPngToClipboard": "" }, "button": { - "exportToPng": "PNG", - "exportToSvg": "SVG", - "copyPngToClipboard": "Vágólapra másolás" + "exportToPng": "", + "exportToSvg": "", + "copyPngToClipboard": "" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "Szög", - "element": "Elem", - "elements": "Elemek", + "shapes": "", "height": "Magasság", "scene": "Jelenet", "selected": "Kijelölt", "storage": "Tárhely", - "title": "Statisztikák", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Összesen", "version": "Verzió", "versionCopy": "Kattints a másoláshoz", @@ -439,30 +527,32 @@ "copyStyles": "Másolt stílusok.", "copyToClipboard": "Vágólapra másolva.", "copyToClipboardAsPng": "Az {{exportSelection}} PNG formátumban a vágólapra másolva \n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Fájl elmentve.", "fileSavedToFilename": "Mentve mint {filename}", "canvas": "rajzvászon", "selection": "kijelölés", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Átlátszó", - "black": "Fekete", - "white": "Fehér", - "red": "Piros", - "pink": "Rózsaszín", + "black": "", + "white": "", + "red": "", + "pink": "", "grape": "", - "violet": "Ibolya", - "gray": "Szürke", - "blue": "Kék", - "cyan": "Cián", - "teal": "Kékes-zöld", - "green": "Zöld", - "yellow": "Sárga", - "orange": "Narancssárga", - "bronze": "Bronz" + "violet": "", + "gray": "", + "blue": "", + "cyan": "", + "teal": "", + "green": "", + "yellow": "", + "orange": "", + "bronze": "" }, "welcomeScreen": { "app": { @@ -478,38 +568,39 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", - "hexCode": "Hexadecimális kód", + "hexCode": "", "noShades": "" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "Exportálás képként", - "button": "Exportálás képként", + "title": "", + "button": "", "description": "" }, "saveToDisk": { - "title": "Mentés a lemezre", - "button": "Mentés a lemezre", + "title": "", + "button": "", "description": "" }, "excalidrawPlus": { - "title": "Excalidraw+", + "title": "", "button": "", "description": "" } }, "modal": { "loadFromFile": { - "title": "Betöltés fájlból", - "button": "Betöltés fájlból", + "title": "", + "button": "", "description": "" }, "shareableLink": { - "title": "Feltöltás linkből", + "title": "", "button": "", "description": "" } @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/id-ID.json b/packages/excalidraw/locales/id-ID.json index b35e1bae4b..affd18bc91 100644 --- a/packages/excalidraw/locales/id-ID.json +++ b/packages/excalidraw/locales/id-ID.json @@ -4,15 +4,15 @@ "pasteAsPlaintext": "Tempel sebagai teks biasa", "pasteCharts": "Tempel diagram", "selectAll": "Pilih semua", - "multiSelect": "Tambahkan elemen ke pilihan", + "multiSelect": "Tambah unsur ke seleksi", "moveCanvas": "Pindahkan kanvas", "cut": "Potong", "copy": "Salin", "copyAsPng": "Salin ke papan klip sebagai PNG", "copyAsSvg": "Salin ke papan klip sebagai SVG", "copyText": "Salin ke papan klip sebagai teks", - "copySource": "", - "convertToCode": "", + "copySource": "Salin sumber ke papan klip", + "convertToCode": "Konversi ke kode", "bringForward": "Bawa maju", "sendToBack": "Kirim ke belakang", "bringToFront": "Bawa ke depan", @@ -21,7 +21,9 @@ "copyStyles": "Salin gaya", "pasteStyles": "Tempelkan gaya", "stroke": "Guratan", + "changeStroke": "Ubah warna garis", "background": "Latar", + "changeBackground": "Ubah warna background", "fill": "Isian", "strokeWidth": "Lebar guratan", "strokeStyle": "Gaya guratan", @@ -38,12 +40,20 @@ "arrowhead_none": "Tidak ada", "arrowhead_arrow": "Panah", "arrowhead_bar": "Batang", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Lingkaran", + "arrowhead_circle_outline": "Lingkaran (garis)", "arrowhead_triangle": "Segitiga", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Segitiga (garis)", + "arrowhead_diamond": "Diamond", + "arrowhead_diamond_outline": "Diamond (garis)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "Pilihan lain", + "arrowtypes": "Jenis panah", + "arrowtype_sharp": "Panah runcing", + "arrowtype_round": "Panah melengkung", + "arrowtype_elbowed": "Panah siku", "fontSize": "Ukuran font", "fontFamily": "Jenis font", "addWatermark": "Tambahkan \"Dibuat dengan Excalidraw\"", @@ -56,7 +66,7 @@ "veryLarge": "Sangat besar", "solid": "Padat", "hachure": "Garis-garis", - "zigzag": "Zigzag", + "zigzag": "Bentuk Z", "crossHatch": "Asiran silang", "thin": "Lembut", "bold": "Tebal", @@ -72,6 +82,7 @@ "canvasColors": "Digunakan di kanvas", "canvasBackground": "Latar Kanvas", "drawingCanvas": "Kanvas", + "clearCanvas": "Hapus kanvas", "layers": "Lapisan", "actions": "Aksi", "language": "Bahasa", @@ -84,12 +95,13 @@ "group": "Kelompokan pilihan", "ungroup": "Pisahkan pilihan", "collaborators": "Kolaborator", - "showGrid": "Tampilkan grid", + "toggleGrid": "Toggle grid", "addToLibrary": "Tambahkan ke pustaka", "removeFromLibrary": "Hapus dari pustaka", "libraryLoadingMessage": "Memuat pustaka…", "libraries": "Telusur pustaka", "loadingScene": "Memuat pemandangan…", + "loadScene": "Muat dari file", "align": "Perataan", "alignTop": "Rata atas", "alignBottom": "Rata bawah", @@ -105,7 +117,9 @@ "share": "Bagikan", "showStroke": "Tampilkan garis pengambil warna", "showBackground": "Tampilkan latar pengambil warna", - "toggleTheme": "Ubah tema", + "showFonts": "Tampilkan pilihan warna", + "toggleTheme": "Toggle tema terang/gelap", + "theme": "Tema", "personalLib": "Pustaka Pribadi", "excalidrawLib": "Pustaka Excalidraw", "decreaseFontSize": "Kecilkan ukuran font", @@ -115,35 +129,74 @@ "createContainerFromText": "Bungkus teks dalam kontainer", "link": { "edit": "Edit tautan", - "editEmbed": "", - "create": "Buat tautan", - "createEmbed": "", + "editEmbed": "Sunting tautan bisa semat", + "create": "Tambah tautan", "label": "Tautan", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Tautan & sematan", + "empty": "Tidak ada tautan yang ditetapkan", + "hint": "Ketik atau tempel tautan di sini", + "goToElement": "Ke unsur sasaran" }, "lineEditor": { "edit": "Edit tautan", - "exit": "Keluar editor garis" + "editArrow": "Ubah Panah" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { - "lock": "Kunci", + "lock": "Kuncikan", "unlock": "Lepas", - "lockAll": "Kunci semua", + "lockAll": "Kuncikan semua", "unlockAll": "Lepas semua" }, "statusPublished": "Telah terbit", "sidebarLock": "Biarkan sidebar tetap terbuka", - "selectAllElementsInFrame": "Pilih semua elemen di bingkai", - "removeAllElementsFromFrame": "Hapus semua elemen dari bingkai", + "selectAllElementsInFrame": "Pilih semua unsur di bingkai", + "removeAllElementsFromFrame": "Hapus semua unsur dari bingkai", "eyeDropper": "Ambil warna dari kanvas", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Teks menjadi diagram", + "prompt": "Prompt", + "followUs": "Ikuti kami", + "discordChat": "Obrolan Discord", + "zoomToFitViewport": "Perbesar agar sesuai dengan viewport", + "zoomToFitSelection": "Memperbesar agar sesuai dengan pilihan", + "zoomToFit": "Memperbesar agar unsur pas semua", + "installPWA": "Install Excalidraw secara lokal (PWA)", + "autoResize": "Mengaktifkan pengubahan ukuran teks secara otomatis", + "imageCropping": "Pemangkasan gambar", + "unCroppedDimension": "Dimensi yang tidak dipotong", + "copyElementLink": "Salin tautan ke objek", + "linkToElement": "Taut ke objek", + "wrapSelectionInFrame": "Bungkus pilihan dalam bingkai", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Taut ke objek", + "desc": "Pencet bentuk pada kanvas atau tempel tautan.", + "notFound": "Objek tertaut tidak ditemukan di kanvas." }, "library": { "noItems": "Belum ada item yang ditambahkan...", "hint_emptyLibrary": "Pilih item pada kanvas untuk menambahkan nya di sini, atau pasang pustaka dari gudang di bawah ini.", - "hint_emptyPrivateLibrary": "Pilih item pada kanvas untuk menambahkan nya di sini." + "hint_emptyPrivateLibrary": "Pilih item pada kanvas untuk menambahkan nya di sini.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Temukan di kanvas", + "noMatch": "Tidak ada kecocokan yang ditemukan...", + "singleResult": "hasil", + "multipleResults": "semua hasil", + "placeholder": "Temukan teks di kanvas...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Setel Ulang Kanvas", @@ -151,6 +204,7 @@ "exportImage": "Ekspor gambar...", "export": "Simpan ke...", "copyToClipboard": "Salin ke Papan Klip", + "copyLink": "Salin tautan", "save": "Simpan ke file sekarang", "saveAs": "Simpan sebagai", "load": "Buka", @@ -163,7 +217,7 @@ "resetZoom": "Reset Pembesaran", "menu": "Menu", "done": "Selesai", - "edit": "Edit", + "edit": "Sunting", "undo": "Urungkan", "redo": "Ulangi", "resetLibrary": "Reset pustaka", @@ -171,17 +225,19 @@ "fullScreen": "Layar penuh", "darkMode": "Mode gelap", "lightMode": "Mode terang", + "systemMode": "Mode sistem", "zenMode": "Mode zen", - "objectsSnapMode": "", + "objectsSnapMode": "Snap to objects", "exitZenMode": "Keluar dari mode zen", "cancel": "Batal", + "saveLibNames": "", "clear": "Hapus", "remove": "Hapus", - "embed": "", - "publishLibrary": "Terbitkan", + "embed": "Mati/nyala penyematan", + "publishLibrary": "", "submit": "Kirimkan", "confirm": "Konfirmasi", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Pencet untuk interaksi" }, "alerts": { "clearReset": "Ini akan menghapus semua yang ada dikanvas. Apakah kamu yakin ?", @@ -198,43 +254,45 @@ "errorAddingToLibrary": "Tidak dapat menambahkan item ke pustaka", "errorRemovingFromLibrary": "Tidak dapat membuang item dari pustaka", "confirmAddLibrary": "Ini akan menambahkan {{numShapes}} bentuk ke pustaka Anda. Anda yakin?", - "imageDoesNotContainScene": "Gambar ini sepertinya tidak terdapat data pemandangan. Sudahkah Anda mengaktifkan penyematan pemandangan ketika ekspor?", + "imageDoesNotContainScene": "Gambar ini tampaknya tidak ada data pemandangan. Apakah penyematan pemandangan sudah diaktifkan saat ekspor?", "cannotRestoreFromImage": "Pemandangan tidak dapat dipulihkan dari file gambar ini", "invalidSceneUrl": "Tidak dapat impor pemandangan dari URL. Kemungkinan URL itu rusak atau tidak berisi data JSON Excalidraw yang valid.", "resetLibrary": "Ini akan menghapus pustaka Anda. Anda yakin?", "removeItemsFromsLibrary": "Hapus {{count}} item dari pustaka?", "invalidEncryptionKey": "Sandi enkripsi harus 22 karakter. Kolaborasi langsung dinonaktifkan.", - "collabOfflineWarning": "Tidak ada koneksi internet.\nPerubahan tidak akan disimpan!" + "collabOfflineWarning": "Tidak ada koneksi internet.\nPerubahan tidak akan disimpan!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipe file tidak didukung.", "imageInsertError": "Tidak dapat menyisipkan gambar. Coba lagi nanti...", "fileTooBig": "File terlalu besar. Ukuran maksimum yang dibolehkan {{maxSize}}.", "svgImageInsertError": "Tidak dapat menyisipkan gambar SVG. Markup SVG sepertinya tidak valid.", - "failedToFetchImage": "", - "invalidSVGString": "SVG tidak valid.", + "failedToFetchImage": "Gagal memuat gambar.", "cannotResolveCollabServer": "Tidak dapat terhubung ke server kolab. Muat ulang laman dan coba lagi.", "importLibraryError": "Tidak dapat memuat pustaka", + "saveLibraryError": "Tidak dapat menyimpan library ke penyimpanan. Simpanlah library Anda ke file secara lokal untuk memastikan Anda tidak kehilangan perubahan.", "collabSaveFailed": "Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.", "collabSaveFailed_sizeExceeded": "Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Gambar dinonaktifkan.", "brave_measure_text_error": { "line1": "Sepertinya Anda menggunkan peramban Brave dengan pengaturan Blokir Fingerprinting yang Agresif diaktifkan.", - "line2": "Ini dapat membuat Elemen Teks dalam gambar mu.", + "line2": "Ini dapat merusak Unsur Teks pada gambarmu.", "line3": "Kami sangat menyarankan mematikan pengaturan ini. Anda dapat mengikuti langkah-langkah ini untuk melakukannya.", - "line4": "Jika mematikan pengaturan ini tidak membenarkan tampilan elemen teks, mohon buka\nisu di GitHub kami, atau chat kami di Discord" + "line4": "Jika mematikan pengaturan ini tidak memperbaiki unsur teks, silakan buka issue di GitHub kami, atau hubungi kami di Discord" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Unsur bisa semat tidak dapat ditambah ke pustaka.", + "iframe": "Unsur IFrame tidak dapat ditambah ke pustaka.", + "image": "Dukungan menambah gambar ke pustaka segera hadir!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Tidak dapat menempel (tidak dapat membaca dari papan klip sistem).", + "asyncPasteFailedOnParse": "Tidak dapat menempel.", + "copyToSystemClipboardFailed": "Tidak bisa menyalin ke papan klip." }, "toolBar": { "selection": "Pilihan", + "lasso": "", "image": "Sisipkan gambar", "rectangle": "Persegi", "diamond": "Berlian", @@ -249,13 +307,29 @@ "link": "Tambah/Perbarui tautan untuk bentuk yang dipilih", "eraser": "Penghapus", "frame": "Alat bingkai", - "magicframe": "", - "embeddable": "", - "laser": "", + "magicframe": "Wireframe menjadi code", + "embeddable": "Sematan Web", + "laser": "Penunjuk laser", "hand": "Tangan (alat panning)", "extraTools": "Alat-alat lain", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid menjadi Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Persegi Panjang", + "diamond": "Wajik", + "ellipse": "Elips", + "arrow": "Panah", + "line": "Garis", + "freedraw": "Gambar bebas", + "text": "Teks", + "image": "Gambar", + "group": "Kelompok", + "frame": "Bingkai", + "magicframe": "Wireframe-kan code", + "embeddable": "Sematan Web", + "selection": "Seleksi", + "iframe": "IFrame" }, "headings": { "canvasActions": "Opsi Kanvas", @@ -263,33 +337,38 @@ "shapes": "Bentuk" }, "hints": { - "canvasPanning": "Untuk memindahkan kanvas, tekan roda mouse atau spacebar sambil menyeret, atau menggunakan alat tangan", - "linearElement": "Klik untuk memulai banyak poin, seret untuk satu baris", + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "Pencet untuk membuat titik-titik, seret untuk satu garis", + "arrowTool": "", "freeDraw": "Klik dan seret, lepaskan jika Anda selesai", "text": "Tip: Anda juga dapat menambahkan teks dengan klik ganda di mana saja dengan alat pemilihan", - "embeddable": "", - "text_selected": "Klik ganda atau tekan ENTER untuk edit teks", - "text_editing": "Tekan Escape atau CtrlAtauCmd+ENTER untuk selesai mengedit", - "linearElementMulti": "Klik pada titik akhir atau tekan Escape atau Enter untuk menyelesaikan", - "lockAngle": "Anda dapat menjaga sudut dengan menahan SHIFT", - "resize": "Anda dapat menjaga proposi dengan menekan SHIFT sambil mengubah ukuran,\ntekan AlT untuk mengubah ukuran dari tengah", - "resizeImage": "Anda dapat mengubah secara bebas dengan menekan SHIFT,\nTekan ALT untuk mengubah dari tengah", - "rotate": "Anda dapat menjaga sudut dengan menahan SHIFT sambil memutar", - "lineEditor_info": "Tekan Ctrl/Cmd dan Dobel-klik atau tekan Ctrl/Cmd +Enter untuk mengedit poin", - "lineEditor_pointSelected": "Tekan Delete untuk menghapus titik, Ctrl/Cmd + D untuk menduplikasi, atau seret untuk memindahkan", - "lineEditor_nothingSelected": "Pilih titik untuk mengedit (tekan SHIFT untuk pilih banyak), atau tekan Alt dan klik untuk tambahkan titik baru", - "placeImage": "Klik untuk tempatkan gambar, atau klik dan jatuhkan untuk tetapkan ukuran secara manual", + "embeddable": "Pencet-seret untuk membuat sematan situs", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Terbitkan pustaka Anda", - "bindTextToElement": "Tekan enter untuk tambahkan teks", - "deepBoxSelect": "Tekan Ctrl atau Cmd untuk memilih yang di dalam, dan mencegah penggeseran", - "eraserRevert": "Tahan Alt untuk mengembalikan elemen yang ditandai untuk dihapus", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Fitur ini dapat diaktifkan melalui pengaturan flag \"dom.events.asyncClipboard.clipboardItem\" ke \"true\". Untuk mengganti flag di Firefox, pergi ke laman \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Tidak dapat menampilkan pratinjau", "canvasTooBig": "Kanvas mungkin terlalu besar.", - "canvasTooBigTip": "Tip: coba pindahkan elemen-terjauh lebih dekat bersama." + "canvasTooBigTip": "Kiat: coba pindahkan unsur terjauh lebih dekat lagi." }, "errorSplash": { "headingMain": "Mengalami sebuah kesalahan. Cobalah ", @@ -299,9 +378,12 @@ "openIssueMessage": "Kami sangat berhati-hati untuk tidak menyertakan informasi pemandangan Anda pada kesalahan. Jika pemandangan Anda tidak bersifat pribadi, mohon pertimbangkan menindak lanjut pada Mohon sertakan informasi dibawah ini dengan menyalin dan menempelkan di Github issue.", "sceneContent": "Pemandangan konten:" }, + "shareDialog": { + "or": "Atau" + }, "roomDialog": { - "desc_intro": "Anda dapat mengundang orang ke pemandangan Anda saat ini untuk berkolaborasi dengan Anda.", - "desc_privacy": "Jangan khawatir, sesi menggunakan enkripsi end-to-end, sehingga apa pun yang Anda gambar akan tetap bersifat pribadi. Bahkan server kami tidak dapat melihat apa yang Anda lakukan.", + "desc_intro": "Ajak orang-orang ikut menggambar denganmu.", + "desc_privacy": "Tenang, sesi ini terenkripsi ujung-ke-ujung, sepenuhnya privat. Bahkan gambarmu tidak terlihat server kami.", "button_startSession": "Mulai sesi", "button_stopSession": "Hentikan sesi", "desc_inProgressIntro": "Sesi kolaborasi sedang berlangsung sekarang.", @@ -328,12 +410,14 @@ "click": "klik", "deepSelect": "Pilih dalam", "deepBoxSelect": "Pilih dalam kotak, dan cegah penggeseran", + "createFlowchart": "Buat bagan alir dari unsur generik", + "navigateFlowchart": "Menavigasi bagan alir", "curvedArrow": "Panah lengkung", "curvedLine": "Garis lengkung", "documentation": "Dokumentasi", "doubleClick": "klik-ganda", "drag": "seret", - "editor": "Editor", + "editor": "Penyunting", "editLineArrowPoints": "Edit titik garis/panah", "editText": "Edit teks / tambah label", "github": "Menemukan masalah? Kirimkan", @@ -346,11 +430,13 @@ "textNewLine": "Tambahkan garis baru (editor teks)", "title": "Bantuan", "view": "Tampilan", - "zoomToFit": "Perbesar agar sesuai dengan semua elemen", + "zoomToFit": "Memperbesar agar unsur pas semua", "zoomToSelection": "Perbesar ke seleksi", - "toggleElementLock": "Kunci/lepas seleksi", + "toggleElementLock": "Lepas/kuncikan seleksi", "movePageUpDown": "Pindah halaman keatas/kebawah", - "movePageLeftRight": "Pindah halaman kebawah/keatas" + "movePageLeftRight": "Pindah halaman kebawah/keatas", + "cropStart": "Pangkas gambar", + "cropFinish": "Sudahi pangkas gambar" }, "clearCanvasDialog": { "title": "Hapus kanvas" @@ -402,7 +488,7 @@ "padding": "Lapisan" }, "tooltip": { - "embedScene": "Data pemandangan akan disimpan dalam file PNG/SVG yang diekspor sehingga pemandangan itu dapat dipulihkan darinya.\nAkan membesarkan ukuran file yang diekspor." + "embedScene": "Data pemandangan akan diekspor ke bentuk PNG/SVG sehingga pemandangan dapat dipulihkan darinya.\nUkuran berkas ekspor akan membesar." }, "title": { "exportToPng": "Ekspor ke PNG", @@ -421,14 +507,16 @@ }, "stats": { "angle": "Sudut", - "element": "Elemen", - "elements": "Elemen", + "shapes": "Bentuk", "height": "Tinggi", "scene": "Pemandangan", "selected": "Terpilih", "storage": "Penyimpanan", - "title": "Statistik untuk nerd", - "total": "Total", + "fullTitle": "Properti Kanvas & Bentuk", + "title": "Properti", + "generalStats": "Umum", + "elementProperties": "Properti bentuk", + "total": "Jumlah", "version": "Versi", "versionCopy": "Klik untuk salin", "versionNotAvailable": "Versi tidak tersedia", @@ -439,13 +527,15 @@ "copyStyles": "Gaya tersalin.", "copyToClipboard": "Tersalin ke papan klip.", "copyToClipboardAsPng": "Tersalin {{exportSelection}} ke clipboard sebagai PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} tersalin ke papan klip sebagai SVG\n({{exportColorScheme}})", "fileSaved": "File tersimpan.", "fileSavedToFilename": "Disimpan ke {filename}", "canvas": "kanvas", "selection": "pilihan", - "pasteAsSingleElement": "Gunakan {{shortcut}} untuk menempelkan sebagai satu elemen,\natau tempelkan ke teks editor yang ada", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "pasteAsSingleElement": "Gunakan {{shortcut}} untuk menempel unsur tunggal,\natau tempel ke penyunting teks", + "unableToEmbed": "Menyemat URL ini saat ini tidak boleh. Ajukan \"Issue\" di GitHub untuk meminta URL masuk daftar putih", + "unrecognizedLinkFormat": "Tautan yang disematkan tidak sesuai dengan syarat format. Coba tempel untaian 'embed' (semat) yang disediakan situs sumber", + "elementLinkCopied": "Tautan disalin ke papan klip" }, "colors": { "transparent": "Transparan", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Warna yang sering dipakai", "colors": "Warna", "shades": "Nuansa", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid menjadi Excalidraw", + "button": "Sisipkan", + "description": "Saat ini hanya Flowchart, Sekuen, , dan KelasDiagram yang didukung. Jenis lainnya akan dirender sebagai gambar di Excalidraw.", + "syntax": "Syntax Mermaid", + "preview": "Pratinjau" + }, + "quickSearch": { + "placeholder": "Pencarian Cepat" + }, + "fontList": { + "badge": { + "old": "lebih lama" + }, + "sceneFonts": "Pada layar ini", + "availableFonts": "Font yang tersedia", + "empty": "Tidak ada font yang ditemukan" + }, + "userList": { + "empty": "Tidak ada pengguna yang ditemukan", + "hint": { + "text": "Klik pada pengguna untuk mengikuti", + "followStatus": "Anda saat ini mengikuti pengguna ini", + "inCall": "Pengguna sedang dalam panggilan telephon", + "micMuted": "Mikrofon user sedang dimatikan", + "isSpeaking": "Pengguna sedang berbicara" + } + }, + "commandPalette": { + "title": "Daftar Perintah", + "shortcuts": { + "select": "Pilih", + "confirm": "Konfirmasi", + "close": "Keluar" + }, + "recents": "Baru digunakan", + "search": { + "placeholder": "Cari menu, perintah dan temukan hidden gems", + "noMatch": "Tidak ada perintah yang sesuai..." + }, + "itemNotAvailable": "Perintah tidak tersedia...", + "shortcutHint": "Untuk palet perintah, gunakan {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/it-IT.json b/packages/excalidraw/locales/it-IT.json index 6ab03f0abb..dba7ccd6a9 100644 --- a/packages/excalidraw/locales/it-IT.json +++ b/packages/excalidraw/locales/it-IT.json @@ -21,7 +21,9 @@ "copyStyles": "Copia stili", "pasteStyles": "Incolla stili", "stroke": "Tratto", + "changeStroke": "Cambia il colore del tratto", "background": "Sfondo", + "changeBackground": "Cambia il colore dello sfondo", "fill": "Riempimento", "strokeWidth": "Spessore del tratto", "strokeStyle": "Stile del tratto", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Triangolo (contorno)", "arrowhead_diamond": "Diamante", "arrowhead_diamond_outline": "Diamante (contorno)", + "arrowhead_crowfoot_many": "Zampe di gallina (molti)", + "arrowhead_crowfoot_one": "Zampa di gallina (una)", + "arrowhead_crowfoot_one_or_many": "Zampe di gallina (una o molte)", + "more_options": "Altre opzioni", + "arrowtypes": "Tipo di freccia", + "arrowtype_sharp": "Freccia affilata", + "arrowtype_round": "Freccia curva", + "arrowtype_elbowed": "Freccia a gomito", "fontSize": "Dimensione carattere", "fontFamily": "Carattere", "addWatermark": "Aggiungi \"Creato con Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Usato su tela", "canvasBackground": "Sfondo tela", "drawingCanvas": "Area di disegno", + "clearCanvas": "Pulisci area di disegno", "layers": "Livelli", "actions": "Azioni", "language": "Lingua", @@ -84,12 +95,13 @@ "group": "Crea gruppo da selezione", "ungroup": "Dividi gruppo da selezione", "collaborators": "Collaboratori", - "showGrid": "Visualizza griglia", + "toggleGrid": "Attiva/disattiva griglia", "addToLibrary": "Aggiungi alla libreria", "removeFromLibrary": "Rimuovi dalla libreria", "libraryLoadingMessage": "Caricamento libreria…", "libraries": "Sfoglia librerie", "loadingScene": "Caricamento della scena…", + "loadScene": "Carica scena da file", "align": "Allinea", "alignTop": "Allinea in alto", "alignBottom": "Allinea in basso", @@ -105,7 +117,9 @@ "share": "Condividi", "showStroke": "Mostra selettore colore del tratto", "showBackground": "Mostra selettore colore di sfondo", - "toggleTheme": "Cambia tema", + "showFonts": "Mostra selettore font", + "toggleTheme": "Attiva/Disattiva tema chiaro/scuro", + "theme": "Tema", "personalLib": "Libreria Personale", "excalidrawLib": "Libreria di Excalidraw", "decreaseFontSize": "Riduci dimensione dei caratteri", @@ -115,16 +129,21 @@ "createContainerFromText": "Avvolgi il testo in un container", "link": { "edit": "Modifica link", - "editEmbed": "Modifica collegamento e incorpora", - "create": "Crea link", - "createEmbed": "Crea collegamento e incorpora", + "editEmbed": "Modifica link incorporabile", + "create": "Aggiungi link", "label": "Link", "labelEmbed": "Collega & incorpora", - "empty": "Nessun collegamento impostato" + "empty": "Nessun collegamento impostato", + "hint": "Digita o incolla qui il tuo link", + "goToElement": "Vai all'elemento di destinazione" }, "lineEditor": { "edit": "Modifica linea", - "exit": "Esci dall'editor di linea" + "editArrow": "Modifica freccia" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Blocca", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Rimuovi tutti gli elementi dal riquadro", "eyeDropper": "Scegli il colore della tela", "textToDiagram": "Testo a diagramma", - "prompt": "Prompt" + "prompt": "Prompt", + "followUs": "Seguici", + "discordChat": "Chat di Discord", + "zoomToFitViewport": "Ingrandisci per adattarsi alla vista", + "zoomToFitSelection": "Ingrandisci per adattare la selezione", + "zoomToFit": "Zoom per adattare tutti gli elementi", + "installPWA": "Installa Excalidraw localmente (PWA)", + "autoResize": "Abilita ridimensionamento automatico del testo", + "imageCropping": "Ritaglio immagine", + "unCroppedDimension": "Dimensione non ritagliata", + "copyElementLink": "Copia il link all'oggetto", + "linkToElement": "Link all'oggetto", + "wrapSelectionInFrame": "Avvolgi la selezione nella cornice", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Link all'oggetto", + "desc": "Fare clic su una forma su tela o incollare un link.", + "notFound": "L'oggetto collegato non è stato trovato sulla tela." }, "library": { "noItems": "Nessun elemento ancora aggiunto...", "hint_emptyLibrary": "Seleziona un elemento sulla tela per aggiungerlo qui, o installa una libreria dal repository pubblico qui sotto.", - "hint_emptyPrivateLibrary": "Seleziona un elemento sulla tela per aggiungerlo qui." + "hint_emptyPrivateLibrary": "Seleziona un elemento sulla tela per aggiungerlo qui.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Trova sulla tela", + "noMatch": "Non è stato trovato nessun risultato...", + "singleResult": "risultato", + "multipleResults": "risultati", + "placeholder": "Trova testo sulla tela...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Svuota la tela", @@ -151,6 +204,7 @@ "exportImage": "Esporta immagine...", "export": "Salva in...", "copyToClipboard": "Copia negli appunti", + "copyLink": "Copia link", "save": "Salva sul file corrente", "saveAs": "Salva con nome", "load": "Apri", @@ -171,14 +225,16 @@ "fullScreen": "Schermo intero", "darkMode": "Tema scuro", "lightMode": "Tema chiaro", + "systemMode": "Modalità del sistema", "zenMode": "Modalità Zen", "objectsSnapMode": "Aggancia agli oggetti", "exitZenMode": "Uscire dalla modalità zen", "cancel": "Annulla", + "saveLibNames": "", "clear": "Cancella", "remove": "Rimuovi", "embed": "Attiva/disattiva incorporamento", - "publishLibrary": "Pubblica", + "publishLibrary": "", "submit": "Invia", "confirm": "Conferma", "embeddableInteractionButton": "Clicca per interagire" @@ -204,7 +260,8 @@ "resetLibrary": "Questa azione cancellerà l'intera libreria. Sei sicuro?", "removeItemsFromsLibrary": "Eliminare {{count}} elementi dalla libreria?", "invalidEncryptionKey": "La chiave di cifratura deve essere composta da 22 caratteri. La collaborazione live è disabilitata.", - "collabOfflineWarning": "Nessuna connessione internet disponibile.\nLe tue modifiche non verranno salvate!" + "collabOfflineWarning": "Nessuna connessione internet disponibile.\nLe tue modifiche non verranno salvate!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipo di file non supportato.", @@ -212,9 +269,9 @@ "fileTooBig": "Il file è troppo grande. La dimensione massima consentita è {{maxSize}}.", "svgImageInsertError": "Impossibile inserire l'immagine SVG. Il markup SVG non sembra corretto.", "failedToFetchImage": "Impossibile recuperare l'immagine.", - "invalidSVGString": "SVG non valido.", "cannotResolveCollabServer": "Impossibile connettersi al server di collab. Ricarica la pagina e riprova.", "importLibraryError": "Impossibile caricare la libreria", + "saveLibraryError": "Impossibile salvare la libreria nell'archiviazione. Si prega di salvare la libreria in un file locale per assicurarsi di non perdere le modifiche.", "collabSaveFailed": "Impossibile salvare nel database di backend. Se i problemi persistono, dovresti salvare il tuo file localmente per assicurarti di non perdere il tuo lavoro.", "collabSaveFailed_sizeExceeded": "Impossibile salvare nel database di backend, la tela sembra essere troppo grande. Dovresti salvare il file localmente per assicurarti di non perdere il tuo lavoro.", "imageToolNotSupported": "Le immagini sono disabilitate.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Selezione", + "lasso": "", "image": "Inserisci immagine", "rectangle": "Rettangolo", "diamond": "Rombo", @@ -246,16 +304,32 @@ "library": "Libreria", "lock": "Mantieni lo strumento selezionato attivo dopo aver disegnato", "penMode": "Modalità penna - previene il tocco", - "link": "Aggiungi/ aggiorna il link per una forma selezionata", + "link": "Aggiungi / aggiorna collegamento per una forma selezionata", "eraser": "Gomma", "frame": "Strumento riquadro", - "magicframe": "", + "magicframe": "Dal wireframe al codice", "embeddable": "Incorporamento Web", "laser": "Puntatore laser", "hand": "Mano (strumento di panoramica)", "extraTools": "Altri strumenti", - "mermaidToExcalidraw": "", - "magicSettings": "Impostazioni di IA" + "mermaidToExcalidraw": "Da Mermaid a Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Rettangolo", + "diamond": "Diamante", + "ellipse": "Ellisse", + "arrow": "Freccia", + "line": "Linea", + "freedraw": "Disegno libero", + "text": "Testo", + "image": "Immagine", + "group": "Gruppo", + "frame": "Cornice", + "magicframe": "Dal wireframe al codice", + "embeddable": "Incorporamento Web", + "selection": "Selezione", + "iframe": "IFrame" }, "headings": { "canvasActions": "Azioni sulla Tela", @@ -263,28 +337,33 @@ "shapes": "Forme" }, "hints": { - "canvasPanning": "Per spostare la tela, tieni premuta la rotellina del mouse o la barra spaziatrice mentre trascini oppure usa lo strumento mano", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Clicca per iniziare una linea in più punti, trascina per singola linea", + "arrowTool": "", "freeDraw": "Clicca e trascina, rilascia quando avrai finito", "text": "Suggerimento: puoi anche aggiungere del testo facendo doppio clic ovunque con lo strumento di selezione", "embeddable": "Fare click e trascina per creare un incorporamento web", - "text_selected": "Fai doppio click o premi INVIO per modificare il testo", - "text_editing": "Premi ESC o CtrlOCmd+INVIO per completare le modifiche", - "linearElementMulti": "Clicca sull'ultimo punto o premi Esc o Invio per finire", - "lockAngle": "Puoi limitare l'angolo tenendo premuto SHIFT", - "resize": "Per vincolare le proporzioni, tieni premuto MAIUSC durante il ridimensionamento;\nper ridimensionare dal centro, tieni premuto ALT", - "resizeImage": "Puoi ridimensionare liberamente tenendo premuto SHIFT,\ntieni premuto ALT per ridimensionare dal centro", - "rotate": "Puoi mantenere gli angoli tenendo premuto SHIFT durante la rotazione", - "lineEditor_info": "Tieni premuto Ctrl o Cmd e doppio clic oppure premi Ctrl o Cmd + Invio per modificare i punti", - "lineEditor_pointSelected": "Premi Elimina per rimuovere il punto(i),\nCtrlOCmd+D per duplicare o trascinare per spostare", - "lineEditor_nothingSelected": "Seleziona un punto da modificare (tieni premuto MAIUSC per selezionare più punti),\noppure tieni premuto Alt e fai clic per aggiungere nuovi punti", - "placeImage": "Fai click per posizionare l'immagine, o click e trascina per impostarne la dimensione manualmente", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Pubblica la tua libreria", - "bindTextToElement": "Premi invio per aggiungere il testo", - "deepBoxSelect": "Tieni premuto CtrlOCmd per selezionare in profondità e per impedire il trascinamento", - "eraserRevert": "Tieni premuto Alt per ripristinare gli elementi contrassegnati per l'eliminazione", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Questa funzione può essere abilitata impostando il flag \"dom.events.asyncClipboard.clipboardItem\" su \"true\". Per modificare i flag del browser in Firefox, visitare la pagina \"about:config\".", - "disableSnapping": "Tieni premuto Ctrl o Cmd per disabilitare lo snap" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Impossibile visualizzare l'anteprima", @@ -299,9 +378,12 @@ "openIssueMessage": "Siamo stati molto cauti nel non includere informazioni della scena nell'errore. Se la tua scena non è privata, ti preghiamo di considerare la sua inclusione nel nostro Per favore includi le informazioni riportate qui sotto copiandole e incollandole nella issue di GitHub.", "sceneContent": "Contenuto della scena:" }, + "shareDialog": { + "or": "O" + }, "roomDialog": { - "desc_intro": "Puoi invitare persone nella tua scena attuale per collaborare con te.", - "desc_privacy": "Non preoccuparti, la sessione utilizza la crittografia end-to-end, quindi qualsiasi cosa disegni rimarrà privata. Nemmeno il nostro server sarà in grado di vedere cosa hai creato.", + "desc_intro": "Invita altri a collaborare al tuo disegno.", + "desc_privacy": "Non preoccuparti, la sessione utilizza la crittografia end-to-end ed è completamente privata. Nemmeno il nostro server è in grado di vedere ciò che disegni.", "button_startSession": "Avvia sessione", "button_stopSession": "Termina sessione", "desc_inProgressIntro": "La sessione di collaborazione è attualmente in corso.", @@ -328,6 +410,8 @@ "click": "click", "deepSelect": "Selezione profonda", "deepBoxSelect": "Seleziona in profondità all'interno della casella e previene il trascinamento", + "createFlowchart": "Crea un diagramma di flusso da un elemento generico", + "navigateFlowchart": "Naviga un diagramma di flusso", "curvedArrow": "Freccia curva", "curvedLine": "Linea curva", "documentation": "Documentazione", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoom alla selezione", "toggleElementLock": "Blocca/sblocca selezione", "movePageUpDown": "Sposta la pagina su/giù", - "movePageLeftRight": "Sposta la pagina a sinistra/destra" + "movePageLeftRight": "Sposta la pagina a sinistra/destra", + "cropStart": "Ritaglia immagine", + "cropFinish": "Termina ritaglio immagine" }, "clearCanvasDialog": { "title": "Svuota la tela" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Angolo", - "element": "Elemento", - "elements": "Elementi", + "shapes": "Forme", "height": "Altezza", "scene": "Scena", "selected": "Selezionato", "storage": "Memoria", - "title": "Statistiche per nerd", + "fullTitle": "Proprietà della tela & forma", + "title": "Proprietà", + "generalStats": "Generale", + "elementProperties": "Proprietà delle forme", "total": "Totale", "version": "Versione", "versionCopy": "Clicca per copiare", @@ -439,13 +527,15 @@ "copyStyles": "Stili copiati.", "copyToClipboard": "Copiato negli appunti.", "copyToClipboardAsPng": "{{exportSelection}} copiato negli appunti come PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Copiato {{exportSelection}} negli appunti come SVG\n({{exportColorScheme}})", "fileSaved": "File salvato.", "fileSavedToFilename": "Salvato in {filename}", "canvas": "tela", "selection": "selezione", "pasteAsSingleElement": "Usa {{shortcut}} per incollare come un singolo elemento,\no incollare in un editor di testo esistente", "unableToEmbed": "Incorporare questo url non è permesso. Crea una issue su GitHub per richiedere che l'url sia autorizzato", - "unrecognizedLinkFormat": "Il link che hai incorporato non corrisponde al formato previsto. Prova a incollare la stringa 'embed' fornita dal sito di origine" + "unrecognizedLinkFormat": "Il link che hai incorporato non corrisponde al formato previsto. Prova a incollare la stringa 'embed' fornita dal sito di origine", + "elementLinkCopied": "Link copiato negli appunti" }, "colors": { "transparent": "Trasparente", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Colori personalizzati più utilizzati", "colors": "Colori", "shades": "Sfumature", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", + "title": "Da Mermaid a Excalidraw", "button": "Inserisci", - "description": "", - "syntax": "", + "description": "Attualmente sono supportati solo diagrammi di flusso, sequenza, e classe . Gli altri tipi saranno rappresentati come immagini in Excalidraw.", + "syntax": "Sintassi Mermaid", "preview": "Anteprima" + }, + "quickSearch": { + "placeholder": "Ricerca rapida" + }, + "fontList": { + "badge": { + "old": "vecchio" + }, + "sceneFonts": "In questa scena", + "availableFonts": "Font disponibili", + "empty": "Nessun font trovato" + }, + "userList": { + "empty": "Nessun utente trovato", + "hint": { + "text": "Clicca sull'utente per seguirlo", + "followStatus": "Stai attualmente seguendo questo utente", + "inCall": "Utente è in una chiamata vocale", + "micMuted": "Il microfono dell'utente è disattivato", + "isSpeaking": "L'utente sta parlando" + } + }, + "commandPalette": { + "title": "Comando della tavolozza", + "shortcuts": { + "select": "Selezione", + "confirm": "Conferma", + "close": "Chiudi" + }, + "recents": "Usate di recente", + "search": { + "placeholder": "Cerca menu, comandi e scopri gemme nascoste", + "noMatch": "Nessun comando corrisponde..." + }, + "itemNotAvailable": "Il comando non è disponibile...", + "shortcutHint": "Per i comandi della tavolozza, usa {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/ja-JP.json b/packages/excalidraw/locales/ja-JP.json index 611a8c6a83..8af0d56380 100644 --- a/packages/excalidraw/locales/ja-JP.json +++ b/packages/excalidraw/locales/ja-JP.json @@ -11,8 +11,8 @@ "copyAsPng": "PNGとしてクリップボードへコピー", "copyAsSvg": "SVGとしてクリップボードへコピー", "copyText": "テキストとしてクリップボードにコピー", - "copySource": "", - "convertToCode": "", + "copySource": "ソースをクリップボードにコピー", + "convertToCode": "コードに変換", "bringForward": "前面に移動", "sendToBack": "最背面に移動", "bringToFront": "最前面に移動", @@ -21,7 +21,9 @@ "copyStyles": "スタイルのコピー", "pasteStyles": "スタイルの貼り付け", "stroke": "線", + "changeStroke": "線の色を変更", "background": "背景", + "changeBackground": "背景色変更", "fill": "塗りつぶし", "strokeWidth": "線の太さ", "strokeStyle": "線の種類", @@ -38,12 +40,20 @@ "arrowhead_none": "なし", "arrowhead_arrow": "矢印", "arrowhead_bar": "バー", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "丸", + "arrowhead_circle_outline": "丸 (中抜き)", "arrowhead_triangle": "三角", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "三角 (中抜き)", + "arrowhead_diamond": "ひし形", + "arrowhead_diamond_outline": "ひし形 (中抜き)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "詳細設定", + "arrowtypes": "矢印の種類", + "arrowtype_sharp": "鋭い矢印", + "arrowtype_round": "曲線矢印", + "arrowtype_elbowed": "ひじ矢印", "fontSize": "フォントの大きさ", "fontFamily": "フォントの種類", "addWatermark": "\"Made with Excalidraw\"と表示", @@ -58,20 +68,21 @@ "hachure": "斜線", "zigzag": "ジグザグ", "crossHatch": "網掛け", - "thin": "細", + "thin": "細字", "bold": "太字", "left": "左寄せ", "center": "中央寄せ", "right": "右寄せ", "extraBold": "極太", - "architect": "正確", - "artist": "アート", - "cartoonist": "漫画風", + "architect": "建築家", + "artist": "アーティスト", + "cartoonist": "漫画家", "fileTitle": "ファイル名", - "colorPicker": "色選択", + "colorPicker": "カラーピッカー", "canvasColors": "キャンバス上で使用", "canvasBackground": "キャンバスの背景", "drawingCanvas": "キャンバスの描画", + "clearCanvas": "キャンバスを片付ける", "layers": "レイヤー", "actions": "操作", "language": "言語", @@ -84,19 +95,20 @@ "group": "グループ化", "ungroup": "グループ化を解除", "collaborators": "共同編集者", - "showGrid": "グリッドを表示", + "toggleGrid": "グリッドを切り替え", "addToLibrary": "ライブラリに追加", "removeFromLibrary": "ライブラリから削除", "libraryLoadingMessage": "ライブラリを読み込み中…", "libraries": "ライブラリを参照する", "loadingScene": "シーンを読み込み中…", + "loadScene": "ファイルからシーン", "align": "配置", "alignTop": "上揃え", "alignBottom": "下揃え", "alignLeft": "左揃え", "alignRight": "右揃え", - "centerVertically": "縦方向に中央揃え", - "centerHorizontally": "横方向に中央揃え", + "centerVertically": "垂直方向に中央揃え", + "centerHorizontally": "水平方向に中央揃え", "distributeHorizontally": "水平方向に分散配置", "distributeVertically": "垂直方向に分散配置", "flipHorizontal": "水平方向に反転", @@ -105,7 +117,9 @@ "share": "共有", "showStroke": "ストロークカラーピッカーを表示", "showBackground": "背景色ピッカーを表示", - "toggleTheme": "テーマの切り替え", + "showFonts": "フォント選択を表示", + "toggleTheme": "ライト/ダークテーマに変更", + "theme": "テーマ", "personalLib": "個人ライブラリ", "excalidrawLib": "Excalidrawライブラリ", "decreaseFontSize": "フォントサイズを縮小", @@ -115,16 +129,21 @@ "createContainerFromText": "コンテナ内でテキストを折り返す", "link": { "edit": "リンクを編集", - "editEmbed": "リンクの編集と埋め込み", - "create": "リンクを作成", - "createEmbed": "リンクの作成と埋め込み", + "editEmbed": "埋め込みリンク編集", + "create": "リンクを追加", "label": "リンク", "labelEmbed": "リンクと埋め込み", - "empty": "リンクが設定されていません" + "empty": "リンクが設定されていません", + "hint": "リンクを入力・貼り付け", + "goToElement": "対象要素に移動" }, "lineEditor": { "edit": "行を編集", - "exit": "行エディタを終了" + "editArrow": "矢印を編集" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "ロック", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "フレーム内のすべての要素を選択", "removeAllElementsFromFrame": "フレーム内のすべての要素を削除", "eyeDropper": "キャンバスから色を選択", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "テキストからダイアグラムを生成", + "prompt": "プロンプト", + "followUs": "フォローする", + "discordChat": "Discord チャット", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "まだアイテムが追加されていません…", "hint_emptyLibrary": "キャンバス上のアイテムを選択してここに追加するか、以下の公開リポジトリからライブラリをインストールしてください。", - "hint_emptyPrivateLibrary": "キャンバス上のアイテムを選択すると、ここに追加されます。" + "hint_emptyPrivateLibrary": "キャンバス上のアイテムを選択すると、ここに追加されます。", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "キャンバスで検索", + "noMatch": "一致なし…", + "singleResult": "結果", + "multipleResults": "結果数", + "placeholder": "キャンバス内のテキストを検索…", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "キャンバスのリセット", @@ -151,10 +204,11 @@ "exportImage": "画像のエクスポート...", "export": "名前を付けて保存...", "copyToClipboard": "クリップボードにコピー", + "copyLink": "リンクをコピー", "save": "現在のファイルに保存", "saveAs": "名前を付けて保存", "load": "開く", - "getShareableLink": "共有URLの取得", + "getShareableLink": "共有可能なリンクを取得する", "close": "閉じる", "selectLanguage": "言語の選択", "scrollBackToContent": "コンテンツまでスクロールで戻る", @@ -171,17 +225,19 @@ "fullScreen": "フルスクリーン", "darkMode": "ダークモード", "lightMode": "ライトモード", - "zenMode": "Zenモード", - "objectsSnapMode": "", + "systemMode": "システムモード", + "zenMode": "集中モード", + "objectsSnapMode": "オブジェクトにスナップ", "exitZenMode": "集中モードをやめる", "cancel": "キャンセル", + "saveLibNames": "", "clear": "消去", "remove": "削除", "embed": "埋め込みの切り替え", - "publishLibrary": "公開", + "publishLibrary": "", "submit": "送信", "confirm": "確認", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "クリックして操作" }, "alerts": { "clearReset": "この操作によってキャンバス全体が消えます。よろしいですか？", @@ -203,21 +259,22 @@ "invalidSceneUrl": "指定された URL からシーンをインポートできませんでした。不正な形式であるか、有効な Excalidraw JSON データが含まれていません。", "resetLibrary": "ライブラリを消去します。本当によろしいですか？", "removeItemsFromsLibrary": "{{count}} 個のアイテムをライブラリから削除しますか？", - "invalidEncryptionKey": "暗号化キーは22文字でなければなりません。ライブコラボレーションは無効化されています。", - "collabOfflineWarning": "インターネットに接続されていません。\n変更は保存されません！" + "invalidEncryptionKey": "暗号化キーは22文字でなければなりません。共同編集は無効化されています。", + "collabOfflineWarning": "インターネットに接続されていません。\n変更は保存されません！", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "サポートされていないファイル形式です。", "imageInsertError": "画像を挿入できませんでした。後でもう一度お試しください...", "fileTooBig": "ファイルが大きすぎます。許可される最大サイズは {{maxSize}} です。", "svgImageInsertError": "SVGイメージを挿入できませんでした。SVGマークアップは無効に見えます。", - "failedToFetchImage": "", - "invalidSVGString": "無効なSVGです。", + "failedToFetchImage": "画像の読み込みに失敗しました。", "cannotResolveCollabServer": "コラボレーションサーバに接続できませんでした。ページを再読み込みして、もう一度お試しください。", "importLibraryError": "ライブラリを読み込めませんでした。", + "saveLibraryError": "", "collabSaveFailed": "バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。", "collabSaveFailed_sizeExceeded": "キャンバスが大きすぎるため、バックエンドデータベースに保存できませんでした。問題が解決しない場合は、作業を失わないようにローカルにファイルを保存してください。", - "imageToolNotSupported": "", + "imageToolNotSupported": "画像ツールは使用不可です。", "brave_measure_text_error": { "line1": "Aggressly Block Fingerprinting の設定が有効なBraveブラウザを使用しているようです。", "line2": "これにより、図面の テキスト要素 が壊れる可能性があります。", @@ -225,16 +282,17 @@ "line4": "この設定を無効にすると、テキスト要素の表示が修正されません。 GitHub で Issue を開くか、 Discord にご記入ください" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "埋め込み要素はライブラリに追加できません。", + "iframe": "IFrame 要素はライブラリに追加できません。", + "image": "ライブラリに画像を追加する機能はもうすぐ実装されます！" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "貼り付けできませんでした (システムのクリップボードを読み取れませんでした)。", + "asyncPasteFailedOnParse": "貼り付けできませんでした。", + "copyToSystemClipboardFailed": "クリップボードにコピーできませんでした。" }, "toolBar": { "selection": "選択", + "lasso": "", "image": "画像を挿入", "rectangle": "矩形", "diamond": "ひし形", @@ -246,16 +304,32 @@ "library": "ライブラリ", "lock": "描画後も使用中のツールを選択したままにする", "penMode": "ペンモード - タッチ防止", - "link": "選択した図形のリンクを追加/更新", + "link": "", "eraser": "消しゴム", "frame": "フレームツール", - "magicframe": "", + "magicframe": "ワイヤーフレームからコードを生成", "embeddable": "Web埋め込み", - "laser": "", + "laser": "レーザーポインター", "hand": "手 (パンニングツール)", "extraTools": "その他のツール", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid を Excalidraw に変換", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "楕円", + "arrow": "", + "line": "", + "freedraw": "", + "text": "文字", + "image": "画像", + "group": "グループ", + "frame": "フレーム", + "magicframe": "ワイヤーフレームからコードを生成", + "embeddable": "", + "selection": "", + "iframe": "IFrame" }, "headings": { "canvasActions": "キャンバス操作", @@ -263,28 +337,33 @@ "shapes": "図形" }, "hints": { - "canvasPanning": "キャンバスを移動するには、マウスホイールまたはスペースバーを押しながらドラッグするか、手ツールを使用します", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "クリックすると複数の頂点からなる曲線を開始、ドラッグすると直線", + "arrowTool": "", "freeDraw": "クリックしてドラッグします。離すと終了します", "text": "ヒント: 選択ツールを使用して任意の場所をダブルクリックしてテキストを追加することもできます", - "embeddable": "", - "text_selected": "テキストを編集するには、ダブルクリックまたはEnterキーを押します", - "text_editing": "Esc キーまたは CtrlOrCmd+ENTER キーを押して編集を終了します", - "linearElementMulti": "最後のポイントをクリックするか、エスケープまたはEnterを押して終了します", - "lockAngle": "SHIFTを押したままにすると、角度を制限することができます", - "resize": "サイズを変更中にSHIFTを押すと縦横比を固定できます。Altを押すと中央からサイズを変更できます", - "resizeImage": "SHIFTを長押しすると自由にサイズを変更できます。\n中央からサイズを変更するにはALTを長押しします", - "rotate": "回転中にSHIFT キーを押すと角度を制限することができます", - "lineEditor_info": "CtrlOrCmd を押したままダブルクリックするか、CtrlOrCmd + Enter を押して点を編集します", - "lineEditor_pointSelected": "Deleteキーを押すと点を削除、CtrlOrCmd+Dで複製、マウスドラッグで移動", - "lineEditor_nothingSelected": "編集する点を選択（SHIFTを押したままで複数選択）、\nAltキーを押しながらクリックすると新しい点を追加", - "placeImage": "クリックして画像を配置するか、クリックしてドラッグしてサイズを手動で設定します", + "embeddable": "クリックしてドラッグし、ウェブサイトを埋め込む", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "自分のライブラリを公開", - "bindTextToElement": "Enterを押してテキストを追加", - "deepBoxSelect": "CtrlOrCmd を押し続けることでドラッグを抑止し、深い選択を行います", - "eraserRevert": "Alt を押し続けることで削除マークされた要素を元に戻す", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "この機能は、\"dom.events.asyncClipboard.clipboardItem\" フラグを \"true\" に設定することで有効になる可能性があります。Firefox でブラウザーの設定を変更するには、\"about:config\" ページを参照してください。", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "プレビューを表示できません", @@ -299,9 +378,12 @@ "openIssueMessage": "エラーに関するシーン情報を含めないように非常に慎重に設定しました。もしあなたのシーンがプライベートでない場合は、私たちのフォローアップを検討してください。 GitHub のIssueに以下の情報をコピーして貼り付けてください。", "sceneContent": "シーンの内容:" }, + "shareDialog": { + "or": "または" + }, "roomDialog": { - "desc_intro": "他の人を編集中のあなたの画面に招待して共同編集することができます。", - "desc_privacy": "このセッションはエンドツーエンド暗号化されており、描画内容は保護されています。運営サーバーからも内容は見えません。", + "desc_intro": "図面にコラボレーションするよう人々を招待します。", + "desc_privacy": "心配しないでください、セッションはエンドツーエンドで暗号化されており、完全にプライベートです。私たちのサーバーでさえも、あなたが描いたものを見ることができません。", "button_startSession": "セッションを開始する", "button_stopSession": "セッションを終了する", "desc_inProgressIntro": "共同編集セッションが有効になっています。", @@ -328,13 +410,15 @@ "click": "クリック", "deepSelect": "深い選択", "deepBoxSelect": "ボックス内の深い選択、およびドラッグの抑止", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "カーブした矢印", "curvedLine": "曲線", "documentation": "ドキュメント", "doubleClick": "ダブルクリック", "drag": "ドラッグ", "editor": "エディタ", - "editLineArrowPoints": "", + "editLineArrowPoints": "線/矢印の点を編集", "editText": "テキストの編集 / ラベルの追加", "github": "不具合報告はこちら", "howto": "ヘルプ・マニュアル", @@ -350,7 +434,9 @@ "zoomToSelection": "選択要素にズーム", "toggleElementLock": "選択したアイテムをロック/ロック解除", "movePageUpDown": "ページを上下に移動", - "movePageLeftRight": "ページを左右に移動" + "movePageLeftRight": "ページを左右に移動", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "キャンバスを消去" @@ -395,14 +481,14 @@ "header": "画像をエクスポート", "label": { "withBackground": "背景", - "onlySelected": "", + "onlySelected": "選択した図形のみ", "darkMode": "ダークモード", - "embedScene": "", + "embedScene": "シーンを埋め込む", "scale": "スケール", "padding": "余白" }, "tooltip": { - "embedScene": "" + "embedScene": "シーンデータをエクスポートする PNG/SVG ファイルに保存し、シーンを復元できるようにします。\nファイルサイズは増加します。" }, "title": { "exportToPng": "PNG にエクスポート", @@ -421,13 +507,15 @@ }, "stats": { "angle": "角度", - "element": "要素", - "elements": "要素", + "shapes": "", "height": "高さ", "scene": "シーン", "selected": "選択済み", "storage": "ストレージ", - "title": "詳細統計情報", + "fullTitle": "", + "title": "プロパティ", + "generalStats": "", + "elementProperties": "", "total": "合計", "version": "バージョン", "versionCopy": "クリックしてコピー", @@ -439,13 +527,15 @@ "copyStyles": "スタイルをコピーしました。", "copyToClipboard": "クリップボードにコピー", "copyToClipboardAsPng": "{{exportSelection}} を PNG 形式でクリップボードにコピーしました\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "ファイルを保存しました", "fileSavedToFilename": "{filename} に保存しました", "canvas": "キャンバス", "selection": "選択", "pasteAsSingleElement": "{{shortcut}} を使用して単一の要素として貼り付けるか、\n既存のテキストエディタに貼り付け", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "この URL の埋め込みは現在許可されていません。URL のホワイトリストへの追加をリクエストするには、GitHub で Issue を上げてください。", + "unrecognizedLinkFormat": "埋め込もうとしたリンクは期待するフォーマットと一致しません。埋め込み元のサイトで提供される「embed」の文字列を貼り付けてください。", + "elementLinkCopied": "" }, "colors": { "transparent": "透明", @@ -454,11 +544,11 @@ "red": "赤", "pink": "ピンク", "grape": "グレープ", - "violet": "バイオレット", + "violet": "紫", "gray": "灰色", "blue": "青", "cyan": "シアン", - "teal": "ティール", + "teal": "青緑", "green": "緑", "yellow": "黄", "orange": "オレンジ", @@ -478,23 +568,24 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "最も使用されているカスタム色", "colors": "色", "shades": "影", - "hexCode": "Hexコード", - "noShades": "" + "hexCode": "16進コード", + "noShades": "この色で利用できる影はありません" }, "overwriteConfirm": { "action": { "exportToImage": { "title": "画像としてエクスポート", "button": "画像としてエクスポート", - "description": "" + "description": "シーンデータを後でインポートできる画像としてエクスポートします。" }, "saveToDisk": { "title": "ディスクに保存", "button": "ディスクに保存", - "description": "" + "description": "シーンデータを後でインポートできるファイルにエクスポートします。" }, "excalidrawPlus": { "title": "Excalidraw+", @@ -506,20 +597,68 @@ "loadFromFile": { "title": "ファイルからロード", "button": "ファイルからロード", - "description": "" + "description": "ファイルからのロードは、現在の描画内容を置き換えます。

その前に、以下の選択肢のいずれかにより描画内容を保存できます。" }, "shareableLink": { "title": "リンクからロード", - "button": "", - "description": "" + "button": "描画内容を置き換える", + "description": "外部図面のロードは、現在の描画内容を置き換えます。

その前に、以下の選択肢のいずれかにより描画内容を保存できます。" } } }, "mermaid": { + "title": "Mermaid を Excalidraw に変換", + "button": "挿入", + "description": "現在、Flowchart、Sequence、Class のダイアグラムのみに対応しています。その他の種類は、Excalidraw では画像として描画されます。", + "syntax": "Mermaid 構文", + "preview": "プレビュー" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "このシーン内", + "availableFonts": "利用可能フォント", + "empty": "フォントなし" + }, + "userList": { + "empty": "ユーザーなし", + "hint": { + "text": "ユーザーをクリックしてフォロー", + "followStatus": "現在このユーザーをフォローしています", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "shortcuts": { + "select": "選択", + "confirm": "確認", + "close": "閉じる" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "コマンドパレットには{{shortcut}}を使用" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/kaa.json b/packages/excalidraw/locales/kaa.json index cdca8cbe69..f80f628fa2 100644 --- a/packages/excalidraw/locales/kaa.json +++ b/packages/excalidraw/locales/kaa.json @@ -9,8 +9,8 @@ "cut": "Qıyıw", "copy": "Kóshirip alıw", "copyAsPng": "Almasıw buferine PNG retinde kóshirip alıw", - "copyAsSvg": "Almasıw buferine SVG retinde kóshirip alıw", - "copyText": "Almasıw buferine tekst retinde kóshirip alıw", + "copyAsSvg": "", + "copyText": "", "copySource": "", "convertToCode": "", "bringForward": "", @@ -21,7 +21,9 @@ "copyStyles": "", "pasteStyles": "", "stroke": "Jiyek", + "changeStroke": "", "background": "Fon", + "changeBackground": "", "fill": "", "strokeWidth": "", "strokeStyle": "", @@ -35,7 +37,7 @@ "sharp": "", "round": "", "arrowheads": "", - "arrowhead_none": "Joq", + "arrowhead_none": "", "arrowhead_arrow": "Jebe", "arrowhead_bar": "", "arrowhead_circle": "", @@ -44,19 +46,27 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Shrift ólshemi", - "fontFamily": "Shrift toplamı", + "fontFamily": "", "addWatermark": "", "handDrawn": "", "normal": "", "code": "Kod", "small": "", - "medium": "Ortasha", + "medium": "", "large": "Úlken", "veryLarge": "Júdá úlken", "solid": "", "hachure": "", - "zigzag": "Zigzag", + "zigzag": "", "crossHatch": "", "thin": "Jińishke", "bold": "Qalıń", @@ -65,14 +75,15 @@ "right": "", "extraBold": "", "architect": "", - "artist": "Súwretshi", + "artist": "", "cartoonist": "", "fileTitle": "Fayl ataması", - "colorPicker": "Reńdi tańlaw", + "colorPicker": "", "canvasColors": "", "canvasBackground": "", "drawingCanvas": "", - "layers": "Qatlamlar", + "clearCanvas": "", + "layers": "", "actions": "Háreketler", "language": "Til", "liveCollaboration": "", @@ -84,12 +95,13 @@ "group": "", "ungroup": "", "collaborators": "Qatnasıwshılar", - "showGrid": "", + "toggleGrid": "", "addToLibrary": "Kitapxanaǵa qosıw", "removeFromLibrary": "Kitapxanadan alıp taslaw", "libraryLoadingMessage": "Kitapxana júklenbekte…", "libraries": "Kitapxanalardı kóriw", "loadingScene": "Saxna júklenbekte…", + "loadScene": "", "align": "", "alignTop": "", "alignBottom": "", @@ -105,7 +117,9 @@ "share": "Bólisiw", "showStroke": "", "showBackground": "", - "toggleTheme": "Temanı ózgertiw", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "Jeke kitapxana", "excalidrawLib": "Excalidraw kitapxanası", "decreaseFontSize": "Shrift ólshemin kishireytiw", @@ -116,15 +130,20 @@ "link": { "edit": "Siltemeni ózgertiw", "editEmbed": "", - "create": "Siltemeni jaratıw", - "createEmbed": "", + "create": "", "label": "Silteme", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Qatardı ózgertiw", - "exit": "Qatardı ózgertiw redaktorınan shıǵıw" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Qulıplaw", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "", @@ -151,6 +204,7 @@ "exportImage": "Súwretti eksportlaw...", "export": "Retinde saqlaw...", "copyToClipboard": "Almasıw buferine kóshirip alındı", + "copyLink": "", "save": "Ámeldegi faylǵa saqlaw", "saveAs": "Retinde saqlaw", "load": "Ashıw", @@ -171,14 +225,16 @@ "fullScreen": "Tolıq ekran", "darkMode": "Qarańǵı tema", "lightMode": "Jaqtı tema", + "systemMode": "", "zenMode": "", "objectsSnapMode": "", "exitZenMode": "", "cancel": "Biykarlaw", + "saveLibNames": "", "clear": "Tazalaw", "remove": "Óshiriw", "embed": "", - "publishLibrary": "Jariyalaw", + "publishLibrary": "", "submit": "Jiberiw", "confirm": "Tastıyıqlaw", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "", @@ -212,9 +269,9 @@ "fileTooBig": "", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "Jaramsız SVG.", "cannotResolveCollabServer": "", "importLibraryError": "Kitapxananı júklew ámelge aspadı", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "", + "lasso": "", "image": "Súwret qoyıw", "rectangle": "Tórt múyeshlik", "diamond": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "", @@ -263,8 +337,10 @@ "shapes": "Figuralar" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "", + "arrowTool": "", "freeDraw": "", "text": "", "embeddable": "", @@ -276,18 +352,21 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", - "bindTextToElement": "Tekst qosıw ushın Enter túymesin basıń", + "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { - "cannotShowPreview": "Aldınnan kóriwdi kórsetiw múmkin emes", + "cannotShowPreview": "", "canvasTooBig": "", "canvasTooBigTip": "" }, @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -328,6 +410,8 @@ "click": "basıw", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "Hújjetshilik", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -366,15 +452,15 @@ "website": "Veb-sayt", "placeholder": { "authorName": "Atıńız yamasa paydalanıwshı atı", - "libraryName": "Kitapxanańız ataması", + "libraryName": "", "libraryDesc": "", "githubHandle": "", "twitterHandle": "", - "website": "Jeke veb-saytıńız yamasa basqa saytqa silteme (májbúriy emes)" + "website": "" }, "errors": { - "required": "Májbúriy", - "website": "Jaramlı URL mánzil kirgiziń" + "required": "", + "website": "" }, "noteDescription": "", "noteGuidelines": "", @@ -384,7 +470,7 @@ "republishWarning": "" }, "publishSuccessDialog": { - "title": "Kitapxana jiberildi", + "title": "", "content": "" }, "confirmDialog": { @@ -398,7 +484,7 @@ "onlySelected": "", "darkMode": "Qarańǵı tema", "embedScene": "", - "scale": "Kólem", + "scale": "", "padding": "" }, "tooltip": { @@ -410,8 +496,8 @@ "copyPngToClipboard": "" }, "button": { - "exportToPng": "PNG", - "exportToSvg": "SVG", + "exportToPng": "", + "exportToSvg": "", "copyPngToClipboard": "Almasıw buferine kóshirip alıw" } }, @@ -421,31 +507,35 @@ }, "stats": { "angle": "", - "element": "Element", - "elements": "Elementler", + "shapes": "", "height": "", "scene": "Saxna", "selected": "Tańlandı", "storage": "", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "Versiya", "versionCopy": "Kóshirip alıw ushın basıń", "versionNotAvailable": "", - "width": "Eni" + "width": "" }, "toast": { "addedToLibrary": "Kitapxanaǵa qosıldı", "copyStyles": "", "copyToClipboard": "Almasıw buferine kóshirip alındı.", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "Fayl saqlandı.", "fileSavedToFilename": "{filename} saqlandı", "canvas": "", "selection": "", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -467,18 +557,19 @@ "welcomeScreen": { "app": { "center_heading": "", - "center_heading_plus": "Excalidraw+ ge ótiwdi qáleysiz be?", + "center_heading_plus": "", "menuHint": "Eksportlaw, sazlawlar, tiller, ..." }, "defaults": { "menuHint": "Eksportlaw, sazlawlar hám basqa...", - "center_heading": "Diagrammalar. Ápiwayı.", + "center_heading": "", "toolbarHint": "", "helpHint": "" } }, "colorPicker": { - "mostUsedCustomColors": "Kóp qollanılatuǵın arnawlı reńler", + "color": "", + "mostUsedCustomColors": "", "colors": "Reńler", "shades": "", "hexCode": "", @@ -497,7 +588,7 @@ "description": "" }, "excalidrawPlus": { - "title": "Excalidraw+", + "title": "", "button": "", "description": "" } @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/kab-KAB.json b/packages/excalidraw/locales/kab-KAB.json index ed10f51d05..41a84b3dfe 100644 --- a/packages/excalidraw/locales/kab-KAB.json +++ b/packages/excalidraw/locales/kab-KAB.json @@ -21,7 +21,9 @@ "copyStyles": "Nɣel iɣunab", "pasteStyles": "Senṭeḍ iɣunab", "stroke": "Azizdew", + "changeStroke": "", "background": "Agilal", + "changeBackground": "", "fill": "Taččart", "strokeWidth": "Tehri n yizirig", "strokeStyle": "Aɣanib n tizirig", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Tiddi n tsefsit", "fontFamily": "Tawacult n tsefsiyin", "addWatermark": "Seddu \"Yettwaxdem s Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Yettwaseqdec di teɣzut n usuneɣ", "canvasBackground": "Agilal n teɣzut n usuneɣ", "drawingCanvas": "Taɣzut n usuneɣ", + "clearCanvas": "", "layers": "Tissiyin", "actions": "Tigawin", "language": "Tutlayt", @@ -84,12 +95,13 @@ "group": "Segrew tafrayt", "ungroup": "Kkess asegrew i tefrayt", "collaborators": "Imɛiwnen", - "showGrid": "Beqqeḍ aferrug", + "toggleGrid": "", "addToLibrary": "Rnu ɣer temkarḍit", "removeFromLibrary": "Kkes si temkarḍit", "libraryLoadingMessage": "Asali n temkarḍit…", "libraries": "Snirem timkarḍiyin", "loadingScene": "Asali n usayes…", + "loadScene": "", "align": "Reyyec", "alignTop": "Areyyec uksawen", "alignBottom": "Areyyec ukessar", @@ -105,7 +117,9 @@ "share": "Bḍu", "showStroke": "Beqqeḍ amelqaḍ n yini n yizirig", "showBackground": "Beqqeḍ amelqaḍ n yini n ugilal", - "toggleTheme": "Snifel asentel", + "showFonts": "", + "toggleTheme": "", + "theme": "Asentel", "personalLib": "Tamkarḍit tudmawant", "excalidrawLib": "Tamkarḍit n Excalidraw", "decreaseFontSize": "Senqes tiddi n tsefsit", @@ -116,15 +130,20 @@ "link": { "edit": "Ẓreg aseɣwen", "editEmbed": "", - "create": "Snulfu-d aseɣwen", - "createEmbed": "", + "create": "Rnu asaɣ", "label": "Aseɣwen", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Ẓreg izirig", - "exit": "Ffeɣ seg umaẓrag n yizirig" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Sekkeṛ", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "Ḍfeṛ-aɣ-d", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Ulac iferdisen yettwarnan yakan...", "hint_emptyLibrary": "Fren aferdis di teɣzut nusuneɣ akken at-ternuḍ dagi, neɣ sbedd tamkarḍit seg usarsay azayez, ukessar-agi.", - "hint_emptyPrivateLibrary": "Fren aferdis di teɣzut nusuneɣ akken at-ternuḍ dagi." + "hint_emptyPrivateLibrary": "Fren aferdis di teɣzut nusuneɣ akken at-ternuḍ dagi.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Ales awennez n teɣzut n usuneɣ", @@ -151,6 +204,7 @@ "exportImage": "Sifeḍ tugna...", "export": "Sekles di...", "copyToClipboard": "Nɣel ɣer tecfawit", + "copyLink": "Nɣel asaɣ", "save": "Sekles deg ufaylu amiran", "saveAs": "Sekles am", "load": "Ldi", @@ -171,14 +225,16 @@ "fullScreen": "Agdil aččuran", "darkMode": "Askar imsulles", "lightMode": "Askar afaw", + "systemMode": "", "zenMode": "Askar Zen", "objectsSnapMode": "", "exitZenMode": "Ffeɣ seg uskar Zen", "cancel": "Sefsex", + "saveLibNames": "", "clear": "Sfeḍ", "remove": "Kkes", "embed": "", - "publishLibrary": "Ẓreg", + "publishLibrary": "", "submit": "Azen", "confirm": "Sentem", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Ayagi ad isfeḍ tamkarḍit-inek•m. Tetḥeqqeḍ?", "removeItemsFromsLibrary": "Ad tekkseḍ {{count}} n uferdis (en) si temkarḍit?", "invalidEncryptionKey": "Tasarut n uwgelhen isefk ad tesɛu 22 n yiekkilen. Amɛiwen srid yensa.", - "collabOfflineWarning": "Ulac tuqqna n internet.\nIbedilen-ik ur ttwaklasen ara!" + "collabOfflineWarning": "Ulac tuqqna n internet.\nIbedilen-ik ur ttwaklasen ara!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Anaw n ufaylu ur yettwasefrak ara.", @@ -212,9 +269,9 @@ "fileTooBig": "Afaylu meqqer aṭas. Tiddi tafellayt yurgen d {{maxSize}}.", "svgImageInsertError": "D awezɣi tugra n tugna SVG. Acraḍ SVG yettban-d d armeɣtu.", "failedToFetchImage": "", - "invalidSVGString": "SVG armeɣtu.", "cannotResolveCollabServer": "Ulamek tuqqna s aqeddac n umyalel. Ma ulac uɣilif ales asali n usebter sakin eɛreḍ tikkelt-nniḍen.", "importLibraryError": "Ur d-ssalay ara tamkarḍit", + "saveLibraryError": "", "collabSaveFailed": "Ulamek asekles deg uzadur n yisefka deg ugilal. Ma ikemmel wugur, isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.", "collabSaveFailed_sizeExceeded": "Ulamek asekles deg uzadur n yisefka deg ugilal, taɣzut n usuneɣ tettban-d temqer aṭas. Isefk ad teskelseḍ afaylu s wudem adigan akken ad tetḥeqqeḍ ur tesruḥuyeḍ ara amahil-inek•inem.", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Tafrayt", + "lasso": "", "image": "Ger tugna", "rectangle": "Asrem", "diamond": "Ameɣṛun", @@ -246,7 +304,7 @@ "library": "Tamkarḍit", "lock": "Eǧǧ afecku n tefrayt yermed mbaɛd asuneɣ", "penMode": "Askar n yimru - gdel tanalit", - "link": "Rnu/leqqem aseɣwen i talɣa yettwafernen", + "link": "", "eraser": "Sfeḍ", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "Afus (afecku n usmutti n tmuɣli)", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "Asrem", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "Izirig", + "freedraw": "", + "text": "Aḍris", + "image": "Tugna", + "group": "Sigrew", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Tigawin n teɣzut n usuneɣ", @@ -263,28 +337,33 @@ "shapes": "Talɣiwin" }, "hints": { - "canvasPanning": "Akken ad tesmuttiḍ taɣzut n usuneɣ, ṭṭef ṛṛuda n umumed, neɣ seqdec afecku Afus", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Ssit akken ad tebduḍ aṭas n tenqiḍin, zuɣer i yiwen n yizirig", + "arrowTool": "", "freeDraw": "Ssit yerna zuɣer, serreḥ ticki tfukeḍ", "text": "Tixidest: tzemreḍ daɣen ad ternuḍ aḍris s usiti snat n tikkal anida tebɣiḍ s ufecku n tefrayt", "embeddable": "", - "text_selected": "Ssit snat n tikkal neɣ ssed taqeffalt Kcem akken ad tẓergeḍ aḍris", - "text_editing": "Ssit Escape neɣ CtrlOrCmd+ENTER akken ad tfakkeḍ asiẓreg", - "linearElementMulti": "Ssit ɣef tenqiḍt taneggarut neɣ ssed taqeffalt Escape neɣ taqeffalt Kcem akken ad tfakkeḍ", - "lockAngle": "Tzemreḍ ad tḥettmeḍ tiɣmert s tuṭṭfa n tqeffalt SHIFT", - "resize": "Tzemreḍ ad tḥettemeḍ assaɣ s tuṭṭfa n tqeffalt SHIFT mi ara tettbeddileḍ tiddi,\nma teṭṭfeḍ ALT abeddel n tiddi ad yili si tlemmast", - "resizeImage": "Tzemreḍ ad talseḍ tiddi s tilelli s tuṭṭfa n SHIFT,\nṭṭef ALT akken ad talseḍ tiddi si tlemmast", - "rotate": "Tzemreḍ ad tḥettemeḍ tiɣemmar s tuṭṭfa n SHIFT di tuzzya", - "lineEditor_info": "Ssed ɣef CtrlOrCmd yerna ssit snat n tikkal neɣ ssed ɣef CtrlOrCmd + Kcem akken ad tẓergeḍ tineqqiḍin", - "lineEditor_pointSelected": "Ssed taqeffalt kkes akken ad tekkseḍ tanqiḍ (tinqiḍin),\nCtrlOrCmd+D akken ad tsiselgeḍ, neɣ zuɣer akken ad tesmuttiḍ", - "lineEditor_nothingSelected": "Fren tanqiḍt akken ad tẓergeḍ (ṭṭef SHIFT akken ad tferneḍ aṭas),\nneɣ ṭṭef Alt akken ad ternuḍ tinqiḍin timaynutin", - "placeImage": "Ssit akken ad tserseḍ tugna, neɣ ssit u zuɣer akken ad tesbaduḍ tiddi-ines s ufus", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Siẓreg tamkarḍit-inek•inem", - "bindTextToElement": "Ssed ɣef kcem akken ad ternuḍ aḍris", - "deepBoxSelect": "Ṭṭef CtrlOrCmd akken ad tferneḍ s telqey, yerna ad trewleḍ i uzuɣer", - "eraserRevert": "Ssed Alt akken ad tsefsxeḍ iferdisen yettwacerḍen i tukksa", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Ulamek abeqqeḍ n teskant", @@ -299,9 +378,12 @@ "openIssueMessage": "Nḥuder aṭas akken ur nseddu ara talɣut n usayes-inek (m) di tuccḍa. Ma yella asayes-inek (m) mačči d amaẓlay, ttxil-k (m) xemmem ad ḍefreḍ Ma ulac uɣilif seddu talɣut ukessar-agi s wenɣal akked usenṭeḍ di GitHub issue.", "sceneContent": "Agbur n usayes:" }, + "shareDialog": { + "or": "Neɣ" + }, "roomDialog": { - "desc_intro": "Tzemreḍ ad d-teɛerḍeḍ medden ɣer usayes-inek (m) amiran akken ad ttekkin yid-k.", - "desc_privacy": "Ur tqelliq ara, tiɣimit tsseqdac awgelhen ixef s ixef, dɣa ayen ara tsunɣeḍ ad iqqim d amaẓlay. Ula d aqeddac-nneɣ ur yezmir ara ad iwali acu txeddemeḍ.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Bdu tiɣimit", "button_stopSession": "Ḥbes tiɣimit", "desc_inProgressIntro": "Tiɣimit n umɛawen s srid tetteddu akka tura.", @@ -328,6 +410,8 @@ "click": "ssit", "deepSelect": "Afran s telqey", "deepBoxSelect": "Afran s telqey s tnaka, yerna ad tyrewleḍ i uzuɣer", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Taneccabt izelgen", "curvedLine": "Izirig izelgen", "documentation": "Tasemlit", @@ -350,7 +434,9 @@ "zoomToSelection": "Simɣur ɣer tefrayt", "toggleElementLock": "Sekkeṛ/kkes asekker i tefrayt", "movePageUpDown": "Smutti asebter d asawen/akessar", - "movePageLeftRight": "Smutti asebter s azelmaḍ/ayfus" + "movePageLeftRight": "Smutti asebter s azelmaḍ/ayfus", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Sfeḍ taɣzut n usuneɣ" @@ -410,7 +496,7 @@ "copyPngToClipboard": "" }, "button": { - "exportToPng": "", + "exportToPng": "PNG", "exportToSvg": "", "copyPngToClipboard": "" } @@ -421,13 +507,15 @@ }, "stats": { "angle": "Tiɣmeṛt", - "element": "Aferdis", - "elements": "Iferdisen", + "shapes": "", "height": "Tattayt", "scene": "Asayes", "selected": "Yettwafren", "storage": "Aḥraz", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "Aɣrud", "version": "Alqem", "versionCopy": "Sit ad tneɣleḍ", @@ -439,29 +527,31 @@ "copyStyles": "Iɣunab yettwaneɣlen.", "copyToClipboard": "Yettwaɣel ɣer tecfawit.", "copyToClipboardAsPng": "{{exportSelection}} yettwanɣel ɣer tecfawit am PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Afaylu yettwasekles.", "fileSavedToFilename": "Yettwasekles di {filename}", "canvas": "taɣzut n usuneɣ", "selection": "tafrayt", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Afrawan", - "black": "", - "white": "", - "red": "", - "pink": "", + "black": "Aberkan", + "white": "Amellal", + "red": "Azeggaɣ", + "pink": "Axuxi", "grape": "", - "violet": "", - "gray": "", - "blue": "", + "violet": "Aṛzaz", + "gray": "Aɣiɣdi", + "blue": "Azegzaw", "cyan": "", "teal": "", - "green": "", - "yellow": "", - "orange": "", + "green": "Adal", + "yellow": "Awraɣ", + "orange": "Ačinawi", "bronze": "" }, "welcomeScreen": { @@ -478,8 +568,9 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", - "colors": "", + "colors": "Initen", "shades": "", "hexCode": "", "noShades": "" @@ -492,12 +583,12 @@ "description": "" }, "saveToDisk": { - "title": "", - "button": "", + "title": "Sekles ar uḍebsi", + "button": "Sekles ar uḍebsi", "description": "" }, "excalidrawPlus": { - "title": "", + "title": "Excalidraw+", "button": "", "description": "" } @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/kk-KZ.json b/packages/excalidraw/locales/kk-KZ.json index 9b11fcaffe..537ccf8129 100644 --- a/packages/excalidraw/locales/kk-KZ.json +++ b/packages/excalidraw/locales/kk-KZ.json @@ -21,7 +21,9 @@ "copyStyles": "Стильдерді көшіру", "pasteStyles": "Стильдерді қою", "stroke": "", + "changeStroke": "", "background": "", + "changeBackground": "", "fill": "", "strokeWidth": "", "strokeStyle": "", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Қаріп өлшемі", "fontFamily": "Қаріп тобы", "addWatermark": "", @@ -72,6 +82,7 @@ "canvasColors": "", "canvasBackground": "", "drawingCanvas": "", + "clearCanvas": "", "layers": "", "actions": "", "language": "Тіл", @@ -84,12 +95,13 @@ "group": "", "ungroup": "", "collaborators": "", - "showGrid": "", + "toggleGrid": "", "addToLibrary": "", "removeFromLibrary": "", "libraryLoadingMessage": "", "libraries": "", "loadingScene": "", + "loadScene": "", "align": "", "alignTop": "", "alignBottom": "", @@ -105,7 +117,9 @@ "share": "", "showStroke": "", "showBackground": "", + "showFonts": "", "toggleTheme": "", + "theme": "", "personalLib": "", "excalidrawLib": "", "decreaseFontSize": "", @@ -117,14 +131,19 @@ "edit": "", "editEmbed": "", "create": "", - "createEmbed": "", "label": "", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "", + "copyLink": "", "save": "", "saveAs": "", "load": "", @@ -171,10 +225,12 @@ "fullScreen": "", "darkMode": "", "lightMode": "", + "systemMode": "", "zenMode": "", "objectsSnapMode": "", "exitZenMode": "", "cancel": "", + "saveLibNames": "", "clear": "", "remove": "", "embed": "", @@ -204,7 +260,8 @@ "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "", @@ -212,9 +269,9 @@ "fileTooBig": "Файл өте үлкен. Максималды рұқсат етілген көлем {{maxSize}}.", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "", "cannotResolveCollabServer": "", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "", + "lasso": "", "image": "Суретті қою", "rectangle": "", "diamond": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "", @@ -263,8 +337,10 @@ "shapes": "" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "", + "arrowTool": "", "freeDraw": "", "text": "", "embeddable": "", @@ -276,15 +352,18 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "", @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -328,6 +410,8 @@ "click": "шерту", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Майысқан нұсқар", "curvedLine": "Майысқан сызық", "documentation": "Құжаттама", @@ -350,7 +434,9 @@ "zoomToSelection": "Таңдалғанды үлкейту", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Бұрыш", - "element": "Элемент", - "elements": "Элементтер", + "shapes": "", "height": "Биіктігі", "scene": "Сахна", "selected": "Таңдалды", "storage": "Сақтау көлемі", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "Барлығы", "version": "Нұсқа", "versionCopy": "Көшіру үшін басыңыз", @@ -439,13 +527,15 @@ "copyStyles": "Стильдер көшірілді.", "copyToClipboard": "", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "Файл сақталды.", "fileSavedToFilename": "{filename} сақталды", "canvas": "", "selection": "таңдау", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/km-KH.json b/packages/excalidraw/locales/km-KH.json index 3aca3ce9b7..63db8479e9 100644 --- a/packages/excalidraw/locales/km-KH.json +++ b/packages/excalidraw/locales/km-KH.json @@ -21,7 +21,9 @@ "copyStyles": "ចម្លងរចនាប័ទ្ម", "pasteStyles": "បិទភ្ជាប់រចនាប័ទ្ម", "stroke": "ខ្វាច់", + "changeStroke": "", "background": "ផ្ទៃខាងក្រោយ", + "changeBackground": "", "fill": "បំពេញ", "strokeWidth": "ទទឹងខ្វាច់", "strokeStyle": "រចនាប័ទ្មរបស់ខ្វាច់", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "ទំហំពុម្ពអក្សរ", "fontFamily": "ក្រុម​ពុម្ពអក្សរ", "addWatermark": "បន្ថែមវ៉ាត់ធើម៉ាក \"Made with Excalidraw\"", @@ -55,8 +65,8 @@ "large": "ធំ", "veryLarge": "ធំខ្លាំង", "solid": "តាន់", - "hachure": "Hachure", - "zigzag": "Zigzag", + "hachure": "", + "zigzag": "", "crossHatch": "បន្ទាត់ឆ្នូតៗ", "thin": "ស្តើង", "bold": "ដឹត", @@ -72,6 +82,7 @@ "canvasColors": "ប្រើលើបាវ", "canvasBackground": "ផ្ទៃខាងក្រោយបាវ", "drawingCanvas": "តំបន់គំនូរ", + "clearCanvas": "", "layers": "ស្រទាប់", "actions": "សកម្មភាព", "language": "ភាសា", @@ -84,12 +95,13 @@ "group": "ការជ្រើសរើសជាក្រុម", "ungroup": "បំបែកក្រុមការជ្រើសរើសជាក្រុម", "collaborators": "អ្នកសហការ", - "showGrid": "បង្ហាញក្រឡាចត្រង្គ", + "toggleGrid": "", "addToLibrary": "បន្ថែមទៅបណ្ណាល័យ", "removeFromLibrary": "លុបចេញពីបណ្ណាល័យ", "libraryLoadingMessage": "កំពុងផ្ទុកបណ្ណាល័យ...", "libraries": "រកមើលបណ្ណាល័យ", "loadingScene": "កំពុង​ផ្ទុក​ស៊ីន...", + "loadScene": "", "align": "តម្រឹម", "alignTop": "តម្រឹមផ្នែកខាងលើ", "alignBottom": "តម្រឹមផ្នែកខាងក្រោម", @@ -105,7 +117,9 @@ "share": "ចែករំលែក", "showStroke": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ខ្វាច់", "showBackground": "បង្ហាញឧបករណ៍ជ្រើសរើសពណ៌ផ្ទៃខាងក្រោយ", - "toggleTheme": "បិទ/បើកប្រធានបទ", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "បណ្ណាល័យផ្ទាល់ខ្លួន", "excalidrawLib": "បណ្ណាល័យ Excalidraw", "decreaseFontSize": "បន្ថយទំហំពុម្ពអក្សរ", @@ -116,15 +130,20 @@ "link": { "edit": "កែតំណភ្ជាប់", "editEmbed": "", - "create": "បង្កើតតំណភ្ជាប់", - "createEmbed": "", + "create": "", "label": "តំណ", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "កែសម្រួលបន្ទាត់", - "exit": "ចាកចេញពីការកែសម្រួលបន្ទាត់" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "ចាក់សោ", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "មិនទាន់មានធាតុបន្ថែមទេ...", "hint_emptyLibrary": "ជ្រើសរើសធាតុនៅលើបាវដើម្បីបន្ថែមវានៅទីនេះ ឬដំឡើងបណ្ណាល័យពីឃ្លាំងសាធារណៈខាងក្រោម។", - "hint_emptyPrivateLibrary": "ជ្រើសរើសធាតុនៅលើបាវដើម្បីបន្ថែមវានៅទីនេះ" + "hint_emptyPrivateLibrary": "ជ្រើសរើសធាតុនៅលើបាវដើម្បីបន្ថែមវានៅទីនេះ", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "កំណត់បាវឡើងវិញ", @@ -151,6 +204,7 @@ "exportImage": "នាំរូបភាពចេញ", "export": "រក្សាទុក​នៅ...", "copyToClipboard": "ចម្លងទៅក្តារតម្បៀតខ្ទាស់", + "copyLink": "", "save": "រក្សាទុកទៅឯកសារបច្ចុប្បន្ន", "saveAs": "រក្សាទុក​ជា", "load": "បើក", @@ -171,14 +225,16 @@ "fullScreen": "ពេញ​អេក្រង់", "darkMode": "ម៉ូដងងឹត", "lightMode": "ម៉ូដភ្លឺ", + "systemMode": "", "zenMode": "ម៉ូត Zen", "objectsSnapMode": "", "exitZenMode": "ចេញពី zen​ ម៉ូត", "cancel": "បោះបង់", + "saveLibNames": "", "clear": "សម្អាត", "remove": "ដកចេញ", "embed": "", - "publishLibrary": "បោះពុម្ពផ្សាយ", + "publishLibrary": "", "submit": "ដាក់​ស្នើ", "confirm": "បញ្ជាក់", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "វានឹងសម្អាតបាវទាំងមូល។ តើ​អ្នក​ប្រាកដ​ឬ​អត់?", "removeItemsFromsLibrary": "តើអ្នកប្រាកដថាចង់លុប {{count}} ធាតុចេញពីបណ្ណាល័យទេ?", "invalidEncryptionKey": "សោអ៊ីនគ្រីបត្រូវតែមាន 22 តួអក្សរ។ ការសហការផ្ទាល់ត្រូវបានបិទ។", - "collabOfflineWarning": "គ្មានការតភ្ជាប់អ៊ីនធឺណិត។\nការផ្លាស់ប្តូររបស់អ្នកនឹងមិនត្រូវបានរក្សាទុកទេ!" + "collabOfflineWarning": "គ្មានការតភ្ជាប់អ៊ីនធឺណិត។\nការផ្លាស់ប្តូររបស់អ្នកនឹងមិនត្រូវបានរក្សាទុកទេ!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "ប្រភេទឯកសារមិនត្រូវបានគាំទ្រទេ។", @@ -212,9 +269,9 @@ "fileTooBig": "ឯកសារធំពេក។ ទំហំអតិបរមាដែលអនុញ្ញាតគឺ {{maxSize}}។", "svgImageInsertError": "មិនអាចបញ្ចូលរូបភាព SVG បានទេ។ ស្លាក SVG ហាក់ដូចជាមិនត្រឹមត្រូវ។", "failedToFetchImage": "", - "invalidSVGString": "SVG មិន​ត្រឹមត្រូវ។", "cannotResolveCollabServer": "មិនអាចភ្ជាប់ទៅម៉ាស៊ីនមេសហការផ្ទាល់បានទេ។ សូមផ្ទុកទំព័រឡើងវិញ ហើយព្យាយាមម្តងទៀត។", "importLibraryError": "មិនអាចផ្ទុកបណ្ណាល័យបានទេ។", + "saveLibraryError": "", "collabSaveFailed": "មិនអាចរក្សាទុកទៅម៉ាស៊ីនមេបានទេ។ ប្រសិនបើបញ្ហានៅតែបន្តកើតមាន​ អ្នកគួរតែរក្សាទុកឯកសាររបស់អ្នកនៅលើកុំព្យូទ័ររបស់អ្នកសិន ដើម្បីធានាថាការងាររបស់អ្នកមិនបាត់បង់។", "collabSaveFailed_sizeExceeded": "មិនអាចរក្សាទុកទៅម៉ាស៊ីនមេបានទេ, ផ្ទាំងបាវហាក់ដូចជាធំពេក។ អ្នកគួរតែរក្សាទុកឯកសាររបស់អ្នកនៅលើកុំព្យូទ័ររបស់អ្នកសិន ដើម្បីធានាថាការងាររបស់អ្នកមិនបាត់បង់។", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "ការជ្រើសរើស", + "lasso": "", "image": "បញ្ចូលរូបភាព", "rectangle": "ចតុ​កោណ​កែង​", "diamond": "ពេជ្រ", @@ -246,7 +304,7 @@ "library": "បណ្ណាល័យ", "lock": "រក្សារឧបករណ៍ដែលបានជ្រើសរើសបន្ទាប់ពីគូររួច", "penMode": "របៀបប៊ិច - ជៀសវាងការប៉ះ", - "link": "បន្ថែម/ធ្វើបច្ចុប្បន្នភាពតំណភ្ជាប់សម្រាប់រូបរាងដែលបានជ្រើសរើស", + "link": "", "eraser": "ជ័រលុប", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "ដៃ (panning tool)", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "សកម្មភាពបាវ", @@ -263,28 +337,33 @@ "shapes": "រាង" }, "hints": { - "canvasPanning": "ដើម្បីផ្លាស់ទីបាវ សូមសង្កត់កង់កណ្ដុរឬគ្រាប់ចុចspacebarខណៈពេលកំពុងអូស ឬប្រើឧបករណ៍ដៃ។", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "ចុចដើម្បីបង្កើតចំណុចច្រើន អូសដើម្បីបង្កើតបន្ទាត់មួយ", + "arrowTool": "", "freeDraw": "ចុច​ហើយ​អូស លែង​ពេល​រួចរាល់", "text": "គន្លឹះ៖ អ្នកក៏អាចបន្ថែមអត្ថបទដោយចុចពីរដងនៅកន្លែងណាមួយដោយប្រើឧបករណ៍ជ្រើសរើស", "embeddable": "", - "text_selected": "ចុចពីរដង ឬចុច ENTER ដើម្បីកែសម្រួលអត្ថបទ", - "text_editing": "ចុច Escape ឬ CtrlOrCmd +ENTER ដើម្បីបញ្ចប់ការកែសម្រួល", - "linearElementMulti": "ចុចលើចំណុចចុងក្រោយ ឬចុច Esc/Enter ដើម្បីបញ្ចប់", - "lockAngle": "អ្នកអាចសង្កត់ Shift ដើម្បីកំណត់មុំ", - "resize": "អ្នកអាចសង្កត់ SHIFT ដើម្បីបងំ្ខឲមានសមាមាត្រ ខណៈពេលដែលប្តូរទំហំ\nសង្កត់ ALT ដើម្បីប្តូរទំហំពីកណ្តាល", - "resizeImage": "អ្នកអាចប្តូរទំហំរូបភាពដោយសេរីដោយសង្កត់ SHIFT,\nសង្កត់ ALT ដើម្បីប្តូរទំហំពីកណ្តាល", - "rotate": "អ្នកអាចសង្កត់ Shift ខណៈពេលកំពុងបង្វិល ដើម្បីកម្រិតមុំ", - "lineEditor_info": "សង្កត់ CtrlOrCmd ហើយចុចពីរដង ឬចុច CtrlOrCmd + Enter ដើម្បីកែសម្រួលចំណុច", - "lineEditor_pointSelected": "ចុច Delete ដើម្បីលុបចំណុច(ច្រើន)\nCtrlOrCmd+D ដើម្បីចម្លង, ឬអូសដើម្បីផ្លាស់ទី", - "lineEditor_nothingSelected": "ជ្រើសរើសចំណុចដែលត្រូវកែសម្រួល (សង្កត់ SHIFT ដើម្បីជ្រើសរើសច្រើនចំណុច)\nឬ សង្កត់ Alt ហើយចុចដើម្បីបន្ថែមចំណុចថ្មី។", - "placeImage": "ចុចដើម្បីដាក់រូបភាព ឬចុចហើយអូសដើម្បីកំណត់ទំហំរបស់រូបភាពដោយដៃ", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "បោះពុម្ពផ្សាយបណ្ណាល័យផ្ទាល់ខ្លួនរបស់អ្នក", - "bindTextToElement": "ចុច Enter ដើម្បីបន្ថែមអត្ថបទ", - "deepBoxSelect": "សង្កត់ CtrlOrCmd ដើម្បីជ្រើសរើសយ៉ាងជ្រៅ និងជៀសវាងការអូស", - "eraserRevert": "សង្កត់ Alt ដើម្បីដកការជ្រើសរើសធាតុដែលត្រូវបានសម្គាល់សម្រាប់ការលុប", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "បើកមុខងារនេះដោយកំណត់ទង់ \"dom.events.asyncClipboard.clipboardItem\" ទៅ \"true\" \nដើម្បីផ្លាស់ប្តូរទង់កម្មវិធីរុករកនៅក្នុង Firefox សូមចូលទៅកាន់ទំព័រ \"about:config\"។", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "មិនអាចបង្ហាញការមើលជាមុនបាន", @@ -299,9 +378,12 @@ "openIssueMessage": "យើងមានការប្រុងប្រយ័ត្នខ្លាំងណាស់ក្នុងការមិនបញ្ចូលព័ត៌មានរបស់ស៊ីនរបស់អ្នកទៅលើកំហុស។ ប្រសិនបើស៊ីនរបស់អ្នកមិនមានលក្ខណៈឯកជនទេ សូមពិចារណាបន្តទៅកាន់ សូមបញ្ចូលព័ត៌មានខាងក្រោមដោយចម្លង និងបិទភ្ជាប់វាទៅក្នុងបញ្ហារបស់ GitHub។", "sceneContent": "មាតិកាបាវ៖" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "អ្នកអាចអញ្ជើញអ្នកដទៃឱ្យសហការជាមួយអ្នកនៅលើស៊ីនបច្ចុប្បន្ន។", - "desc_privacy": "កុំបារម្ភ វគ្គប្រើការអ៊ិនគ្រីបពីចុងដល់ចប់ ដូច្នេះអ្វីដែលអ្នកគូរនឹងនៅតែជាឯកជន។ សូម្បីតែម៉ាស៊ីនមេរបស់យើងក៏នឹងមិនអាចមើលឃើញអ្វីដែលអ្នកកំពុងធ្វើដែរ។", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "ចាប់ផ្តើមវគ្គ", "button_stopSession": "បញ្ឈប់វគ្គ", "desc_inProgressIntro": "វគ្គសហការផ្ទាល់ឥឡូវនេះកំពុងដំណើរការ។", @@ -328,6 +410,8 @@ "click": "ចុច", "deepSelect": "ការជ្រើសរើសជាក្រុម", "deepBoxSelect": "ជ្រើសរើសជាក្រុម និង ជៀសវាងការអូសទាញផ្លាស់ទី", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "ព្រួញកោង", "curvedLine": "ព្រួញកោង", "documentation": "ឯកសារ", @@ -350,7 +434,9 @@ "zoomToSelection": "ពង្រីកទៅការជ្រើសរើស", "toggleElementLock": "ចាក់សោ/ដោះសោការជ្រើសរើស", "movePageUpDown": "ផ្លាស់ទីទំព័រឡើងលើ/ចុះក្រោម", - "movePageLeftRight": "ផ្លាស់ទីទំព័រទៅឆ្វេង/ស្ដាំ" + "movePageLeftRight": "ផ្លាស់ទីទំព័រទៅឆ្វេង/ស្ដាំ", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "សម្អាតបាវ" @@ -421,13 +507,15 @@ }, "stats": { "angle": "មុំ", - "element": "ធាតុ", - "elements": "ធាតុច្រើន", + "shapes": "", "height": "កម្ពស់", "scene": "ស៊ីន", "selected": "បានជ្រើសរើស", "storage": "ការផ្ទុក", - "title": "ស្ថិតិសម្រាប់ nerds", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "សរុប", "version": "ជំនាន់:", "versionCopy": "ចុចដើម្បីចម្លង", @@ -439,13 +527,15 @@ "copyStyles": "រចនាប័ទ្មត្រូវបានចម្លង។", "copyToClipboard": "បានចម្លងទៅក្ដារតម្បៀតខ្ទាស់។", "copyToClipboardAsPng": "បានចម្លង {{exportSelection}} ទៅក្ដារតម្បៀតខ្ទាស់ជា PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "ឯកសារត្រូវបានរក្សាទុក។", "fileSavedToFilename": "បានរក្សាទុកនៅក្នុង {filename}", "canvas": "តំបន់គំនូរ", "selection": "ការជ្រើសរើស", "pasteAsSingleElement": "ប្រើ {{shortcut}} ដើម្បីបិទភ្ជាប់ជាធាតុតែមួយ,\nឬបិទភ្ជាប់ទៅក្នុងកម្មវិធីនិពន្ធអត្ថបទដែលមានស្រាប់", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "ថ្លាមើលធ្លុះ", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "ពណ៌ផ្ទាល់ខ្លួនដែលប្រើច្រើនបំផុត", "colors": "ពណ៌", "shades": "ស្រមោល", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/ko-KR.json b/packages/excalidraw/locales/ko-KR.json index bb518ea347..eb70f66117 100644 --- a/packages/excalidraw/locales/ko-KR.json +++ b/packages/excalidraw/locales/ko-KR.json @@ -11,8 +11,8 @@ "copyAsPng": "클립보드로 PNG 이미지 복사", "copyAsSvg": "클립보드로 SVG 이미지 복사", "copyText": "클립보드로 텍스트 복사", - "copySource": "소스코드를 클립보드로 복사", - "convertToCode": "코드로 변환", + "copySource": "클립보드에 복사하기", + "convertToCode": "코드로 변환하기", "bringForward": "앞으로 가져오기", "sendToBack": "맨 뒤로 보내기", "bringToFront": "맨 앞으로 가져오기", @@ -21,7 +21,9 @@ "copyStyles": "스타일 복사하기", "pasteStyles": "스타일 붙여넣기", "stroke": "선 색상", + "changeStroke": "선 색상 변경", "background": "배경색", + "changeBackground": "배경색 변경", "fill": "채우기", "strokeWidth": "선 굵기", "strokeStyle": "선", @@ -39,11 +41,19 @@ "arrowhead_arrow": "화살표", "arrowhead_bar": "막대", "arrowhead_circle": "원", - "arrowhead_circle_outline": "원 (외곽선)", + "arrowhead_circle_outline": "원(윤곽선)", "arrowhead_triangle": "삼각형", - "arrowhead_triangle_outline": "삼각형 (외곽선)", + "arrowhead_triangle_outline": "삼각형(윤곽선)", "arrowhead_diamond": "마름모", - "arrowhead_diamond_outline": "마름모 (외곽선)", + "arrowhead_diamond_outline": "마름모(윤곽선)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "화살표 모양", + "arrowtype_sharp": "뾰족한 화살표", + "arrowtype_round": "곡선 화살표", + "arrowtype_elbowed": "꺾인 화살표", "fontSize": "글자 크기", "fontFamily": "글꼴", "addWatermark": "\"Made with Excalidraw\" 추가", @@ -72,6 +82,7 @@ "canvasColors": "캔버스에서 사용되었음", "canvasBackground": "캔버스 배경", "drawingCanvas": "캔버스 그리기", + "clearCanvas": "캔버스 지우기", "layers": "레이어", "actions": "동작", "language": "언어", @@ -80,16 +91,17 @@ "untitled": "제목 없음", "name": "이름", "yourName": "이름 입력", - "madeWithExcalidraw": "Made with Excalidraw", + "madeWithExcalidraw": "Excalidraw에서 생성됨", "group": "그룹 생성", "ungroup": "그룹 해제", "collaborators": "공동 작업자", - "showGrid": "그리드 보기", + "toggleGrid": "격자 켜기/끄기", "addToLibrary": "라이브러리에 추가", "removeFromLibrary": "라이브러리에서 제거", "libraryLoadingMessage": "라이브러리 불러오는 중…", "libraries": "라이브러리 찾기", "loadingScene": "화면 불러오는 중…", + "loadScene": "파일에서 화면 불러오기", "align": "정렬", "alignTop": "상단 정렬", "alignBottom": "하단 정렬", @@ -105,7 +117,9 @@ "share": "공유", "showStroke": "윤곽선 색상 선택기 열기", "showBackground": "배경 색상 선택기 열기", - "toggleTheme": "테마 전환", + "showFonts": "글꼴 선택기 표시", + "toggleTheme": "밝은 모드/다크 모드 전환", + "theme": "테마", "personalLib": "개인 라이브러리", "excalidrawLib": "Excalidraw 라이브러리", "decreaseFontSize": "폰트 사이즈 줄이기", @@ -115,16 +129,21 @@ "createContainerFromText": "텍스트를 컨테이너에 담기", "link": { "edit": "링크 수정하기", - "editEmbed": "링크 & 임베드 수정하기", - "create": "링크 만들기", - "createEmbed": "링크 & 임베드 만들기", + "editEmbed": "", + "create": "", "label": "링크", "labelEmbed": "링크 & 임베드", - "empty": "링크를 지정하지 않았습니다" + "empty": "링크를 지정하지 않았습니다", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "선 수정하기", - "exit": "선 편집기 종료" + "editArrow": "화살표 수정" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "잠금", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "프레임의 모든 요소 선택", "removeAllElementsFromFrame": "프레임의 모든 요소 삭제", "eyeDropper": "캔버스에서 색상 고르기", - "textToDiagram": "텍스트를 다이어그램으로", - "prompt": "프롬프트" + "textToDiagram": "텍스트를 표로 만들기", + "prompt": "프롬프트", + "followUs": "팔로우", + "discordChat": "Discord 채팅방", + "zoomToFitViewport": "뷰포트에 맞게 확대/축소", + "zoomToFitSelection": "선택 영역으로 확대/축소", + "zoomToFit": "모든 요소가 보이도록 확대/축소", + "installPWA": "Excalidraw 설치(PWA)", + "autoResize": "텍스트 크기 자동 조절 켜기", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "추가된 아이템 없음", "hint_emptyLibrary": "캔버스 위에서 아이템을 선택하여 여기에 추가를 하거나, 아래의 공용 저장소에서 라이브러리를 설치하세요.", - "hint_emptyPrivateLibrary": "캔버스 위에서 아이템을 선택하여 여기 추가하세요." + "hint_emptyPrivateLibrary": "캔버스 위에서 아이템을 선택하여 여기 추가하세요.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "캔버스에서 찾기", + "noMatch": "결과를 찾을 수 없습니다...", + "singleResult": "개의 결과", + "multipleResults": "개의 결과", + "placeholder": "캔버스에서 텍스트 찾기...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "캔버스 초기화", @@ -151,6 +204,7 @@ "exportImage": "이미지 내보내기", "export": "다른 이름으로 저장...", "copyToClipboard": "클립보드로 복사", + "copyLink": "링크 복사", "save": "현재 파일에 저장", "saveAs": "다른 이름으로 저장", "load": "열기", @@ -171,14 +225,16 @@ "fullScreen": "전체화면", "darkMode": "다크 모드", "lightMode": "밝은 모드", + "systemMode": "시스템 모드", "zenMode": "젠 모드", "objectsSnapMode": "다른 요소들에 정렬시키기", "exitZenMode": "젠 모드 종료하기", "cancel": "취소", + "saveLibNames": "", "clear": "지우기", "remove": "삭제", "embed": "임베딩 토글", - "publishLibrary": "게시하기", + "publishLibrary": "", "submit": "제출", "confirm": "확인", "embeddableInteractionButton": "클릭하여 상호작용" @@ -204,7 +260,8 @@ "resetLibrary": "당신의 라이브러리를 초기화 합니다. 계속하시겠습니까?", "removeItemsFromsLibrary": "{{count}}개의 아이템을 라이브러리에서 삭제하시겠습니까?", "invalidEncryptionKey": "암호화 키는 반드시 22글자여야 합니다. 실시간 협업이 비활성화됩니다.", - "collabOfflineWarning": "인터넷에 연결되어 있지 않습니다.\n변경 사항들이 저장되지 않습니다!" + "collabOfflineWarning": "인터넷에 연결되어 있지 않습니다.\n변경 사항들이 저장되지 않습니다!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "지원하지 않는 파일 형식 입니다.", @@ -212,12 +269,12 @@ "fileTooBig": "파일이 너무 큽니다. 최대 크기는 {{maxSize}} 입니다.", "svgImageInsertError": "SVG 이미지를 삽입하지 못했습니다. SVG 문법이 유효하지 않은 것 같습니다.", "failedToFetchImage": "이미지를 가져오는데 실패했습니다.", - "invalidSVGString": "유효하지 않은 SVG입니다.", "cannotResolveCollabServer": "협업 서버에 접속하는데 실패했습니다. 페이지를 새로고침하고 다시 시도해보세요.", "importLibraryError": "라이브러리를 불러오지 못했습니다.", + "saveLibraryError": "라이브러리를 저장공간에 저장하지 못했습니다. 변경 사항들을 잃지 않으려면 라이브러리를 로컬 저장소에 저장하여 주세요.", "collabSaveFailed": "데이터베이스에 저장하지 못했습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.", "collabSaveFailed_sizeExceeded": "데이터베이스에 저장하지 못했습니다. 캔버스가 너무 큰 거 같습니다. 문제가 계속 된다면, 작업 내용을 잃지 않도록 로컬 저장소에 저장해 주세요.", - "imageToolNotSupported": "이미지가 비활성화 되었습니다.", + "imageToolNotSupported": "이미지가 비활성화되어 있습니다.", "brave_measure_text_error": { "line1": "귀하께서는 강력한 지문 차단 설정이 활성화된 Brave browser를 사용하고 계신 것 같습니다.", "line2": "이 기능으로 인해 화이트보드의 텍스트 요소들이 손상될 수 있습니다.", @@ -226,15 +283,16 @@ }, "libraryElementTypeError": { "embeddable": "임베드 요소들은 라이브러리에 추가할 수 없습니다.", - "iframe": "IFrame 요소들은 라이브러리에 추가할 수 없습니다.", + "iframe": "IFrame 요소는 라이브러리에 추가할 수 없습니다.", "image": "라이브러리에 이미지 삽입 기능은 곧 지원될 예정입니다!" }, - "asyncPasteFailedOnRead": "붙여넣는데 실패했습니다. (시스템 클립보드를 읽는데 실패했습니다)", - "asyncPasteFailedOnParse": "붙여넣는데 실패했습니다.", - "copyToSystemClipboardFailed": "클립보드로 복사하는데 실패했습니다." + "asyncPasteFailedOnRead": "붙여넣는 데 실패했습니다(시스템 클립보드를 읽을 수 없습니다).", + "asyncPasteFailedOnParse": "붙여넣는 데 실패했습니다.", + "copyToSystemClipboardFailed": "클립보드로 복사하지 못했습니다." }, "toolBar": { "selection": "선택", + "lasso": "", "image": "이미지 삽입", "rectangle": "사각형", "diamond": "다이아몬드", @@ -246,7 +304,7 @@ "library": "라이브러리", "lock": "선택된 도구 유지하기", "penMode": "펜 모드 - 터치 방지", - "link": "선택한 도형에 대해서 링크를 추가/업데이트", + "link": "선택한 도형에 링크 추가 / 변경", "eraser": "지우개", "frame": "프레임 도구", "magicframe": "와이어프레임을 코드로", @@ -254,8 +312,24 @@ "laser": "레이저 포인터", "hand": "손 (패닝 도구)", "extraTools": "다른 도구", - "mermaidToExcalidraw": "Mermaid에서 불러오기", - "magicSettings": "AI 설정" + "mermaidToExcalidraw": "Mermaid를 Excalidraw로", + "convertElementType": "" + }, + "element": { + "rectangle": "직사각형", + "diamond": "마름모", + "ellipse": "타원", + "arrow": "화살표", + "line": "선", + "freedraw": "자유 선", + "text": "텍스트", + "image": "이미지", + "group": "그룹", + "frame": "프레임", + "magicframe": "와이어프레임을 코드로", + "embeddable": "웹 임베드", + "selection": "선택한 요소", + "iframe": "IFrame" }, "headings": { "canvasActions": "캔버스 동작", @@ -263,28 +337,33 @@ "shapes": "모양" }, "hints": { - "canvasPanning": "캔버스를 옮기려면 마우스 휠이나 스페이스바를 누르고 드래그하거나, 손 도구를 사용하기", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "여러 점을 연결하려면 클릭하고, 직선을 그리려면 바로 드래그하세요.", + "arrowTool": "", "freeDraw": "클릭 후 드래그하세요. 완료되면 놓으세요.", "text": "팁: 선택 툴로 아무 곳이나 더블 클릭해 텍스트를 추가할 수도 있습니다.", "embeddable": "클릭 및 드래그하여 웹사이트 임베드 만들기", - "text_selected": "더블 클릭 또는 ENTER를 눌러서 텍스트 수정", - "text_editing": "ESC나 CtrlOrCmd+ENTER를 눌러서 수정을 종료하기", - "linearElementMulti": "마지막 지점을 클릭하거나 Esc 또는 Enter 키를 눌러 완료하세요.", - "lockAngle": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.", - "resize": "SHIFT 키를 누르면서 조정하면 크기의 비율이 제한됩니다.\nALT를 누르면서 조정하면 중앙을 기준으로 크기를 조정합니다.", - "resizeImage": "SHIFT를 눌러서 자유롭게 크기를 변경하거나,\nALT를 눌러서 중앙을 고정하고 크기를 변경하기", - "rotate": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.", - "lineEditor_info": "꼭짓점을 수정하려면 CtrlOrCmd 키를 누르고 더블 클릭을 하거나 CtrlOrCmd + Enter를 누르세요.", - "lineEditor_pointSelected": "Delete 키로 꼭짓점을 제거하거나,\nCtrlOrCmd+D 로 복제하거나, 드래그 해서 이동시키기", - "lineEditor_nothingSelected": "꼭짓점을 선택해서 수정하거나 (SHIFT를 눌러서 여러개 선택),\nAlt를 누르고 클릭해서 새로운 꼭짓점 추가하기", - "placeImage": "클릭해서 이미지를 배치하거나, 클릭하고 드래그해서 사이즈를 조정하기", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "당신만의 라이브러리를 게시하기", - "bindTextToElement": "Enter 키를 눌러서 텍스트 추가하기", - "deepBoxSelect": "CtrlOrCmd 키를 눌러서 깊게 선택하고, 드래그하지 않도록 하기", - "eraserRevert": "Alt를 눌러서 삭제하도록 지정된 요소를 되돌리기", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "이 기능은 설정에서 \"dom.events.asyncClipboard.clipboardItem\" 플래그를 \"true\"로 설정하여 활성화할 수 있습니다. Firefox에서 브라우저 플래그를 수정하려면, \"about:config\" 페이지에 접속하세요.", - "disableSnapping": "CtrlOrCmd 키를 눌러서 다른 요소와의 정렬 무시하기" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "미리보기를 볼 수 없습니다", @@ -299,9 +378,12 @@ "openIssueMessage": "저희는 화면 정보를 오류에 포함하지 않도록 매우 주의하고 있습니다. 혹시 화면에 민감한 내용이 없다면 이곳에 업로드를 고려해주세요. 아래 정보를 GitHub 이슈에 복사 및 붙여넣기해 주세요.", "sceneContent": "화면 내용:" }, + "shareDialog": { + "or": "또는" + }, "roomDialog": { - "desc_intro": "현재 화면에 공동 작업자를 초대해 협업할 수 있습니다.", - "desc_privacy": "안심하세요, 세션은 종단 간 암호화를 사용하므로 당신의 작업은 비공개로 유지되며 서버조차도 작업 내용을 알 수 없습니다.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "세션 시작", "button_stopSession": "세션 중단", "desc_inProgressIntro": "실시간 협업 세션이 진행 중입니다.", @@ -328,6 +410,8 @@ "click": "클릭", "deepSelect": "깊게 선택", "deepBoxSelect": "영역을 깊게 선택하고, 드래그하지 않도록 하기", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "곡선 화살표", "curvedLine": "곡선", "documentation": "설명서", @@ -350,7 +434,9 @@ "zoomToSelection": "선택 영역으로 확대/축소", "toggleElementLock": "선택한 항목을 잠금/잠금 해제", "movePageUpDown": "페이지 움직이기 위/아래", - "movePageLeftRight": "페이지 움직이기 좌/우" + "movePageLeftRight": "페이지 움직이기 좌/우", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "캔버스 지우기" @@ -410,8 +496,8 @@ "copyPngToClipboard": "클립보드로 PNG 복사" }, "button": { - "exportToPng": "PNG", - "exportToSvg": "SVG", + "exportToPng": "", + "exportToSvg": "", "copyPngToClipboard": "클립보드로 복사" } }, @@ -421,13 +507,15 @@ }, "stats": { "angle": "각도", - "element": "요소", - "elements": "요소", + "shapes": "", "height": "높이", "scene": "화면", "selected": "선택됨", "storage": "저장공간", - "title": "덕후들을 위한 통계", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "합계", "version": "버전", "versionCopy": "복사하려면 클릭", @@ -439,13 +527,15 @@ "copyStyles": "스타일 복사.", "copyToClipboard": "클립보드로 복사.", "copyToClipboardAsPng": "{{exportSelection}}를 클립보드에 PNG로 복사했습니다\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "파일이 저장되었습니다.", "fileSavedToFilename": "{filename} 로 저장되었습니다", "canvas": "캔버스", "selection": "선택한 요소", "pasteAsSingleElement": "단일 요소로 붙여넣거나, 기존 텍스트 에디터에 붙여넣으려면 {{shortcut}} 을 사용하세요.", "unableToEmbed": "이 URL의 임베딩이 허용되지 않았습니다. GitHub에 이슈를 남겨서 이 URL이 화이트리스트에 등재될 수 있도록 요청하세요", - "unrecognizedLinkFormat": "임베딩하려는 링크의 형식이 잘못된 것 같습니다. 원본 사이트에서 제공하는 \"임베딩\" 텍스트를 그대로 붙여 넣어 주세요" + "unrecognizedLinkFormat": "임베딩하려는 링크의 형식이 잘못된 것 같습니다. 원본 사이트에서 제공하는 \"임베딩\" 텍스트를 그대로 붙여 넣어 주세요", + "elementLinkCopied": "" }, "colors": { "transparent": "투명", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "가장 많이 사용된 색상들", "colors": "색상", "shades": "색조", @@ -497,7 +588,7 @@ "description": "나중에 다시 불러올 수 있도록 화면 데이터를 내보냅니다." }, "excalidrawPlus": { - "title": "Excalidraw+", + "title": "", "button": "Excalidraw+로 내보내기", "description": "화면을 당신의 Excalidraw+ 작업 공간으로 저장합니다." } @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "Mermaid에서 불러오기", - "button": "삽입하기", - "description": "지금은 순서도, 시퀀스, 클래스 다이어그램만 지원합니다. 다른 형식들은 Excalidraw에서는 이미지로 표시됩니다.", - "syntax": "Mermaid 구문", - "preview": "미리보기" + "title": "", + "button": "", + "description": "", + "syntax": "", + "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "유저를 클릭해서 따라가기", + "followStatus": "이 사용자를 따라가고 있습니다", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/ku-TR.json b/packages/excalidraw/locales/ku-TR.json index c7e60bbafd..25d2158eab 100644 --- a/packages/excalidraw/locales/ku-TR.json +++ b/packages/excalidraw/locales/ku-TR.json @@ -21,7 +21,9 @@ "copyStyles": "لەبەرگرتنەوەی ستایل", "pasteStyles": "دانانەوەی ستایل", "stroke": "هێڵکار", + "changeStroke": "", "background": "پاشبنەما", + "changeBackground": "", "fill": "پڕکردنەوە", "strokeWidth": "پانی هێڵکاری", "strokeStyle": "ستایلی هێڵکاری", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "قەبارەی فۆنت", "fontFamily": "خێزانی فۆنت", "addWatermark": "زیادبکە \"Made with Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "بەکارهاتووە لەسەر تابلۆ", "canvasBackground": "پاشبنەمای تابلۆ", "drawingCanvas": "کێشانی تابلۆ", + "clearCanvas": "", "layers": "چینەکان", "actions": "کردارەکان", "language": "زمان", @@ -84,12 +95,13 @@ "group": "دیاریکردنی گروپ", "ungroup": "گروپی دیاریکراوەکان لابەرە", "collaborators": "هاوکارەکان", - "showGrid": "گرید نیشانبدە", + "toggleGrid": "", "addToLibrary": "زیادکردن بۆ کتێبخانە", "removeFromLibrary": "لابردن لە کتێبخانە", "libraryLoadingMessage": "...بارکردنی کتێبخانە", "libraries": "گەڕانی کتێبخانە", "loadingScene": "...بارکردنی دیمەنەکە", + "loadScene": "", "align": "لاچەنکردن", "alignTop": "لاچەنکردن بۆ سەرەوە", "alignBottom": "لاچەنکردن بۆ خوارەوە", @@ -105,7 +117,9 @@ "share": "هاوبەشی پێکردن", "showStroke": "ڕەنگهەڵگری هێڵکار نیشانبدە", "showBackground": "ڕەنگهەڵگری باکگراوند نیشانبدە", - "toggleTheme": "دۆخی ڕوکار بگۆڕە", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "کتێبخانەی کەسی", "excalidrawLib": "کتێبخانەی Excalidraw", "decreaseFontSize": "کەمکردنەوەی قەبارەی فۆنت", @@ -116,15 +130,20 @@ "link": { "edit": "دەستکاریکردنی بەستەر", "editEmbed": "", - "create": "دروستکردنی بەستەر", - "createEmbed": "", + "create": "", "label": "بەستەر", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "دەستکاری کردنی دێڕ", - "exit": "دەرچوون لە دەستکاریکەری دێڕ" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "قفڵکردن", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "هەموو توخمەکانی ناو چوارچێوەکە لابەرە", "eyeDropper": "ڕەنگێک لەسەر تابلۆکە هەڵبژێرە", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "هێشتا هیچ بڕگەیەک زیاد نەکراوە...", "hint_emptyLibrary": "شتێک لەسەر تابلۆ هەڵبژێرە بۆ ئەوەی لێرە زیادی بکەیت، یان کتێبخانەیەک لە کۆگا گشتیەکەوە دابمەزرێنە، لە خوارەوە.", - "hint_emptyPrivateLibrary": "شتێک لەسەر تابلۆ هەڵبژێرە بۆ ئەوەی لێرە زیادی بکەیت." + "hint_emptyPrivateLibrary": "شتێک لەسەر تابلۆ هەڵبژێرە بۆ ئەوەی لێرە زیادی بکەیت.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "تابلۆکە وەک سەرەتا لێبکەوە", @@ -151,6 +204,7 @@ "exportImage": "وێنە هەناردە بکە...", "export": "پاشەکەوت بکە بۆ...", "copyToClipboard": "له‌به‌ری بگره‌وه‌ بۆ ته‌خته‌نووس", + "copyLink": "", "save": "پاشەکەوت بکە بۆ فایلی بەردەست", "saveAs": "پاشەکەوتکردن وەک", "load": "بکەرەوە", @@ -171,14 +225,16 @@ "fullScreen": "پڕ بە شاشە", "darkMode": "دۆخی تاریک", "lightMode": "دۆخی ڕووناک", + "systemMode": "", "zenMode": "دۆخی زێن", "objectsSnapMode": "", "exitZenMode": "بەجێهێشتنی دۆخی زێن", "cancel": "هەڵوەشاندنەوە", + "saveLibNames": "", "clear": "خاوێنکردنەوە", "remove": "لابردن", "embed": "", - "publishLibrary": "بڵاوکردنەوە", + "publishLibrary": "", "submit": "پێشکەشکردن", "confirm": "دوپاتکردنەوە", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "ئەمە کتێبخانەکەت خاوێن دەکاتەوە. ئایا دڵنیایت?", "removeItemsFromsLibrary": "سڕینەوەی {{count}} ئایتم(ەکان) لە کتێبخانە؟", "invalidEncryptionKey": "کلیلی رەمزاندن دەبێت لە 22 پیت بێت. هاوکاری ڕاستەوخۆ لە کارخراوە.", - "collabOfflineWarning": "هێڵی ئینتەرنێت بەردەست نییە.\n گۆڕانکارییەکانت سەیڤ ناکرێن!" + "collabOfflineWarning": "هێڵی ئینتەرنێت بەردەست نییە.\n گۆڕانکارییەکانت سەیڤ ناکرێن!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "جۆری فایلی پشتگیری نەکراو.", @@ -212,9 +269,9 @@ "fileTooBig": "فایلەکە زۆر گەورەیە. زۆرترین قەبارەی ڕێگەپێدراو {{maxSize}}}.", "svgImageInsertError": "نەیتوانی وێنەی SVG داخڵ بکات. نیشانەی ئێس ڤی جی نادروست دیارە.", "failedToFetchImage": "", - "invalidSVGString": "ئێس ڤی جی نادروستە.", "cannotResolveCollabServer": "ناتوانێت پەیوەندی بکات بە سێرڤەری کۆلاب. تکایە لاپەڕەکە دووبارە باربکەوە و دووبارە هەوڵ بدەوە.", "importLibraryError": "نەیتوانی کتێبخانە بار بکات", + "saveLibraryError": "", "collabSaveFailed": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت. ئەگەر کێشەکان بەردەوام بوون، پێویستە فایلەکەت لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.", "collabSaveFailed_sizeExceeded": "نەتوانرا لە بنکەدراوەی ڕاژەدا پاشەکەوت بکرێت، پێدەچێت تابلۆکە زۆر گەورە بێت. پێویستە فایلەکە لە ناوخۆدا هەڵبگریت بۆ ئەوەی دڵنیا بیت کە کارەکانت لەدەست نادەیت.", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "دەستنیشانکردن", + "lasso": "", "image": "داخڵکردنی وێنە", "rectangle": "لاکێشە", "diamond": "ئەڵماس", @@ -246,7 +304,7 @@ "library": "کتێبخانە", "lock": "ئامێرە دیاریکراوەکان چالاک بهێڵەوە دوای وێنەکێشان", "penMode": "شێوازی قەڵەم - دەست لێدان ڕابگرە", - "link": "زیادکردن/ نوێکردنەوەی لینک بۆ شێوەی دیاریکراو", + "link": "", "eraser": "سڕەر", "frame": "ئامرازی چوارچێوە", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "دەست (ئامرازی پانکردن)", "extraTools": "ئامرازی زیاتر", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "کردارەکانی تابلۆ", @@ -263,28 +337,33 @@ "shapes": "شێوەکان" }, "hints": { - "canvasPanning": "بۆ جوڵاندنی تابلۆ، ویلی ماوسەکەت یان دوگمەی سپەیس بگرە لەکاتی ڕاکێشاندە، یانیش ئامرازی دەستەکە بەکاربهێنە", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "کرتە بکە بۆ دەستپێکردنی چەند خاڵێک، ڕایبکێشە بۆ یەک هێڵ", + "arrowTool": "", "freeDraw": "کرتە بکە و ڕایبکێشە، کاتێک تەواو بوویت دەست هەڵگرە", "text": "زانیاری: هەروەها دەتوانیت دەق زیادبکەیت بە دوو کرتەکردن لە هەر شوێنێک لەگەڵ ئامڕازی دەستنیشانکردن", "embeddable": "", - "text_selected": "دووجار کلیک بکە یان ENTER بکە بۆ دەستکاریکردنی دەق", - "text_editing": "بۆ تەواوکردنی دەستکاریکردنەکە Escape یان Ctrl/Cmd+ENTER بکە", - "linearElementMulti": "کلیک لەسەر کۆتا خاڵ بکە یان Escape یان Enter بکە بۆ تەواوکردن", - "lockAngle": "دەتوانیت گۆشە سنووردار بکەیت بە ڕاگرتنی SHIFT", - "resize": "دەتوانیت ڕێژەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی گۆڕینی قەبارەدا،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە", - "resizeImage": "دەتوانیت بە ئازادی قەبارە بگۆڕیت بە ڕاگرتنی SHIFT،\nALT ڕابگرە بۆ گۆڕینی قەبارە لە ناوەندەوە", - "rotate": "دەتوانیت گۆشەکان سنووردار بکەیت بە ڕاگرتنی SHIFT لەکاتی سوڕانەوەدا", - "lineEditor_info": "یان Ctrl یان Cmd بگرە و دوانە کلیک بکە یانیش پەنجە بنێ بە Ctrl یان Cmd + ئینتەر بۆ دەستکاریکردنی خاڵەکان", - "lineEditor_pointSelected": "بۆ لابردنی خاڵەکان Delete دابگرە، Ctrl Cmd+D بکە بۆ لەبەرگرتنەوە، یان بۆ جووڵە ڕاکێشان بکە", - "lineEditor_nothingSelected": "خاڵێک هەڵبژێرە بۆ دەستکاریکردن (SHIFT ڕابگرە بۆ هەڵبژاردنی چەندین)،\nیان Alt ڕابگرە و کلیک بکە بۆ زیادکردنی خاڵە نوێیەکان", - "placeImage": "کلیک بکە بۆ دانانی وێنەکە، یان کلیک بکە و ڕایبکێشە بۆ ئەوەی قەبارەکەی بە دەستی دابنێیت", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "کتێبخانەی تایبەت بە خۆت بڵاوبکەرەوە", - "bindTextToElement": "بۆ زیادکردنی دەق enter بکە", - "deepBoxSelect": "CtrlOrCmd ڕابگرە بۆ هەڵبژاردنی قووڵ، و بۆ ڕێگریکردن لە ڕاکێشان", - "eraserRevert": "بۆ گەڕاندنەوەی ئەو توخمانەی کە بۆ سڕینەوە نیشانە کراون، Alt ڕابگرە", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "ئەم تایبەتمەندییە بە ئەگەرێکی زۆرەوە دەتوانرێت چالاک بکرێت بە ڕێکخستنی ئاڵای \"dom.events.asyncClipboard.clipboardItem\" بۆ \"true\". بۆ گۆڕینی ئاڵاکانی وێبگەڕ لە فایەرفۆکسدا، سەردانی لاپەڕەی \"about:config\" بکە.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "ناتوانرێ پێشبینین پیشان بدرێت", @@ -299,9 +378,12 @@ "openIssueMessage": "ئێمە زۆر وریا بووین کە زانیارییەکانی دیمەنەکەت لەسەر هەڵەکە نەخەینەڕوو. ئەگەر دیمەنەکەت تایبەت نییە، تکایە بیر لە بەدواداچوون بکەنەوە بۆ ئێمە تکایە ئەم زانیارییانەی خوارەوە کۆپی بکە و لە بەشی کێشەکانی Github دایبنێ.", "sceneContent": "پێکهاتەی ناو دیمەنەکە:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "دەتوانیت خەڵک بانگهێشت بکەیت بۆ دیمەنی ئێستات بۆ هاوکاری کردن لەگەڵت.", - "desc_privacy": "نیگەران مەبە، دانیشتنەکە کۆدکردنی کۆتایی بە کۆتایی بەکاردەهێنێت، بۆیە هەرچییەک بکێشیت بە تایبەتی دەمێنێتەوە. تەنانەت سێرڤەرەکەمان ناتوانێت بزانێت کە تۆ چیت دروستکردووە.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "دەستپێکردنی دانیشتن", "button_stopSession": "وەستاندنی دانیشتن", "desc_inProgressIntro": "دانیشتنی هاوکاری ڕاستەوخۆ ئێستا لە ئارادایە.", @@ -328,6 +410,8 @@ "click": "گرتە", "deepSelect": "دەستنیشانکردنی قوڵ", "deepBoxSelect": "لەناو بۆکسەکەدا بە قووڵی هەڵبژێرە، و ڕێگری لە ڕاکێشان بکە", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "تیری نوشتاوە", "curvedLine": "هێڵی نوشتاوە", "documentation": "دۆکیومێنتەیشن", @@ -350,7 +434,9 @@ "zoomToSelection": "زووم بکە بۆ دەستنیشانکراوەکان", "toggleElementLock": "قفڵ/کردنەوەی دەستنیشانکراوەکان", "movePageUpDown": "لاپەڕەکە بجوڵێنە بۆ سەرەوە/خوارەوە", - "movePageLeftRight": "لاپەڕەکە بجوڵێنە بۆ چەپ/ڕاست" + "movePageLeftRight": "لاپەڕەکە بجوڵێنە بۆ چەپ/ڕاست", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "تابلۆکە خاوێن بکەرەوە" @@ -410,8 +496,8 @@ "copyPngToClipboard": "لەبەربگرەوە بۆ سەر تەختەنوس" }, "button": { - "exportToPng": "PNG", - "exportToSvg": "SVG", + "exportToPng": "", + "exportToSvg": "", "copyPngToClipboard": "له‌به‌ری بگره‌وه‌ بۆ ته‌خته‌نووس" } }, @@ -421,13 +507,15 @@ }, "stats": { "angle": "گۆشە", - "element": "توخم", - "elements": "توخمەکان", + "shapes": "", "height": "بەرزی", "scene": "دیمەنەکە", "selected": "دەستنیشانکراوەکان", "storage": "بیرگە", - "title": "ئامار بۆ نێردەکان", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "گشتی", "version": "وەشان", "versionCopy": "کلیک بۆ لەبەرگرتنەوە", @@ -439,13 +527,15 @@ "copyStyles": "ستایلی کۆپیکراو.", "copyToClipboard": "لەبەرگیرایەوە بۆ تەختەنوس.", "copyToClipboardAsPng": "کۆپی کراوە {{exportSelection}} بۆ کلیپبۆرد وەک PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "فایل هەڵگیرا.", "fileSavedToFilename": "هەڵگیراوە بۆ {filename}", "canvas": "تابلۆ", "selection": "دەستنیشانکراوەکان", "pasteAsSingleElement": "بۆ دانانەوە وەکو یەک توخم یان دانانەوە بۆ نێو دەسکاریکەرێکی دەق کە بوونی هەیە {{shortcut}} بەکاربهێنە", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "ڕوون", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "زۆرترین ڕەنگە باوە بەکارهاتووەکان", "colors": "ڕەنگەکان", "shades": "سێبەرەکان", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/lt-LT.json b/packages/excalidraw/locales/lt-LT.json index 2ddffe6e27..aa9f39f71d 100644 --- a/packages/excalidraw/locales/lt-LT.json +++ b/packages/excalidraw/locales/lt-LT.json @@ -21,7 +21,9 @@ "copyStyles": "Kopijuoti stilius", "pasteStyles": "Įklijuoti stilius", "stroke": "Linija", + "changeStroke": "", "background": "Fonas", + "changeBackground": "", "fill": "Užpildymas", "strokeWidth": "Linijos storis", "strokeStyle": "Linijos stilius", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Šrifto dydis", "fontFamily": "Šriftas", "addWatermark": "Sukurta su Excalidraw", @@ -72,6 +82,7 @@ "canvasColors": "", "canvasBackground": "Drobės fonas", "drawingCanvas": "", + "clearCanvas": "", "layers": "Sluoksniai", "actions": "Veiksmai", "language": "Kalba", @@ -84,12 +95,13 @@ "group": "Grupuoti pasirinkimą", "ungroup": "Išgrupuoti pasirinkimą", "collaborators": "Bendradarbiautojai", - "showGrid": "Rodyti tinklelį", + "toggleGrid": "", "addToLibrary": "Pridėti į biblioteką", "removeFromLibrary": "Pašalinti iš bibliotekos", "libraryLoadingMessage": "", "libraries": "Naršyti bibliotekas", "loadingScene": "", + "loadScene": "", "align": "Lygiuoti", "alignTop": "Lygiuoti viršuje", "alignBottom": "Lygiuoti apačioje", @@ -105,7 +117,9 @@ "share": "Dalintis", "showStroke": "", "showBackground": "", + "showFonts": "", "toggleTheme": "", + "theme": "", "personalLib": "Asmeninė biblioteka", "excalidrawLib": "Exaclidraw biblioteka", "decreaseFontSize": "", @@ -116,15 +130,20 @@ "link": { "edit": "Redeguoti nuorodą", "editEmbed": "", - "create": "Sukurti nuorodą", - "createEmbed": "", + "create": "", "label": "Nuoroda", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Užrakinti", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "Kopijuoti į iškarpinę", + "copyLink": "", "save": "", "saveAs": "Išsaugoti kaip", "load": "", @@ -171,14 +225,16 @@ "fullScreen": "Visas ekranas", "darkMode": "Tamsus režimas", "lightMode": "Šviesus režimas", + "systemMode": "", "zenMode": "„Zen“ režimas", "objectsSnapMode": "", "exitZenMode": "Išeiti iš „Zen“ režimo", "cancel": "Atšaukti", + "saveLibNames": "", "clear": "Išvalyti", "remove": "Pašalinti", "embed": "", - "publishLibrary": "Paskelbti", + "publishLibrary": "", "submit": "Pateikti", "confirm": "Patvirtinti", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Tai išvalys tavo biblioteką. Ar tikrai to nori?", "removeItemsFromsLibrary": "Ištrinti {{count}} elementą/-us iš bibliotekos?", "invalidEncryptionKey": "Šifravimo raktas turi būti iš 22 simbolių. Redagavimas gyvai yra išjungtas.", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nepalaikomas failo tipas.", @@ -212,9 +269,9 @@ "fileTooBig": "Per didelis failas. Didžiausias leidžiamas dydis yra {{maxSize}}.", "svgImageInsertError": "Nepavyko įtraukti SVG paveiksliuko. Panašu, jog SVG yra nevalidus.", "failedToFetchImage": "", - "invalidSVGString": "Nevalidus SVG.", "cannotResolveCollabServer": "Nepavyko prisijungti prie serverio bendradarbiavimui. Perkrauk puslapį ir pabandyk prisijungti dar kartą.", "importLibraryError": "Nepavyko įkelti bibliotekos", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Žymėjimas", + "lasso": "", "image": "Įkelti paveiksliuką", "rectangle": "Stačiakampis", "diamond": "Deimantas", @@ -246,7 +304,7 @@ "library": "Biblioteka", "lock": "Baigus piešti, išlaikyti pasirinktą įrankį", "penMode": "Rašyklio režimas - neleisti prisilietimų", - "link": "Pridėti / Atnaujinti pasirinktos figūros nuorodą", + "link": "", "eraser": "Trintukas", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Veiksmai su drobe", @@ -263,8 +337,10 @@ "shapes": "Figūros" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Paspaudimai sukurs papildomus taškus, nepertraukiamas tempimas sukurs liniją", + "arrowTool": "", "freeDraw": "Spausk ir tempk, paleisk kai norėsi pabaigti", "text": "Užuomina: tekstą taip pat galima pridėti bet kur su dvigubu pelės paspaudimu, kol parinkas žymėjimo įrankis", "embeddable": "", @@ -276,15 +352,18 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "", @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -328,6 +410,8 @@ "click": "paspaudimas", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Banguota rodyklė", "curvedLine": "Banguota linija", "documentation": "Dokumentacija", @@ -350,7 +434,9 @@ "zoomToSelection": "Priartinti iki pažymėtos vietos", "toggleElementLock": "", "movePageUpDown": "Pajudinti puslapį aukštyn/žemyn", - "movePageLeftRight": "Pajudinti puslapį kairėn/dešinėn" + "movePageLeftRight": "Pajudinti puslapį kairėn/dešinėn", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Išvalyti drobę" @@ -421,13 +507,15 @@ }, "stats": { "angle": "", - "element": "Elementas", - "elements": "Elementai", + "shapes": "", "height": "Aukštis", "scene": "Scena", "selected": "Pasirinkta", "storage": "Saugykla", - "title": "Informacija moksliukams", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "", "versionCopy": "", @@ -439,13 +527,15 @@ "copyStyles": "", "copyToClipboard": "Nukopijuota į iškarpinę.", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "Failas išsaugotas.", "fileSavedToFilename": "Išsaugota į {filename}", "canvas": "drobė", "selection": "", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Permatoma", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/lv-LV.json b/packages/excalidraw/locales/lv-LV.json index edfb28e51f..42abe5cdb1 100644 --- a/packages/excalidraw/locales/lv-LV.json +++ b/packages/excalidraw/locales/lv-LV.json @@ -21,7 +21,9 @@ "copyStyles": "Kopēt stilus", "pasteStyles": "Ielīmēt stilus", "stroke": "Svītras krāsa", + "changeStroke": "", "background": "Fona krāsa", + "changeBackground": "", "fill": "Aizpildījums", "strokeWidth": "Svītras platums", "strokeStyle": "Svītras stils", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Teksta lielums", "fontFamily": "Fontu saime", "addWatermark": "Pievienot \"Radīts ar Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Izmantots tāfelei", "canvasBackground": "Ainas fons", "drawingCanvas": "Tāfele", + "clearCanvas": "", "layers": "Slāņi", "actions": "Darbības", "language": "Valoda", @@ -84,12 +95,13 @@ "group": "Grupēt atlasīto", "ungroup": "Atgrupēt atlasīto", "collaborators": "Dalībnieki", - "showGrid": "Rādīt režģi", + "toggleGrid": "", "addToLibrary": "Pievienot bibliotēkai", "removeFromLibrary": "Izņemt no bibliotēkas", "libraryLoadingMessage": "Ielādē bibliotēku…", "libraries": "Apskatīt bibliotēkas", "loadingScene": "Ielādē ainu…", + "loadScene": "", "align": "Līdzināt", "alignTop": "Līdzināt augšpusē", "alignBottom": "Līdzināt lejā", @@ -105,7 +117,9 @@ "share": "Kopīgot", "showStroke": "Rādīt svītras krāsas atlasītāju", "showBackground": "Rādīt fona krāsas atlasītāju", - "toggleTheme": "Pārslēgt krāsu tēmu", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "Personīgā bibliotēka", "excalidrawLib": "Excalidraw bibliotēka", "decreaseFontSize": "Samazināt fonta izmēru", @@ -116,15 +130,20 @@ "link": { "edit": "Rediģēt saiti", "editEmbed": "", - "create": "Izveidot saiti", - "createEmbed": "", + "create": "", "label": "Saite", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Rediģēt līniju", - "exit": "Aizvērt līnijas redaktoru" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Fiksēt", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Neviena vienība vēl nav pievienota...", "hint_emptyLibrary": "Atlasiet objektu tāfelē, lai to šeit pievienotu, vai pievienojiet publisku bibliotēku zemāk.", - "hint_emptyPrivateLibrary": "Atlasiet objektu tāfelē, lai to šeit pievienotu." + "hint_emptyPrivateLibrary": "Atlasiet objektu tāfelē, lai to šeit pievienotu.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Atiestatīt tāfeli", @@ -151,6 +204,7 @@ "exportImage": "Eksportēt attēlu...", "export": "Saglabāt uz...", "copyToClipboard": "Kopēt starpliktuvē", + "copyLink": "", "save": "Saglabāt pašreizējo datni", "saveAs": "Saglabāt kā", "load": "Atvērt", @@ -171,14 +225,16 @@ "fullScreen": "Pilnekrāna režīms", "darkMode": "Tumšais režīms", "lightMode": "Gaišais režīms", + "systemMode": "", "zenMode": "Zen režīms", "objectsSnapMode": "", "exitZenMode": "Pamest Zen režīmu", "cancel": "Atcelt", + "saveLibNames": "", "clear": "Notīrīt", "remove": "Noņemt", "embed": "", - "publishLibrary": "Publicēt", + "publishLibrary": "", "submit": "Iesniegt", "confirm": "Apstiprināt", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Šī funkcija iztukšos bibliotēku. Vai turpināt?", "removeItemsFromsLibrary": "Vai izņemt {{count}} vienumu(s) no bibliotēkas?", "invalidEncryptionKey": "Šifrēšanas atslēgai jābūt 22 simbolus garai. Tiešsaistes sadarbība ir izslēgta.", - "collabOfflineWarning": "Nav pieejams interneta pieslēgums.\nJūsu izmaiņas netiks saglabātas!" + "collabOfflineWarning": "Nav pieejams interneta pieslēgums.\nJūsu izmaiņas netiks saglabātas!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Neatbalstīts datnes veids.", @@ -212,9 +269,9 @@ "fileTooBig": "Datne ir par lielu. Lielākais atļautais izmērs ir {{maxSize}}.", "svgImageInsertError": "Nevarēja ievietot SVG attēlu. Šķiet, ka SVG marķējums nav derīgs.", "failedToFetchImage": "", - "invalidSVGString": "Nederīgs SVG.", "cannotResolveCollabServer": "Nevarēja savienoties ar sadarbošanās serveri. Lūdzu, pārlādējiet lapu un mēģiniet vēlreiz.", "importLibraryError": "Nevarēja ielādēt bibliotēku", + "saveLibraryError": "", "collabSaveFailed": "Darbs nav saglabāts datubāzē. Ja problēma turpinās, saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.", "collabSaveFailed_sizeExceeded": "Darbs nav saglabāts datubāzē, šķiet, ka tāfele ir pārāk liela. Saglabājiet datni lokālajā krātuvē, lai nodrošinātos pret darba pazaudēšanu.", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Atlase", + "lasso": "", "image": "Ievietot attēlu", "rectangle": "Taisnstūris", "diamond": "Rombs", @@ -246,7 +304,7 @@ "library": "Bibliotēka", "lock": "Paturēt izvēlēto rīku pēc darbības", "penMode": "Pildspalvas režīms – novērst pieskaršanos", - "link": "Pievienot/rediģēt atlasītās figūras saiti", + "link": "", "eraser": "Dzēšgumija", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "Roka (panoramēšanas rīks)", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Tāfeles darbības", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { - "canvasPanning": "Lai bīdītu tāfeli, turiet nospiestu ritināšanas vai atstarpes taustiņu, vai izmanto rokas rīku", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klikšķiniet, lai sāktu zīmēt vairākus punktus; velciet, lai zīmētu līniju", + "arrowTool": "", "freeDraw": "Spiediet un velciet; atlaidiet, kad pabeidzat", "text": "Ieteikums: lai pievienotu tekstu, varat arī jebkur dubultklikšķināt ar atlases rīku", "embeddable": "", - "text_selected": "Dubultklikšķiniet vai spiediet ievades taustiņu, lai rediģētu tekstu", - "text_editing": "Spiediet iziešanas taustiņu vai CtrlOrCmd+ENTER, lai beigtu rediģēt", - "linearElementMulti": "Klikšķiniet uz pēdējā punkta vai spiediet izejas vai ievades taustiņu, lai pabeigtu", - "lockAngle": "Varat ierobežot leņķi, turot nospiestu SHIFT", - "resize": "Kad maināt izmēru, varat ierobežot proporcijas, turot nospiestu SHIFT,\nvai arī ALT, lai mainītu izmēru ap centru", - "resizeImage": "Varat brīvi mainīt izmēru, turot nospiestu SHIFT;\nturiet nospiestu ALT, lai mainītu izmēru ap centru", - "rotate": "Rotējot varat ierobežot leņķi, turot nospiestu SHIFT", - "lineEditor_info": "Turiet CtrlOrCmd un dubultklikšķiniet, vai spiediet CtrlOrCmd + Enter, lai rediģētu punktus", - "lineEditor_pointSelected": "Spiediet dzēšanas taustiņu, lai noņemtu punktus, – CtrlOrCmd+D, lai to kopētu, vai velciet, lai pārvietotu", - "lineEditor_nothingSelected": "Atlasiet punktu, lai labotu (turiet nospiestu SHIFT, lai atlasītu vairākus),\nvai turiet Alt un clikšķiniet, lai pievienotu jaunus punktus", - "placeImage": "Klikšķiniet, lai novietotu attēlu, vai spiediet un velciet, lai iestatītu tā izmēru", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publicēt savu bibliotēku", - "bindTextToElement": "Spiediet ievades taustiņu, lai pievienotu tekstu", - "deepBoxSelect": "Turient nospiestu Ctrl vai Cmd, lai atlasītu dziļumā un lai nepieļautu objektu pavilkšanu", - "eraserRevert": "Turiet Alt, lai noņemtu elementus no dzēsšanas atlases", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Šis iestatījums var tikt ieslēgts ar \"dom.events.asyncClipboard.clipboardItem\" marķieri pārslēgtu uz \"true\". Lai mainītu pārlūka marķierus Firefox, apmeklē \"about:config\" lapu.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Nevar rādīt priekšskatījumu", @@ -299,9 +378,12 @@ "openIssueMessage": "Mēs uzmanījāmies, lai neiekļautu jūsu ainas informāciju šajā kļūdā. Ja jūsu aina nav privāta, lūdzu ziņojiet par šo kļūdu mūsu Lūdzu, miniet sekojošo informāciju to kopējot un ielīmējot jūsu ziņojumā platformā GitHub.", "sceneContent": "Ainas saturs:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Varat ielūgt cilvēkus pašreizējajā ainā, lai sadarbotos ar tiem.", - "desc_privacy": "Neuztraucieties, sesija izmanto šifrēšanu no gala līdz galam, tātad jūsu zīmējums paliks privāts. Pat mūsu serveri nevarēs redzēt, ar ko esat nācis klajā.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Sākt sesiju", "button_stopSession": "Beigt sesiju", "desc_inProgressIntro": "Notiek tiešsaistes sadarbības sesija.", @@ -328,6 +410,8 @@ "click": "klikšķis", "deepSelect": "Atlasīt dziļumā", "deepBoxSelect": "Atlasīt dziļumā kastes ietvaros, un nepieļaut pavilkšanu", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Liekta bulta", "curvedLine": "Liekta līnija", "documentation": "Dokumentācija", @@ -350,7 +434,9 @@ "zoomToSelection": "Iestatīt mērogu, lai rādītu atlasi", "toggleElementLock": "Fiksēt/atbrīvot atlasīto", "movePageUpDown": "Pārvietot lapu augšup/lejup", - "movePageLeftRight": "Pārvietot lapu pa labi/kreisi" + "movePageLeftRight": "Pārvietot lapu pa labi/kreisi", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Notīrīt tāfeli" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Leņķis", - "element": "Elements", - "elements": "Elementi", + "shapes": "", "height": "Augstums", "scene": "Aina", "selected": "Atlasīti", "storage": "Krātuve", - "title": "Statistika entuziastiem", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Kopā", "version": "Versija", "versionCopy": "Klikšķiniet, lai nokopētu", @@ -439,13 +527,15 @@ "copyStyles": "Nokopēja stilus.", "copyToClipboard": "Nokopēja starpliktuvē.", "copyToClipboardAsPng": "Nokopēja {{exportSelection}} starpliktuvē kā PNG ({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Datne saglabāta.", "fileSavedToFilename": "Saglabāts kā {filename}", "canvas": "tāfeli", "selection": "atlasi", "pasteAsSingleElement": "Izmantojiet {{shortcut}}, lai ielīmētu kā jaunu elementu, vai ielīmētu esošā teksta lauciņā", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Caurspīdīgs", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/mr-IN.json b/packages/excalidraw/locales/mr-IN.json index 5d13a2ffe1..584bcd0443 100644 --- a/packages/excalidraw/locales/mr-IN.json +++ b/packages/excalidraw/locales/mr-IN.json @@ -21,7 +21,9 @@ "copyStyles": "शैली कॉपी करा", "pasteStyles": "कॉपी केलेली शैली वापरा", "stroke": "रेघे चा रंग", + "changeStroke": "रेषेचा रंग बदला", "background": "पार्श्वभूमी", + "changeBackground": "पार्श्वभूमीचा रंग बदला", "fill": "भरा", "strokeWidth": "रेघ रुंदी", "strokeStyle": "रेघ शैली", @@ -38,12 +40,20 @@ "arrowhead_none": "कुठलाहि नाही", "arrowhead_arrow": "बाण", "arrowhead_bar": "दांडुक", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "वृत्त", + "arrowhead_circle_outline": "वृत्त (बाह्यरेखा)", "arrowhead_triangle": "त्रिकोण", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "त्रिभुज (बाह्यरेखा)", + "arrowhead_diamond": "चौकट", + "arrowhead_diamond_outline": "चौकट (बाह्यरेखा)", + "arrowhead_crowfoot_many": "चिमणि पाय (अनेक)", + "arrowhead_crowfoot_one": "चिमणि पाय (एक)", + "arrowhead_crowfoot_one_or_many": "चिमणि पाय (एक अथवा अनेक)", + "more_options": "आणिक विकल्प", + "arrowtypes": "बाणाचे प्रकार", + "arrowtype_sharp": "तीक्ष्ण तीर", + "arrowtype_round": "वक्राकार तीर", + "arrowtype_elbowed": "समकोणिय तीर", "fontSize": "अक्षर आकार", "fontFamily": "अक्षर समूह", "addWatermark": "\"एक्सकेलीड्रॉ ने बनवलेलं\" जोडा", @@ -72,6 +82,7 @@ "canvasColors": "कॅनवास वर वापरलेले", "canvasBackground": "पटल पार्श्वभूमि", "drawingCanvas": "चित्र पटल", + "clearCanvas": "पटल स्वच्छ करा", "layers": "स्तर", "actions": "क्रिया", "language": "भाषा", @@ -84,12 +95,13 @@ "group": "समूह निवड", "ungroup": "समूह निवड ला रद्द करा", "collaborators": "Sahayog", - "showGrid": "ग्रिड दाखवा", + "toggleGrid": "जाळी ऑन ऑफ़ करा", "addToLibrary": "संग्रह मधे सम्मिलित करा", "removeFromLibrary": "संग्रहातून काढ़ा", "libraryLoadingMessage": "संग्रह लोड होत आहे…", "libraries": "संग्रह देखे", "loadingScene": "दृश्य लोड होत आहे…", + "loadScene": "फ़ाइल पासून दृश्य लोड करा", "align": "संरेखित करा", "alignTop": "वर संरेखित करा", "alignBottom": "खाली संरेखित करा", @@ -105,7 +117,9 @@ "share": "सामायिक करा", "showStroke": "रेघ रंग निवड यंत्र दाखवा", "showBackground": "पार्श्वभूमि: रंग निवड यंत्र दाखवा", - "toggleTheme": "शैली बदला", + "showFonts": "लिपि निवड़क दाखवा", + "toggleTheme": "उजेड़ाची किव्हा अंधाराची प्रणाली बदला", + "theme": "संरचना पद्धति", "personalLib": "वैयक्तिक संग्रह", "excalidrawLib": "एक्सकेलीड्रॉ संग्रह", "decreaseFontSize": "अक्षर आकार छोटा करा", @@ -115,16 +129,21 @@ "createContainerFromText": "मजकूर कंटेनर मधे मोडून दाखवा", "link": { "edit": "दुवा संपादन", - "editEmbed": "कड़ी सम्पादित करा आणि रुतवा", - "create": "दुवा तयार करा", - "createEmbed": "नवीन कड़ी बनवा आणि रुतवा", + "editEmbed": "रुतलेल्या दुवा ह्याचे संपादन", + "create": "दुवा जोडा", "label": "दुवा", "labelEmbed": "कड़ी आणि रूतवणे", - "empty": "कुठलिही कड़ी दिली नाही" + "empty": "कुठलिही कड़ी दिली नाही", + "hint": "आपला दुवा येथे टाइप करा अथवा येथे चिटकवा", + "goToElement": "निर्धारित घटक या वर जावे" }, "lineEditor": { "edit": "रेघ संपादन", - "exit": "रेघ संपादकाबाहेर" + "editArrow": "बाण संपादन" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "कुलूपात ठेवा", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "चौकटीतले सर्व तत्वांचे चयन करा", "removeAllElementsFromFrame": "चौकटीतून सर्व काढून टाका", "eyeDropper": "चित्रफलकातून रंग निवडा", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "लिपि पासून चित्र", + "prompt": "प्रश्न", + "followUs": "आमचं अनुकरण करा", + "discordChat": "डिस्कोर्ड संवाद", + "zoomToFitViewport": "पूर्ण दृश्यरूप आकार", + "zoomToFitSelection": "निवडी प्रयंत दृश्यरूप आकार करा", + "zoomToFit": "सर्व तत्व दिसतील असे दृश्यरूप आकार करा", + "installPWA": "एक्षकाली ड्रॉ स्थानीय स्वरूपात इंस्टॉल करावे (PWA)", + "autoResize": "स्वयं आकार पुनः निर्धारण", + "imageCropping": "प्रतिमा कापणे", + "unCroppedDimension": "कापण्या पूर्विचे परिमाण", + "copyElementLink": "वस्तू ह्याचा दुवा कॉपी करावे", + "linkToElement": "वस्तू ह्याचा दुवा", + "wrapSelectionInFrame": "चौकटित निवडलेले गुंडाळा", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "वस्तू ह्याचा दुवा", + "desc": "चित्र-पटल वरचा कोणताही आकारावर क्लिक करावे अथवा दुवा ह्याला चिटकावे.", + "notFound": "चित्र-पटल वर दुवा वाली वस्तू सापडली नाही." }, "library": { "noItems": "अजून कोणतेही आइटम जोडलेले नाही...", "hint_emptyLibrary": "पटल वर एक वस्तु निवडुन एथे जोडा, किव्हा एक संग्रह जन कोष कडुन खाली स्थापित करा.", - "hint_emptyPrivateLibrary": "ईथे जोडण्या साठी पटल वरून एक वस्तु निवडा." + "hint_emptyPrivateLibrary": "ईथे जोडण्या साठी पटल वरून एक वस्तु निवडा.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "पटल वर पहा", + "noMatch": "मिळते जुळते काहिही सापडले नाही...", + "singleResult": "निकाल", + "multipleResults": "निकाल", + "placeholder": "पटल वर पाठ्य शोधा...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "पटल पुसा", @@ -151,6 +204,7 @@ "exportImage": "प्रतिमा निर्यात करा...", "export": "येथे सुरक्षित करा...", "copyToClipboard": "फळी वर कॉपी करा", + "copyLink": "कड़ी ची कॉपी करावी", "save": "वर्तमान फ़ाइल मधे जतन करा", "saveAs": "ह्या नावाने जतन करा", "load": "उघडा", @@ -171,14 +225,16 @@ "fullScreen": "पूर्ण दृश्यपटल", "darkMode": "अंधार स्थिथि", "lightMode": "उजेड स्थिति", + "systemMode": "तांत्रिक पद्धत", "zenMode": "ध्यानग्र स्थिति", "objectsSnapMode": "वस्तूंपासून पकड़ा", "exitZenMode": "ध्यानग्र स्थितितून बाहेर", "cancel": "रद्द", + "saveLibNames": "", "clear": "स्वछ", "remove": "हटवा", - "embed": "रुतवणे उलटे करा", - "publishLibrary": "प्रकाशित करा", + "embed": "रुतवणे पलटे करा", + "publishLibrary": "", "submit": "जमा करा", "confirm": "पुष्टि करा", "embeddableInteractionButton": "संवादा साठी क्लिक करा" @@ -204,7 +260,8 @@ "resetLibrary": "पटल स्वच्छ होणार, तुम्हाला खात्री आहे का?", "removeItemsFromsLibrary": "संग्रहातून {{count}} तत्व (एक किव्हा अनेक) काढू?", "invalidEncryptionKey": "कूटबद्धन कुंजी 22 अक्षरांची असणे आवश्यक आहे. थेट सहयोग अक्षम केले आहे.", - "collabOfflineWarning": "इंटरनेट कनेक्शन उपलब्ध नाही.\nतुमचे बदल जतन केले जाणार नाहीत!" + "collabOfflineWarning": "इंटरनेट कनेक्शन उपलब्ध नाही.\nतुमचे बदल जतन केले जाणार नाहीत!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "असमर्थित फाइल प्रकार.", @@ -212,9 +269,9 @@ "fileTooBig": "फाइल फार मोठी आहे. आकाराची कमाल परवानगी {{maxSize}} आहे.", "svgImageInsertError": "एस-वी-जी प्रतिमा आत घालवू शकलो नाही. एस-वी-जी-मार्क-अप यंत्र अयोग्य आहे.", "failedToFetchImage": "प्रतिमा आणणे नाही जमले.", - "invalidSVGString": "अयोग्य एस-वी-जी.", "cannotResolveCollabServer": "कॉलेब-सर्वर हे पोहोचत नाही आहे. पान परत लोड करायचा प्रयत्न करावे.", "importLibraryError": "संग्रह प्रतिस्थापित नाही करता आला", + "saveLibraryError": "संग्रह सुरक्षित नाही करता आला. कृपया तुमचा संग्रह स्थानिक फ़ाइल मधे सुरक्षित करा त्याने तुमचे बदल सुरक्षित राहतील.", "collabSaveFailed": "काही कारणा निमित्त आतल्या डेटाबेसमध्ये जतन करू शकत नाही। समस्या तशिस राहिल्यास, तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही तुमची फाइल स्थानिक जतन करावी.", "collabSaveFailed_sizeExceeded": "लगता है कि पृष्ठ तल काफ़ी बड़ा है, इस्कारण अंदरूनी डेटाबेस में सहेजा नहीं जा सका। किये काम को खोने न देने के लिये अपनी फ़ाइल को स्थानीय रूप से सहेजे।\n\nबॅकएंड डेटाबेसमध्ये जतन करू शकत नाही, कॅनव्हास खूप मोठा असल्याचे दिसते. तुम्ही तुमचे काम गमावणार नाही याची खात्री करण्यासाठी तुम्ही फाइल स्थानिक पातळीवर जतन करावी.", "imageToolNotSupported": "प्रतिमां अक्षम केली गेली आहेत.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "निवड", + "lasso": "", "image": "प्रतिमा आत घाला", "rectangle": "आयत", "diamond": "चौकोन आकाराचा", @@ -255,7 +313,23 @@ "hand": "हात ( सरकवण्या चे उपकरण)", "extraTools": "आणिक यंत्रे", "mermaidToExcalidraw": "मर्मेड पासून एक्सकाली मधे", - "magicSettings": "कृतिम बुद्दिवत्ता सेटिंग्स" + "convertElementType": "" + }, + "element": { + "rectangle": "आयत", + "diamond": "चौकट", + "ellipse": "लंबवर्तुळाकार", + "arrow": "बाण", + "line": "रेषा", + "freedraw": "मुक्त चित्रांकन", + "text": "पाठ्य", + "image": "प्रतिमा", + "group": "गट", + "frame": "चौकट", + "magicframe": "वायरफ़्रेम पासून सांकेतिक लिपि", + "embeddable": "वेब रुतवा", + "selection": "निवड", + "iframe": "आयफ़्रेम" }, "headings": { "canvasActions": "पटल क्रिया", @@ -263,28 +337,33 @@ "shapes": "आकार" }, "hints": { - "canvasPanning": "कॅनव्हास सरकवण्या साठी, ड्रॅग करताना माउस व्हील धरा किंवा स्पेसबार दाबून ठेवा अथवा हात वालं उपकरण वापरा", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "अनेक बिंदु साठी क्लिक करा, रेघे साठी ड्रैग करा", + "arrowTool": "", "freeDraw": "क्लिक आणि ड्रैग करा, झालं तेव्हा सोडा", "text": "टीप: तुम्हीं निवड यंत्रानी कोठेही दुहेरी क्लिक करून टेक्स्ट जोडू शकता", "embeddable": "वेबसाइट रुतोण्या साठी दाबून-खेचा (क्लिक-ड्रैग करा)", - "text_selected": "लेखन संपादन साठी दुहेरी क्लिक करा किव्हा एंटर दाबा", - "text_editing": "संपादन संपवायचं असल्यास एस्केप दाबा किव्हा कंट्रोल या कम्मांड बरोबार एंटर दाबा", - "linearElementMulti": "शेवटच्या बिंदु वर क्लिक करा किव्हा एस्केप या एंटर दाबा", - "lockAngle": "शिफ्ट धरून तुम्ही कोन मर्यादित करू शकता", - "resize": "आकार छोटा मोठा करताना SHIFT धरून तुम्ही प्रमाण मर्यादित करू शकता, \nकेंद्रापासून आकार छोटा मोठा करण्यासाठी ALT धरून ठेवा", - "resizeImage": "SHIFT धरून तुम्ही मुक्तपणे आकार मोठा छोटा करु शकता,\nकेंद्रापासून आकार मोठा छोटा करण्यासाठी ALT धरून ठेवा", - "rotate": "फिरवत असताना शिफ्ट धरून तुम्ही कोन मर्यादित करू शकता", - "lineEditor_info": "पॉइंट संपादित करण्यासाठी CtrlOrCmd दाबून ठेवुन डबल-क्लिक करा किंवा CtrlOrCmd + Enter बरोबर दाबा", - "lineEditor_pointSelected": "बिंदु (एक किव्हा अनेक) काढ़ण्या साठी डिलीट की दाबा,\nCtrlOrCmd बरोबार D प्रति साठी,\nकिव्हा ड्रेग हलवण्या साठी", - "lineEditor_nothingSelected": "संपादित करण्यासाठी एक बिंदू निवडा (अनेक निवडण्यासाठी SHIFT धरून ठेवा),\nकिंवा Alt धरून ठेवा आणि नवीन बिंदू जोडण्यासाठी क्लिक करा", - "placeImage": "प्रतिमा ठेवण्यासाठी क्लिक करा, किंवा त्याचा आकार बदलण्या साठी क्लिक करा आणि ड्रॅग करा", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "आपला खाजगी संग्रह प्रकाशित करा", - "bindTextToElement": "मजकूर जोडण्यासाठी एंटर की दाबा", - "deepBoxSelect": "खोल निवड ह्या साठी कंट्रोल किव्हा कमांड दाबून ठेवा, आणि बाहेर खेचणे वाचवण्या साठी पण", - "eraserRevert": "खोडण्या साठी घेतलेल्या वस्तु ना घेण्या साठी Alt दाबून ठेवावे", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "हे वैशिष्ट्य \"dom.events.asyncClipboard.clipboardItem\" फ्लॅग \"सत्य\" वर सेट करून शक्यतो सक्षम केले जाऊ शकते. Firefox मध्ये ब्राउझर फ्लॅग बदलण्यासाठी, \"about:config\" पृष्ठावर जा.", - "disableSnapping": "स्नैपिंग अक्षम करण्या साठी CtrlOrCmd दाबून ठेवा" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "पूर्वावलोकन दाखवू शकत नाही", @@ -299,9 +378,12 @@ "openIssueMessage": "त्रुटीत तुमची दृश्य माहिती समाविष्ट न करण्यासाठी आम्ही खूप सावध होतो. तुमचा सीन खाजगी नसल्यास, कृपया आम्हाला पुढ च्या कारवाई साठी सम्पर्क साधा कृपया गिटहब समस्येमध्ये कॉपी आणि पेस्ट करून खालिल माहिती समाविष्ट करा.", "sceneContent": "दृश्य विषय:" }, + "shareDialog": { + "or": "किंव्हा" + }, "roomDialog": { - "desc_intro": "तुम्‍ही तुमच्‍या सध्‍याच्‍या दृश्यासाठी लोकांना आपल्‍यासह सहयोग करण्‍यासाठी आमंत्रित करू शकता.", - "desc_privacy": "काळजी करू नका, सत्र या टोकापासून त्या टोकापर्यंत कूटबद्धता वापरते, त्यामुळे तुम्ही जे काही काढाल ते खाजगी राहील. तुम्ही काय घेऊन आला आहात हे आमचा सर्व्हर ही देखील पाहू शकत नाही.", + "desc_intro": "तुमच्या चित्रात सहभागी व्हायला लोकांना आमंत्रित करा.", + "desc_privacy": "चिंते चं कही कारण नाही, सत्र ह्या टोका ते त्या टोका पर्यंत कूटबद्ध आहे, वर पूर्ण प्रकारे खाजगी पण. आपण काय चित्रित करता आहे हे आमचे सर्व्हर देखील पाहू शकत नाही.", "button_startSession": "सत्र सुरु करा", "button_stopSession": "सत्र थाम्बवा", "desc_inProgressIntro": "थेट सहयोग सत्र चालू आहे.", @@ -328,6 +410,8 @@ "click": "क्लिक करा", "deepSelect": "खोल निवड", "deepBoxSelect": "चौकट मधे खोल निवड करा आणि बाहेर ओढणे वाचवा", + "createFlowchart": "एका सामान्य अवयवा पासून प्रवाहचित्र बनवा", + "navigateFlowchart": "प्रवाहचित्रा चं अनुकरण करा", "curvedArrow": "वक्र बाण", "curvedLine": "वक्र रेघ", "documentation": "कागदपत्रे", @@ -350,7 +434,9 @@ "zoomToSelection": "निवडी प्रयंत दृश्यरूप आकार करा", "toggleElementLock": "कुलूपातून आत/बाहेर निवड", "movePageUpDown": "पान वर/खाली करा", - "movePageLeftRight": "पान डावी/उजवी कडे करा" + "movePageLeftRight": "पान डावी/उजवी कडे करा", + "cropStart": "प्रतिमा ह्याची कापणी करा", + "cropFinish": "प्रतिमा ह्याची कापणी संपूर्ण करा" }, "clearCanvasDialog": { "title": "पटल स्वच्छ करा" @@ -421,13 +507,15 @@ }, "stats": { "angle": "कोण", - "element": "वस्तु", - "elements": "वस्तु", + "shapes": "आकार", "height": "उंची", "scene": "दृश्य", "selected": "निवडलेले", "storage": "साठवण", - "title": "अभ्यासू लोगो के लिये आंकडे", + "fullTitle": "पटल आणि आकार गुण", + "title": "गुण", + "generalStats": "सर्वसामान्य", + "elementProperties": "अकाराचे गुण", "total": "योग", "version": "आवृत्ती", "versionCopy": "कॉपी करायला क्लिक करा", @@ -439,13 +527,15 @@ "copyStyles": "कॉपी केलेली शैली.", "copyToClipboard": "फळी वर कॉपी झाली.", "copyToClipboardAsPng": "{{exportSelection}} फळी वर पी-एन-जी स्वरूपात कॉपी झाली\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} फळी वर एस-वी-जी स्वरूपात कॉपी झाली\n({{exportColorScheme}})", "fileSaved": "फ़ाइल जतन झाली.", "fileSavedToFilename": "{filename} मधे जतन झाली", "canvas": "पटल", "selection": "निवड", "pasteAsSingleElement": "एक घटक म्हणून चिपकावण्या साठी {{shortcut}} वापरा,\nकिंवा विद्यमान मजकूर संपादकात चिपकवा", "unableToEmbed": "युआरेल रूतवणे प्रतिबंधित आहेत. आपली युआरेल श्वेतसूचित आणण्या साठी कृपया एक मुद्दा ग़िटहब वर उठवा", - "unrecognizedLinkFormat": "जी युआरेल तुम्हीं रतवली आहे, ती आपेक्षित प्रकारे नाही आहे. कृपया स्त्रोत साइट नी 'रूतवण्या साठी दिलेलि लिपि' चिपकावण्याचा प्रयास करा" + "unrecognizedLinkFormat": "जी युआरेल तुम्हीं रतवली आहे, ती आपेक्षित प्रकारे नाही आहे. कृपया स्त्रोत साइट नी 'रूतवण्या साठी दिलेलि लिपि' चिपकावण्याचा प्रयास करा", + "elementLinkCopied": "दुवा क्लिप बोर्ड वर कॉपी झाली" }, "colors": { "transparent": "पारदर्शक", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "सर्वात जास्त वापरणीस रंग", "colors": "रंग", "shades": "रंगछटा", @@ -518,8 +609,56 @@ "mermaid": { "title": "मर्मेड पासून एक्सकाली मधे", "button": "शिरवा", - "description": "", + "description": "सध्या फक्त प्रवाह चित्र (फ़्लो चार्ट) आणि क्रम चित्र (सिकवेंस ड़ायग्राम) करता येतात. बाक़ीचे चित्र प्रकार एक्सकाली चित्र पद्धति नी चित्रित होतील.", "syntax": "मर्मेड संरचना नियम", "preview": "पूर्वावलोकन" + }, + "quickSearch": { + "placeholder": "जलद शोध" + }, + "fontList": { + "badge": { + "old": "ज़ुनं" + }, + "sceneFonts": "ह्या दृश्या मधे", + "availableFonts": "उपलब्ध लीपीं", + "empty": "लिपि सपडली नाहीं" + }, + "userList": { + "empty": "वापरकर्ते सापडले नाहीत", + "hint": { + "text": "प्रयोक्ताचं अनुकरण करण्या साठी त्या वर क्लिक करा", + "followStatus": "तुम्हीं सध्या ह्या उपयोक्ता चं अनुकरण करत आहेत", + "inCall": "व्यक्ति सध्या संभाषण मधे व्यस्त आहे", + "micMuted": "व्यक्ति चा माइक्रोफ़ोन सध्या मूक केलेला आहे", + "isSpeaking": "व्यक्ति सध्या बोलत आहे" + } + }, + "commandPalette": { + "title": "आदेशांचं चयन पलट", + "shortcuts": { + "select": "निवडा", + "confirm": "निश्चित करा", + "close": "बंद करा" + }, + "recents": "अलिकडेच वापरलेले", + "search": { + "placeholder": "निवड़क, आदेश शोधा आणि लपलेले नग प्राप्त करा", + "noMatch": "कोणतेही जुळणारे आदेश नाहीत..." + }, + "itemNotAvailable": "आदेश उपलब्ध नाही...", + "shortcutHint": "आदेश फलक साठी, {{shortcut}} वापरा" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/my-MM.json b/packages/excalidraw/locales/my-MM.json index 290fa4ae4b..7d2bad85e2 100644 --- a/packages/excalidraw/locales/my-MM.json +++ b/packages/excalidraw/locales/my-MM.json @@ -21,7 +21,9 @@ "copyStyles": "ပုံစံကူး", "pasteStyles": "ပုံစံထား", "stroke": "မျဉ်း", + "changeStroke": "", "background": "နောက်ခံ", + "changeBackground": "", "fill": "ဖြည့်", "strokeWidth": "မျဉ်းအထူ", "strokeStyle": "မျဉ်းပုံစံ", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "စာလုံးအရွယ်", "fontFamily": "စာလုံးပုံစံ", "addWatermark": "\"Excalidraw ဖြင့်ဖန်တီးသည်။\" စာသားထည့်", @@ -72,6 +82,7 @@ "canvasColors": "", "canvasBackground": "ကားချပ်နောက်ခံ", "drawingCanvas": "ပုံဆွဲကားချပ်", + "clearCanvas": "", "layers": "အလွှာများ", "actions": "လုပ်ဆောင်ချက်များ", "language": "ဘာသာစကား", @@ -84,12 +95,13 @@ "group": "အုပ်စုဖွဲ့", "ungroup": "အုပ်စုဖျက်သိမ်း", "collaborators": "ပူးပေါင်းပါဝင်သူများ", - "showGrid": "", + "toggleGrid": "", "addToLibrary": "မှတ်တမ်းတင်", "removeFromLibrary": "မှတ်တမ်းမှထုတ်", "libraryLoadingMessage": "မှတ်တမ်းအား တင်သွင်းနေသည်…", "libraries": "စာကြည့်တိုက်တွင်ရှာဖွေပါ", "loadingScene": "မြင်ကွင်းဖော်နေသည်…", + "loadScene": "", "align": "ချိန်ညှိ", "alignTop": "ထိပ်ညှိ", "alignBottom": "အခြေညှိ", @@ -105,7 +117,9 @@ "share": "", "showStroke": "", "showBackground": "", + "showFonts": "", "toggleTheme": "", + "theme": "", "personalLib": "", "excalidrawLib": "", "decreaseFontSize": "", @@ -117,14 +131,19 @@ "edit": "", "editEmbed": "", "create": "", - "createEmbed": "", "label": "", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "ကားချပ်ရှင်းလင်း", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "ကူးယူ", + "copyLink": "", "save": "", "saveAs": "ပြောင်းသိမ်း", "load": "", @@ -171,10 +225,12 @@ "fullScreen": "", "darkMode": "", "lightMode": "", + "systemMode": "", "zenMode": "", "objectsSnapMode": "", "exitZenMode": "ဇင်မြင်ကွင်းမှထွက်", "cancel": "", + "saveLibNames": "", "clear": "", "remove": "", "embed": "", @@ -204,7 +260,8 @@ "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "", @@ -212,9 +269,9 @@ "fileTooBig": "", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "", "cannotResolveCollabServer": "", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "ရွေးချယ်", + "lasso": "", "image": "", "rectangle": "စတုဂံ", "diamond": "စိန်", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "ကားချပ်လုပ်ဆောင်ချက်", @@ -263,28 +337,33 @@ "shapes": "ပုံသဏ္ဌာန်များ" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "အမှတ်များချမှတ်ရေးဆွဲရန်ကလစ်နှိပ်ပါ၊ မျဉ်းတစ်ကြောင်းတည်းအတွက် တရွတ်ဆွဲပါ။", + "arrowTool": "", "freeDraw": "ကလစ်နှိပ်၍ တရွတ်ဆွဲပါ၊ ပြီးလျှင်လွှတ်ပါ။", "text": "မှတ်ချက်။ ။မည်သည့်ကိရိယာရွေးထားသည်ဖြစ်စေ ကလစ်နှစ်ချက်နှိပ်၍စာသားထည့်နိုင်သည်", "embeddable": "", "text_selected": "", "text_editing": "", - "linearElementMulti": "နောက်ဆုံးအမှတ်ပေါ်တွင်ကလစ်နှိပ်ခြင်း၊ Escape (သို့) Enter နှိပ်ခြင်းတို့ဖြင့်အဆုံးသတ်နိုင်", + "linearElementMulti": "", "lockAngle": "", - "resize": "အချိုးအစားကန့်သတ်ရန် Shift နှင့် ဗဟိုမှချိန်ညှိရန် Alt တို့ကိုနှိပ်ထားနိုင်သည်", + "resize": "", "resizeImage": "", - "rotate": "Shift ကိုနှိပ်ထားခြင်းဖြင့် ထောင့်အလိုက်လှည့်နိုင်သည်", + "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "နမူနာမပြသနိုင်ပါ", @@ -299,9 +378,12 @@ "openIssueMessage": "ချို့ယွင်းမှုမှတ်တမ်းတွင် အရေးကြီးအချက်အလက်များပါဝင်မှုမရှိစေရန်အထူးသတိပြုပါသည်။ မပါဝင်ပါက ဆက်လက်ဆောင်ရွက်ရန် အောက်ပါအချက်အလက်များအား Github တွင် Issue အနေဖြင့်ဖြည့်သွင်းဖော်ပြပေးပါ။", "sceneContent": "မြင်ကွင်းပါအချက်အလက်။ ။" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "လက်ရှိမြင်ကွင်းတွင်ပူးပေါင်းရေးဆွဲရန် အခြားသူများအား ဖိတ်ကြားနိုင်သည်။", - "desc_privacy": "နှစ်ဘက်စွန်းတိုင်လျှို့ဝှက်ထားသဖြင့်ရေးဆွဲသမျှအား ဆာဗာပေါ်မှပင်လျှင်ကြည့်ရှုနိုင်မည်မဟုတ်ပါ။ မစိုးရိမ်ပါနှင့်။", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "ပူးပေါင်းမှုစတင်", "button_stopSession": "ပူးပေါင်းမှုအဆုံးသတ်", "desc_inProgressIntro": "တိုက်ရိုက်ပူးပေါင်းရေးဆွဲမှုများပြုလုပ်နေပါသည်။", @@ -328,6 +410,8 @@ "click": "", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "ထောင့်", - "element": "", - "elements": "", + "shapes": "", "height": "အမြင့်", "scene": "မြင်ကွင်း", "selected": "ရွေးချယ်သည်", "storage": "သိုလှောင်ခန်း", - "title": "အက္ခရာများအတွက်အချက်အလက်များ", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "စုစုပေါင်း", "version": "", "versionCopy": "", @@ -439,13 +527,15 @@ "copyStyles": "", "copyToClipboard": "", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "", "fileSavedToFilename": "", "canvas": "", "selection": "", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/nb-NO.json b/packages/excalidraw/locales/nb-NO.json index 13372b59f5..5468515b81 100644 --- a/packages/excalidraw/locales/nb-NO.json +++ b/packages/excalidraw/locales/nb-NO.json @@ -11,8 +11,8 @@ "copyAsPng": "Kopier til PNG", "copyAsSvg": "Kopier til utklippstavlen som SVG", "copyText": "Kopier til utklippstavlen som tekst", - "copySource": "", - "convertToCode": "", + "copySource": "Kopier kilde til utklippstavle", + "convertToCode": "Konverter til kode", "bringForward": "Flytt framover", "sendToBack": "Send bakerst", "bringToFront": "Flytt forrest", @@ -21,7 +21,9 @@ "copyStyles": "Kopier stiler", "pasteStyles": "Lim inn stiler", "stroke": "Strek", + "changeStroke": "Endre farge på omriss", "background": "Bakgrunn", + "changeBackground": "Endre bakgrunnsfarge", "fill": "Fyll", "strokeWidth": "Strektykkelse", "strokeStyle": "Strekstil", @@ -38,12 +40,20 @@ "arrowhead_none": "Ingen", "arrowhead_arrow": "Pil", "arrowhead_bar": "Søyle", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Sirkel", + "arrowhead_circle_outline": "Sirkel (omriss)", "arrowhead_triangle": "Trekant", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Trekant (omriss)", + "arrowhead_diamond": "Diamant", + "arrowhead_diamond_outline": "Diamant (omriss)", + "arrowhead_crowfoot_many": "Kråkefot (mange)", + "arrowhead_crowfoot_one": "Kråkefot (én)", + "arrowhead_crowfoot_one_or_many": "Kråkefot (én eller mange)", + "more_options": "Flere alternativer", + "arrowtypes": "Type pil", + "arrowtype_sharp": "Skarp pil", + "arrowtype_round": "Buet pil", + "arrowtype_elbowed": "Albuepil", "fontSize": "Skriftstørrelse", "fontFamily": "Fontfamilie", "addWatermark": "Legg til \"Laget med Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Brukes på lerretet", "canvasBackground": "Lerretsbakgrunn", "drawingCanvas": "Lerret", + "clearCanvas": "Tøm lerret", "layers": "Lag", "actions": "Handlinger", "language": "Språk", @@ -84,12 +95,13 @@ "group": "Gruppér utvalg", "ungroup": "Avgruppér utvalg", "collaborators": "Samarbeidspartnere", - "showGrid": "Vis rutenett", + "toggleGrid": "Vis/skjul rutenett", "addToLibrary": "Legg til i bibliotek", "removeFromLibrary": "Fjern fra bibliotek", "libraryLoadingMessage": "Laster bibliotek…", "libraries": "Bla gjennom biblioteker", "loadingScene": "Laster inn scene…", + "loadScene": "Last scene fra fil", "align": "Juster", "alignTop": "Juster øverst", "alignBottom": "Juster nederst", @@ -105,7 +117,9 @@ "share": "Del", "showStroke": "Vis fargevelger for kantfarge", "showBackground": "Vis fargevelger for bakgrunnsfarge", - "toggleTheme": "Veksle tema", + "showFonts": "Vis skriftvelger", + "toggleTheme": "Vis/skjul lys/mørkt tema", + "theme": "Tema", "personalLib": "Personlig bibliotek", "excalidrawLib": "Excalidraw-bibliotek", "decreaseFontSize": "Reduser skriftstørrelse", @@ -115,16 +129,21 @@ "createContainerFromText": "La tekst flyte i en beholder", "link": { "edit": "Rediger lenke", - "editEmbed": "Rediger lenke og bygg inn", - "create": "Opprett lenke", - "createEmbed": "Opprett lenke og bygg inn", + "editEmbed": "Rediger innebyggbar lenke", + "create": "Legg til lenke", "label": "Lenke", "labelEmbed": "Lenk & bygg inn", - "empty": "Ingen lenke er valgt" + "empty": "Ingen lenke er valgt", + "hint": "Skriv eller lim inn lenken din her", + "goToElement": "Gå til målelement" }, "lineEditor": { "edit": "Rediger linje", - "exit": "Avslutt linjeredigering" + "editArrow": "Rediger pil" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Lås", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "Velg alle elementene i rammen", "removeAllElementsFromFrame": "Fjern alle elementer fra rammen", "eyeDropper": "Velg farge fra lerretet", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Tekst til diagram", + "prompt": "Tekst", + "followUs": "Følg oss", + "discordChat": "Discord-chat", + "zoomToFitViewport": "Zoom for å få plass i visning", + "zoomToFitSelection": "Zoom for å passe utvalg", + "zoomToFit": "Zoom for å se alle elementer", + "installPWA": "Installer Excalidraw lokalt (PWA)", + "autoResize": "Aktiver automatisk endring av tekststørrelse", + "imageCropping": "Bildebeskjæring", + "unCroppedDimension": "Ikke-beskåret dimensjon", + "copyElementLink": "Kopier lenke til objekt", + "linkToElement": "Lenke til objekt", + "wrapSelectionInFrame": "Brekk om utvalg i ramme", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Lenke til objekt", + "desc": "Klikk på en figur på lerretet eller lim inn en lenke.", + "notFound": "Koblet objekt ble ikke funnet på lerretet." }, "library": { "noItems": "Ingen elementer lagt til ennå...", "hint_emptyLibrary": "Velg et objekt på lerretet for å legge det til her, eller installer et bibliotek fra den offentlige samlingen under.", - "hint_emptyPrivateLibrary": "Velg et objekt på lerretet for å legge det til her." + "hint_emptyPrivateLibrary": "Velg et objekt på lerretet for å legge det til her.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Finn på lerretet", + "noMatch": "Ingen treff funnet...", + "singleResult": "resultat", + "multipleResults": "resultater", + "placeholder": "Finn tekst på lerret...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Tøm lerretet og tilbakestill bakgrunnsfargen", @@ -151,6 +204,7 @@ "exportImage": "Eksporter bilde...", "export": "Lagre som...", "copyToClipboard": "Kopier til utklippstavle", + "copyLink": "Kopier lenke", "save": "Lagre til aktiv fil", "saveAs": "Lagre som", "load": "Åpne", @@ -171,14 +225,16 @@ "fullScreen": "Fullskjerm", "darkMode": "Mørk modus", "lightMode": "Lys modus", + "systemMode": "Systemmodus", "zenMode": "Zen-modus", - "objectsSnapMode": "", + "objectsSnapMode": "Fest til elementer", "exitZenMode": "Avslutt zen-modus", "cancel": "Avbryt", + "saveLibNames": "", "clear": "Tøm", "remove": "Fjern", "embed": "Slå av/på innebygging", - "publishLibrary": "Publiser", + "publishLibrary": "", "submit": "Send inn", "confirm": "Bekreft", "embeddableInteractionButton": "Klikk for å samhandle" @@ -204,20 +260,21 @@ "resetLibrary": "Dette vil tømme biblioteket ditt. Er du sikker?", "removeItemsFromsLibrary": "Slett {{count}} element(er) fra biblioteket?", "invalidEncryptionKey": "Krypteringsnøkkel må ha 22 tegn. Live-samarbeid er deaktivert.", - "collabOfflineWarning": "Ingen Internett-tilkobling tilgjengelig.\nEndringer dine vil ikke bli lagret!" + "collabOfflineWarning": "Ingen Internett-tilkobling tilgjengelig.\nEndringer dine vil ikke bli lagret!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Filtypen støttes ikke.", "imageInsertError": "Kunne ikke sette inn bildet. Prøv igjen senere...", "fileTooBig": "Filen er for stor. Maksimal tillatt størrelse er {{maxSize}}.", "svgImageInsertError": "Kunne ikke sette inn SVG-bilde. SVG-koden ser ugyldig ut.", - "failedToFetchImage": "", - "invalidSVGString": "Ugyldig SVG.", + "failedToFetchImage": "Kunne ikke hente bilde.", "cannotResolveCollabServer": "Kunne ikke koble til samarbeidsserveren. Vennligst oppdater siden og prøv på nytt.", "importLibraryError": "Kunne ikke laste bibliotek", + "saveLibraryError": "Kunne ikke lagre biblioteket ditt. Vennligst lagre biblioteket til en fil lokalt for å sikre at du ikke mister endringer.", "collabSaveFailed": "Kan ikke lagre i backend-databasen. Hvis problemer vedvarer, bør du lagre filen lokalt for å sikre at du ikke mister arbeidet.", "collabSaveFailed_sizeExceeded": "Kunne ikke lagre til backend-databasen, lerretet ser ut til å være for stort. Du bør lagre filen lokalt for å sikre at du ikke mister arbeidet ditt.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Bilder er deaktivert.", "brave_measure_text_error": { "line1": "Ser ut som om du bruker Brave nettleser med Aggressivt Block Finger -innstillingen aktivert.", "line2": "Dette kan resultere i å bryte tekst-elementene i tegningene.", @@ -226,15 +283,16 @@ }, "libraryElementTypeError": { "embeddable": "Innebygde elementer kan ikke legges til i biblioteket.", - "iframe": "", + "iframe": "IFrame-elementer kan ikke legges til i biblioteket.", "image": "Støtte for å legge til bilder i biblioteket kommer snart!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Kunne ikke lime inn (kunne ikke lese fra systemets utklippstavle).", + "asyncPasteFailedOnParse": "Kunne ikke lime inn.", + "copyToSystemClipboardFailed": "Kunne ikke kopiere til utklippstavlen." }, "toolBar": { "selection": "Velg", + "lasso": "", "image": "Sett inn bilde", "rectangle": "Rektangel", "diamond": "Diamant", @@ -246,16 +304,32 @@ "library": "Bibliotek", "lock": "Behold merket verktøy som aktivt", "penMode": "Pennemodus - forhindre berøring", - "link": "Legg til / oppdater link for en valgt figur", + "link": "Legg til / oppdater lenke for en valgt figur", "eraser": "Viskelær", "frame": "Rammeverktøy", - "magicframe": "", + "magicframe": "Wireframe til kode", "embeddable": "Nettinnbygging", - "laser": "", + "laser": "Laserpeker", "hand": "Hånd (panoreringsverktøy)", "extraTools": "Flere verktøy", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid til Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Rektangel", + "diamond": "Diamant", + "ellipse": "Ellipse", + "arrow": "Pil", + "line": "Linje", + "freedraw": "Frihåndstegning", + "text": "Tekst", + "image": "Bilde", + "group": "Gruppe", + "frame": "Ramme", + "magicframe": "Wireframe til kode", + "embeddable": "Nettinnbygging", + "selection": "Valg", + "iframe": "IFrame" }, "headings": { "canvasActions": "Handlinger: lerret", @@ -263,28 +337,33 @@ "shapes": "Former" }, "hints": { - "canvasPanning": "For å flytte lerretet, hold musehjulet eller mellomromstasten mens du drar, eller bruk hånd-verktøyet", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klikk for å starte linje med flere punkter, eller dra for en enkel linje", + "arrowTool": "", "freeDraw": "Klikk og dra, slipp når du er ferdig", "text": "Tips: du kan også legge til tekst ved å dobbeltklikke hvor som helst med utvalgsverktøyet", "embeddable": "Klikk og dra for å opprette en nettside innebygd", - "text_selected": "Dobbeltklikk eller trykk ENTER for å redigere tekst", - "text_editing": "Trykk Escape eller Ctrl/Cmd+Enter for å fullføre redigering", - "linearElementMulti": "Klikk på siste punkt eller trykk Escape eller Enter for å fullføre", - "lockAngle": "Du kan låse vinkelen ved å holde nede SHIFT", - "resize": "Du kan beholde forholdet ved å trykke SHIFT mens du endrer størrelse,\ntrykk ALT for å endre størrelsen fra midten", - "resizeImage": "Du kan endre størrelse fritt ved å holde SHIFT,\nhold ALT for å endre størrelse fra midten", - "rotate": "Du kan låse vinklene ved å holde SHIFT mens du roterer", - "lineEditor_info": "Hold Ctrl/Cmd og dobbelklikk eller trykk Ctrl/Cmd + Enter for å endre punkter", - "lineEditor_pointSelected": "Trykk på Slett for å fjerne punktet, Ctrl / Cmd+D for å duplisere, eller dra for å flytte", - "lineEditor_nothingSelected": "Velg et punkt å redigere (hold SHIFT for å velge flere),\neller hold Alt og klikk for å legge til nye punkter", - "placeImage": "Klikk for å plassere bildet, eller klikk og dra for å angi størrelsen manuelt", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publiser ditt eget bibliotek", - "bindTextToElement": "Trykk Enter for å legge til tekst", - "deepBoxSelect": "Hold CTRL/CMD for å markere dypt og forhindre flytting", - "eraserRevert": "Hold Alt for å reversere elementene merket for sletting", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Denne funksjonen kan sannsynligvis aktiveres ved å sette \"dom.events.asyncClipboard.clipboardItem\" flagget til \"true\". For å endre nettleserens flagg i Firefox, besøk \"about:config\"-siden.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Kan ikke vise forhåndsvisning", @@ -299,9 +378,12 @@ "openIssueMessage": "Vi er veldig nøye med å ikke inkludere dine scene-opplysninger i feilen. Hvis din scene ikke er privat, vurder å følge opp i vårt Ta med opplysningene nedenfor ved å kopiere og lime inn i GitHub-saken.", "sceneContent": "Scene-innhold:" }, + "shareDialog": { + "or": "Eller" + }, "roomDialog": { - "desc_intro": "Du kan invitere personer til scenen din for å samarbeide med deg.", - "desc_privacy": "Ta det med ro, sesjonen bruker ende-til-ende-kryptering, så alt du tegner forblir privat. Ikke en gang serveren vår kan se hva du lager.", + "desc_intro": "Inviter folk til å samarbeide om tegningen din.", + "desc_privacy": "Ikke bekymre deg, økten er ende-til-ende kryptert og fullt privat. Ikke engang vår server kan se hva du tegner.", "button_startSession": "Start økt", "button_stopSession": "Stopp sesjon", "desc_inProgressIntro": "Sanntids-samarbeidsøkt er nå i gang.", @@ -328,6 +410,8 @@ "click": "klikk", "deepSelect": "Marker dypt", "deepBoxSelect": "Marker dypt innad i boks og forhindre flytting", + "createFlowchart": "Lag et flytdiagram ut fra et generisk element", + "navigateFlowchart": "Naviger et flytdiagram", "curvedArrow": "Buet pil", "curvedLine": "Buet linje", "documentation": "Dokumentasjon", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoom til utvalg", "toggleElementLock": "Lås/lås opp utvalg", "movePageUpDown": "Flytt side opp/ned", - "movePageLeftRight": "Flytt siden til venstre/høyre" + "movePageLeftRight": "Flytt siden til venstre/høyre", + "cropStart": "Beskjær bilde", + "cropFinish": "Fullfør bildebeskjæring" }, "clearCanvasDialog": { "title": "Tøm lerret" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Vinkel", - "element": "Element", - "elements": "Elementer", + "shapes": "Former", "height": "Høyde", "scene": "Scene", "selected": "Valgt", "storage": "Lagring", - "title": "Statistikk for nerder", + "fullTitle": "Lerret- og formegenskaper", + "title": "Egenskaper", + "generalStats": "Generelt", + "elementProperties": "Egenskaper for form", "total": "Totalt", "version": "Versjon", "versionCopy": "Klikk for å kopiere", @@ -439,13 +527,15 @@ "copyStyles": "Kopierte stiler.", "copyToClipboard": "Kopiert til utklippstavlen.", "copyToClipboardAsPng": "Kopierte {{exportSelection}} til utklippstavlen som PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Kopierte {{exportSelection}} til utklippstavlen som SVG\n({{exportColorScheme}})", "fileSaved": "Fil lagret.", "fileSavedToFilename": "Lagret til {filename}", "canvas": "lerret", "selection": "utvalg", "pasteAsSingleElement": "Bruk {{shortcut}} for å lime inn som ett enkelt element,\neller lim inn i en eksisterende tekstbehandler", "unableToEmbed": "Innbygging av denne nettadressen er ikke tillatt. Oppret en sak på GitHub for å be om url-hvitelisting", - "unrecognizedLinkFormat": "Linken du bygget inn samsvarer ikke med det forventede formatet. Prøv å lime inn \"bygg inn\"-strengen fra kildesiden" + "unrecognizedLinkFormat": "Linken du bygget inn samsvarer ikke med det forventede formatet. Prøv å lime inn \"bygg inn\"-strengen fra kildesiden", + "elementLinkCopied": "Lenke kopiert til utklippstavlen" }, "colors": { "transparent": "Gjennomsiktig", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Mest brukte egendefinerte farger", "colors": "Farger", "shades": "Toner", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid til Excalidraw", + "button": "Sett inn", + "description": "Foreløpig er bare Flowchart-, Sequence- og klasse -diagrammer støttet. De andre typene vil bli gjengitt som bilde i Excalidraw.", + "syntax": "Mermaid-syntaks", + "preview": "Forhåndsvisning" + }, + "quickSearch": { + "placeholder": "Hurtigsøk" + }, + "fontList": { + "badge": { + "old": "gammel" + }, + "sceneFonts": "I denne scenen", + "availableFonts": "Tilgjengelige skrifttyper", + "empty": "Ingen skrifttyper funnet" + }, + "userList": { + "empty": "Ingen brukere funnet", + "hint": { + "text": "Klikk på en bruker for å følge", + "followStatus": "Du følger denne brukeren", + "inCall": "Brukeren er i et taleanrop", + "micMuted": "Brukerens mikrofon er dempet", + "isSpeaking": "Bruker snakker" + } + }, + "commandPalette": { + "title": "Kommandopalett", + "shortcuts": { + "select": "Velg", + "confirm": "Bekreft", + "close": "Lukk" + }, + "recents": "Nylig brukt", + "search": { + "placeholder": "Søk etter menyer, kommandoer og oppdag skjulte skatter", + "noMatch": "Ingen treff for kommandoer..." + }, + "itemNotAvailable": "Kommandoen er ikke tilgjengelig...", + "shortcutHint": "For kommandopalett, bruk {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/nl-NL.json b/packages/excalidraw/locales/nl-NL.json index 5ef98343b8..d42e446bdb 100644 --- a/packages/excalidraw/locales/nl-NL.json +++ b/packages/excalidraw/locales/nl-NL.json @@ -12,7 +12,7 @@ "copyAsSvg": "Kopieer naar klembord als SVG", "copyText": "Kopieer naar klembord als tekst", "copySource": "", - "convertToCode": "", + "convertToCode": "Zet om naar code", "bringForward": "Breng naar voren", "sendToBack": "Stuur naar achtergrond", "bringToFront": "Breng naar voorgrond", @@ -21,7 +21,9 @@ "copyStyles": "Kopieer opmaak", "pasteStyles": "Plak opmaak", "stroke": "Lijn", + "changeStroke": "", "background": "Achtergrond", + "changeBackground": "", "fill": "Invulling", "strokeWidth": "Lijnbreedte", "strokeStyle": "Lijnstijl", @@ -38,12 +40,20 @@ "arrowhead_none": "Geen", "arrowhead_arrow": "Pijl", "arrowhead_bar": "Balk", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Rond", + "arrowhead_circle_outline": "Rond (omtrek)", "arrowhead_triangle": "Driehoek", "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Tekstgrootte", "fontFamily": "Lettertype", "addWatermark": "Voeg \"Gemaakt met Excalidraw\" toe", @@ -51,7 +61,7 @@ "normal": "Normaal", "code": "Code", "small": "Klein", - "medium": "Medium", + "medium": "", "large": "Groot", "veryLarge": "Zeer groot", "solid": "Ingekleurd", @@ -72,6 +82,7 @@ "canvasColors": "Gebruikt op canvas", "canvasBackground": "Canvas achtergrond", "drawingCanvas": "Canvas", + "clearCanvas": "", "layers": "Lagen", "actions": "Acties", "language": "Taal", @@ -84,12 +95,13 @@ "group": "Groeperen", "ungroup": "Groep opheffen", "collaborators": "Deelnemers", - "showGrid": "Raster weergeven", + "toggleGrid": "", "addToLibrary": "Voeg toe aan bibliotheek", "removeFromLibrary": "Verwijder uit bibliotheek", "libraryLoadingMessage": "Bibliotheek laden…", "libraries": "Blader door bibliotheken", "loadingScene": "Scène laden…", + "loadScene": "", "align": "Uitlijnen", "alignTop": "Boven uitlijnen", "alignBottom": "Onder uitlijnen", @@ -105,7 +117,9 @@ "share": "Deel", "showStroke": "Toon lijn kleur kiezer", "showBackground": "Toon achtergrondkleur kiezer", - "toggleTheme": "Thema aan/uit", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "Persoonlijke bibliotheek", "excalidrawLib": "Excalidraw bibliotheek", "decreaseFontSize": "Letters verkleinen", @@ -115,16 +129,21 @@ "createContainerFromText": "", "link": { "edit": "Wijzig link", - "editEmbed": "Link bewerken & insluiten", - "create": "Maak link", - "createEmbed": "Link maken en insluiten", + "editEmbed": "", + "create": "", "label": "Link", "labelEmbed": "Link toevoegen & insluiten", - "empty": "Er is geen link ingesteld" + "empty": "Er is geen link ingesteld", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Bewerk regel", - "exit": "Verlaat regel-editor" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Vergrendel", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "Volg ons", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Nog geen items toegevoegd...", "hint_emptyLibrary": "Selecteer een item op het canvas om het hier toe te voegen of installeer een bibliotheek uit de openbare repository, hieronder.", - "hint_emptyPrivateLibrary": "Selecteer een item op het canvas om het hier toe te voegen." + "hint_emptyPrivateLibrary": "Selecteer een item op het canvas om het hier toe te voegen.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Canvas opnieuw instellen", @@ -151,6 +204,7 @@ "exportImage": "Exporteer afbeelding...", "export": "Sla op...", "copyToClipboard": "Kopieer", + "copyLink": "", "save": "Opslaan naar huidige bestand", "saveAs": "Opslaan als", "load": "Open", @@ -171,14 +225,16 @@ "fullScreen": "Volledig scherm", "darkMode": "Donkere modus", "lightMode": "Lichte modus", + "systemMode": "", "zenMode": "Zen modus", "objectsSnapMode": "", "exitZenMode": "Verlaat zen modus", "cancel": "Annuleren", + "saveLibNames": "", "clear": "Wissen", "remove": "Verwijderen", "embed": "Insluiten in-/uitschakelen", - "publishLibrary": "Publiceren", + "publishLibrary": "", "submit": "Versturen", "confirm": "Bevestigen", "embeddableInteractionButton": "Klik voor interactie" @@ -204,7 +260,8 @@ "resetLibrary": "Dit zal je bibliotheek wissen. Weet je het zeker?", "removeItemsFromsLibrary": "Verwijder {{count}} item(s) uit bibliotheek?", "invalidEncryptionKey": "Encryptiesleutel moet 22 tekens zijn. Live samenwerking is uitgeschakeld.", - "collabOfflineWarning": "Geen internetverbinding beschikbaar.\nJe wijzigingen worden niet opgeslagen!" + "collabOfflineWarning": "Geen internetverbinding beschikbaar.\nJe wijzigingen worden niet opgeslagen!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Niet-ondersteund bestandstype.", @@ -212,9 +269,9 @@ "fileTooBig": "Bestand is te groot. Maximale grootte is {{maxSize}}.", "svgImageInsertError": "Kon geen SVG-afbeelding invoegen. De SVG-opmaak ziet er niet geldig uit.", "failedToFetchImage": "", - "invalidSVGString": "Ongeldige SVG.", "cannotResolveCollabServer": "Kan geen verbinding maken met de collab server. Herlaad de pagina en probeer het opnieuw.", "importLibraryError": "Kon bibliotheek niet laden", + "saveLibraryError": "", "collabSaveFailed": "Kan niet opslaan in de backend database. Als de problemen blijven bestaan, moet u het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.", "collabSaveFailed_sizeExceeded": "Kan de backend database niet opslaan, het canvas lijkt te groot te zijn. U moet het bestand lokaal opslaan om ervoor te zorgen dat u uw werk niet verliest.", "imageToolNotSupported": "", @@ -230,11 +287,12 @@ "image": "Ondersteuning voor het toevoegen van afbeeldingen aan de bibliotheek komt binnenkort!" }, "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnParse": "Kon niet plakken.", + "copyToSystemClipboardFailed": "Kon niet naar klembord kopiëren." }, "toolBar": { "selection": "Selectie", + "lasso": "", "image": "Voeg afbeelding in", "rectangle": "Rechthoek", "diamond": "Ruit", @@ -246,16 +304,32 @@ "library": "Bibliotheek", "lock": "Geselecteerde tool actief houden na tekenen", "penMode": "Pen modus - Blokkeer aanraken", - "link": "Link toevoegen / bijwerken voor een geselecteerde vorm", + "link": "", "eraser": "Gum", - "frame": "", + "frame": "Frame tool", "magicframe": "", "embeddable": "Web insluiten", - "laser": "", + "laser": "Laseraanwijzer", "hand": "", - "extraTools": "", + "extraTools": "Meer tools", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Canvasacties", @@ -263,28 +337,33 @@ "shapes": "Vormen" }, "hints": { - "canvasPanning": "Om de canvas te verplaatsen, houd muiswiel of spatiebalk ingedrukt tijdens slepen, of gebruik het handgereedschap", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klik om meerdere punten te starten, sleep voor één lijn", + "arrowTool": "", "freeDraw": "Klik en sleep, laat los als je klaar bent", "text": "Tip: je kunt tekst toevoegen door ergens dubbel te klikken met de selectietool", "embeddable": "Klink-sleep om een website-insluiting te maken", - "text_selected": "Dubbelklik of druk op ENTER om tekst te bewerken", - "text_editing": "Druk op Escape of CtrlOrCmd+ENTER om het bewerken te voltooien", - "linearElementMulti": "Klik op het laatste punt of druk op Escape of Enter om te stoppen", - "lockAngle": "Je kunt de hoek beperken door SHIFT ingedrukt te houden", - "resize": "Houd tijdens het vergroten SHIFT ingedrukt om verhoudingen te behouden,\ngebruik ALT om vanuit het midden te vergroten/verkleinen", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", "resizeImage": "", - "rotate": "Je kan hoeken beperken door SHIFT ingedrukt te houden wanneer je draait", - "lineEditor_info": "Houd CtrlOrCmd en Dubbelklik of druk op CtrlOrCmd + Enter om punten te bewerken", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "Publiceer je eigen bibliotheek", - "bindTextToElement": "Druk op enter om tekst toe te voegen", + "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Kan voorbeeld niet tonen", @@ -299,9 +378,12 @@ "openIssueMessage": "We waren voorzichtig om je scène-informatie niet in de fout toe te voegen. Als je scène niet privé is, overweeg dan alstublieft het opvolgen op onze Kopieer de informatie hieronder naar de GitHub issue.", "sceneContent": "Scène-inhoud:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Je kunt mensen uitnodigen om met je samen te werken.", - "desc_privacy": "Geen zorgen, de sessie gebruikt end-to-end encryptie, dus wat je tekent blijft privé. Zelfs onze server zal niet kunnen zien wat je tekent.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Start sessie", "button_stopSession": "Stop sessie", "desc_inProgressIntro": "De live-samenwerkingssessie is nu gestart.", @@ -328,29 +410,33 @@ "click": "klik", "deepSelect": "Deep selecteer", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Gebogen pijl", "curvedLine": "Kromme lijn", "documentation": "Documentatie", "doubleClick": "dubbelklikken", "drag": "slepen", - "editor": "Editor", + "editor": "", "editLineArrowPoints": "", "editText": "", "github": "Probleem gevonden? Verzenden", "howto": "Volg onze handleidingen", "or": "of", "preventBinding": "Pijlbinding voorkomen", - "tools": "Tools", + "tools": "", "shortcuts": "Sneltoetsen", "textFinish": "Voltooi het bewerken (teksteditor)", "textNewLine": "Nieuwe regel toevoegen (teksteditor)", - "title": "Help", + "title": "", "view": "Weergave", "zoomToFit": "Zoom in op alle elementen", "zoomToSelection": "Inzoomen op selectie", "toggleElementLock": "", "movePageUpDown": "Pagina omhoog/omlaag", - "movePageLeftRight": "Verplaats pagina links/rechts" + "movePageLeftRight": "Verplaats pagina links/rechts", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Wis canvas" @@ -363,7 +449,7 @@ "twitterUsername": "Twitter gebruikersnaam", "libraryName": "Naam bibliotheek", "libraryDesc": "Beschrijving van de bibliotheek", - "website": "Website", + "website": "", "placeholder": { "authorName": "Je naam of gebruikersnaam", "libraryName": "Naam van je bibliotheek", @@ -394,24 +480,24 @@ "imageExportDialog": { "header": "", "label": { - "withBackground": "", + "withBackground": "Achtergrond", "onlySelected": "", - "darkMode": "", + "darkMode": "Dark mode", "embedScene": "", - "scale": "", - "padding": "" + "scale": "Schaal", + "padding": "Padding" }, "tooltip": { "embedScene": "" }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "Exporteer naar PNG", + "exportToSvg": "Exporteer naar SVG", + "copyPngToClipboard": "Kopieer PNG naar klembord" }, "button": { - "exportToPng": "", - "exportToSvg": "", + "exportToPng": "PNG", + "exportToSvg": "SVG", "copyPngToClipboard": "" } }, @@ -421,13 +507,15 @@ }, "stats": { "angle": "Hoek", - "element": "Element", - "elements": "Elementen", + "shapes": "", "height": "Hoogte", "scene": "Scene", "selected": "Geselecteerd", "storage": "Opslag", - "title": "Statistieken voor nerds", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Totaal", "version": "Versie", "versionCopy": "Klik om te kopiëren", @@ -439,20 +527,22 @@ "copyStyles": "Stijlen gekopieerd.", "copyToClipboard": "Gekopieerd naar het klembord.", "copyToClipboardAsPng": "{{exportSelection}} naar klembord gekopieerd als PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Bestand opgeslagen.", "fileSavedToFilename": "Opgeslagen als {filename}", "canvas": "canvas", "selection": "selectie", "pasteAsSingleElement": "Gebruik {{shortcut}} om te plakken als een enkel element,\nof plak in een bestaande teksteditor", "unableToEmbed": "Het insluiten van deze url is momenteel niet toegestaan. Zet een probleem op GitHub om de URL op de whitelist te zetten", - "unrecognizedLinkFormat": "De link die u hebt ingesloten komt niet overeen met het verwachte formaat. Probeer de 'embed' string van de bronsite te plakken" + "unrecognizedLinkFormat": "De link die u hebt ingesloten komt niet overeen met het verwachte formaat. Probeer de 'embed' string van de bronsite te plakken", + "elementLinkCopied": "" }, "colors": { "transparent": "Transparant", - "black": "", - "white": "", - "red": "", - "pink": "", + "black": "Zwart", + "white": "Wit", + "red": "Rood", + "pink": "Roze", "grape": "", "violet": "", "gray": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/nn-NO.json b/packages/excalidraw/locales/nn-NO.json index 6658dba2ba..888acef25e 100644 --- a/packages/excalidraw/locales/nn-NO.json +++ b/packages/excalidraw/locales/nn-NO.json @@ -21,11 +21,13 @@ "copyStyles": "Kopier stilar", "pasteStyles": "Lim inn stilar", "stroke": "Strek", + "changeStroke": "", "background": "Bakgrunn", + "changeBackground": "", "fill": "Fyll", "strokeWidth": "Strekbreidd", "strokeStyle": "Strekstil", - "strokeStyle_solid": "Solid", + "strokeStyle_solid": "", "strokeStyle_dashed": "Stipla", "strokeStyle_dotted": "Prikka", "sloppiness": "Ujamnheit", @@ -44,17 +46,25 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Skriftstorleik", "fontFamily": "Skrifttype", "addWatermark": "Legg til «Laga med Excalidraw»", "handDrawn": "Handteikna", - "normal": "Normal", + "normal": "", "code": "Kode", "small": "Liten", - "medium": "Medium", + "medium": "", "large": "Stor", "veryLarge": "Svært stor", - "solid": "Solid", + "solid": "", "hachure": "Skravert", "zigzag": "", "crossHatch": "Krysskravert", @@ -72,6 +82,7 @@ "canvasColors": "Brukt på lerretet", "canvasBackground": "Lerretsbakgrunn", "drawingCanvas": "Lerret", + "clearCanvas": "", "layers": "Lag", "actions": "Handlingar", "language": "Språk", @@ -84,12 +95,13 @@ "group": "Grupper utval", "ungroup": "Avgrupper utval", "collaborators": "Samarbeidarar", - "showGrid": "Vis rutenett", + "toggleGrid": "", "addToLibrary": "Legg til i bibliotek", "removeFromLibrary": "Fjern frå bibliotek", "libraryLoadingMessage": "Laster bibliotek…", "libraries": "Blad gjennom bibliotek", "loadingScene": "Laster scene…", + "loadScene": "", "align": "Juster", "alignTop": "Juster til topp", "alignBottom": "Juster til botn", @@ -105,7 +117,9 @@ "share": "Del", "showStroke": "Vis fargeveljar for linjer", "showBackground": "Vis fargeveljar for bakgrunn", - "toggleTheme": "Veksle tema", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "Personleg bibliotek", "excalidrawLib": "Excalidraw-bibliotek", "decreaseFontSize": "Gjer skriftstorleik mindre", @@ -116,15 +130,20 @@ "link": { "edit": "Rediger lenke", "editEmbed": "", - "create": "Lag lenke", - "createEmbed": "", + "create": "", "label": "Lenke", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "Følg oss", + "discordChat": "Discord chat", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Tilbakestill lerretet", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "Kopier til utklippstavla", + "copyLink": "", "save": "Lagre til noverande fil", "saveAs": "Lagre som", "load": "", @@ -171,14 +225,16 @@ "fullScreen": "Fullskjerm", "darkMode": "Mørk modus", "lightMode": "Lys modus", + "systemMode": "", "zenMode": "Zen-modus", "objectsSnapMode": "", "exitZenMode": "Avslutt zen-modus", "cancel": "Avbryt", + "saveLibNames": "", "clear": "Tøm", "remove": "Fjern", "embed": "", - "publishLibrary": "Publiser", + "publishLibrary": "", "submit": "Send inn", "confirm": "Stadfest", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "Dette vil fjerne alt innhald frå biblioteket. Er du sikker?", "removeItemsFromsLibrary": "Slette {{count}} element frå biblioteket?", "invalidEncryptionKey": "Krypteringsnøkkelen må ha 22 teikn. Sanntidssamarbeid er deaktivert.", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Filtypen er ikkje støtta.", @@ -212,9 +269,9 @@ "fileTooBig": "Fila er for stor. Maksimal tillate storleik er {{maxSize}}.", "svgImageInsertError": "Kunne ikkje sette inn SVG-biletet. SVG-koden ser ugyldig ut.", "failedToFetchImage": "", - "invalidSVGString": "Ugyldig SVG.", "cannotResolveCollabServer": "Kunne ikkje kople til samarbeidsserveren. Ver vennleg å oppdatere inn sida og prøv på nytt.", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,10 +292,11 @@ }, "toolBar": { "selection": "Vel", + "lasso": "", "image": "Sett in bilete", "rectangle": "Rektangel", "diamond": "Diamant", - "ellipse": "Ellipse", + "ellipse": "", "arrow": "Pil", "line": "Linje", "freedraw": "Teikn", @@ -246,7 +304,7 @@ "library": "Bibliotek", "lock": "Hald fram med valt verktøy", "penMode": "", - "link": "Legg til/ oppdater lenke til valt figur", + "link": "", "eraser": "Viskelêr", "frame": "", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "Handlingar: lerret", @@ -263,28 +337,33 @@ "shapes": "Formar" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Klikk for å starte linje med fleire punkt, eller drag for ei enkel linje", + "arrowTool": "", "freeDraw": "Klikk og drag, slepp når du er ferdig", "text": "Tips: du kan òg leggje til tekst ved å dobbeltklikke kor som helst med utvalgsverktyet", "embeddable": "", - "text_selected": "Dobbelklikk eller trykk ENTER for å redigere teksta", - "text_editing": "Trykk Escape eller CtrlOrCmd+ENTER for å fullføre redigeringa", - "linearElementMulti": "Klikk på siste punkt eller trykk Escape eller Enter for å fullføre", - "lockAngle": "Du kan begrense vinkelen ved å holde nede SKIFT", - "resize": "Du kan halde fram med forholdet ved å trykke SHIFT medan du endrar storleik,\ntrykk ALT for å endre storleiken frå midten", - "resizeImage": "Du kan endre storleiken fritt ved å halde inne SHIFT,\nhald ALT for å endre storleik frå sentrum", - "rotate": "Du kan låse vinklane ved å halde SHIFT medan du roterer", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "Trykk på Slett for å fjerne punkt(a),\nCtrl / Cmd+D for å duplisere, eller drag for å flytte", - "lineEditor_nothingSelected": "Vel eit punkt å redigere (hald inne SHIFT for å velje fleire),\neller hald inne Alt og klikk for å legge til nye punkt", - "placeImage": "Klikk for å plassere biletet, eller klikk og drag for å velje storleik manuelt", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publiser ditt eige bibliotek", - "bindTextToElement": "Trykk på enter for å legge til tekst", - "deepBoxSelect": "Hald inne Ctrl / Cmd for å velje djupt, og forhindre flytting", - "eraserRevert": "Hald inne Alt for å reversere markering av element for sletting", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Kan ikkje vise førehandsvising", @@ -299,9 +378,12 @@ "openIssueMessage": "Vi er veldig nøye med å ikkje inkludere scene-opplysingane dine i feilmeldinga. Viss scena di ikkje er privat kan du vurdere å følge opp i Ta med opplysingane nedanfor ved å kopiere og lime inn i GitHub-saka.", "sceneContent": "Scene-innhald:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Du kan invitere personar til scena di for å samarbeide med deg.", - "desc_privacy": "Ta det med ro; økta brukar ende-til-ende-kryptering, så alt du teiknar held fram med å vere privat. Ikkje ein gong serveren vår kan sjå kva du lagar.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Start økt", "button_stopSession": "Stopp økt", "desc_inProgressIntro": "Sanntids-samarbeidsøkt er no i gang.", @@ -328,11 +410,13 @@ "click": "klikk", "deepSelect": "Marker djupt", "deepBoxSelect": "Marker djupt inni boksen og forhindr flytting", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Boga pil", "curvedLine": "Boga linje", "documentation": "Dokumentasjon", "doubleClick": "dobbelklikk", - "drag": "drag", + "drag": "", "editor": "Redigering", "editLineArrowPoints": "", "editText": "", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoom til utval", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Tøm lerretet" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Vinkel", - "element": "Element", - "elements": "Element", + "shapes": "", "height": "Høgde", - "scene": "Scene", + "scene": "", "selected": "Valde", "storage": "Lagring", - "title": "Statistikk for nerdar", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Totalt", "version": "Versjon", "versionCopy": "Klikk for å kopiere", @@ -439,13 +527,15 @@ "copyStyles": "Kopierte stilane.", "copyToClipboard": "Kopiert til utklippstavla.", "copyToClipboardAsPng": "Kopierte {{exportSelection}} til utklippstavla som PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Fila er lagra.", "fileSavedToFilename": "Lagra som {filename}", "canvas": "lerret", "selection": "val", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Gjennomsiktig", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/oc-FR.json b/packages/excalidraw/locales/oc-FR.json index 3d9594c04b..e830cdbf43 100644 --- a/packages/excalidraw/locales/oc-FR.json +++ b/packages/excalidraw/locales/oc-FR.json @@ -11,8 +11,8 @@ "copyAsPng": "Copiar al quichapapièrs coma PNG", "copyAsSvg": "Copiar al quichapapièrs coma SVG", "copyText": "Copiar al quichapapièrs coma tèxt", - "copySource": "", - "convertToCode": "", + "copySource": "Copiar la font al quichapapièrs", + "convertToCode": "Convertir lo còdi", "bringForward": "En avant", "sendToBack": "En arrièr", "bringToFront": "A l’endavant", @@ -21,7 +21,9 @@ "copyStyles": "Copiar los estiles", "pasteStyles": "Pegar los estils", "stroke": "Contorn", + "changeStroke": "", "background": "Rèireplan", + "changeBackground": "", "fill": "Empliment", "strokeWidth": "Largor de contorn", "strokeStyle": "Estil de contorn", @@ -38,12 +40,20 @@ "arrowhead_none": "Cap", "arrowhead_arrow": "Sageta", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Cèrcle", + "arrowhead_circle_outline": "Cèrcle (contorn)", "arrowhead_triangle": "Triangle", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Triangle (contirn)", + "arrowhead_diamond": "Lausange", + "arrowhead_diamond_outline": "Lausange (contorn)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "Talha polissa", "fontFamily": "Familha de polissa", "addWatermark": "Apondre « Fabricat amb Excalidraw »", @@ -72,6 +82,7 @@ "canvasColors": "Utilizada suls canabassses", "canvasBackground": "Rèireplan del canabàs", "drawingCanvas": "Zòna de dessenh", + "clearCanvas": "Escafar canabàs", "layers": "Calques", "actions": "Accions", "language": "Lenga", @@ -84,12 +95,13 @@ "group": "Gropar la seleccion", "ungroup": "Desunir la seleccion", "collaborators": "Collaborators", - "showGrid": "Afichar la gresilha", + "toggleGrid": "", "addToLibrary": "Apondre a la bibliotèca", "removeFromLibrary": "Suprimir de la bibliotèca", "libraryLoadingMessage": "Cargament de la bibliotèca…", "libraries": "Percórrer las bibliotècas", "loadingScene": "Cargament de la scèna…", + "loadScene": "", "align": "Alinhament", "alignTop": "Alinhar ennaut", "alignBottom": "Alinhar enbàs", @@ -105,7 +117,9 @@ "share": "Partejar", "showStroke": "Mostrar lo selector de color de contorn", "showBackground": "Mostrar lo selector de color de fons", - "toggleTheme": "Alternar tèma", + "showFonts": "", + "toggleTheme": "", + "theme": "Tèma", "personalLib": "Bibliotèca personala", "excalidrawLib": "Bibliotèca Excalidraw", "decreaseFontSize": "Reduire talha polissa", @@ -115,16 +129,21 @@ "createContainerFromText": "Envelopar lo tèxte dins un contenedor", "link": { "edit": "Modificar lo ligam", - "editEmbed": "Modificar lo ligam e l’integracion", - "create": "Crear un ligam", - "createEmbed": "Crear un ligam e son integracion", + "editEmbed": "", + "create": "", "label": "Ligam", "labelEmbed": "Ligam e integracion", - "empty": "Cap de ligam pas definit" + "empty": "Cap de ligam pas definit", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "Modificar la linha", - "exit": "Sortir de l’editor de linha" + "editArrow": "Modificar sageta" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Verrolhar", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "Seleccionar totes los elements del quadre", "removeAllElementsFromFrame": "Tirar totes los elements d’al quadre", "eyeDropper": "Prendre la color a partir d’un canabàs", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Tèxte pel diagram", + "prompt": "Fenèstra de dialòg", + "followUs": "Seguissètz-nos", + "discordChat": "Chat Discord", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "Cap d’element pas encara apondut...", "hint_emptyLibrary": "Seleccionatz un element d’apondre aquí, o installatz una bibliotèca del depaus public, çai-jos.", - "hint_emptyPrivateLibrary": "Seleccionatz un element d’apondre aquí pel canabàs." + "hint_emptyPrivateLibrary": "Seleccionatz un element d’apondre aquí pel canabàs.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Reïnicializar lo canabàs", @@ -151,6 +204,7 @@ "exportImage": "Exportar imatges...", "export": "Enregistrar dins...", "copyToClipboard": "Copiar al quichapapièrs", + "copyLink": "", "save": "Salvar al fichièr actual", "saveAs": "Enregistrar jos", "load": "Dobrir", @@ -171,14 +225,16 @@ "fullScreen": "Ecran complèt", "darkMode": "Mòde escur", "lightMode": "Mòde clar", + "systemMode": "Mòde sistèma", "zenMode": "Mòde escur", "objectsSnapMode": "Ancorar als objèctes", "exitZenMode": "Sortir del mòde zen", "cancel": "Anullar", + "saveLibNames": "", "clear": "Escafar", "remove": "Tirar", "embed": "Alternar l’integracion", - "publishLibrary": "Publicar", + "publishLibrary": "", "submit": "Enviar", "confirm": "Confirmar", "embeddableInteractionButton": "Clicar per interagir" @@ -204,7 +260,8 @@ "resetLibrary": "Aquò suprimirà vòstra bibliotèca. O volètz vertadièrament ?", "removeItemsFromsLibrary": "Suprimir {{count}} element(s) de la bibliotèca ?", "invalidEncryptionKey": "La clau de chiframent deu conténer 22 caractèrs. La collaboracion en dirèct es desactivada.", - "collabOfflineWarning": "Cap de connexion pas disponibla.\nVòstras modificacions seràn pas salvadas !" + "collabOfflineWarning": "Cap de connexion pas disponibla.\nVòstras modificacions seràn pas salvadas !", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipe de fichièr pas pres en carga.", @@ -212,16 +269,16 @@ "fileTooBig": "Fichièr tròp pesuc. La talha maximala autorizada es {{maxSize}}.", "svgImageInsertError": "Insercion d’imatge SVG impossibla. Las balisas SVG semblan invalidas.", "failedToFetchImage": "Fracàs de la recuperacion de l’imatge.", - "invalidSVGString": "SVG invalid.", "cannotResolveCollabServer": "Connexion impossibla al servidor collab. Mercés de recargar la pagina e tornar ensajar.", "importLibraryError": "Impossible de cargar la bibliotèca", - "collabSaveFailed": "", - "collabSaveFailed_sizeExceeded": "", - "imageToolNotSupported": "", + "saveLibraryError": "", + "collabSaveFailed": "Enregistrament impossible dins la basa de donada del backend. Se lo problèma persistís, deuriatz enregistrar lo fichièr localament per vos assegurar que perdretz pas vòstre trabalh.", + "collabSaveFailed_sizeExceeded": "Enregistrament impossible dins la basa de donada del backend, lo canabàs sembla tròp pesuc. Deuriatz enregistrar lo fichièr localament per vos assegurar que perdretz pas vòstre trabalh.", + "imageToolNotSupported": "Los imatges son desactivats.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", + "line1": "Semblatz utilizar lo navegador Brave amb lo paramètre Blocatge agressiu de las emprentas numericas activat.", + "line2": "Aquò pòt menar a copar l’element Tèxte de vòstres dessenhs.", + "line3": "Recomandam fòrt de desactivar aqueste paramètre. Podètz seguir aquestas etapas per veire cossí o far.", "line4": "" }, "libraryElementTypeError": { @@ -229,12 +286,13 @@ "iframe": "", "image": "" }, - "asyncPasteFailedOnRead": "Empegatge impossible (lectura impossibla a partir del quichapapièrs).", + "asyncPasteFailedOnRead": "", "asyncPasteFailedOnParse": "Empegatge impossible.", "copyToSystemClipboardFailed": "Còpia impossibla al quichapapièrs." }, "toolBar": { "selection": "Seleccion", + "lasso": "", "image": "Inserir imatge", "rectangle": "Rectangle", "diamond": "Lausange", @@ -246,7 +304,7 @@ "library": "Bibliotèca", "lock": "Mantenir activa l’aisina aprèp dessenhar", "penMode": "Mòde estilo - empachar lo contact", - "link": "Apondre/Actualizar lo ligam per una fòrma seleccionada", + "link": "", "eraser": "Goma", "frame": "Esplech quadre", "magicframe": "", @@ -255,7 +313,23 @@ "hand": "Man (aisina de desplaçament de la vista)", "extraTools": "Mai d’aisinas", "mermaidToExcalidraw": "De Mermaid cap a Excalidraw", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "Rectangle", + "diamond": "", + "ellipse": "", + "arrow": "Sageta", + "line": "Linha", + "freedraw": "", + "text": "Tèxt", + "image": "Imatge", + "group": "Grop", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "Seleccion", + "iframe": "" }, "headings": { "canvasActions": "Accions del canabàs", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "Clicatz per començar mantun punt, lisatz per una sola linha", + "arrowTool": "", "freeDraw": "Clicatz e lisatz, relargatz un còp acabat", "text": "Astúcia : podètz tanben apondre de tèxt en doble clicant ont que siá amb l’aisina de seleccion", "embeddable": "", - "text_selected": "Clicatz dos còps o quichatz ENTRADA per modificar lo tèxt", - "text_editing": "Quichatz ESCAPAR o CtrlOrCmd+ENTRADA per acabar la modificacion", - "linearElementMulti": "Clicatz sul darrièr punt o quichatz Ecap o Entrada per acabar", - "lockAngle": "Podètz restrénger l’angle en mantenent MAJ", - "resize": "Podètz servar las proporcions en mantenent la tòca MAJ pendent lo redimensionament,\nmantenètz la tòca ALT per redimensionar a partir del centre", - "resizeImage": "Podètz retalhar liurament en quichant CTRL,\nquichatz ALT per retalhar a partir del centre", - "rotate": "Podètz restrénger los angles en mantenent MAJ pendent la rotacion", - "lineEditor_info": "Tenètz quichat Ctrl o Cmd e doble clic o quichatz Ctrl o Cmd + Entrada per modificar los ponches", - "lineEditor_pointSelected": "Quichar Suprimir per tirar lo(s) punt(s),\nCtrlOCmd+D per duplicar, o lisatz per desplaçar", - "lineEditor_nothingSelected": "Seleccionar un punt d’editar (manténer Maj. per ne seleccionar mantun),\no manténer Alt e clicar per n’apondre de novèls", - "placeImage": "Clicatz per plaçar l’imatge, o clicatz e lisatz per definir sa talha manualament", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publicar vòstra pròpria bibliotèca", - "bindTextToElement": "Quichatz Entrada per apondre de tèxte", - "deepBoxSelect": "Gardar CtrlOCmd per una seleccion gropada e empachar lo desplaçament", - "eraserRevert": "Tenètz quichat Alt per anullar los elements marcats per supression", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Afichatge impossible de l’apercebut", @@ -299,9 +378,12 @@ "openIssueMessage": "Èrem plan prudents per inclure pas d’informacions de la scèna vòstra sus l’error. Se vòstra scèna es pas privada, volgatz considerar de perseguir sus nòstre Volgatz inclure las informacions çai-jos en las copiant e pegant a l’issue GitHub.", "sceneContent": "Contengut de la scèna :" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "Podètz convidar lo monde a vòstra scèna actuala per participar amb vos.", - "desc_privacy": "Vos en fagatz pas, la session utiliza lo chiframent del cap a la fin, çò que dessenetz demorarà privat. Mai nòstres servidors poiràn pas veire vòstra creacion.", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "Començar la session", "button_stopSession": "Arrestar la session", "desc_inProgressIntro": "La session de collaboracion es ara en cors.", @@ -328,6 +410,8 @@ "click": "clic", "deepSelect": "Seleccion prigonda", "deepBoxSelect": "Seleccionar demest un grop e empacha lo desplaçament", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "Sageta corba", "curvedLine": "Linha corba", "documentation": "Documentacion", @@ -335,7 +419,7 @@ "drag": "lisar", "editor": "Editor", "editLineArrowPoints": "", - "editText": "Modificar lo tèxte / apondre etiqueta", + "editText": "", "github": "Problèma trobat ? Senhalatz-lo", "howto": "Seguissètz nòstras guidas", "or": "o", @@ -350,7 +434,9 @@ "zoomToSelection": "Zoomar la seleccion", "toggleElementLock": "Verrolhar/Desverrolhar la seleccion", "movePageUpDown": "Desplaçar la pagina ennaut/enbàs", - "movePageLeftRight": "Desplaçar la pagina a esquèrra/drecha" + "movePageLeftRight": "Desplaçar la pagina a esquèrra/drecha", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Escafar canabàs" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Angle", - "element": "Element", - "elements": "Elements", + "shapes": "", "height": "Nautor", "scene": "Scèna", "selected": "Seleccionat", "storage": "Emmagazinatge", - "title": "Estatisticas pels nerds", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "Total", "version": "Version", "versionCopy": "Clicar per copiar", @@ -439,13 +527,15 @@ "copyStyles": "Estiles copiats.", "copyToClipboard": "Copiats al quichapapièrs.", "copyToClipboardAsPng": "{{exportSelection}} copiat coma PNG ({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "Fichièr enregistrat.", "fileSavedToFilename": "Enregistrat jos {filename}", "canvas": "canabàs", "selection": "seleccion", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "Transparéncia", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Colors personalizadas mai utilizadas", "colors": "Colors", "shades": "Nuanças", @@ -489,7 +580,7 @@ "exportToImage": { "title": "Exportar coma imatge", "button": "Exportar coma imatge", - "description": "" + "description": "Exportar las donadas de la scèna coma un imatge que podètz importar mai tard." }, "saveToDisk": { "title": "Salvar al disc", @@ -521,5 +612,53 @@ "description": "", "syntax": "Sintaxi Mermaid", "preview": "Apercebut" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "Clicar l’utilizaire per lo seguir", + "followStatus": "Seguissètz actualament aqueste utilizaire", + "inCall": "", + "micMuted": "", + "isSpeaking": "La persona parla" + } + }, + "commandPalette": { + "title": "Paleta de comanda", + "shortcuts": { + "select": "Seleccionar", + "confirm": "Confirmar", + "close": "Tampar" + }, + "recents": "Utilizada recentament", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "La comanda es pas disponibla...", + "shortcutHint": "Per contrarotlar la paleta, utilizatz {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/pa-IN.json b/packages/excalidraw/locales/pa-IN.json index 7bfe56fb15..281430830a 100644 --- a/packages/excalidraw/locales/pa-IN.json +++ b/packages/excalidraw/locales/pa-IN.json @@ -21,7 +21,9 @@ "copyStyles": "ਸਟਾਇਲ ਕਾਪੀ ਕਰੋ", "pasteStyles": "ਸਟਾਇਲ ਪੇਸਟ ਕਰੋ", "stroke": "ਰੇਖਾ", + "changeStroke": "", "background": "ਬੈਕਗਰਾਉਂਡ", + "changeBackground": "", "fill": "ਭਰਨਾ", "strokeWidth": "ਰੇਖਾ ਦੀ ਚੌੜਾਈ", "strokeStyle": "ਰੇਖਾ ਦਾ ਸਟਾਇਲ", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "ਫੌਂਟ ਅਕਾਰ", "fontFamily": "ਫੌਂਟ ਪਰਿਵਾਰ", "addWatermark": "\"Excalidraw ਨਾਲ ਬਣਾਇਆ\" ਜੋੜੋ", @@ -72,6 +82,7 @@ "canvasColors": "ਕੈਨਵਸ 'ਤੇ ਵਰਤਿਆ", "canvasBackground": "ਕੈਨਵਸ ਦਾ ਬੈਕਗਰਾਉਂਡ", "drawingCanvas": "ਡਰਾਇੰਗ ਕੈਨਵਸ", + "clearCanvas": "", "layers": "ਪਰਤਾਂ", "actions": "ਕਾਰਵਾਈਆਂ", "language": "ਭਾਸ਼ਾ", @@ -84,12 +95,13 @@ "group": "ਚੋਣ ਦਾ ਗਰੁੱਪ ਬਣਾਓ", "ungroup": "ਚੋਣ ਦਾ ਗਰੁੱਪ ਤੋੜੋ", "collaborators": "ਸਹਿਯੋਗੀ", - "showGrid": "ਜਾਲੀ ਦਿਖਾਓ", + "toggleGrid": "", "addToLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚ ਜੋੜੋ", "removeFromLibrary": "ਲਾਇਬ੍ਰੇਰੀ 'ਚੋਂ ਹਟਾਓ", "libraryLoadingMessage": "ਲਾਇਬ੍ਰੇਰੀ ਲੋਡ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ…", "libraries": "ਲਾਇਬ੍ਰੇਰੀਆਂ ਬਰਾਉਜ਼ ਕਰੋ", "loadingScene": "ਦ੍ਰਿਸ਼ ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ…", + "loadScene": "", "align": "ਇਕਸਾਰ", "alignTop": "ਉੱਪਰ ਇਕਸਾਰ ਕਰੋ", "alignBottom": "ਹੇਠਾਂ ਇਕਸਾਰ ਕਰੋ", @@ -105,7 +117,9 @@ "share": "ਸਾਂਝਾ ਕਰੋ", "showStroke": "ਰੇਖਾ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ", "showBackground": "ਬੈਕਗਰਾਉਂਡ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ", - "toggleTheme": "ਥੀਮ ਬਦਲੋ", + "showFonts": "", + "toggleTheme": "", + "theme": "", "personalLib": "ਨਿੱਜੀ ਲਾਇਬ੍ਰੇਰੀ", "excalidrawLib": "ਐਕਸਕਲੀਡਰਾਅ ਲਾਇਬ੍ਰੇਰੀ", "decreaseFontSize": "ਫੌਂਟ ਦਾ ਅਕਾਰ ਘਟਾਓ", @@ -116,15 +130,20 @@ "link": { "edit": "ਕੜੀ ਸੋਧੋ", "editEmbed": "", - "create": "ਕੜੀ ਬਣਾਓ", - "createEmbed": "", + "create": "", "label": "ਕੜੀ", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "ਪੰਕਤੀ ਸੋਧੋ", - "exit": "ਪੰਕਤੀ ਸੋਧਕ 'ਤੋਂ ਬਾਹਰ ਨਿਕਲੋ" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "ਲਾਕ ਕਰੋ", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "ਹਾਲੇ ਤੱਕ ਕੋਈ ਚੀਜ ਜੋੜੀ ਨਹੀਂ ਗਈ...", "hint_emptyLibrary": "ਇੱਥੇ ਆਈਟਮ ਜੋੜਨ ਲਈ ਉਸਨੂੰ ਕੈਨਵਸ ‘ਤੇ ਚੁਣੋ, ਜਾਂ ਹੇਠਾਂ ਪਬਲਿਕ ਰਿਪਾਜ਼ੀਟਰੀ ‘ਚੋਂ ਲਾਇਬ੍ਰੇਰੀ ਸਥਾਪਤ ਕਰੋ।", - "hint_emptyPrivateLibrary": "ਇੱਥੇ ਆਈਟਮ ਜੋੜਨ ਲਈ ਉਸਨੂੰ ਕੈਨਵਸ ‘ਤੇ ਚੁਣੋ।" + "hint_emptyPrivateLibrary": "ਇੱਥੇ ਆਈਟਮ ਜੋੜਨ ਲਈ ਉਸਨੂੰ ਕੈਨਵਸ ‘ਤੇ ਚੁਣੋ।", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "ਕੈਨਵਸ ਰੀਸੈੱਟ ਕਰੋ", @@ -151,6 +204,7 @@ "exportImage": "ਤਸਵੀਰ ਨਿਰਯਾਤ ਕਰੋ...", "export": "ਇਸ ਵਿੱਚ ਸਾਂਭੋ...", "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ", + "copyLink": "", "save": "ਮੌਜੂਦਾ ਫਾਈਲ ਵਿੱਚ ਸਾਂਭੋ", "saveAs": "ਇਸ ਵਜੋਂ ਸਾਂਭੋ", "load": "ਖੋਲ੍ਹੋ", @@ -171,14 +225,16 @@ "fullScreen": "ਪੂਰੀ ਸਕਰੀਨ", "darkMode": "ਡਾਰਕ ਮੋਡ", "lightMode": "ਲਾਇਟ ਮੋਡ", + "systemMode": "", "zenMode": "ਜ਼ੈੱਨ ਮੋਡ", "objectsSnapMode": "", "exitZenMode": "ਜ਼ੈੱਨ ਮੋਡ 'ਚੋਂ ਬਾਹਰ ਨਿਕਲੋ", "cancel": "ਰੱਦ ਕਰੋ", + "saveLibNames": "", "clear": "ਸਾਫ਼ ਕਰੋ", "remove": "ਹਟਾਓ", "embed": "", - "publishLibrary": "ਪ੍ਰਕਾਸ਼ਤ ਕਰੋ", + "publishLibrary": "", "submit": "ਜਮ੍ਹਾ ਕਰਵਾਓ", "confirm": "ਪੁਸ਼ਟੀ ਕਰੋ", "embeddableInteractionButton": "" @@ -204,7 +260,8 @@ "resetLibrary": "ਇਹ ਤੁਹਾਡੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਸਾਫ ਕਰ ਦੇਵੇਗਾ। ਕੀ ਤੁਸੀਂ ਪੱਕਾ ਇੰਝ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?", "removeItemsFromsLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚੋਂ {{count}} ਚੀਜ਼(-ਜ਼ਾਂ) ਮਿਟਾਉਣੀਆਂ ਹਨ?", "invalidEncryptionKey": "ਇਨਕਰਿਪਸ਼ਨ ਕੁੰਜੀ ‌‌22 ਅੱਖਰਾਂ ਦੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ। ਲਾਇਵ ਸਹਿਯੋਗ ਬੰਦ ਹੈ।", - "collabOfflineWarning": "ਕੋਈ ਇੰਟਰਨੈੱਟ ਕਨੈਕਸ਼ਨ ਨਹੀਂ ਹੈ\nਤੁਹਾਡੀਆਂ ਤਬਦੀਲੀਆਂ ਸਾਂਭੀਆਂ ਨਹੀਂ ਜਾਣਗੀਆਂ।" + "collabOfflineWarning": "ਕੋਈ ਇੰਟਰਨੈੱਟ ਕਨੈਕਸ਼ਨ ਨਹੀਂ ਹੈ\nਤੁਹਾਡੀਆਂ ਤਬਦੀਲੀਆਂ ਸਾਂਭੀਆਂ ਨਹੀਂ ਜਾਣਗੀਆਂ।", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "ਫਾਈਲ ਦੀ ਕਿਸਮ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।", @@ -212,9 +269,9 @@ "fileTooBig": "ਫਾਈਲ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵੱਡੀ ਹੈ। ਵੱਧ-ਤੋਂ-ਵੱਧ ਪ੍ਰਵਾਨਤ ਅਕਾਰ {{maxSize}} ਹੈ।", "svgImageInsertError": "SVG ਤਸਵੀਰ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰ ਸਕੇ। SVG ਮਾਰਕ-ਅੱਪ ਨਜਾਇਜ਼ ਲੱਗ ਰਿਹਾ ਹੈ।", "failedToFetchImage": "", - "invalidSVGString": "SVG ਨਜਾਇਜ਼ ਹੈ।", "cannotResolveCollabServer": "", "importLibraryError": "ਲਾਇਬ੍ਰੇਰੀ ਲੋਡ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕੀ", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "ਚੋਣਕਾਰ", + "lasso": "", "image": "ਤਸਵੀਰ ਸ਼ਾਮਲ ਕਰੋ", "rectangle": "ਆਇਤ", "diamond": "ਹੀਰਾ", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "ਕੈਨਵਸ ਦੀਆਂ ਕਾਰਵਾਈਆਂ", @@ -263,28 +337,33 @@ "shapes": "ਆਕ੍ਰਿਤੀਆਂ" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "ਇੱਕ ਤੋਂ ਜ਼ਿਆਦਾ ਬਿੰਦੂਆਂ ਲਈ ਕਲਿੱਕ ਕਰਕੇ ਸ਼ੁਰੂਆਤ ਕਰੋ, ਇਕਹਿਰੀ ਲਕੀਰ ਲਈ ਘਸੀਟੋ", + "arrowTool": "", "freeDraw": "ਕਲਿੱਕ ਕਰਕੇ ਘਸੀਟੋ, ਪੂਰਾ ਹੋਣ 'ਤੇ ਛੱਡ ਦਿਉ", "text": "ਨੁਸਖਾ: ਤੁਸੀਂ ਚੋਣਕਾਰ ਸੰਦ ਰਾਹੀਂ ਕਿਤੇ ਵੀ ਡਬਲ-ਕਲਿੱਕ ਕਰਕੇ ਵੀ ਪਾਠ ਜੋੜ ਸਕਦੇ ਹੋ", "embeddable": "", - "text_selected": "ਪਾਠ ਨੂੰ ਸੋਧਣ ਲਈ ਡਬਲ-ਕਲਿੱਕ ਕਰੋ ਜਾਂ ਐਂਟਰ ਦਬਾਓ", - "text_editing": "ਸੋਧ ਮੁਕੰਮਲ ਕਰਨ ਲਈ ਐਸਕੇਪ (Esc) ਜਾਂ Ctrl-ਜਾਂ-Cmd+ਐਂਟਰ (enter) ਦਬਾਓ", - "linearElementMulti": "ਮੁਕੰਮਲ ਕਰਨ ਲਈ ਆਖਰੀ ਬਿੰਦੂ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਜਾਂ ਇਸਕੇਪ ਜਾਂ ਐਂਟਰ ਦਬਾਓ", - "lockAngle": "ਤੁਸੀਂ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਕੋਣਾਂ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ", - "resize": "ਤੁਸੀਂ ਅਕਾਰ ਬਦਲਦੇ ਸਮੇਂ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਅਨੁਪਾਤ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ, ਵਿਚਕਾਰ ਤੋਂ ਅਕਾਰ ਬਦਲਣ ਲਈ ALT ਦਬਾਓ", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", "resizeImage": "", - "rotate": "ਤੁਸੀਂ ਘੁਮਾਉਂਦੇ ਹੋਏ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਕੋਣਾਂ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ", + "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "ਆਪਣੀ ਲਾਇਬ੍ਰੇਰੀ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ", - "bindTextToElement": "ਪਾਠ ਜੋੜਨ ਲਈ ਐੰਟਰ ਦਬਾਓ", + "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "ਝਲਕ ਨਹੀਂ ਦਿਖਾ ਸਕਦੇ", @@ -299,9 +378,12 @@ "openIssueMessage": "ਅਸੀਂ ਬੜੇ ਸਾਵਧਾਨ ਸੀ ਕਿ ਗਲਤੀ ਵਿੱਚ ਤੁਹਾਡੇ ਦ੍ਰਿਸ਼ ਦੀ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਨਾ ਕਰੀਏ। ਜੇ ਤੁਹਾਡਾ ਦ੍ਰਿਸ਼ ਨਿੱਜੀ ਨਹੀਂ ਹੈ ਤਾਂ ਇਸ 'ਤੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ ਜੀ ਹੇਠਾਂ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਨੂੰ ਕਾਪੀ ਕਰਕੇ ਗਿੱਟਹੱਬ ਮੁੱਦੇ ਵਿੱਚ ਪੇਸਟ ਕਰਕੇ ਸ਼ਾਮਲ ਕਰੋ ਜੀ।", "sceneContent": "ਦ੍ਰਿਸ਼ ਦੀ ਸਮੱਗਰੀ:" }, + "shareDialog": { + "or": "" + }, "roomDialog": { - "desc_intro": "ਤੁਸੀਂ ਲੋਕਾਂ ਨੂੰ ਆਪਣੇ ਨਾਲ ਮੌਜੂਦਾ ਦ੍ਰਿਸ਼ 'ਤੇ ਸਹਿਯੋਗ ਕਰਨ ਲਈ ਸੱਦਾ ਭੇਜ ਸਕਦੇ ਹੋ।", - "desc_privacy": "ਫਿਕਰ ਨਾ ਕਰੋ, ਇਜਲਾਸ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਸ਼ਨ ਵਰਤਦਾ ਹੈ, ਸੋ ਜੋ ਕੁਝ ਵੀ ਤੁਸੀਂ ਵਾਹੁੰਦੇ ਹੋ ਉਹ ਨਿੱਜੀ ਹੀ ਰਹਿੰਦਾ ਹੈ। ਇੱਥੋਂ ਤੱਕ ਕਿ ਸਾਡੇ ਸਰਵਰ ਵੀ ਨਹੀਂ ਜਾਣ ਸਕਣਗੇ ਕਿ ਤੁਸੀਂ ਕੀ ਬਣਾਇਆ ਹੈ।", + "desc_intro": "", + "desc_privacy": "", "button_startSession": "ਇਜਲਾਸ ਸ਼ੁਰੂ ਕਰੋ", "button_stopSession": "ਇਜਲਾਸ ਰੋਕੋ", "desc_inProgressIntro": "ਲਾਇਵ ਸਹਿਯੋਗ ਇਜਲਾਸ ਹੁਣ ਚੱਲ ਰਿਹਾ ਹੈ।", @@ -328,6 +410,8 @@ "click": "ਕਲਿੱਕ", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "ਵਿੰਗਾ ਤੀਰ", "curvedLine": "ਵਿੰਗੀ ਲਕੀਰ", "documentation": "ਕਾਗਜ਼ਾਤ", @@ -350,7 +434,9 @@ "zoomToSelection": "ਚੋਣ ਤੱਕ ਜ਼ੂਮ ਕਰੋ", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "ਕੈਨਵਸ ਨੂੰ ਸਾਫ਼ ਕਰੋ" @@ -410,8 +496,8 @@ "copyPngToClipboard": "PNG ਨੂੰ ਕਲਿੱਪੋਬਰਡ ‘ਤੇ ਕਾਪੀ ਕਰੋ" }, "button": { - "exportToPng": "PNG", - "exportToSvg": "SVG", + "exportToPng": "", + "exportToSvg": "", "copyPngToClipboard": "ਗੱਤੇ 'ਤੇ ਕਾਪੀ ਕਰੋ" } }, @@ -421,13 +507,15 @@ }, "stats": { "angle": "ਕੋਣ", - "element": "ਐਲੀਮੈਂਟ", - "elements": "ਐਲੀਮੈਂਟ", + "shapes": "", "height": "ਉਚਾਈ", "scene": "ਦ੍ਰਿਸ਼", "selected": "ਚੁਣੇ", "storage": "ਸਟੋਰੇਜ", - "title": "ਪੜਾਕੂਆਂ ਲਈ ਅੰਕੜੇ", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", "total": "ਕੁੱਲ", "version": "ਸੰਸਕਰਨ", "versionCopy": "ਕਾਪੀ ਕਰਨ ਲਈ ਕਲਿੱਕ ਕਰੋ", @@ -439,13 +527,15 @@ "copyStyles": "ਕਾਪੀ ਕੀਤੇ ਸਟਾਇਲ।", "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕੀਤਾ।", "copyToClipboardAsPng": "{{exportSelection}} ਨੂੰ ਕਲਿੱਪਬੋਰਡ 'ਤੇ PNG ਵਜੋਂ ਕਾਪੀ ਕੀਤਾ ({{exportColorScheme}})", + "copyToClipboardAsSvg": "", "fileSaved": "ਫਾਈਲ ਸਾਂਭੀ ਗਈ।", "fileSavedToFilename": "{filename} ਵਿੱਚ ਸਾਂਭੀ", "canvas": "ਕੈਨਵਸ", "selection": "ਚੋਣ", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "ਪਾਰਦਰਸ਼ੀ", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "ਸਭ ਤੋਂ ਵੱਧ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕਸਟਮ ਰੰਗ", "colors": "ਰੰਗ", "shades": "ਸ਼ੇਡਾਂ", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/percentages.json b/packages/excalidraw/locales/percentages.json index eb3cd087b7..65fac824eb 100644 --- a/packages/excalidraw/locales/percentages.json +++ b/packages/excalidraw/locales/percentages.json @@ -1,56 +1,59 @@ { - "ar-SA": 94, - "az-AZ": 17, - "bg-BG": 71, - "bn-BD": 52, - "ca-ES": 83, - "cs-CZ": 86, - "da-DK": 61, - "de-DE": 100, - "el-GR": 80, + "ar-SA": 91, + "az-AZ": 27, + "bg-BG": 70, + "bn-BD": 42, + "bn-IN": 42, + "ca-ES": 91, + "cs-CZ": 82, + "da-DK": 31, + "de-CH": 91, + "de-DE": 91, + "el-GR": 86, "en": 100, - "es-ES": 96, - "eu-ES": 97, - "fa-IR": 84, - "fi-FI": 76, + "es-ES": 91, + "eu-ES": 78, + "fa-IR": 91, + "fi-FI": 67, "fr-FR": 99, - "gl-ES": 86, - "he-IL": 77, - "hi-IN": 76, - "hu-HU": 76, - "id-ID": 91, - "it-IT": 98, - "ja-JP": 90, - "kaa": 36, - "kab-KAB": 76, - "kk-KZ": 18, - "km-KH": 83, - "ko-KR": 100, - "ku-TR": 87, - "lt-LT": 48, - "lv-LV": 77, - "mr-IN": 98, - "my-MM": 35, - "nb-NO": 93, - "nl-NL": 75, - "nn-NO": 67, - "oc-FR": 92, - "pa-IN": 78, - "pl-PL": 99, - "pt-BR": 91, - "pt-PT": 83, - "ro-RO": 99, - "ru-RU": 92, - "si-LK": 7, - "sk-SK": 100, - "sl-SI": 100, - "sv-SE": 100, - "ta-IN": 81, - "th-TH": 44, - "tr-TR": 87, - "uk-UA": 93, - "vi-VN": 49, + "gl-ES": 67, + "he-IL": 91, + "hi-IN": 91, + "hu-HU": 53, + "id-ID": 90, + "it-IT": 91, + "ja-JP": 82, + "kaa": 23, + "kab-KAB": 60, + "kk-KZ": 14, + "km-KH": 60, + "ko-KR": 81, + "ku-TR": 64, + "lt-LT": 37, + "lv-LV": 57, + "mr-IN": 91, + "my-MM": 27, + "nb-NO": 91, + "nl-NL": 59, + "nn-NO": 48, + "oc-FR": 75, + "pa-IN": 58, + "pl-PL": 100, + "pt-BR": 90, + "pt-PT": 91, + "ro-RO": 100, + "ru-RU": 91, + "si-LK": 75, + "sk-SK": 91, + "sl-SI": 91, + "sv-SE": 91, + "ta-IN": 86, + "th-TH": 63, + "tr-TR": 94, + "uk-UA": 90, + "uz-UZ": 0, + "vi-VN": 75, "zh-CN": 100, - "zh-HK": 22, - "zh-TW": 100 + "zh-HK": 17, + "zh-TW": 91 } diff --git a/packages/excalidraw/locales/pl-PL.json b/packages/excalidraw/locales/pl-PL.json index bc869c19ce..05b10d692a 100644 --- a/packages/excalidraw/locales/pl-PL.json +++ b/packages/excalidraw/locales/pl-PL.json @@ -8,28 +8,30 @@ "moveCanvas": "Przesuń obszar roboczy", "cut": "Wytnij", "copy": "Kopiuj", - "copyAsPng": "Skopiuj do schowka jako plik PNG", - "copyAsSvg": "Skopiuj do schowka jako plik SVG", - "copyText": "Skopiuj do schowka jako tekst", - "copySource": "Skopiuj źródło do schowka", - "convertToCode": "Skonwertuj do kodu", - "bringForward": "Przenieś wyżej", + "copyAsPng": "Kopiuj do schowka jako plik PNG", + "copyAsSvg": "Kopiuj do schowka jako plik SVG", + "copyText": "Kopiuj do schowka jako tekst", + "copySource": "Kopiuj źródło do schowka", + "convertToCode": "Skonwertuj na kod", + "bringForward": "Przesuń warstwę wyżej", "sendToBack": "Przenieś na spód", "bringToFront": "Przenieś na wierzch", - "sendBackward": "Przenieś niżej", + "sendBackward": "Przenieś warstwę niżej", "delete": "Usuń", "copyStyles": "Kopiuj style", "pasteStyles": "Wklej style", - "stroke": "Kolor obramowania", - "background": "Kolor wypełnienia", + "stroke": "Kreska", + "changeStroke": "Zmień kolor kreski", + "background": "Tło", + "changeBackground": "Zmień kolor tła", "fill": "Wypełnienie", - "strokeWidth": "Grubość obramowania", - "strokeStyle": "Styl obrysu", + "strokeWidth": "Szerokość kreski", + "strokeStyle": "Styl kreski", "strokeStyle_solid": "Pełny", - "strokeStyle_dashed": "Kreskowany", + "strokeStyle_dashed": "Linia przerywana", "strokeStyle_dotted": "Kropkowany", "sloppiness": "Styl kreski", - "opacity": "Przeźroczystość", + "opacity": "Przezroczystość", "textAlign": "Wyrównanie tekstu", "edges": "Krawędzie", "sharp": "Ostry", @@ -38,12 +40,20 @@ "arrowhead_none": "Brak", "arrowhead_arrow": "Strzałka", "arrowhead_bar": "Kreska", - "arrowhead_circle": "Okrąg", - "arrowhead_circle_outline": "Okrąg (obrys)", + "arrowhead_circle": "Koło", + "arrowhead_circle_outline": "Koło (puste)", "arrowhead_triangle": "Trójkąt", - "arrowhead_triangle_outline": "Trójkąt (obrys)", + "arrowhead_triangle_outline": "Trójkąt (pusty)", "arrowhead_diamond": "Romb", - "arrowhead_diamond_outline": "Romb (obrys)", + "arrowhead_diamond_outline": "Romb (pusty)", + "arrowhead_crowfoot_many": "Notacja Martina (wiele)", + "arrowhead_crowfoot_one": "Notacja Martina (jeden)", + "arrowhead_crowfoot_one_or_many": "Notacja Martina (jeden lub wiele)", + "more_options": "Więcej opcji", + "arrowtypes": "Typ strzałki", + "arrowtype_sharp": "Ostra strzałka", + "arrowtype_round": "Zaokrąglona strzałka", + "arrowtype_elbowed": "Łamana strzałka", "fontSize": "Rozmiar tekstu", "fontFamily": "Krój pisma", "addWatermark": "Dodaj \"Zrobione w Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Używane na płótnie", "canvasBackground": "Kolor dokumentu", "drawingCanvas": "Obszar roboczy", + "clearCanvas": "Wyczyść płótno", "layers": "Warstwy", "actions": "Akcje", "language": "Język", @@ -84,12 +95,13 @@ "group": "Zgrupuj wybrane", "ungroup": "Rozgrupuj wybrane", "collaborators": "Współtwórcy", - "showGrid": "Pokaż siatkę", + "toggleGrid": "Przełącz widoczność siatki", "addToLibrary": "Dodaj do biblioteki", "removeFromLibrary": "Usuń z biblioteki", "libraryLoadingMessage": "Wczytywanie biblioteki…", "libraries": "Przeglądaj biblioteki", "loadingScene": "Wczytywanie sceny…", + "loadScene": "Wczytaj scenę z pliku", "align": "Wyrównaj", "alignTop": "Wyrównaj do góry", "alignBottom": "Wyrównaj do dołu", @@ -105,7 +117,9 @@ "share": "Udostępnij", "showStroke": "Pokaż próbnik kolorów obrysu", "showBackground": "Pokaż próbnik koloru tła", - "toggleTheme": "Przełącz motyw", + "showFonts": "Pokaż selektor czcionek", + "toggleTheme": "Przełącz motyw jasny / ciemny", + "theme": "Motyw", "personalLib": "Biblioteka prywatna", "excalidrawLib": "Biblioteka Excalidraw", "decreaseFontSize": "Zmniejsz rozmiar czcionki", @@ -115,16 +129,21 @@ "createContainerFromText": "Zawijaj tekst w kontenerze", "link": { "edit": "Edytuj łącze", - "editEmbed": "Edytuj i osadź link", - "create": "Utwórz łącze", - "createEmbed": "Stwórz i osadź link", + "editEmbed": "Edytuj osadzalne łącze", + "create": "Dodaj link", "label": "Łącze", "labelEmbed": "Podlinkuj i osadź", - "empty": "Nie ustawiono linku" + "empty": "Brakujący link", + "hint": "Wpisz lub wklej swój link tutaj", + "goToElement": "Przejdź do elementu docelowego" }, "lineEditor": { "edit": "Edytuj linię", - "exit": "Wyjdź z edytora linii" + "editArrow": "Edytuj strzałkę" + }, + "polygon": { + "breakPolygon": "Przerwij wielokąt", + "convertToPolygon": "Przekształć w wielokąt" }, "elementLock": { "lock": "Zablokuj", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "Zaznacz wszystkie elementy w ramce", "removeAllElementsFromFrame": "Usuń wszystkie elementy z ramki", "eyeDropper": "Wybierz kolor z płótna", - "textToDiagram": "Tekst do diagramu", - "prompt": "" + "textToDiagram": "Generuj diagram z opisu", + "prompt": "Opis", + "followUs": "Obserwuj nas", + "discordChat": "Czat Discorda", + "zoomToFitViewport": "Dopasuj widok do ekranu", + "zoomToFitSelection": "Dopasuj widok do zaznaczenia", + "zoomToFit": "Dopasuj widok do całej zawartości", + "installPWA": "Zainstaluj Excalidraw lokalnie (PWA)", + "autoResize": "Włącz automatyczne zmiany rozmiaru tekstu", + "imageCropping": "Przycinanie obrazu", + "unCroppedDimension": "Nieprzycięty wymiar", + "copyElementLink": "Kopiuj link do obiektu", + "linkToElement": "Link do obiektu", + "wrapSelectionInFrame": "Owiń wybór w ramkę", + "tab": "Tab", + "shapeSwitch": "Wybór kształtu" + }, + "elementLink": { + "title": "Link do obiektu", + "desc": "Kliknij kształt na obszarze roboczym lub wklej link.", + "notFound": "Powiązany obiekt nie został znaleziony na płótnie." }, "library": { "noItems": "Nie dodano jeszcze żadnych elementów...", "hint_emptyLibrary": "Wybierz element na płótnie, aby go tutaj dodać, lub zainstaluj bibliotekę z poniższego publicznego repozytorium.", - "hint_emptyPrivateLibrary": "Wybierz element, aby dodać go tutaj." + "hint_emptyPrivateLibrary": "Wybierz element, aby dodać go tutaj.", + "search": { + "inputPlaceholder": "Szukaj w bibliotece", + "heading": "Znalezione w bibliotece", + "noResults": "Nie znaleziono pasujących elementów...", + "clearSearch": "Usuń historię wyszukiwania" + } + }, + "search": { + "title": "Znajdź na płótnie", + "noMatch": "Nie znaleziono pasujących elementów...", + "singleResult": "wynik", + "multipleResults": "wyniki", + "placeholder": "Znajdź tekst na płótnie...", + "frames": "Ramki", + "texts": "Teksty" }, "buttons": { "clearReset": "Wyczyść dokument i zresetuj kolor dokumentu", @@ -151,6 +204,7 @@ "exportImage": "Eksportuj obraz...", "export": "Zapisz jako...", "copyToClipboard": "Skopiuj do schowka", + "copyLink": "Kopiuj link", "save": "Zapisz do bieżącego pliku", "saveAs": "Zapisz jako", "load": "Otwórz", @@ -171,14 +225,16 @@ "fullScreen": "Pełny ekran", "darkMode": "Ciemny motyw", "lightMode": "Jasny motyw", + "systemMode": "Motyw systemowy", "zenMode": "Tryb Zen", "objectsSnapMode": "Przyciąganie do obiektów", "exitZenMode": "Wyjdź z trybu Zen", "cancel": "Anuluj", + "saveLibNames": "Zapisz nazwę(-y) i wyjdź", "clear": "Wyczyść", "remove": "Usuń", "embed": "Przełącz osadzenie", - "publishLibrary": "Opublikuj", + "publishLibrary": "Zmień nazwę lub opublikuj", "submit": "Prześlij", "confirm": "Zatwierdź", "embeddableInteractionButton": "Kliknij, aby wejść w interakcję" @@ -204,7 +260,8 @@ "resetLibrary": "To wyczyści twoją bibliotekę. Jesteś pewien?", "removeItemsFromsLibrary": "Usunąć {{count}} element(ów) z biblioteki?", "invalidEncryptionKey": "Klucz szyfrowania musi składać się z 22 znaków. Współpraca na żywo jest wyłączona.", - "collabOfflineWarning": "Brak połączenia z Internetem.\nTwoje zmiany nie zostaną zapisane!" + "collabOfflineWarning": "Brak połączenia z Internetem.\nTwoje zmiany nie zostaną zapisane!", + "localStorageQuotaExceeded": "Przekroczono limit pamięci przeglądarki. Zmiany nie zostaną zapisane." }, "errors": { "unsupportedFileType": "Nieobsługiwany typ pliku.", @@ -212,9 +269,9 @@ "fileTooBig": "Plik jest zbyt duży. Maksymalny dozwolony rozmiar to {{maxSize}}.", "svgImageInsertError": "Nie udało się wstawić obrazu SVG. Znacznik SVG wygląda na nieprawidłowy.", "failedToFetchImage": "Nie udało się załadować obrazu.", - "invalidSVGString": "Nieprawidłowy SVG.", "cannotResolveCollabServer": "Nie można połączyć się z serwerem współpracy w czasie rzeczywistym. Proszę odświeżyć stronę i spróbować ponownie.", "importLibraryError": "Wystąpił błąd w trakcie ładowania biblioteki", + "saveLibraryError": "Nie można zapisać biblioteki do pamięci. Proszę zapisać bibliotekę do pliku lokalnie, aby upewnić się, że nie stracisz zmian.", "collabSaveFailed": "Nie udało się zapisać w bazie danych. Jeśli problemy nie ustąpią, zapisz plik lokalnie, aby nie utracić swojej pracy.", "collabSaveFailed_sizeExceeded": "Nie udało się zapisać w bazie danych — dokument jest za duży. Zapisz plik lokalnie, aby nie utracić swojej pracy.", "imageToolNotSupported": "Dodawanie obrazów jest wyłączone.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Zaznaczenie", + "lasso": "Wybór lassem", "image": "Wstaw obraz", "rectangle": "Prostokąt", "diamond": "Romb", @@ -255,7 +313,23 @@ "hand": "Ręka (narzędzie do przesuwania)", "extraTools": "Więcej narzędzi", "mermaidToExcalidraw": "Konwertuj diagram Mermaid do Excalidraw", - "magicSettings": "Ustawienia AI" + "convertElementType": "Przełącz typ kształtu" + }, + "element": { + "rectangle": "Prostokąt", + "diamond": "Romb", + "ellipse": "Elipsa", + "arrow": "Strzałka", + "line": "Linia", + "freedraw": "Rysowanie odręczne", + "text": "Tekst", + "image": "Obraz", + "group": "Grupa", + "frame": "Ramka", + "magicframe": "Kod ze szkicu", + "embeddable": "Osadzenie", + "selection": "Zaznaczenie", + "iframe": "IFrame" }, "headings": { "canvasActions": "Narzędzia", @@ -263,28 +337,33 @@ "shapes": "Kształty" }, "hints": { - "canvasPanning": "Aby przesunąć płótno, przytrzymaj kółko myszy lub spację podczas przeciągania, albo użyj narzędzia ręki", + "dismissSearch": "Naciśnij {{shortcut}}, aby odrzucić wyszukiwanie", + "canvasPanning": "Aby przesunąć płótno, przytrzymaj {{shortcut_1}} lub {{shortcut_2}} podczas przeciągania, albo użyj narzędzia ręki", "linearElement": "Naciśnij, aby zrobić punkt, przeciągnij, aby narysować linię", + "arrowTool": "Kliknij, aby rozpocząć rysowanie wielu punktów; przeciągnij, aby narysować pojedynczą linię. Naciśnij ponownie {{shortcut}}, aby zmienić typ strzałki.", "freeDraw": "Naciśnij i przeciągnij by rysować, puść kiedy skończysz", "text": "Wskazówka: możesz również dodać tekst klikając dwukrotnie gdziekolwiek za pomocą narzędzia zaznaczania", "embeddable": "Kliknij i przeciągnij, aby stworzyć osadzenie strony", - "text_selected": "Kliknij dwukrotnie lub naciśnij ENTER, aby edytować tekst", - "text_editing": "Naciśnij Escape lub Ctrl (Cmd w macOS) + ENTER, aby zakończyć edycję", - "linearElementMulti": "Aby zakończyć krzywą, ponownie kliknij w ostatni punkt, bądź naciśnij Esc albo Enter", - "lockAngle": "Możesz ograniczyć kąt trzymając SHIFT", - "resize": "Możesz zachować proporcję trzymająć wcisnięty SHIFT, przytrzymaj ALT by zmienić rozmiar względem środka", - "resizeImage": "Możesz zmienić rozmiar swobodnie trzymając SHIFT,\nprzytrzymaj ALT, aby przeskalować względem środka obiektu", - "rotate": "Możesz obracać element w równych odstępach trzymając wciśnięty SHIFT", - "lineEditor_info": "Przytrzymaj CtrlOrCmd i kliknij dwukrotnie lub naciśnij CtrlOrCmd + Enter, aby edytować punkty", - "lineEditor_pointSelected": "Naciśnij przycisk Delete, aby usunąć punkt. Ctrl/Cmd+D, aby go zduplikować. Przeciągnij, aby go przenieść", - "lineEditor_nothingSelected": "Wybierz punkt do edycji (przytrzymaj SHIFT, aby wybrać wiele),\nlub przytrzymaj Alt i kliknij, aby dodać nowe punkty", - "placeImage": "Kliknij, aby umieścić obraz, lub kliknij i przeciągnij, aby ustawić jego rozmiar ręcznie", + "text_selected": "Kliknij dwukrotnie lub naciśnij {{shortcut}}, aby edytować tekst", + "text_editing": "Naciśnij {{shortcut_1}} lub {{shortcut_2}}, aby zakończyć edycję", + "linearElementMulti": "Kliknij ostatni punkt lub naciśnij {{shortcut_1}} lub {{shortcut_2}}, aby zakończyć", + "lockAngle": "Możesz ograniczyć kąt, przytrzymując {{shortcut}}", + "resize": "Możesz zachować proporcje, przytrzymując {{shortcut_1}} podczas zmiany rozmiaru;\nprzytrzymaj {{shortcut_2}}, aby zmienić rozmiar względem środka", + "resizeImage": "Możesz dowolnie zmieniać rozmiar, przytrzymując {{shortcut_1}};\nprzytrzymaj {{shortcut_2}}, aby zmienić rozmiar względem środka.", + "rotate": "Możesz ograniczyć kąty, przytrzymując {{shortcut}} podczas obracania", + "lineEditor_info": "Przytrzymaj {{shortcut_1}} i kliknij dwukrotnie lub naciśnij {{shortcut_2}}, aby edytować punkty", + "lineEditor_line_info": "Kliknij dwukrotnie lub naciśnij {{shortcut}}, aby edytować punkty", + "lineEditor_pointSelected": "Naciśnij {{shortcut_1}}, aby usunąć punkty,\n{{shortcut_2}}, aby je powielić, lub przeciągnij, aby je przenieść", + "lineEditor_nothingSelected": "Wybierz punkt do edycji (przytrzymaj {{shortcut_1}}, aby wybrać wiele punktów)\nlub przytrzymaj {{shortcut_2}} i kliknij myszą, aby dodać nowe punkty", "publishLibrary": "Opublikuj własną bibliotekę", - "bindTextToElement": "Wciśnij enter, aby dodać tekst", - "deepBoxSelect": "Przytrzymaj CtrlOrCmd, aby wybrać w obrębie grupy i uniknąć przeciągania", - "eraserRevert": "Przytrzymaj Alt, aby przywrócić elementy oznaczone do usunięcia", + "bindTextToElement": "Naciśnij {{shortcut}}, aby dodać tekst", + "createFlowchart": "Naciśnij {{shortcut}}, aby utworzyć diagram", + "deepBoxSelect": "Przytrzymaj {{shortcut}}, aby wybrać w obrębie grupy i zapobiec przeciągnięciu", + "eraserRevert": "Przytrzymaj {{shortcut}}, aby przywrócić elementy oznaczone do usunięcia", "firefox_clipboard_write": "Ta funkcja może być włączona poprzez ustawienie flagi \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Aby zmienić flagi przeglądarki w Firefox, odwiedź stronę \"about:config\".", - "disableSnapping": "Przytrzymaj Ctrl lub Cmd, aby wyłączyć przyciąganie" + "disableSnapping": "Przytrzymaj {{shortcut}} aby wyłączyć przyciąganie", + "enterCropEditor": "Kliknij dwukrotnie obraz lub naciśnij {{shortcut}}, aby przyciąć obraz", + "leaveCropEditor": "Kliknij obszar poza obrazem albo naciśnij {{shortcut_1}} lub {{shortcut_2}}, aby zakończyć przycinanie" }, "canvasError": { "cannotShowPreview": "Nie można wyświetlić podglądu", @@ -299,9 +378,12 @@ "openIssueMessage": "Szanujemy twoją prywatność i raport nie zawierał żadnych danych dotyczących tego nad czym pracowałeś, natomiast jeżeli jesteś w stanie podzielić się tym nad czym pracowałeś, prosimy o dodatkowy raport poprzez Prosimy o dołączenie poniższej informacji poprzez skopiowanie jej i umieszczenie jej w zgłoszeniu na portalu GitHub.", "sceneContent": "Zawartość dokumentu:" }, + "shareDialog": { + "or": "Lub" + }, "roomDialog": { - "desc_intro": "Będziesz w stanie pracować wraz z osobami które zaprosisz do współpracy.", - "desc_privacy": "By zapewnić Ci prywatność, sesja współpracy na żywo jest zabezpieczona szyfrowaniem end-to-end, co oznacza, że poza tobą i osobami z którymi podzielisz się linkiem, nikt nie ma dostępu do tego co będziecie tworzyć.", + "desc_intro": "Zaproś ludzi do wspólnego rysunku.", + "desc_privacy": "Nie martw się, sesja jest szyfrowana end-to-end i w pełni prywatna. Nawet nasz serwer nie widzi co rysujesz.", "button_startSession": "Rozpocznij sesję", "button_stopSession": "Zakończ sesję", "desc_inProgressIntro": "Sesja współpracy na żywo właśnie się rozpoczęła.", @@ -328,6 +410,8 @@ "click": "kliknięcie", "deepSelect": "Wybór w obrębie grupy", "deepBoxSelect": "Wybór w obrębie grupy i unikanie przeciągania", + "createFlowchart": "Twórz diagram używając generycznych elementów", + "navigateFlowchart": "Nawiguj diagram", "curvedArrow": "Zakrzywiona strzałka", "curvedLine": "Zakrzywiona linia", "documentation": "Dokumentacja", @@ -350,7 +434,9 @@ "zoomToSelection": "Przybliż do zaznaczenia", "toggleElementLock": "Zablokuj/odblokuj zaznaczenie", "movePageUpDown": "Przesuń stronę w górę/w dół", - "movePageLeftRight": "Przenieś stronę w lewo/prawo" + "movePageLeftRight": "Przenieś stronę w lewo/prawo", + "cropStart": "Przytnij obraz", + "cropFinish": "Zakończ przycinanie obrazu" }, "clearCanvasDialog": { "title": "Wyczyść płótno" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Kąt", - "element": "Element", - "elements": "Elementy", + "shapes": "Kształty", "height": "Wysokość", "scene": "Scena", "selected": "Zaznaczenie", "storage": "Pamięć", - "title": "Statystyki dla nerdów", + "fullTitle": "Właściwości płótna i kształtu", + "title": "Właściwości", + "generalStats": "Ogólne", + "elementProperties": "Właściwości kształtu", "total": "Łącznie", "version": "Wersja", "versionCopy": "Kliknij, aby skopiować", @@ -439,13 +527,15 @@ "copyStyles": "Skopiowano style.", "copyToClipboard": "Skopiowano do schowka.", "copyToClipboardAsPng": "Skopiowano {{exportSelection}} do schowka jako PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Skopiowano {{exportSelection}} do schowka jako SVG\n({{exportColorScheme}})", "fileSaved": "Zapisano plik.", "fileSavedToFilename": "Zapisano jako {filename}", "canvas": "płótno", "selection": "zaznaczenie", "pasteAsSingleElement": "Użyj {{shortcut}}, aby wkleić jako pojedynczy element,\nlub wklej do istniejącego edytora tekstu", "unableToEmbed": "Osadzenie tego linku jest obecnie niedozwolone. Zgłoś propozycję na portalu GitHub, aby dodać go do listy dozwolonych wyjątków", - "unrecognizedLinkFormat": "Osadzony link ma niewłaściwy format. Spróbuj wkleić całą zawartość pola \"embed\" z oryginalnej strony." + "unrecognizedLinkFormat": "Osadzony link ma niewłaściwy format. Spróbuj wkleić całą zawartość pola \"embed\" z oryginalnej strony.", + "elementLinkCopied": "Łącze skopiowane do schowka" }, "colors": { "transparent": "Przezroczysty", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "Kolor", "mostUsedCustomColors": "Najczęściej używane kolory", "colors": "Kolory", "shades": "Odcienie", @@ -521,5 +612,53 @@ "description": "Obecnie wspierane są jedynie proste grafy, sekwencje i diagramy klas. Pozostałe typy będą wyświetlane jako obrazy w Excalidraw.", "syntax": "Składnia diagramów Mermaid", "preview": "Podgląd" + }, + "quickSearch": { + "placeholder": "Szybkie wyszukiwanie" + }, + "fontList": { + "badge": { + "old": "stara" + }, + "sceneFonts": "W tej scenie", + "availableFonts": "Dostępne czcionki", + "empty": "Nie znaleziono czcionek" + }, + "userList": { + "empty": "Nie znaleziono użytkowników", + "hint": { + "text": "Kliknij na użytkownika, aby obserwować", + "followStatus": "Obserwujesz tego użytkownika", + "inCall": "Użytkownik jest w trakcie połączenia głosowego", + "micMuted": "Mikrofon użytkownik jest wyciszony", + "isSpeaking": "Użytkownik przemawia" + } + }, + "commandPalette": { + "title": "Paleta poleceń", + "shortcuts": { + "select": "Wybierz", + "confirm": "Potwierdź", + "close": "Zamknij" + }, + "recents": "Ostatnio używane", + "search": { + "placeholder": "Szukaj w menu, poleceniach i odkrywaj ukryte funkcje", + "noMatch": "Brak pasujących komend..." + }, + "itemNotAvailable": "Polecenie jest niedostępne...", + "shortcutHint": "Przywołaj paletę poleceń za pomocą {{shortcut}}" + }, + "keys": { + "ctrl": "Ctrl", + "option": "Option", + "cmd": "Cmd", + "alt": "Alt", + "escape": "Esc", + "enter": "Enter", + "shift": "Shift", + "spacebar": "Spacja", + "delete": "Del", + "mmb": "Kółko myszy" } } diff --git a/packages/excalidraw/locales/pt-BR.json b/packages/excalidraw/locales/pt-BR.json index b9701b0e51..b63ae06fab 100644 --- a/packages/excalidraw/locales/pt-BR.json +++ b/packages/excalidraw/locales/pt-BR.json @@ -11,8 +11,8 @@ "copyAsPng": "Copiar para a área de transferência como PNG", "copyAsSvg": "Copiar para a área de transferência como SVG", "copyText": "Copiar para área de transferência como texto", - "copySource": "", - "convertToCode": "", + "copySource": "Copiar fonte para área de transferência", + "convertToCode": "Converter para código", "bringForward": "Trazer para a frente", "sendToBack": "Enviar para o fundo", "bringToFront": "Trazer para o primeiro plano", @@ -21,10 +21,12 @@ "copyStyles": "Copiar os estilos", "pasteStyles": "Colar os estilos", "stroke": "Contorno", + "changeStroke": "Alterar cor da borda", "background": "Fundo", + "changeBackground": "Alterar cor de fundo", "fill": "Preenchimento", "strokeWidth": "Espessura do traço", - "strokeStyle": "Estilo de traço", + "strokeStyle": "Estilo do traço", "strokeStyle_solid": "Sólido", "strokeStyle_dashed": "Tracejado", "strokeStyle_dotted": "Pontilhado", @@ -38,12 +40,20 @@ "arrowhead_none": "Nenhuma", "arrowhead_arrow": "Flecha", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Círculo", + "arrowhead_circle_outline": "Circulo (contorno)", "arrowhead_triangle": "Triângulo", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Triângulo (contorno)", + "arrowhead_diamond": "Diamante", + "arrowhead_diamond_outline": "Diamante (contorno)", + "arrowhead_crowfoot_many": "Pé de pássaro (muitos)", + "arrowhead_crowfoot_one": "Pé de pássaro (um)", + "arrowhead_crowfoot_one_or_many": "Pé de pássaro (um ou muitos)", + "more_options": "Mais opções", + "arrowtypes": "Tipo de seta", + "arrowtype_sharp": "Seta afiada", + "arrowtype_round": "Seta curva", + "arrowtype_elbowed": "Seta dobrada", "fontSize": "Tamanho da fonte", "fontFamily": "Família da fonte", "addWatermark": "Adicionar \"Feito com Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Usado na tela", "canvasBackground": "Fundo da tela", "drawingCanvas": "Tela de desenho", + "clearCanvas": "Limpar a tela", "layers": "Camadas", "actions": "Ações", "language": "Idioma", @@ -84,12 +95,13 @@ "group": "Agrupar seleção", "ungroup": "Desagrupar seleção", "collaborators": "Colaboradores", - "showGrid": "Mostrar grade", + "toggleGrid": "Alternar grade", "addToLibrary": "Adicionar à biblioteca", "removeFromLibrary": "Remover da biblioteca", "libraryLoadingMessage": "Carregando biblioteca…", "libraries": "Procurar bibliotecas", "loadingScene": "Carregando cena…", + "loadScene": "Carregar cenário de arquivo", "align": "Alinhamento", "alignTop": "Alinhar ao topo", "alignBottom": "Alinhar embaixo", @@ -105,7 +117,9 @@ "share": "Compartilhar", "showStroke": "Exibir seletor de cores do traço", "showBackground": "Exibir seletor de cores do fundo", - "toggleTheme": "Alternar tema", + "showFonts": "Exibir seletor de fonte", + "toggleTheme": "Alternar tema claro/escuro", + "theme": "Tema", "personalLib": "Biblioteca Pessoal", "excalidrawLib": "Biblioteca do Excalidraw", "decreaseFontSize": "Diminuir o tamanho da fonte", @@ -115,16 +129,21 @@ "createContainerFromText": "Envolver texto em um contêiner", "link": { "edit": "Editar link", - "editEmbed": "", - "create": "Criar link", - "createEmbed": "", + "editEmbed": "Editar link incorporável", + "create": "Adicionar link", "label": "Link", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Vincular e incorporar", + "empty": "Nenhum link foi definido", + "hint": "Digite ou cole o seu link aqui", + "goToElement": "" }, "lineEditor": { "edit": "Editar linha", - "exit": "Sair do editor de linha" + "editArrow": "Editar seta" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Bloquear", @@ -137,20 +156,55 @@ "selectAllElementsInFrame": "Selecionar todos os elementos no quadro", "removeAllElementsFromFrame": "Remover todos os elementos do quadro", "eyeDropper": "Escolher cor da tela", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Texto para diagrama", + "prompt": "Prompt", + "followUs": "Siga-nos", + "discordChat": "Discord", + "zoomToFitViewport": "Zoom para caber na tela", + "zoomToFitSelection": "Ampliar para ajustar a seleção", + "zoomToFit": "Ampliar para encaixar todos os elementos", + "installPWA": "Instalar excalidraw localmente (PWA)", + "autoResize": "Habilitar redimensionamento automático de texto", + "imageCropping": "Recorte de imagem", + "unCroppedDimension": "Dimensão sem recortes", + "copyElementLink": "Copiar link para o objeto", + "linkToElement": "Links para o objeto", + "wrapSelectionInFrame": "Ajustar seleção no frame", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "Clique em uma forma na tela ou cole um link.", + "notFound": "Objeto vinculado não foi encontrado na tela." }, "library": { "noItems": "Nenhum item adicionado ainda...", "hint_emptyLibrary": "Selecione um item na tela para adicioná-lo aqui, ou instale uma biblioteca do repositório público, abaixo.", - "hint_emptyPrivateLibrary": "Selecione um item na tela para adicioná-lo aqui." + "hint_emptyPrivateLibrary": "Selecione um item na tela para adicioná-lo aqui.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Procurar na tela", + "noMatch": "Nenhum resultado encontrado...", + "singleResult": "resultado", + "multipleResults": "resultados", + "placeholder": "Procurar texto na tela...", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "Limpar o canvas e redefinir a cor de fundo", + "clearReset": "Limpar a tela", "exportJSON": "Exportar arquivo", "exportImage": "Exportar imagem...", "export": "Salvar como...", - "copyToClipboard": "Copiar para o clipboard", + "copyToClipboard": "Copiar para a área de transferência", + "copyLink": "Copiar link", "save": "Salvar para o arquivo atual", "saveAs": "Salvar como", "load": "Abrir", @@ -171,17 +225,19 @@ "fullScreen": "Tela cheia", "darkMode": "Modo escuro", "lightMode": "Modo claro", + "systemMode": "Modo do sistema", "zenMode": "Modo Zen", - "objectsSnapMode": "", + "objectsSnapMode": "Encaixar em objetos", "exitZenMode": "Sair do modo zen", "cancel": "Cancelar", + "saveLibNames": "", "clear": "Limpar", "remove": "Remover", - "embed": "", - "publishLibrary": "Publicar", + "embed": "Alternar incorporação", + "publishLibrary": "", "submit": "Enviar", "confirm": "Confirmar", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Clique para interagir" }, "alerts": { "clearReset": "Isto irá limpar toda a tela. Você tem certeza?", @@ -189,7 +245,7 @@ "couldNotCreateShareableLinkTooBig": "Não foi possível criar um link compartilhável: a cena é muito grande", "couldNotLoadInvalidFile": "Não foi possível carregar o arquivo inválido", "importBackendFailed": "A importação do servidor falhou.", - "cannotExportEmptyCanvas": "Não é possível exportar um canvas vazio.", + "cannotExportEmptyCanvas": "Não é possível exportar uma tela vazia.", "couldNotCopyToClipboard": "Não foi possível copiar para a área de transferência.", "decryptFailed": "Não foi possível descriptografar os dados.", "uploadedSecurly": "O upload foi protegido com criptografia de ponta a ponta, o que significa que o servidor do Excalidraw e terceiros não podem ler o conteúdo.", @@ -204,20 +260,21 @@ "resetLibrary": "Isto limpará a sua biblioteca. Você tem certeza?", "removeItemsFromsLibrary": "Excluir {{count}} item(ns) da biblioteca?", "invalidEncryptionKey": "A chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desabilitada.", - "collabOfflineWarning": "Sem conexão com a internet disponível.\nSuas alterações não serão salvas!" + "collabOfflineWarning": "Sem conexão com a internet disponível.\nSuas alterações não serão salvas!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipo de arquivo não suportado.", "imageInsertError": "Não foi possível inserir imagem. Tente novamente mais tarde...", "fileTooBig": "O arquivo é muito grande. O tamanho máximo permitido é {{maxSize}}.", "svgImageInsertError": "Não foi possível inserir a imagem SVG. A marcação SVG parece inválida.", - "failedToFetchImage": "", - "invalidSVGString": "SVG Inválido.", + "failedToFetchImage": "Falha ao buscar imagem.", "cannotResolveCollabServer": "Não foi possível conectar-se ao servidor colaborativo. Por favor, recarregue a página e tente novamente.", "importLibraryError": "Não foi possível carregar a biblioteca", + "saveLibraryError": "Não foi possível salvar a biblioteca no armazenamento. Salve sua biblioteca em um arquivo localmente para garantir que você não perca as alterações.", "collabSaveFailed": "Não foi possível salvar no banco de dados do servidor. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.", "collabSaveFailed_sizeExceeded": "Não foi possível salvar no banco de dados do servidor, a tela parece ser muito grande. Se os problemas persistirem, salve o arquivo localmente para garantir que não perca o seu trabalho.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Imagens estão desabilitadas.", "brave_measure_text_error": { "line1": "Parece que você está usando o navegador Brave com a configuração Bloquear Impressões Digitais no modo agressivo.", "line2": "Isso pode acabar quebrando Elementos de Texto em seus desenhos.", @@ -225,16 +282,17 @@ "line4": "Se desativar essa configuração não corrigir a exibição de elementos de texto, por favor abra uma issue em nosso GitHub, ou mande uma mensagem em nosso Discord" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Elementos incorporáveis não podem ser adicionados à biblioteca.", + "iframe": "Elementos do IFrame não podem ser adicionados à biblioteca.", + "image": "Suporte para adicionar imagens à biblioteca em breve!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Não foi possível colar (não foi possível ler da área de transferência do sistema).", + "asyncPasteFailedOnParse": "Não foi possível colar.", + "copyToSystemClipboardFailed": "Não foi possível copiar para a área de transferência." }, "toolBar": { "selection": "Seleção", + "lasso": "", "image": "Inserir imagem", "rectangle": "Retângulo", "diamond": "Losango", @@ -246,16 +304,32 @@ "library": "Biblioteca", "lock": "Manter ativa a ferramenta selecionada após desenhar", "penMode": "Modo caneta — impede o toque", - "link": "Adicionar/Atualizar link para uma forma selecionada", + "link": "Adicionar / Atualizar link para uma forma selecionada", "eraser": "Borracha", "frame": "Ferramenta de quadro", - "magicframe": "", - "embeddable": "", - "laser": "", + "magicframe": "Wireframe para código", + "embeddable": "Página web incorporada", + "laser": "Ponteiro de laser", "hand": "Mão (ferramenta de rolagem)", "extraTools": "Mais ferramentas", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid para Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Retângulo", + "diamond": "Diamante", + "ellipse": "Elipse", + "arrow": "Seta", + "line": "Linha", + "freedraw": "Desenho livre", + "text": "Texto", + "image": "Imagem", + "group": "Grupo", + "frame": "Moldura", + "magicframe": "Wireframe para código", + "embeddable": "Página web incorporada", + "selection": "Seleção", + "iframe": "IFrame" }, "headings": { "canvasActions": "Ações da tela", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { - "canvasPanning": "Para mover a tela, segure a roda do mouse ou a barra de espaço enquanto arrasta ou use a ferramenta de mão", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha", + "arrowTool": "", "freeDraw": "Toque e arraste, solte quando terminar", "text": "Dica: você também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção", - "embeddable": "", - "text_selected": "Clique duplo ou tecle ENTER para editar o texto", - "text_editing": "Pressione Esc ou Ctrl/Cmd+ENTER para encerrar a edição", - "linearElementMulti": "Clique no último ponto ou pressione Escape ou Enter para terminar", - "lockAngle": "Você pode restringir o ângulo segurando o SHIFT", - "resize": "Você pode restringir proporções segurando SHIFT enquanto redimensiona,\nsegure ALT para redimensionar do centro", - "resizeImage": "Você pode redimensionar livremente segurando SHIFT,\nsegure ALT para redimensionar a partir do centro", - "rotate": "Você pode restringir os ângulos segurando SHIFT enquanto gira", - "lineEditor_info": "Pressione CtrlOuCmd e duplo-clique ou pressione CtrlOuCmd + Enter para editar pontos", - "lineEditor_pointSelected": "Pressione Delete para remover o(s) ponto(s),\nCtrl/Cmd+D para duplicar ou arraste para mover", - "lineEditor_nothingSelected": "Selecione um ponto para editar (segure SHIFT para selecionar vários) ou segure Alt e clique para adicionar novos pontos", - "placeImage": "Clique para colocar a imagem, ou clique e arraste para definir manualmente o seu tamanho", + "embeddable": "Clique e arraste para criar um site incorporado", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publicar sua própria biblioteca", - "bindTextToElement": "Pressione Enter para adicionar o texto", - "deepBoxSelect": "Segure Ctrl/Cmd para seleção profunda e para evitar arrastar", - "eraserRevert": "Segure a tecla Alt para inverter os elementos marcados para exclusão", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Esse recurso pode ser ativado configurando a opção \"dom.events.asyncClipboard.clipboardItem\" como \"true\". Para alterar os sinalizadores do navegador no Firefox, visite a página \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Não é possível mostrar pré-visualização", @@ -299,9 +378,12 @@ "openIssueMessage": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso Por favor, inclua informações abaixo, copiando e colando para a issue do GitHub.", "sceneContent": "Conteúdo da cena:" }, + "shareDialog": { + "or": "Ou" + }, "roomDialog": { - "desc_intro": "Você pode convidar pessoas para sua cena atual para colaborar com você.", - "desc_privacy": "Não se preocupe, a sessão usa criptografia de ponta a ponta; portanto, o que você desenhar permanecerá privado. Nem mesmo nosso servidor poderá ver o que você cria.", + "desc_intro": "Convide pessoas para colaborar em seu desenho.", + "desc_privacy": "Não se preocupe, a sessão é criptografada de ponta a ponta e totalmente privada. Nem mesmo nosso servidor pode ver o que você desenha.", "button_startSession": "Iniciar sessão", "button_stopSession": "Parar sessão", "desc_inProgressIntro": "A sessão de colaboração ao vivo está agora em andamento.", @@ -317,7 +399,7 @@ "disk_details": "Exportar os dados da cena para um arquivo que você poderá importar mais tarde.", "disk_button": "Salvar em um arquivo", "link_title": "Link compartilhável", - "link_details": "Exportar como link de apenas leitura.", + "link_details": "Exportar como link de somente leitura.", "link_button": "Exportar link", "excalidrawplus_description": "Salvar a cena na sua área de trabalho Excalidraw+.", "excalidrawplus_button": "Exportar", @@ -328,6 +410,8 @@ "click": "clicar", "deepSelect": "Seleção profunda", "deepBoxSelect": "Use a seleção profunda dentro da caixa para previnir arrastar", + "createFlowchart": "Crie um fluxograma a partir de um elemento genérico", + "navigateFlowchart": "Navegar por um fluxograma", "curvedArrow": "Seta curva", "curvedLine": "Linha curva", "documentation": "Documentação", @@ -344,13 +428,15 @@ "shortcuts": "Atalhos de teclado", "textFinish": "Encerrar edição (editor de texto)", "textNewLine": "Adicionar nova linha (editor de texto)", - "title": "Ajudar", + "title": "Ajuda", "view": "Visualizar", "zoomToFit": "Ampliar para encaixar todos os elementos", "zoomToSelection": "Ampliar a seleção", "toggleElementLock": "Bloquear/desbloquear seleção", "movePageUpDown": "Mover a página para cima/baixo", - "movePageLeftRight": "Mover a página para esquerda/direita" + "movePageLeftRight": "Mover a página para esquerda/direita", + "cropStart": "Recortar imagem", + "cropFinish": "Finalizar corte da imagem" }, "clearCanvasDialog": { "title": "Limpar a tela" @@ -367,7 +453,7 @@ "placeholder": { "authorName": "Seu nome ou nome de usuário", "libraryName": "Nome da sua biblioteca", - "libraryDesc": "Descrição para ajudar as pessoas a entenderem o uso da sua da sua biblioteca", + "libraryDesc": "Descrição para ajudar as pessoas a entenderem o uso da sua biblioteca", "githubHandle": "Identificador do GitHub (opcional), para que você possa editar a biblioteca depois de enviar para revisão", "twitterHandle": "Nome de usuário do Twitter (opcional), para que saibamos quem deve ser creditado se promovermos no Twitter", "website": "Link para o seu site pessoal ou outro lugar (opcional)" @@ -377,7 +463,7 @@ "website": "Informe uma URL válida" }, "noteDescription": "Envie sua biblioteca para ser incluída no repositório de biblioteca públicapara outras pessoas usarem em seus desenhos.", - "noteGuidelines": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor leia o orientações antes de enviar. Você precisará de uma conta do GitHub para se comunicar e fazer alterações quando solicitado, mas não é estritamente necessário.", + "noteGuidelines": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor, leia o orientações antes de enviar. Você precisará de uma conta do GitHub para se comunicar e fazer alterações quando solicitado, mas não é estritamente necessário.", "noteLicense": "Ao enviar, você concorda que a biblioteca será publicada sob a Licença MIT, o que, em suma, significa que qualquer pessoa pode utilizá-los sem restrições.", "noteItems": "Cada item da biblioteca deve ter seu próprio nome para que seja filtrável. Os seguintes itens da biblioteca serão incluídos:", "atleastOneLibItem": "Por favor, selecione pelo menos um item da biblioteca para começar", @@ -385,7 +471,7 @@ }, "publishSuccessDialog": { "title": "Biblioteca enviada", - "content": "Obrigado {{authorName}}. Sua biblioteca foi enviada para análise. Você pode acompanhar o statusaqui" + "content": "Obrigado {{authorName}}. Sua biblioteca foi enviada para análise. Você pode acompanhar o status aqui" }, "confirmDialog": { "resetLibrary": "Redefinir biblioteca", @@ -421,13 +507,15 @@ }, "stats": { "angle": "Ângulo", - "element": "Elemento", - "elements": "Elementos", + "shapes": "Formas", "height": "Altura", "scene": "Cena", "selected": "Selecionado", "storage": "Armazenamento", - "title": "Estatísticas para nerds", + "fullTitle": "Propriedades da Tela e da Forma", + "title": "Propriedades", + "generalStats": "Geral", + "elementProperties": "Propriedades da forma", "total": "Total", "version": "Versão", "versionCopy": "Clique para copiar", @@ -439,13 +527,15 @@ "copyStyles": "Estilos copiados.", "copyToClipboard": "Copiado para área de transferência.", "copyToClipboardAsPng": "{{exportSelection}} copiado para a área de transferência como PNG ({{exportColorScheme}})", + "copyToClipboardAsSvg": "Copiado {{exportSelection}} para a área de transferência com SVG ({{exportColorScheme}})", "fileSaved": "Arquivo salvo.", "fileSavedToFilename": "Salvo em {filename}", "canvas": "tela", "selection": "seleção", "pasteAsSingleElement": "Use {{shortcut}} para colar como um único elemento,\nou cole em um editor de texto já existente", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "No momento não é permitido incorporar esta URL. Crie uma issue no GitHub para solicitar a lista branca da URL", + "unrecognizedLinkFormat": "O link incorporado não corresponde ao formato esperado. Por favor, tente colar a string 'incorporada' que foi fornecida pelo site de origem", + "elementLinkCopied": "" }, "colors": { "transparent": "Transparente", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Cores personalizadas mais usadas", "colors": "Cores", "shades": "Tons", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid para Excalidraw", + "button": "Inserir", + "description": "Atualmente apenas os diagramasFlowchartSequência, e Classsão suportados. Os outros tipos serão renderizados como uma imagem no Excalidraw.", + "syntax": "Sintaxe em Mermaid", + "preview": "Visualizar" + }, + "quickSearch": { + "placeholder": "Busca rápida" + }, + "fontList": { + "badge": { + "old": "antigo" + }, + "sceneFonts": "Neste cenário", + "availableFonts": "Fontes disponíveis", + "empty": "Nenhuma fonte encontrada" + }, + "userList": { + "empty": "Nenhum usuário encontrado", + "hint": { + "text": "Clique no usuário para seguir", + "followStatus": "Atualmente você está seguindo este usuário", + "inCall": "O usuário está em uma chamada de voz", + "micMuted": "O microfone do usuário está silenciado", + "isSpeaking": "O usuário está falando" + } + }, + "commandPalette": { + "title": "Paleta de comandos", + "shortcuts": { + "select": "Selecionar", + "confirm": "Confirmar", + "close": "Fechar" + }, + "recents": "Usado recentemente", + "search": { + "placeholder": "Procure menus, comandos e descubra gemas ocultas", + "noMatch": "Nenhum comando correspondente..." + }, + "itemNotAvailable": "Comando indisponível...", + "shortcutHint": "Para a paleta de comandos, use {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/pt-PT.json b/packages/excalidraw/locales/pt-PT.json index 283853b68a..9c0e6d9ec4 100644 --- a/packages/excalidraw/locales/pt-PT.json +++ b/packages/excalidraw/locales/pt-PT.json @@ -5,47 +5,57 @@ "pasteCharts": "Colar gráficos", "selectAll": "Selecionar tudo", "multiSelect": "Adicionar elemento à seleção", - "moveCanvas": "Mover tela", + "moveCanvas": "Mover área de desenho", "cut": "Cortar", "copy": "Copiar", "copyAsPng": "Copiar para a área de transferência como PNG", "copyAsSvg": "Copiar para a área de transferência como SVG", - "copyText": "Copiar para Área de Transferência como texto", - "copySource": "", - "convertToCode": "", - "bringForward": "Trazer para o primeiro plano", - "sendToBack": "Enviar para o plano de fundo", - "bringToFront": "Trazer para o primeiro plano", - "sendBackward": "Enviar para trás", + "copyText": "Copiar para área de transferência como texto", + "copySource": "Copiar origem para área de transferência", + "convertToCode": "Converter para código", + "bringForward": "Subir para a frente de tudo", + "sendToBack": "Baixar", + "bringToFront": "Subir", + "sendBackward": "Baixar para trás de tudo", "delete": "Apagar", - "copyStyles": "Copiar os estilos", - "pasteStyles": "Colar os estilos", - "stroke": "Contornos", + "copyStyles": "Copiar estilos", + "pasteStyles": "Colar estilos", + "stroke": "Contorno", + "changeStroke": "Alterar cor do traço", "background": "Fundo", + "changeBackground": "Alterar cor do fundo", "fill": "Preenchimento", "strokeWidth": "Espessura do traço", - "strokeStyle": "Estilo de traço", + "strokeStyle": "Estilo do traço", "strokeStyle_solid": "Sólido", "strokeStyle_dashed": "Tracejado", "strokeStyle_dotted": "Pontilhado", - "sloppiness": "Desleixo", + "sloppiness": "Precisão do traço", "opacity": "Opacidade", "textAlign": "Alinhamento do texto", "edges": "Arestas", - "sharp": "Aguçado", - "round": "Redondo", + "sharp": "Reto", + "round": "Arredondado", "arrowheads": "Pontas", "arrowhead_none": "Nenhuma", "arrowhead_arrow": "Seta", "arrowhead_bar": "Barra", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Círculo", + "arrowhead_circle_outline": "Círculo (contorno)", "arrowhead_triangle": "Triângulo", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", - "fontSize": "Tamanho da fonte", - "fontFamily": "Família da fontes", + "arrowhead_triangle_outline": "Triângulo (contorno)", + "arrowhead_diamond": "Losango", + "arrowhead_diamond_outline": "Losango (contorno)", + "arrowhead_crowfoot_many": "Pé de coroa (muitos)", + "arrowhead_crowfoot_one": "Pé de coroa (um)", + "arrowhead_crowfoot_one_or_many": "Pé de coroa (um ou muitos)", + "more_options": "Mais opções", + "arrowtypes": "Tipo de seta", + "arrowtype_sharp": "Seta retilínea", + "arrowtype_round": "Seta curva", + "arrowtype_elbowed": "Seta em cotovelo", + "fontSize": "Tamanho do tipo de letra", + "fontFamily": "Família do tipo de letra", "addWatermark": "Adicionar \"Feito com Excalidraw\"", "handDrawn": "Manuscrito", "normal": "Normal", @@ -55,23 +65,24 @@ "large": "Grande", "veryLarge": "Muito grande", "solid": "Sólido", - "hachure": "Eclosão", - "zigzag": "ziguezague", - "crossHatch": "Sombreado", + "hachure": "Sombreado", + "zigzag": "Ziguezague", + "crossHatch": "Sombreado trama", "thin": "Fino", - "bold": "Espesso", + "bold": "Negrito", "left": "Esquerda", - "center": "Centralizar", + "center": "Centro", "right": "Direita", - "extraBold": "Muito espesso", - "architect": "Arquitecto", + "extraBold": "Extra negrito", + "architect": "Arquiteto", "artist": "Artista", "cartoonist": "Caricaturista", "fileTitle": "Nome do ficheiro", "colorPicker": "Seletor de cores", - "canvasColors": "Usado na tela", + "canvasColors": "Usado na área de desenho", "canvasBackground": "Fundo da área de desenho", "drawingCanvas": "Área de desenho", + "clearCanvas": "Apagar área de desenho", "layers": "Camadas", "actions": "Ações", "language": "Idioma", @@ -84,12 +95,13 @@ "group": "Agrupar seleção", "ungroup": "Desagrupar seleção", "collaborators": "Colaboradores", - "showGrid": "Mostrar grelha", + "toggleGrid": "Ativar/desativar grelha", "addToLibrary": "Adicionar à biblioteca", "removeFromLibrary": "Remover da biblioteca", "libraryLoadingMessage": "A carregar a biblioteca…", "libraries": "Procurar bibliotecas", "loadingScene": "A carregar a cena…", + "loadScene": "Carregar cena de um ficheiro", "align": "Alinhamento", "alignTop": "Alinhar ao topo", "alignBottom": "Alinhar ao fundo", @@ -105,62 +117,104 @@ "share": "Partilhar", "showStroke": "Mostrar seletor de cores do traço", "showBackground": "Mostrar seletor de cores do fundo", - "toggleTheme": "Alternar tema", + "showFonts": "Mostrar seletor de fonte", + "toggleTheme": "Alternar tema claro/escuro", + "theme": "Tema", "personalLib": "Biblioteca pessoal", "excalidrawLib": "Biblioteca do Excalidraw", "decreaseFontSize": "Reduzir o tamanho do tipo de letra", "increaseFontSize": "Aumentar o tamanho do tipo de letra", - "unbindText": "Desvincular texto", + "unbindText": "Desligar texto", "bindText": "Ligar texto ao recipiente", "createContainerFromText": "Envolver texto num recipiente", "link": { - "edit": "Editar ligação", - "editEmbed": "", - "create": "Criar ligação", - "createEmbed": "", - "label": "Ligação", - "labelEmbed": "", - "empty": "" + "edit": "Editar hiperligação", + "editEmbed": "Editar hiperligação incorporável", + "create": "Adicionar hiperligação", + "label": "Hiperligação", + "labelEmbed": "Hiperligar e incorporar", + "empty": "Não está definida nenhuma hiperligação", + "hint": "Escreva ou cole a sua hiperligação aqui", + "goToElement": "Ir para o elemento alvo" }, "lineEditor": { "edit": "Editar linha", - "exit": "Sair do editor de linha" + "editArrow": "Editar seta" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Bloquear", "unlock": "Desbloquear", - "lockAll": "Bloquear todos", - "unlockAll": "Desbloquear todos" + "lockAll": "Bloquear tudo", + "unlockAll": "Desbloquear tudo" }, "statusPublished": "Publicado", "sidebarLock": "Manter a barra lateral aberta", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "selectAllElementsInFrame": "Selecionar todos os elementos na moldura", + "removeAllElementsFromFrame": "Remover todos os elementos na moldura", + "eyeDropper": "Escolher cor da área de desenho", + "textToDiagram": "Texto para diagrama", + "prompt": "Entrada de código", + "followUs": "Siga-nos", + "discordChat": "Conversação no Discord", + "zoomToFitViewport": "Aproximar para enquadrar no cisualizador", + "zoomToFitSelection": "Aproximar para enquadrar a seleção", + "zoomToFit": "Aproximar para enquadrar todos os elementos", + "installPWA": "Instalar Excalidraw localmente (PWA)", + "autoResize": "Ativar redimensionamento automático do texto", + "imageCropping": "Corte de imagem", + "unCroppedDimension": "Dimensão sem corte", + "copyElementLink": "Copiar hiperligação para o objeto", + "linkToElement": "Hiperligação para o objeto", + "wrapSelectionInFrame": "Ajustar seleção no quadro", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Hiperligação para o objeto", + "desc": "Clique numa forma na tela ou cole uma hiperligação.", + "notFound": "O objeto hiperligado não foi encontrado na tela." }, "library": { - "noItems": "Ainda não foram adicionados nenhuns itens...", - "hint_emptyLibrary": "Seleccione um item na tela para adicioná-lo aqui, ou então instale uma biblioteca do repositório público abaixo.", - "hint_emptyPrivateLibrary": "Seleccione um item na tela para adicioná-lo aqui." + "noItems": "Ainda não foram adicionados itens...", + "hint_emptyLibrary": "Selecione um item na área de desenho para adicioná-lo aqui ou então instale uma biblioteca do repositório público abaixo.", + "hint_emptyPrivateLibrary": "Selecione um item na área de desenho para adicioná-lo aqui.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Pesquisar na área de desenho", + "noMatch": "Não foram encontrados resultados...", + "singleResult": "resultado", + "multipleResults": "resultados", + "placeholder": "Pesquisar texto na área de desenho...", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "Limpar a área de desenho e redefinir a cor de fundo", + "clearReset": "Limpar a área de desenho", "exportJSON": "Exportar para ficheiro", "exportImage": "Exportar imagem...", "export": "Guardar para...", - "copyToClipboard": "Copiar para o clipboard", + "copyToClipboard": "Copiar para a área de transferência", + "copyLink": "Copiar hiperligação", "save": "Guardar no ficheiro atual", "saveAs": "Guardar como", "load": "Abrir", - "getShareableLink": "Obter um link de partilha", + "getShareableLink": "Obter uma hiperligação de partilha", "close": "Fechar", "selectLanguage": "Selecionar idioma", "scrollBackToContent": "Voltar ao conteúdo", - "zoomIn": "Aumentar zoom", - "zoomOut": "Diminuir zoom", - "resetZoom": "Redefinir zoom", + "zoomIn": "Aproximar", + "zoomOut": "Afastar", + "resetZoom": "Repor ampliação", "menu": "Menu", "done": "Concluído", "edit": "Editar", @@ -171,91 +225,111 @@ "fullScreen": "Ecrã inteiro", "darkMode": "Modo escuro", "lightMode": "Modo claro", + "systemMode": "Modo do sistema", "zenMode": "Modo zen", - "objectsSnapMode": "", + "objectsSnapMode": "Atrair aos objetos", "exitZenMode": "Sair do modo zen", "cancel": "Cancelar", + "saveLibNames": "", "clear": "Limpar", "remove": "Remover", - "embed": "", - "publishLibrary": "Publicar", + "embed": "Alternar incorporação", + "publishLibrary": "", "submit": "Enviar", "confirm": "Confirmar", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Clique para interagir" }, "alerts": { "clearReset": "Isto irá limpar toda a área de desenho. Tem a certeza?", - "couldNotCreateShareableLink": "Não foi possível criar um link partilhável.", - "couldNotCreateShareableLinkTooBig": "Não foi possível criar um link partilhável: a cena é muito grande", + "couldNotCreateShareableLink": "Não foi possível criar uma hiperligação partilhável.", + "couldNotCreateShareableLinkTooBig": "Não foi possível criar uma hiperligação partilhável: a cena é muito grande", "couldNotLoadInvalidFile": "Não foi possível carregar o ficheiro inválido", "importBackendFailed": "A importação do servidor falhou.", "cannotExportEmptyCanvas": "Não é possível exportar uma área de desenho vazia.", "couldNotCopyToClipboard": "Não foi possível copiar para a área de transferência.", "decryptFailed": "Não foi possível desencriptar os dados.", - "uploadedSecurly": "O upload foi protegido com criptografia de ponta a ponta, o que significa que o servidor do Excalidraw e terceiros não podem ler o conteúdo.", + "uploadedSecurly": "O envio foi protegido com encriptação de ponta a ponta, o que significa que o servidor do Excalidraw e terceiros não podem ler o conteúdo.", "loadSceneOverridePrompt": "Se carregar um desenho externo substituirá o conteúdo existente. Quer continuar?", "collabStopOverridePrompt": "Ao interromper a sessão irá substituir o último desenho guardado. Tem a certeza?\n\n(Caso queira manter o último desenho, simplesmente feche a janela do navegador.)", "errorAddingToLibrary": "Não foi possível adicionar o item à biblioteca", "errorRemovingFromLibrary": "Não foi possível remover o item da biblioteca", - "confirmAddLibrary": "Isso adicionará {{numShapes}} forma(s) à sua biblioteca. Tem a certeza?", + "confirmAddLibrary": "Isto irá adicionar {{numShapes}} forma(s) à sua biblioteca. Tem a certeza?", "imageDoesNotContainScene": "Esta imagem parece não conter dados de cenas. Ativou a incorporação da cena durante a exportação?", "cannotRestoreFromImage": "Não foi possível restaurar a cena deste ficheiro de imagem", "invalidSceneUrl": "Não foi possível importar a cena a partir do URL fornecido. Ou está mal formado ou não contém dados JSON do Excalidraw válidos.", "resetLibrary": "Isto irá limpar a sua biblioteca. Tem a certeza?", "removeItemsFromsLibrary": "Apagar {{count}} item(ns) da biblioteca?", - "invalidEncryptionKey": "Chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desativada.", - "collabOfflineWarning": "Sem ligação à internet disponível.\nAs suas alterações não serão salvas!" + "invalidEncryptionKey": "A chave de encriptação deve ter 22 caracteres. A colaboração ao vivo está desativada.", + "collabOfflineWarning": "A ligação à Internet não está disponível.\nAs suas alterações não serão guardadas!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Tipo de ficheiro não suportado.", "imageInsertError": "Não foi possível inserir a imagem, tente novamente mais tarde...", "fileTooBig": "O ficheiro é muito grande. O tamanho máximo permitido é {{maxSize}}.", "svgImageInsertError": "Não foi possível inserir a imagem SVG. A marcação SVG parece inválida.", - "failedToFetchImage": "", - "invalidSVGString": "SVG inválido.", - "cannotResolveCollabServer": "Não foi possível fazer a ligação ao servidor colaborativo. Por favor, volte a carregar a página e tente novamente.", + "failedToFetchImage": "Falha ao processar a imagem.", + "cannotResolveCollabServer": "Não foi possível fazer a ligação ao servidor colaborativo. Por favor volte a carregar a página e tente novamente.", "importLibraryError": "Não foi possível carregar a biblioteca", + "saveLibraryError": "Não foi possível guardar a biblioteca no armazenamento. Guarde a sua biblioteca num ficheiro local para garantir que não perde as alterações.", "collabSaveFailed": "Não foi possível guardar na base de dados de backend. Se os problemas persistirem, guarde o ficheiro localmente para garantir que não perde o seu trabalho.", - "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, o ecrã parece estar muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho.", - "imageToolNotSupported": "", + "collabSaveFailed_sizeExceeded": "Não foi possível guardar na base de dados de backend, parece que a a área de desenho é muito grande. Deve guardar o ficheiro localmente para garantir que não perde o seu trabalho.", + "imageToolNotSupported": "As imagens estão desativadas.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "Parece que está a utilizar o navegador Brave com a configuração Bloquear impressões digitais (fingerprinting) no modo restrito/agressivo ativada.", + "line2": "Isto pode resultar na quebra dos Elementos de texto nos seus desenhos.", + "line3": "Recomendamos vivamente a desativação desta configuração. Pode seguir estes passos para saber como o fazer.", + "line4": "Se a desativação desta configuração não corrigir a apresentação de elementos de texto, reporte um problema no nosso GitHub ou diga-nos no Discord" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Os elementos incorporáveis não podem ser adicionados à biblioteca.", + "iframe": "Os elementos IFrame não podem ser adicionados à biblioteca.", + "image": "Brevemente será possível adicionar imagens à biblioteca!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Não foi possível colar (não foi possível ler da área de transferência do sistema).", + "asyncPasteFailedOnParse": "Não foi possível colar.", + "copyToSystemClipboardFailed": "Não foi possível copiar para a área de transferência." }, "toolBar": { "selection": "Seleção", + "lasso": "", "image": "Inserir imagem", "rectangle": "Retângulo", "diamond": "Losango", "ellipse": "Elipse", - "arrow": "Flecha", + "arrow": "Seta", "line": "Linha", "freedraw": "Desenhar", "text": "Texto", "library": "Biblioteca", "lock": "Manter a ferramenta selecionada ativa após desenhar", "penMode": "Modo caneta - impedir toque", - "link": "Acrescentar/ Adicionar ligação para uma forma seleccionada", + "link": "Adicionar / atualizar hiperligação para uma forma selecionada", "eraser": "Borracha", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", - "hand": "Mão (ferramenta de movimento da tela)", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "frame": "Ferramenta de moldura", + "magicframe": "Esquema para código", + "embeddable": "Incorporar web", + "laser": "Ponteiro laser", + "hand": "Mão (ferramenta de deslocar vista)", + "extraTools": "Mais ferramentas", + "mermaidToExcalidraw": "Mermaid para Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Retângulo", + "diamond": "Diamante", + "ellipse": "Ellipse", + "arrow": "Seta", + "line": "Linha", + "freedraw": "Desenho livre", + "text": "Texto", + "image": "Imagem", + "group": "Grupo", + "frame": "Frame", + "magicframe": "Wireframe para código", + "embeddable": "Web Embed", + "selection": "Seleção", + "iframe": "IFrame" }, "headings": { "canvasActions": "Ações da área de desenho", @@ -263,28 +337,33 @@ "shapes": "Formas" }, "hints": { - "canvasPanning": "Para mover a tela, carregue na roda do rato ou na barra de espaço enquanto arrasta, ou use a ferramenta da mão", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Clique para iniciar vários pontos, arraste para uma única linha", - "freeDraw": "Clique e arraste, large quando terminar", + "arrowTool": "", + "freeDraw": "Clique e arraste, largue quando terminar", "text": "Dica: também pode adicionar texto clicando duas vezes em qualquer lugar com a ferramenta de seleção", - "embeddable": "", - "text_selected": "Clique duas vezes ou pressione a tecla Enter para editar o texto", - "text_editing": "Pressione a tecla Escape ou CtrlOrCmd+ENTER para terminar a edição", - "linearElementMulti": "Clique no último ponto ou pressione Escape ou Enter para terminar", - "lockAngle": "Pode restringir o ângulo mantendo premida a tecla SHIFT", - "resize": "Pode restringir as proporções mantendo a tecla SHIFT premida enquanto redimensiona,\nmantenha a tecla ALT premida para redimensionar a partir do centro", - "resizeImage": "Pode redimensionar livremente mantendo pressionada a tecla SHIFT,\nmantenha pressionada a tecla ALT para redimensionar do centro", - "rotate": "Pode restringir os ângulos mantendo a tecla SHIFT premida enquanto roda", - "lineEditor_info": "Pressione CtrlOrCmd e faça um duplo-clique ou pressione CtrlOrCmd + Enter para editar pontos", - "lineEditor_pointSelected": "Carregue na tecla Delete para remover o(s) ponto(s), CtrlOuCmd+D para duplicar, ou arraste para mover", - "lineEditor_nothingSelected": "Seleccione um ponto para editar (carregue em SHIFT para seleccionar vários),\nou carregue em Alt e clique para acrescentar novos pontos", - "placeImage": "Clique para colocar a imagem ou clique e arraste para definir o seu tamanho manualmente", + "embeddable": "Clique e arraste para criar uma incorporação do site", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publique a sua própria biblioteca", - "bindTextToElement": "Carregue Enter para acrescentar texto", - "deepBoxSelect": "Mantenha a tecla CtrlOrCmd carregada para selecção profunda, impedindo o arrastamento", - "eraserRevert": "Carregue também em Alt para reverter os elementos marcados para serem apagados", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Esta função pode provavelmente ser ativada definindo a opção \"dom.events.asyncClipboard.clipboardItem\" como \"true\". Para alterar os sinalizadores do navegador no Firefox, visite a página \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Não é possível mostrar uma pré-visualização", @@ -292,21 +371,24 @@ "canvasTooBigTip": "Dica: tente aproximar um pouco os elementos mais distantes." }, "errorSplash": { - "headingMain": "Foi encontrado um erro. Tente ", - "clearCanvasMessage": "Se a recarga não funcionar, tente ", - "clearCanvasCaveat": " Isso resultará em perda de trabalho ", + "headingMain": "Foi encontrado um erro. Tente .", + "clearCanvasMessage": "Se o recarregar da página não funcionar, tente .", + "clearCanvasCaveat": " Isto resultará na perda do trabalho ", "trackedToSentry": "O erro com o identificador {{eventId}} foi rastreado no nosso sistema.", - "openIssueMessage": "Fomos muito cautelosos para não incluir suas informações de cena no erro. Se sua cena não for privada, por favor, considere seguir nosso Por favor, inclua informações abaixo, copiando e colando no relatório de erros no GitHub.", + "openIssueMessage": "Tivemos muito cuidado para não incluir as informações da sua cena no erro. Se a sua cena não for privada, considere fazer o acompanhamento no nosso . Inclua as informações abaixo copiando e colando no problema do GitHub.", "sceneContent": "Conteúdo da cena:" }, + "shareDialog": { + "or": "Ou" + }, "roomDialog": { - "desc_intro": "Pode convidar pessoas para colaborarem na sua cena atual.", - "desc_privacy": "Não se preocupe, a sessão usa criptografia de ponta-a-ponta, por isso o que desenhar permanecerá privado. Nem mesmo o nosso servidor poderá ver o que cria.", + "desc_intro": "Convide pessoas para colaborar no seu desenho.", + "desc_privacy": "Não se preocupe, a sessão é encriptada e totalmente privada. Nem mesmo o nosso servidor pode ver o que está a desenhar.", "button_startSession": "Iniciar sessão", "button_stopSession": "Parar sessão", - "desc_inProgressIntro": "A sessão de colaboração ao vivo está agora em andamento.", - "desc_shareLink": "Partilhe este link com qualquer pessoa com quem queira colaborar:", - "desc_exitSession": "Interrompendo a sessão irá desconectar-se da sala, mas poderá continuar a trabalhar com a cena localmente. Note que isso não afetará outras pessoas e elas ainda poderão colaborar nas versões deles.", + "desc_inProgressIntro": "A sessão de colaboração ao vivo está agora a decorrer.", + "desc_shareLink": "Partilhe esta hiperligação com qualquer pessoa com quem queira colaborar:", + "desc_exitSession": "Se interromper a sessão, será desconectado da sala, mas poderá continuar a trabalhar com a cena localmente. Tenha em atenção que isto não afetará as outras pessoas, que poderão continuar a colaborar na sua versão.", "shareTitle": "Participe numa sessão de colaboração ao vivo no Excalidraw" }, "errorDialog": { @@ -316,25 +398,27 @@ "disk_title": "Guardar no disco", "disk_details": "Exportar os dados da cena para um ficheiro do qual poderá importar mais tarde.", "disk_button": "Guardar num ficheiro", - "link_title": "Link partilhável", - "link_details": "Exportar como um link de apenas leitura.", - "link_button": "Exportar para link", - "excalidrawplus_description": "Guardar a cena no seu espaço de trabalho Excalidraw+", + "link_title": "Hiperligação partilhável", + "link_details": "Exportar como uma hiperligação de apenas leitura.", + "link_button": "Exportar para hiperligação", + "excalidrawplus_description": "Guardar a cena no seu espaço de trabalho do Excalidraw+.", "excalidrawplus_button": "Exportar", "excalidrawplus_exportError": "Não foi possível exportar para o Excalidraw+ neste momento..." }, "helpDialog": { "blog": "Leia o nosso blogue", "click": "clicar", - "deepSelect": "Selecção profunda", - "deepBoxSelect": "Selecção profunda dentro da caixa, impedindo que seja arrastada", + "deepSelect": "Seleção profunda", + "deepBoxSelect": "Seleção profunda dentro da caixa, impedindo que seja arrastada", + "createFlowchart": "Criar um fluxograma a partir de um elemento genérico", + "navigateFlowchart": "Navegar num fluxograma", "curvedArrow": "Seta curva", "curvedLine": "Linha curva", "documentation": "Documentação", "doubleClick": "clique duplo", "drag": "arrastar", "editor": "Editor", - "editLineArrowPoints": "Editar pontos de linha/seta", + "editLineArrowPoints": "Editar pontos da linha / seta", "editText": "Editar texto / adicionar etiqueta", "github": "Encontrou algum problema? Informe-nos", "howto": "Siga os nossos guias", @@ -342,24 +426,26 @@ "preventBinding": "Prevenir fixação de seta", "tools": "Ferramentas", "shortcuts": "Atalhos de teclado", - "textFinish": "Finalizar edição (editor texto)", + "textFinish": "Finalizar edição (editor de texto)", "textNewLine": "Adicionar nova linha (editor de texto)", "title": "Ajuda", - "view": "Visualizar", - "zoomToFit": "Ajustar para todos os elementos caberem", - "zoomToSelection": "Ampliar a seleção", - "toggleElementLock": "Trancar/destrancar selecção", + "view": "Visualização", + "zoomToFit": "Enquadrar vista em todos os elementos", + "zoomToSelection": "Enquadrar vista na seleção", + "toggleElementLock": "Bloquear / desbloquear seleção", "movePageUpDown": "Mover página para cima / baixo", - "movePageLeftRight": "Mover página para esquerda / direita" + "movePageLeftRight": "Mover página para esquerda / direita", + "cropStart": "Recortar imagem", + "cropFinish": "Finalizar recorte da imagem" }, "clearCanvasDialog": { - "title": "Apagar tela" + "title": "Apagar área de desenho" }, "publishDialog": { "title": "Publicar biblioteca", "itemName": "Nome do item", "authorName": "Nome do autor", - "githubUsername": "Nome de utilizador do GitHub", + "githubUsername": "Nome de utilizador no GitHub", "twitterUsername": "Nome de utilizador no Twitter", "libraryName": "Nome da biblioteca", "libraryDesc": "Descrição da biblioteca", @@ -367,67 +453,69 @@ "placeholder": { "authorName": "Introduza o seu nome ou nome de utilizador", "libraryName": "Nome da sua biblioteca", - "libraryDesc": "Descrição da sua biblioteca para ajudar as pessoas a entender a utilização dela", - "githubHandle": "Identificador do GitHub (opcional), para que possa editar a biblioteca depois desta ser enviada para revisão", - "twitterHandle": "Nome do Twitter (opcional), para que saibamos quem merece os créditos na promoção via Twitter", - "website": "Ligação para a sua página pessoal ou qualquer outra (opcional)" + "libraryDesc": "Descrição da sua biblioteca para ajudar as pessoas a compreenderem a sua utilização", + "githubHandle": "Identificador do GitHub (handle opcional), para que possa editar a biblioteca depois desta ser enviada para revisão", + "twitterHandle": "Nome de utilizador no Twitter (opcional), para que saibamos a quem atribuir os créditos quando promovermos através do Twitter", + "website": "Hiperligação para o seu sítio web pessoal ou outro (opcional)" }, "errors": { "required": "Obrigatório", "website": "Introduza um URL válido" }, - "noteDescription": "Envie a sua biblioteca para ser incluída no repositório de bibliotecas públicaspara outras pessoas a poderem usar nos seus próprios desenhos.", - "noteGuidelines": "A biblioteca precisa ser aprovada manualmente primeiro. Por favor, leia orientações antes de enviar. Vai precisar de uma conta no GitHub para comunicar e fazer alterações se solicitado, mas não é estritamente necessária.", - "noteLicense": "Ao enviar, concorda que a biblioteca será publicada sob a Licença MIT, o que significa, de forma resumida, que qualquer pessoa pode utilizá-la sem restrições.", - "noteItems": "Cada item da biblioteca deve ter o seu próprio nome para que este seja pesquisável com filtros. Os seguintes itens da biblioteca serão incluídos:", - "atleastOneLibItem": "Por favor, seleccione pelo menos um item da biblioteca para começar", - "republishWarning": "Nota: alguns dos itens seleccionados estão marcados como já publicados/enviados. Só deve reenviar itens ao actualizar uma biblioteca existente ou submissão." + "noteDescription": "Envie a sua biblioteca para ser incluída no repositório de bibliotecas públicas para que outras pessoas a possam utilizar nos seus desenhos.", + "noteGuidelines": "A biblioteca precisa de ser aprovada manualmente primeiro. Por favor, leia as orientações antes de enviar. Precisará de uma conta GitHub para comunicar e fazer alterações, se solicitado, mas não é estritamente necessário.", + "noteLicense": "Ao submeter, concorda que a biblioteca será publicada ao abrigo da Licença MIT, o que, resumidamente, significa que qualquer pessoa pode utilizá-la sem restrições.", + "noteItems": "Cada item de biblioteca deve ter o seu próprio nome para que possa ser filtrado. Serão incluídos os seguintes itens de biblioteca:", + "atleastOneLibItem": "Por favor selecione pelo menos um item da biblioteca para começar", + "republishWarning": "Nota: alguns dos itens selecionados estão marcados como já publicados / submetidos. Só deve voltar a submeter itens quando atualizar uma biblioteca ou submissão existente." }, "publishSuccessDialog": { "title": "Biblioteca enviada", - "content": "Obrigado {{authorName}}. A sua biblioteca foi enviada para análise. Pode acompanhar o statusaqui" + "content": "Obrigado {{authorName}}. A sua biblioteca foi enviada para análise. Pode acompanhar o estado dela aqui" }, "confirmDialog": { "resetLibrary": "Repor a biblioteca", - "removeItemsFromLib": "Remover os itens seleccionados da biblioteca" + "removeItemsFromLib": "Remover os itens selecionados da biblioteca" }, "imageExportDialog": { "header": "Exportar imagem", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", - "embedScene": "Cena embutida", - "scale": "", + "withBackground": "Fundo", + "onlySelected": "Apenas o selecionado", + "darkMode": "Modo escuro", + "embedScene": "Cena incorporada", + "scale": "Redimensionar", "padding": "Espaçamento" }, "tooltip": { - "embedScene": "" + "embedScene": "Os dados da cena serão guardados no ficheiro PNG / SVG exportado para que a cena possa ser restaurada a partir dele.\nIsto aumentará o tamanho do ficheiro exportado." }, "title": { "exportToPng": "Exportar em PNG", "exportToSvg": "Exportar em SVG", - "copyPngToClipboard": "" + "copyPngToClipboard": "Copiar PNG para área de transferência" }, "button": { "exportToPng": "PNG", "exportToSvg": "SVG", - "copyPngToClipboard": "" + "copyPngToClipboard": "Copiar para a área de transferência" } }, "encrypted": { - "tooltip": "Os seus desenhos são encriptados de ponta-a-ponta, por isso os servidores do Excalidraw nunca os verão.", - "link": "Publicação de blogue na encriptação ponta-a-ponta no Excalidraw" + "tooltip": "Os seus desenhos são encriptados de ponta a ponta para que os servidores do Excalidraw nunca os vejam.", + "link": "Publicação no blogue sobre a encriptação de ponta a ponta no Excalidraw" }, "stats": { "angle": "Ângulo", - "element": "Elemento", - "elements": "Elementos", + "shapes": "Formas", "height": "Altura", "scene": "Cena", "selected": "Selecionado", "storage": "Armazenamento", - "title": "Estatísticas para nerds", + "fullTitle": "Área de desenho e propriedades da forma", + "title": "Propriedades", + "generalStats": "Geral", + "elementProperties": "Propriedades da forma", "total": "Total", "version": "Versão", "versionCopy": "Clique para copiar", @@ -435,17 +523,19 @@ "width": "Largura" }, "toast": { - "addedToLibrary": "Acrescentado à biblioteca", + "addedToLibrary": "Adicionado à biblioteca", "copyStyles": "Estilos copiados.", "copyToClipboard": "Copiado para a área de transferência.", "copyToClipboardAsPng": "{{exportSelection}} copiado para a área de transferência como PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} copiado para a área de transferência como SVG\n({{exportColorScheme}})", "fileSaved": "Ficheiro guardado.", "fileSavedToFilename": "Guardado como {filename}", "canvas": "área de desenho", "selection": "seleção", "pasteAsSingleElement": "Usar {{shortcut}} para colar como um único elemento,\nou colar num editor de texto existente", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "A incorporação deste URL não é atualmente permitida. Reporte o problema no GitHub para solicitar a inclusão do URL na lista branca para deixar de o bloquear", + "unrecognizedLinkFormat": "A ligação que incorporou não corresponde ao formato esperado. Tente colar a cadeia de caracteres 'incorporada' fornecida pelo sítio de origem", + "elementLinkCopied": "Hiperligação copiada para a área de transferência" }, "colors": { "transparent": "Transparente", @@ -457,8 +547,8 @@ "violet": "Violeta", "gray": "Cinza", "blue": "Azul", - "cyan": "", - "teal": "", + "cyan": "Ciano", + "teal": "Verde-azulado", "green": "Verde", "yellow": "Amarelo", "orange": "Laranja", @@ -466,7 +556,7 @@ }, "welcomeScreen": { "app": { - "center_heading": "Todos os dados são guardados no seu navegador local.", + "center_heading": "Todos os seus dados são guardados no seu navegador local.", "center_heading_plus": "Queria antes ir para o Excalidraw+?", "menuHint": "Exportar, preferências, idiomas..." }, @@ -478,48 +568,97 @@ } }, "colorPicker": { - "mostUsedCustomColors": "", + "color": "", + "mostUsedCustomColors": "Cores personalizadas mais usadas", "colors": "Cores", "shades": "Tons", - "hexCode": "", - "noShades": "" + "hexCode": "Código hex", + "noShades": "Sem tons disponíveis para esta cor" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "Exportar como imagem", + "button": "Exportar como imagem", + "description": "Exportar os dados da cena como uma imagem a partir da qual pode importar mais tarde." }, "saveToDisk": { "title": "Guardar no disco", "button": "Guardar no disco", - "description": "" + "description": "Exportar os dados da cena para um ficheiro do qual poderá importar mais tarde." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+", + "button": "Exportar para Excalidraw+", + "description": "Guardar a cena no seu espaço de trabalho do Excalidraw+." } }, "modal": { "loadFromFile": { "title": "Carregar a partir de ficheiro", "button": "Carregar a partir de ficheiro", - "description": "" + "description": "Carregar a partir de um ficheiro irá substituir o conteúdo existente.

Pode fazer primeiro uma cópia de segurança do seu desenho utilizando uma das opções abaixo." }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "Carregar da hiperligação", + "button": "Substituir o meu conteúdo", + "description": "Carregar um desenho externo irá substituir o conteúdo existente.

Pode fazer primeiro uma cópia de segurança do seu desenho utilizando uma das opções abaixo." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid para Excalidraw", + "button": "Inserir", + "description": "Atualmente apenas são suportados diagramas fluxo, sequência, e classe. Os outros tipos serão renderizados como imagem no Excalidraw.", + "syntax": "Sintaxe Mermaid", + "preview": "Pré-visualizar" + }, + "quickSearch": { + "placeholder": "Pesquisa rápida" + }, + "fontList": { + "badge": { + "old": "antigo" + }, + "sceneFonts": "Nesta cena", + "availableFonts": "Fontes disponíveis", + "empty": "Nenhuma fonte encontrada" + }, + "userList": { + "empty": "Nenhum utilizador encontrado", + "hint": { + "text": "Clique no utilizador para o seguir", + "followStatus": "Está a seguir este utilizador", + "inCall": "Utilizador está numa chamada de voz", + "micMuted": "O microfone do utilizador está desligado", + "isSpeaking": "O utilizador está a falar" + } + }, + "commandPalette": { + "title": "Paleta de comandos", + "shortcuts": { + "select": "Selecionar", + "confirm": "Confirmar", + "close": "Fechar" + }, + "recents": "Usado recentemente", + "search": { + "placeholder": "Procure menus, comandos e descubra pedras preciosas ocultas", + "noMatch": "Nenhum comando correspondente..." + }, + "itemNotAvailable": "Comando não está disponível...", + "shortcutHint": "Para a paleta de comandos, use {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/ro-RO.json b/packages/excalidraw/locales/ro-RO.json index 32bcf98187..9700336f66 100644 --- a/packages/excalidraw/locales/ro-RO.json +++ b/packages/excalidraw/locales/ro-RO.json @@ -21,7 +21,9 @@ "copyStyles": "Copiere stiluri", "pasteStyles": "Lipire stiluri", "stroke": "Contur", + "changeStroke": "Modificare culoare contur", "background": "Fundal", + "changeBackground": "Modificare culoare de contur", "fill": "Umplere", "strokeWidth": "Lățimea conturului", "strokeStyle": "Stilul conturului", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Triunghi (contur)", "arrowhead_diamond": "Romb", "arrowhead_diamond_outline": "Romb (contur)", + "arrowhead_crowfoot_many": "Model entitate-asociere (multe)", + "arrowhead_crowfoot_one": "Model entitate-asociere (unul)", + "arrowhead_crowfoot_one_or_many": "Model entitate-asociere (unul sau multe)", + "more_options": "Mai multe opțiuni", + "arrowtypes": "Tip de săgeată", + "arrowtype_sharp": "Săgeată ascuțită", + "arrowtype_round": "Săgeată curbată", + "arrowtype_elbowed": "Săgeată arcuită", "fontSize": "Dimensiune font", "fontFamily": "Familia de fonturi", "addWatermark": "Adaugă „Realizat cu Excalidraw”", @@ -72,6 +82,7 @@ "canvasColors": "Folosite pe pânză", "canvasBackground": "Fundalul pânzei", "drawingCanvas": "Pânză pentru desenat", + "clearCanvas": "Ștergere pânză", "layers": "Straturi", "actions": "Acțiuni", "language": "Limbă", @@ -84,12 +95,13 @@ "group": "Grupare selecție", "ungroup": "Degrupare selecție", "collaborators": "Colaboratori", - "showGrid": "Afișare grilă", + "toggleGrid": "Comutare grilă", "addToLibrary": "Adăugare la bibliotecă", "removeFromLibrary": "Eliminare din bibliotecă", "libraryLoadingMessage": "Se încarcă biblioteca…", "libraries": "Răsfoiește bibliotecile", "loadingScene": "Se încarcă scena…", + "loadScene": "Încărcare scenă din fișier", "align": "Aliniere", "alignTop": "Aliniere sus", "alignBottom": "Aliniere jos", @@ -105,7 +117,9 @@ "share": "Distribuie", "showStroke": "Afișare selector culoare contur", "showBackground": "Afișare selector culoare fundal", - "toggleTheme": "Comutare temă", + "showFonts": "Afișare selector font", + "toggleTheme": "Comutare temă luminoasă/întunecată", + "theme": "Temă", "personalLib": "Biblioteca personală", "excalidrawLib": "Biblioteca Excalidraw", "decreaseFontSize": "Micșorează dimensiunea fontului", @@ -115,16 +129,21 @@ "createContainerFromText": "Încadrare text într-un container", "link": { "edit": "Editare URL", - "editEmbed": "Editare URL și încorporare", - "create": "Creare URL", - "createEmbed": "Creare URL și încorporare", + "editEmbed": "Editare link încorporabil", + "create": "Adăugare link", "label": "URL", "labelEmbed": "URL și încorporare", - "empty": "Nu este setat niciun URL" + "empty": "Nu este setat niciun URL", + "hint": "Tastează-ți sau lipsește-ți linkul aici", + "goToElement": "Accesează elementul țintă" }, "lineEditor": { "edit": "Editare linie", - "exit": "Părăsire editor de linii" + "editArrow": "Editare săgeată" + }, + "polygon": { + "breakPolygon": "Întrerupere poligon", + "convertToPolygon": "Convertire în poligon" }, "elementLock": { "lock": "Blocare", @@ -134,16 +153,50 @@ }, "statusPublished": "Publicat", "sidebarLock": "Păstrează deschisă bara laterală", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "Selectează toate elementele din cadru", + "removeAllElementsFromFrame": "Elimină toate elementele din cadru", "eyeDropper": "Alegere culoare din pânză", "textToDiagram": "Text la diagramă", - "prompt": "Solicitare" + "prompt": "Mesaj sistem", + "followUs": "Urmărește-ne", + "discordChat": "Conversații pe Discord", + "zoomToFitViewport": "Transfocare pentru a se potrivi în poarta de vizualizare", + "zoomToFitSelection": "Transfocare pentru a cuprinde selecția", + "zoomToFit": "Transfocare pentru a cuprinde toate elementele", + "installPWA": "Instalează Excalidraw la nivel local (PWA)", + "autoResize": "Activare autoredimensionare text", + "imageCropping": "Decupare imagine", + "unCroppedDimension": "Dimensiune nedecupată", + "copyElementLink": "Copiere link către obiect", + "linkToElement": "Link către obiect", + "wrapSelectionInFrame": "Încapsulare selecție în cadru", + "tab": "Filă", + "shapeSwitch": "Comutare formă" + }, + "elementLink": { + "title": "Link către obiect", + "desc": "Dă clic pe o formă pe pânză sau lipește un link.", + "notFound": "Obiectul linkuit nu a fost găsit pe pânză." }, "library": { "noItems": "Niciun element adăugat încă...", "hint_emptyLibrary": "Selectează un element de pe pânză pentru a-l adăuga aici sau instalează o bibliotecă din depozitul public, de mai jos.", - "hint_emptyPrivateLibrary": "Selectează un element de pe pânză pentru a-l adăuga aici." + "hint_emptyPrivateLibrary": "Selectează un element de pe pânză pentru a-l adăuga aici.", + "search": { + "inputPlaceholder": "Căutare în bibliotecă", + "heading": "Potriviri din bibliotecă", + "noResults": "Niciun element potrivit găsit...", + "clearSearch": "Ștergere căutare" + } + }, + "search": { + "title": "Găsire pe pânză", + "noMatch": "Nicio potrivire găsită...", + "singleResult": "rezultat", + "multipleResults": "rezultate", + "placeholder": "Găsire text pe pânză...", + "frames": "Cadre", + "texts": "Texte" }, "buttons": { "clearReset": "Resetare pânză", @@ -151,6 +204,7 @@ "exportImage": "Exportare imagine...", "export": "Salvare în...", "copyToClipboard": "Copiere în memoria temporară", + "copyLink": "Copiere link", "save": "Salvare în fișierul curent", "saveAs": "Salvare ca", "load": "Deschidere", @@ -163,7 +217,7 @@ "resetZoom": "Resetare transfocare", "menu": "Meniu", "done": "Efectuat", - "edit": "Edit", + "edit": "Editare", "undo": "Anulare", "redo": "Refacere", "resetLibrary": "Resetare bibliotecă", @@ -171,14 +225,16 @@ "fullScreen": "Ecran complet", "darkMode": "Mod întunecat", "lightMode": "Mod luminos", + "systemMode": "Mod de sistem", "zenMode": "Mod zen", "objectsSnapMode": "Ancorare la obiecte", "exitZenMode": "Ieșire din modul zen", "cancel": "Anulare", + "saveLibNames": "Salvare nume și ieșire", "clear": "Ștergere", "remove": "Eliminare", "embed": "Comutare încorporare", - "publishLibrary": "Publicare", + "publishLibrary": "Redenumire sau publicare", "submit": "Trimitere", "confirm": "Confirmare", "embeddableInteractionButton": "Clic pentru interacționare" @@ -204,7 +260,8 @@ "resetLibrary": "Această opțiune va elimina conținutul din bibliotecă. Confirmi?", "removeItemsFromsLibrary": "Ștergi {{count}} element(e) din bibliotecă?", "invalidEncryptionKey": "Cheia de criptare trebuie să aibă 22 de caractere. Colaborarea în direct este dezactivată.", - "collabOfflineWarning": "Nu este disponibilă nicio conexiune la internet.\nModificările nu vor fi salvate!" + "collabOfflineWarning": "Nu este disponibilă nicio conexiune la internet.\nModificările nu vor fi salvate!", + "localStorageQuotaExceeded": "Cota pentru spațiul de stocare al navigatorului a fost depășită. Modificările nu vor fi salvate." }, "errors": { "unsupportedFileType": "Tip de fișier neacceptat.", @@ -212,9 +269,9 @@ "fileTooBig": "Fișierul este prea mare. Dimensiunea maximă permisă este de {{maxSize}}.", "svgImageInsertError": "Imaginea SVG nu a putut fi introdus. Marcajul SVG pare invalid.", "failedToFetchImage": "Preluarea imaginii a eșuat.", - "invalidSVGString": "SVG invalid.", "cannotResolveCollabServer": "Nu a putut fi realizată conexiunea la serverul de colaborare. Reîncarcă pagina și încearcă din nou.", "importLibraryError": "Biblioteca nu a putut fi încărcată", + "saveLibraryError": "Nu s-a putut salva biblioteca în spațiul de stocare. Salvează-ți biblioteca într-un fișier local pentru a te asigura că nu pierzi modificările.", "collabSaveFailed": "Nu s-a putut salva în baza de date la nivel de server. Dacă problemele persistă, ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.", "collabSaveFailed_sizeExceeded": "Nu s-a putut salva în baza de date la nivel de server, întrucât se pare că pânza este prea mare. Ar trebui să salvezi fișierul la nivel local pentru a te asigura că nu îți pierzi munca.", "imageToolNotSupported": "Imaginile sunt dezactivate.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Selecție", + "lasso": "Selecție lasou", "image": "Introducere imagine", "rectangle": "Dreptunghi", "diamond": "Romb", @@ -246,16 +304,32 @@ "library": "Bibliotecă", "lock": "Menține activ instrumentul selectat după desenare", "penMode": "Mod stilou – împiedică atingerea", - "link": "Adăugare/actualizare URL pentru forma selectată", + "link": "Adăugare/actualizare link pentru o formă selectată", "eraser": "Radieră", - "frame": "", + "frame": "Instrument cadru", "magicframe": "Structură-de-fire la cod", "embeddable": "Încorporare web", "laser": "Indicator laser", "hand": "Mână (instrument de panoramare)", - "extraTools": "", + "extraTools": "Mai multe instrumente", "mermaidToExcalidraw": "Mermaid la Excalidraw", - "magicSettings": "Setări IA" + "convertElementType": "Comutare tip formă" + }, + "element": { + "rectangle": "Dreptunghi", + "diamond": "Romb", + "ellipse": "Elipsă", + "arrow": "Săgeată", + "line": "Linie", + "freedraw": "Desenare liberă", + "text": "Text", + "image": "Imagine", + "group": "Grup", + "frame": "Cadru", + "magicframe": "Structură-de-fire la cod", + "embeddable": "Încorporare web", + "selection": "Selecție", + "iframe": "iFrame" }, "headings": { "canvasActions": "Acțiuni pentru pânză", @@ -263,28 +337,33 @@ "shapes": "Forme" }, "hints": { - "canvasPanning": "Pentru a muta pânză, ține apăsată rotița mausului sau bara de spațiu sau folosește instrumentul în formă de mână", + "dismissSearch": "{{shortcut}} pentru a închide căutarea", + "canvasPanning": "Pentru a muta pânză, ține {{shortcut_1}} sau {{shortcut_2}} în timp ce glisezi sau folosește instrumentul în formă de mână", "linearElement": "Dă clic pentru a crea mai multe puncte, glisează pentru a forma o singură linie", + "arrowTool": "Dă clic pentru a crea mai multe puncte, glisează pentru a forma o singură linie. Apasă {{shortcut}} din nou pentru a modifica tipul săgeții.", "freeDraw": "Dă clic pe pânză și glisează cursorul, apoi eliberează-l când ai terminat", "text": "Sfat: poți adăuga text și dând dublu clic oriunde cu instrumentul de selecție", "embeddable": "Dă clic și trage pentru a crea un cod de încorporare de pagină web", - "text_selected": "Dă dublu clic sau apasă tasta Enter pentru a edita textul", - "text_editing": "Apasă tasta Escape sau Ctrl sau Cmd + Enter pentru a finaliza editarea", - "linearElementMulti": "Dă clic pe ultimul punct sau apasă tasta Escape sau tasta Enter pentru a termina", - "lockAngle": "Poți constrânge unghiul prin ținerea apăsată a tastei SHIFT", - "resize": "Poți constrânge proporțiile, ținând apăsată tasta SHIFT în timp ce redimensionezi,\nține apăsată tasta ALT pentru a redimensiona de la centru", - "resizeImage": "Poți redimensiona liber ținând apăsată tasta SHIFT,\nține apăsată tasta ALT pentru a redimensiona din centru", - "rotate": "Poți constrânge unghiurile, ținând apăsată tasta SHIFT în timp ce rotești", - "lineEditor_info": "Ține apăsată tasta Ctrl sau Cmd și dă dublu clic sau apasă tasta Ctrl sau Cmd + Enter pentru a edita puncte", - "lineEditor_pointSelected": "Apasă tasta Delete pentru a elimina punctele,\ncombinația de taste Ctrl sau Cmd + D pentru a le duplica sau glisează-le pentru a le schimba poziția", - "lineEditor_nothingSelected": "Selectează un punct pentru a-l edita (ține apăsată tasta SHIFT pentru a selecta mai multe),\nsau ține apăsată tasta Alt și dă clic pentru a adăuga puncte noi", - "placeImage": "Dă clic pentru a poziționa imaginea sau dă clic și glisează pentru a seta manual dimensiunea imaginii", + "text_selected": "Dă dublu clic sau apasă {{shortcut}} pentru a edita textul", + "text_editing": "Apasă {{shortcut_1}} sau {{shortcut_2}} pentru a finaliza editarea", + "linearElementMulti": "Dă clic pe ultimul punct sau apasă {{shortcut_1}} sau {{shortcut_2}} pentru a finaliza", + "lockAngle": "Poți constrânge unghiul prin ținerea apăsată a {{shortcut}}", + "resize": "Poți constrânge proporțiile, ținând apăsat {{shortcut_1}} în timp ce redimensionezi,\nține apăsat {{shortcut_2}} pentru a redimensiona de la centru", + "resizeImage": "Poți constrânge proporțiile, ținând apăsat {{shortcut_1}},\nține apăsat {{shortcut_2}} pentru a redimensiona de la centru", + "rotate": "Poți constrânge unghiurile, ținând apăsat {{shortcut}} în timp ce rotești", + "lineEditor_info": "Ține apăsat {{shortcut_1}} și dă dublu clic sau apasă {{shortcut_2}} pentru a edita punctele", + "lineEditor_line_info": "Dă dublu clic sau apasă {{shortcut}} pentru a edita punctele", + "lineEditor_pointSelected": "Apasă {{shortcut_1}} pentru a elimina punctele,\n{{shortcut_2}} pentru a duplica sau glisează pentru a muta", + "lineEditor_nothingSelected": "Selectează un punct pentru a-l edita (ține apăsat {{shortcut_1}} pentru a selecta mai multe),\nsau ține apăsat {{shortcut_2}} și dă clic pentru a adăuga puncte noi", "publishLibrary": "Publică propria bibliotecă", - "bindTextToElement": "Apasă tasta Enter pentru a adăuga text", - "deepBoxSelect": "Ține apăsată tasta Ctrl sau Cmd pentru a efectua selectarea de adâncime și pentru a preveni glisarea", - "eraserRevert": "Ține apăsată tasta Alt pentru a anula elementele marcate pentru ștergere", + "bindTextToElement": "{{shortcut}} pentru a adăuga text", + "createFlowchart": "{{shortcut}} pentru a crea o organigramă", + "deepBoxSelect": "Ține apăsat {{shortcut}} pentru a efectua selectarea de adâncime și pentru a preveni glisarea", + "eraserRevert": "Ține apăsat {{shortcut}} pentru a anula elementele marcate pentru ștergere", "firefox_clipboard_write": "Această caracteristică poate fi probabil activată prin setarea preferinței „dom.events.asyncClipboard.clipboardItem” ca „true”. Pentru a schimba preferințele navigatorului în Firefox, accesează pagina „about:config”.", - "disableSnapping": "Ține apăsat CtrlOrCmd pentru a dezactiva ancorarea" + "disableSnapping": "Ține apăsat {{shortcut}} pentru a dezactiva ancorarea", + "enterCropEditor": "Dă dublu clic pe imagine sau apasă {{shortcut}} pentru a decupa imaginea", + "leaveCropEditor": "Dă clic în afara imaginii sau apasă {{shortcut_1}} sau {{shortcut_2}} pentru a finaliza decuparea" }, "canvasError": { "cannotShowPreview": "Nu se poate afișa previzualizarea", @@ -299,9 +378,12 @@ "openIssueMessage": "Am luat măsuri de precauție pentru a nu include informații despre scenă în eroare. Dacă scena nu este privată, oferă-ne mai multe informații în . Include informațiile de mai jos copiindu-le și lipindu-le în tichetul cu problemă de pe GitHub.", "sceneContent": "Conținutul scenei:" }, + "shareDialog": { + "or": "Sau" + }, "roomDialog": { - "desc_intro": "Poți invita alte persoane pentru a colabora la scena actuală.", - "desc_privacy": "Nu te îngrijora. Sesiunea utilizează criptarea integrală, astfel încât orice desenezi va rămâne privat. Nici măcar serverul nostru nu va putea vedea pe ce ai lucrat.", + "desc_intro": "Invită persoane să colaboreze la desenul tău.", + "desc_privacy": "Nu-ți face griji, sesiunea este criptată integral și complet privată. Nici măcar serverul nostru nu poate vedea ce desenezi.", "button_startSession": "Pornire sesiune", "button_stopSession": "Oprire sesiune", "desc_inProgressIntro": "Sesiunea de colaborare în direct este în curs de desfășurare.", @@ -328,6 +410,8 @@ "click": "clic", "deepSelect": "Selectare de adâncime", "deepBoxSelect": "Selectare de adâncime în casetă și prevenire glisare", + "createFlowchart": "Crează o organigramă dintr-un element generic", + "navigateFlowchart": "Navighează o organigramă", "curvedArrow": "Săgeată curbată", "curvedLine": "Linie curbată", "documentation": "Documentație", @@ -346,11 +430,13 @@ "textNewLine": "Adaugă o linie nouă (editor de text)", "title": "Ajutor", "view": "Vizualizare", - "zoomToFit": "Transfocare pentru a cuprinde totul", + "zoomToFit": "Transfocare pentru a cuprinde toate elementele", "zoomToSelection": "Transfocare la selecție", "toggleElementLock": "Blocare/deblocare selecție", "movePageUpDown": "Deplasare pagină sus/jos", - "movePageLeftRight": "Deplasare pagină stânga/dreapta" + "movePageLeftRight": "Deplasare pagină stânga/dreapta", + "cropStart": "Decupare imagine", + "cropFinish": "Finalizare decupare imagine" }, "clearCanvasDialog": { "title": "Ștergere pânză" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Unghi", - "element": "Element", - "elements": "Elemente", + "shapes": "Forme", "height": "Înălțime", "scene": "Scenă", "selected": "Selectate", "storage": "Stocare", - "title": "Statistici pentru pasionați", + "fullTitle": "Proprietăți pentru pânză și forme", + "title": "Proprietăți", + "generalStats": "General", + "elementProperties": "Proprietăți pentru forme", "total": "Total", "version": "Versiune", "versionCopy": "Clic pentru copiere", @@ -439,13 +527,15 @@ "copyStyles": "Stiluri copiate.", "copyToClipboard": "Copiat în memoria temporară.", "copyToClipboardAsPng": "S-a copiat {{exportSelection}} în memoria temporară sub formă de PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "S-a copiat {{exportSelection}} în memoria temporară sub formă de SVG\n({{exportColorScheme}})", "fileSaved": "Fișier salvat.", "fileSavedToFilename": "Salvat în {filename}", "canvas": "pânza", "selection": "selecția", "pasteAsSingleElement": "Folosește {{shortcut}} pentru a insera ca un singur element\nsau insera într-un editor de text existent", "unableToEmbed": "Încorporarea acestui URL nu este permisă momentan. Deschideți un tichet cu probleme pe GitHub pentru a solicita adăugarea acestui URL în lista albă", - "unrecognizedLinkFormat": "URL-ul pe care l-ai încorporat nu coincide cu formatul așteptat. Încearcă să lipești șirul „de încorporat” furnizat de pagina sursă" + "unrecognizedLinkFormat": "URL-ul pe care l-ai încorporat nu coincide cu formatul așteptat. Încearcă să lipești șirul „de încorporat” furnizat de pagina sursă", + "elementLinkCopied": "Link copiat în memoria temporară" }, "colors": { "transparent": "Transparent", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "Culoare", "mostUsedCustomColors": "Cele mai utilizate culori personalizate", "colors": "Culori", "shades": "Nuanțe", @@ -521,5 +612,53 @@ "description": "În prezent, numai Organigramele, Diagramele de secvență și Diagramele de clasă sunt acceptate. Celelalte tipuri vor fi redate ca imagine în Excalidraw.", "syntax": "Sintaxă Mermaid", "preview": "Previzualizare" + }, + "quickSearch": { + "placeholder": "Căutare rapidă" + }, + "fontList": { + "badge": { + "old": "vechi" + }, + "sceneFonts": "În această scenă", + "availableFonts": "Fonturi disponibile", + "empty": "Niciun font găsit" + }, + "userList": { + "empty": "Niciun utilizator găsit", + "hint": { + "text": "Dă clic pe un utilizator pentru a-l urmări", + "followStatus": "În prezent urmărești acest utilizator", + "inCall": "Utilizatorul este angajat într-un apel vocal", + "micMuted": "Microfonul utilizatorul este pus pe mut", + "isSpeaking": "Utilizatorul vorbește" + } + }, + "commandPalette": { + "title": "Paletă de comenzi", + "shortcuts": { + "select": "Selectare", + "confirm": "Confirmare", + "close": "Închidere" + }, + "recents": "Utilizate recent", + "search": { + "placeholder": "Caută meniuri, comenzi și descoperă nestemate ascunse", + "noMatch": "Nicio comandă potrivită..." + }, + "itemNotAvailable": "Comanda nu este disponibilă...", + "shortcutHint": "Pentru paleta de comenzi, folosește {{shortcut}}" + }, + "keys": { + "ctrl": "Ctrl", + "option": "Opțiune", + "cmd": "Cmd", + "alt": "Alt", + "escape": "Esc", + "enter": "Enter", + "shift": "Shift", + "spacebar": "Space", + "delete": "Delete", + "mmb": "Rotiță maus" } } diff --git a/packages/excalidraw/locales/ru-RU.json b/packages/excalidraw/locales/ru-RU.json index 41df7d7592..b7fb22e9a9 100644 --- a/packages/excalidraw/locales/ru-RU.json +++ b/packages/excalidraw/locales/ru-RU.json @@ -11,7 +11,7 @@ "copyAsPng": "Скопировать в буфер обмена как PNG", "copyAsSvg": "Скопировать в буфер обмена как SVG", "copyText": "Скопировать в буфер обмена как текст", - "copySource": "Копировать источник в буфер обмена", + "copySource": "Скопировать источник в буфер обмена", "convertToCode": "Преобразовать в код", "bringForward": "Переместить вперед", "sendToBack": "На задний план", @@ -21,7 +21,9 @@ "copyStyles": "Скопировать стили", "pasteStyles": "Вставить стили", "stroke": "Обводка", + "changeStroke": "Изменить цвет обводки", "background": "Фон", + "changeBackground": "Изменить цвет фона", "fill": "Заливка", "strokeWidth": "Толщина штриха", "strokeStyle": "Стиль обводки", @@ -33,17 +35,25 @@ "textAlign": "Выравнивание текста", "edges": "Края", "sharp": "Острые", - "round": "Скругленные", + "round": "Скруглённые", "arrowheads": "Стрелка", "arrowhead_none": "Нет", "arrowhead_arrow": "Cтрелка", "arrowhead_bar": "Черта", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Круг", + "arrowhead_circle_outline": "Круг (контур)", "arrowhead_triangle": "Треугольник", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Треугольник (контур)", + "arrowhead_diamond": "Ромб", + "arrowhead_diamond_outline": "Ромб (контур)", + "arrowhead_crowfoot_many": "Морщинки (много)", + "arrowhead_crowfoot_one": "Морщинки (одна)", + "arrowhead_crowfoot_one_or_many": "Морщинки (одна или много)", + "more_options": "Больше вариантов", + "arrowtypes": "Тип стрелки", + "arrowtype_sharp": "Острая стрелка", + "arrowtype_round": "Изогнутая стрелка", + "arrowtype_elbowed": "Прямоугольная стрелка", "fontSize": "Размер шрифта", "fontFamily": "Семейство шрифтов", "addWatermark": "Добавить «Создано в Excalidraw»", @@ -72,6 +82,7 @@ "canvasColors": "Используется на холсте", "canvasBackground": "Фон холста", "drawingCanvas": "Полотно", + "clearCanvas": "Очистить холст", "layers": "Слои", "actions": "Действия", "language": "Язык", @@ -84,12 +95,13 @@ "group": "Сгруппировать выделение", "ungroup": "Разделить выделение", "collaborators": "Участники", - "showGrid": "Показать сетку", + "toggleGrid": "Переключить сетку", "addToLibrary": "Добавить в библиотеку", "removeFromLibrary": "Удалить из библиотеки", "libraryLoadingMessage": "Загрузка библиотеки…", "libraries": "Просмотреть библиотеки", "loadingScene": "Загрузка сцены…", + "loadScene": "Загрузить сцену из файла", "align": "Выровнять", "alignTop": "Выровнять по верхнему краю", "alignBottom": "Выровнять по нижнему краю", @@ -105,7 +117,9 @@ "share": "Поделиться", "showStroke": "Показать выбор цвета обводки", "showBackground": "Показать выбор цвета фона", - "toggleTheme": "Переключить тему", + "showFonts": "Показать выбор шрифта", + "toggleTheme": "Переключить светлую/тёмную тему", + "theme": "Тема", "personalLib": "Личная библиотека", "excalidrawLib": "Библиотека Excalidraw", "decreaseFontSize": "Уменьшить шрифт", @@ -115,16 +129,21 @@ "createContainerFromText": "Поместить текст в контейнер", "link": { "edit": "Редактировать ссылку", - "editEmbed": "", - "create": "Создать ссылку", - "createEmbed": "", + "editEmbed": "Редактировать встраиваемую ссылку", + "create": "Добавить ссылку", "label": "Ссылка", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Ссылка и встраивание", + "empty": "Ссылка не установлена", + "hint": "Введите или вставьте ссылку здесь", + "goToElement": "Перейти к элементу" }, "lineEditor": { "edit": "Редактирование строки", - "exit": "Выход из редактора строки" + "editArrow": "Изменить стрелку" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Блокировать", @@ -134,16 +153,50 @@ }, "statusPublished": "Опубликовано", "sidebarLock": "Держать боковую панель открытой", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "Выбрать все элементы фрейма", + "removeAllElementsFromFrame": "Убрать все элементы из фрейма", "eyeDropper": "Взять образец цвета с холста", "textToDiagram": "Текст в диаграмму", - "prompt": "" + "prompt": "Промпт", + "followUs": "Подписаться", + "discordChat": "Чат в Discord", + "zoomToFitViewport": "Масштабировать до области просмотра", + "zoomToFitSelection": "Увеличить до выделенного", + "zoomToFit": "Приблизьте все элементы", + "installPWA": "Установить Excalidraw локально (PWA)", + "autoResize": "Включить автоизменение размера текста", + "imageCropping": "Обрезка изображения", + "unCroppedDimension": "Необрезанный размер", + "copyElementLink": "Скопировать ссылку на объект", + "linkToElement": "Ссылка на объект", + "wrapSelectionInFrame": "Поместить выделенное в фрейм", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Ссылка на объект", + "desc": "Нажмите на фигуру на холсте или вставьте ссылку.", + "notFound": "Связанный объект не найден на холсте." }, "library": { "noItems": "Пока ничего не добавлено...", "hint_emptyLibrary": "Выберите объект на холсте, чтобы добавить его сюда, или установите библиотеку из публичного репозитория ниже.", - "hint_emptyPrivateLibrary": "Выберите объект на холсте, чтобы добавить его сюда." + "hint_emptyPrivateLibrary": "Выберите объект на холсте, чтобы добавить его сюда.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Найти на холсте", + "noMatch": "Совпадения не найдены...", + "singleResult": "результат", + "multipleResults": "результатов", + "placeholder": "Найти текст на холсте...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Очистить холст и сбросить цвет фона", @@ -151,6 +204,7 @@ "exportImage": "Экспортировать изображение...", "export": "Сохранить как...", "copyToClipboard": "Скопировать в буфер обмена", + "copyLink": "Скопировать ссылку", "save": "Сохранить в текущий файл", "saveAs": "Сохранить как", "load": "Открыть", @@ -165,69 +219,72 @@ "done": "Готово", "edit": "Изменить", "undo": "Шаг назад", - "redo": "Шаг вперед", + "redo": "Шаг вперёд", "resetLibrary": "Сброс библиотеки", "createNewRoom": "Создать новую комнату", "fullScreen": "Полный экран", - "darkMode": "Темная тема", + "darkMode": "Тёмная тема", "lightMode": "Светлая тема", - "zenMode": "Режим Дзен", + "systemMode": "Системный режим", + "zenMode": "Режим «Дзен»", "objectsSnapMode": "Привязка к объектам", - "exitZenMode": "Выключить режим концентрации внимания", + "exitZenMode": "Отключить режим «Дзен»", "cancel": "Отменить", + "saveLibNames": "", "clear": "Очистить", "remove": "Удалить", - "embed": "", - "publishLibrary": "Опубликовать", + "embed": "Включить встраивание", + "publishLibrary": "", "submit": "Отправить", "confirm": "Подтвердить", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Нажмите для взаимодействия" }, "alerts": { "clearReset": "Это очистит весь холст. Вы уверены?", "couldNotCreateShareableLink": "Не удалось создать общедоступную ссылку.", "couldNotCreateShareableLinkTooBig": "Нельзя создать ссылку, чтобы поделиться. Сцена слишком большая", "couldNotLoadInvalidFile": "Не удалось загрузить недопустимый файл", - "importBackendFailed": "Не удалось импортировать из бэкэнда.", + "importBackendFailed": "Не удалось импортировать с сервера.", "cannotExportEmptyCanvas": "Не может экспортировать пустой холст.", "couldNotCopyToClipboard": "Не удалось скопировать в буфер обмена.", "decryptFailed": "Не удалось расшифровать данные.", "uploadedSecurly": "Загружаемые данные защищена сквозным шифрованием, что означает, что сервер Excalidraw и третьи стороны не могут прочитать содержимое.", "loadSceneOverridePrompt": "Загрузка рисунка приведёт к замене имеющегося содержимого. Вы хотите продолжить?", - "collabStopOverridePrompt": "Остановка сессии перезапишет ваш предыдущий, локально сохранённый рисунок. Вы уверены? \n\n(Если вы хотите оставить ваш локальный рисунок, просто закройте вкладку браузера)", + "collabStopOverridePrompt": "Остановка сессии перезапишет ваш предыдущий, локально сохранённый рисунок. Вы уверены? \n\n(Если вы хотите оставить ваш локальный рисунок, просто закройте вкладку браузера).", "errorAddingToLibrary": "Не удалось добавить объект в библиотеку", "errorRemovingFromLibrary": "Не удалось удалить объект из библиотеки", - "confirmAddLibrary": "Будет добавлено {{numShapes}} фигур в вашу библиотеку. Продолжить?", + "confirmAddLibrary": "Будут добавлены фигуры ({{numShapes}}) в вашу библиотеку. Продолжить?", "imageDoesNotContainScene": "Это изображение не содержит данных сцены. Вы включили встраивание сцены во время экспорта?", "cannotRestoreFromImage": "Сцена не может быть восстановлена из этого изображения", "invalidSceneUrl": "Невозможно импортировать сцену с предоставленного URL. Неверный формат, или не содержит верных Excalidraw JSON данных.", "resetLibrary": "Это очистит вашу библиотеку. Вы уверены?", - "removeItemsFromsLibrary": "Удалить {{count}} объект(ов) из библиотеки?", + "removeItemsFromsLibrary": "Удалить объекты ({{count}}) из библиотеки?", "invalidEncryptionKey": "Ключ шифрования должен состоять из 22 символов. Одновременное редактирование отключено.", - "collabOfflineWarning": "Отсутствует интернет-соединение.\nВаши изменения не будут сохранены!" + "collabOfflineWarning": "Отсутствует интернет-соединение.\nВаши изменения не будут сохранены!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Неподдерживаемый тип файла.", "imageInsertError": "Не удалось вставить изображение. Попробуйте позже...", - "fileTooBig": "Очень большой файл. Максимально разрешенный размер {{maxSize}}.", + "fileTooBig": "Очень большой файл. Максимально разрешённый размер – {{maxSize}}.", "svgImageInsertError": "Не удалось вставить изображение SVG. Разметка SVG выглядит недействительной.", "failedToFetchImage": "Не удалось получить изображение.", - "invalidSVGString": "Некорректный SVG.", "cannotResolveCollabServer": "Не удалось подключиться к серверу совместного редактирования. Перезагрузите страницу и повторите попытку.", "importLibraryError": "Не удалось загрузить библиотеку", + "saveLibraryError": "Не удалось сохранить библиотеку в хранилище. Пожалуйста, сохраните библиотеку в файл локально, чтобы не потерять изменения.", "collabSaveFailed": "Не удалось сохранить в базу данных. Если проблема повторится, нужно будет сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.", "collabSaveFailed_sizeExceeded": "Не удалось сохранить в базу данных. Похоже, что холст слишком большой. Нужно сохранить файл локально, чтобы быть уверенным, что вы не потеряете вашу работу.", "imageToolNotSupported": "Изображения отключены.", "brave_measure_text_error": { - "line1": "Похоже, вы используете браузер Brave с включенной опцией Агрессивно блокировать отслеживание.", - "line2": "Это может привести к поломке Текстовых объектов на рисунке.", + "line1": "Похоже, вы используете браузер Brave с включённой настройкой «Агрессивное блокирование определения отпечатков».", + "line2": "Это может привести к поломке текстовых объектов на рисунке.", "line3": "Мы настоятельно рекомендуем отключить эту настройку. Для этого нужно выполнить эти шаги.", - "line4": "Если отключение этой настройки не исправит отображение текстовых объектов, создайте issue на нашем GitHub или напишите нам в Discord" + "line4": "Если отключение этой настройки не исправит отображение текстовых объектов, создайте Issue на нашем GitHub или напишите нам в Discord" }, "libraryElementTypeError": { - "embeddable": "", + "embeddable": "Встраиваемые элементы не могут быть добавлены в библиотеку.", "iframe": "Элементы IFrame не могут быть добавлены в библиотеку.", - "image": "" + "image": "Поддержка добавления изображений в библиотеку скоро будет доступна!" }, "asyncPasteFailedOnRead": "Не удалось вставить (невозможно прочитать из системного буфера обмена).", "asyncPasteFailedOnParse": "Не удалось вставить.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Выделение области", + "lasso": "", "image": "Вставить изображение", "rectangle": "Прямоугольник", "diamond": "Ромб", @@ -245,17 +303,33 @@ "text": "Текст", "library": "Библиотека", "lock": "Сохранять выбранный инструмент активным после рисования", - "penMode": "Режим пера - предотвращение касания", - "link": "Добавить/обновить ссылку для выбранной фигуры", + "penMode": "Режим пера – предотвращение касания", + "link": "Добавить / Обновить ссылку для выбранной фигуры", "eraser": "Ластик", - "frame": "", - "magicframe": "", - "embeddable": "", + "frame": "Фреймовый инструмент", + "magicframe": "Каркас для кода", + "embeddable": "Встроенная страница", "laser": "Лазерная указка", "hand": "Рука (перемещение холста)", - "extraTools": "", - "mermaidToExcalidraw": "Из Mermaid в Excalidraw", - "magicSettings": "Параметры AI" + "extraTools": "Дополнительные инструменты", + "mermaidToExcalidraw": "Mermaid в Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Прямоугольник", + "diamond": "Ромб", + "ellipse": "Эллипс", + "arrow": "Стрелка", + "line": "Линия", + "freedraw": "Свободное рисование", + "text": "Текст", + "image": "Изображение", + "group": "Группа", + "frame": "Фрейм", + "magicframe": "Каркас для кода", + "embeddable": "Встроенная страница", + "selection": "Выделение", + "iframe": "IFrame" }, "headings": { "canvasActions": "Операции холста", @@ -263,45 +337,53 @@ "shapes": "Фигуры" }, "hints": { - "canvasPanning": "Чтобы двигать холст, удерживайте колесо мыши или пробел во время перетаскивания, или используйте инструмент \"Рука\"", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Нажмите, чтобы начать несколько точек, перетащите для одной линии", + "arrowTool": "", "freeDraw": "Нажмите и перетаскивайте, отпустите по завершении", "text": "Совет: при выбранном инструменте выделения дважды щёлкните в любом месте, чтобы добавить текст", - "embeddable": "", - "text_selected": "Дважды щелкните мышью или нажмите ENTER, чтобы редактировать текст", - "text_editing": "Нажмите Escape либо Ctrl или Cmd + ENTER для завершения редактирования", - "linearElementMulti": "Кликните на последней точке или нажмите Escape или Enter чтобы закончить", - "lockAngle": "Вы можете ограничить угол удерживая SHIFT", - "resize": "Вы можете ограничить пропорции, удерживая SHIFT во время изменения размеров,\nудерживайте ALT чтобы изменить размер из центра", - "resizeImage": "Вы можете свободно изменять размеры, удерживая кнопку SHIFT,\nудерживайте кнопку ALT, чтобы изменять размер относительно центра", - "rotate": "Вы можете ограничить углы, удерживая SHIFT во время вращения", - "lineEditor_info": "Удерживайте CtrlOrCmd и дважды кликните или нажмите CtrlOrCmd + Enter для редактирования точек", - "lineEditor_pointSelected": "Нажмите Delete для удаления точки (точек),\nCtrl+D или Cmd+D для дублирования, перетащите для перемещения", - "lineEditor_nothingSelected": "Выберите точку для редактирования (удерживайте SHIFT выбора нескольких точек),\nили удерживайте Alt и кликните для добавления новых точек", - "placeImage": "Щелкните, чтобы разместить изображение, или нажмите и перетащите, чтобы установить его размер вручную", + "embeddable": "Перетащите для встраивания веб-сайта", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Опубликовать свою собственную библиотеку", - "bindTextToElement": "Нажмите Enter для добавления текста", - "deepBoxSelect": "Удерживайте Ctrl или Cmd для глубокого выделения, чтобы предотвратить перетаскивание", - "eraserRevert": "Удерживайте Alt, чтобы вернуть элементы, отмеченные для удаления", - "firefox_clipboard_write": "Эта функция может быть включена при изменении значения флага \"dom.events.asyncClipboard.clipboardItem\" на \"true\". Чтобы изменить флаги браузера в Firefox, посетите страницу \"about:config\".", - "disableSnapping": "" + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", + "firefox_clipboard_write": "Эта функция может быть включена при изменении значения флага «dom.events.asyncClipboard.clipboardItem» на «true». Чтобы изменить флаги браузера в Firefox, зайдите на страницу «about:config».", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { - "cannotShowPreview": "Не удается отобразить предпросмотр", + "cannotShowPreview": "Не удалось отобразить предпросмотр", "canvasTooBig": "Сцена слишком большая.", "canvasTooBigTip": "Совет: попробуйте сблизить элементы рисунка." }, "errorSplash": { - "headingMain": "Возникла ошибка. Попробуйте ", - "clearCanvasMessage": "Если перезагрузка страницы не помогла, попробуйте ", + "headingMain": "Возникла ошибка. Попробуйте .", + "clearCanvasMessage": "Если перезагрузка страницы не помогла, попробуйте .", "clearCanvasCaveat": " Текущая работа будет утеряна ", "trackedToSentry": "Ошибка с идентификатором {{eventId}} отслеживается в нашей системе.", - "openIssueMessage": "Для безопасности информация о вашей сцене не включена в ошибку. Если в сцене нет ничего конфиденциального, пожалуйста следуйте нашим Пожалуйста, приложите информацию ниже, скопировав и вставив её, в issue GitHub.", + "openIssueMessage": "Для безопасности информация о вашей сцене не включена в ошибку. Если в сцене нет ничего конфиденциального, пожалуйста следуйте нашему . Пожалуйста, приложите информацию ниже, скопировав и вставив её, в Issue на GitHub.", "sceneContent": "Содержание сцены:" }, + "shareDialog": { + "or": "Или" + }, "roomDialog": { - "desc_intro": "Вы можете пригласить людей в текущую сцену для совместной работы.", - "desc_privacy": "Не беспокойтесь — во время сеанса используется сквозное шифрование. Всё, что вы нарисуете, останется конфиденциальным и не будет доступно даже нашему серверу.", + "desc_intro": "Пригласить людей для участия в рисовании.", + "desc_privacy": "Не волнуйтесь, сеанс защищён сквозным шифрованием и полностью приватный. Даже наш сервер не сможет увидеть, что вы рисуете.", "button_startSession": "Начать сеанс", "button_stopSession": "Завершить сеанс", "desc_inProgressIntro": "Сеанс совместной работы запущен.", @@ -328,10 +410,12 @@ "click": "нажать", "deepSelect": "Глубокое выделение", "deepBoxSelect": "Глубокое выделение рамкой, и предотвращение перетаскивания", + "createFlowchart": "Создать диаграмму из базового элемента", + "navigateFlowchart": "Навигация по диаграмме", "curvedArrow": "Изогнутая стрелка", "curvedLine": "Изогнутая линия", "documentation": "Документация", - "doubleClick": "двойной клик", + "doubleClick": "двойной щелчок", "drag": "перетащить", "editor": "Редактор", "editLineArrowPoints": "Редактировать концы линий/стрелок", @@ -344,13 +428,15 @@ "shortcuts": "Горячие клавиши", "textFinish": "Закончить редактирование (текстовый редактор)", "textNewLine": "Добавить новую строку (текстовый редактор)", - "title": "Помощь", + "title": "Справка", "view": "Просмотр", "zoomToFit": "Отмастштабировать, чтобы поместились все элементы", "zoomToSelection": "Увеличить до выделенного", "toggleElementLock": "Заблокировать/разблокировать выделение", "movePageUpDown": "Сдвинуть страницу вверх/вниз", - "movePageLeftRight": "Сдвинуть страницу вправо/влево" + "movePageLeftRight": "Сдвинуть страницу вправо/влево", + "cropStart": "Обрезать изображение", + "cropFinish": "Закончить обрезку изображения" }, "clearCanvasDialog": { "title": "Очистить холст" @@ -360,7 +446,7 @@ "itemName": "Название объекта", "authorName": "Имя автора", "githubUsername": "Имя пользователя GitHub", - "twitterUsername": "Имя пользователя в Twitter", + "twitterUsername": "Имя пользователя в Твиттере", "libraryName": "Название библиотеки", "libraryDesc": "Описание библиотеки", "website": "Веб-сайт", @@ -369,7 +455,7 @@ "libraryName": "Название вашей библиотеки", "libraryDesc": "Описание вашей библиотеки, которое поможет людям понять её назначение", "githubHandle": "Имя пользователя GitHub (необязательно), чтобы вы смогли редактировать библиотеку после её отправки на проверку", - "twitterHandle": "Имя пользователя в Twitter (необязательно), чтобы мы знали, кого упомянуть при продвижении в Twitter", + "twitterHandle": "Имя пользователя в Твиттере (необязательно), чтобы мы знали, кого упомянуть при продвижении в Твиттере", "website": "Ссылка на ваш личный или какой-то другой сайт (необязательно)" }, "errors": { @@ -377,15 +463,15 @@ "website": "Введите допустимый URL-адрес" }, "noteDescription": "Отправить вашу библиотеку для включения в хранилище публичных библиотек, чтобы другие люди могли использовать объекты из вашей библиотеки в своих рисунках.", - "noteGuidelines": "Библиотека должна быть подтверждена вручную. Пожалуйста, прочтите рекомендации перед отправкой. Вам понадобится учетная запись GitHub, чтобы общаться и вносить изменения при необходимости, но это не обязательно.", - "noteLicense": "Выполняя отправку, вы соглашаетесь с тем, что библиотека будет опубликована под лицензией MIT, , что, вкратце, означает, что каждый может использовать её без ограничений.", - "noteItems": "Каждый объект в библиотеке должен иметь свое собственное имя, чтобы по нему можно было фильтровать. Следующие объекты библиотеки будут включены:", + "noteGuidelines": "Библиотека должна быть подтверждена вручную. Пожалуйста, прочтите рекомендации перед отправкой. Вам понадобится учётная запись GitHub, чтобы общаться и вносить изменения при необходимости, но это не обязательно.", + "noteLicense": "Выполняя отправку, вы соглашаетесь с тем, что библиотека будет опубликована под лицензией MIT, что, вкратце, означает, что каждый может использовать её без ограничений.", + "noteItems": "Каждый объект в библиотеке должен иметь своё собственное имя, чтобы по нему можно было фильтровать. Следующие объекты библиотеки будут включены:", "atleastOneLibItem": "Пожалуйста, выберите хотя бы один объект в библиотеке, чтобы начать", "republishWarning": "Примечание: некоторые из выбранных элементов помечены как уже опубликованные/отправленные. Вы должны повторно отправить элементы только при обновлении существующей библиотеки или сдаче работы." }, "publishSuccessDialog": { "title": "Библиотека отправлена", - "content": "Благодарим вас, {{authorName}}. Ваша библиотека была отправлена на проверку. Вы можете отслеживать статусздесь" + "content": "Благодарим вас, {{authorName}}. Ваша библиотека была отправлена на проверку. Вы можете отслеживать статус здесь" }, "confirmDialog": { "resetLibrary": "Сброс библиотеки", @@ -396,7 +482,7 @@ "label": { "withBackground": "Фон", "onlySelected": "Только выделенное", - "darkMode": "Темная тема", + "darkMode": "Тёмная тема", "embedScene": "Встроить сцену", "scale": "Масштаб", "padding": "Отступ" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Угол", - "element": "Элемент", - "elements": "Элементы", + "shapes": "Фигуры", "height": "Высота", "scene": "Сцены", "selected": "Выбран", "storage": "Хранилище", - "title": "Статистика для ботаников", + "fullTitle": "Свойства холста и фигуры", + "title": "Свойства", + "generalStats": "Общее", + "elementProperties": "Свойства формы", "total": "Всего", "version": "Версия", "versionCopy": "Копировать", @@ -439,13 +527,15 @@ "copyStyles": "Скопированы стили.", "copyToClipboard": "Скопировано в буфер обмена.", "copyToClipboardAsPng": "{{exportSelection}} скопировано как PNG ({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} скопировано в буфер обмена как SVG\n({{exportColorScheme}})", "fileSaved": "Файл сохранён.", "fileSavedToFilename": "Сохранено в {filename}", "canvas": "холст", "selection": "выделение", "pasteAsSingleElement": "Используйте {{shortcut}}, чтобы вставить один объект,\nили вставьте в существующий текстовый редактор", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "Встраивание этого URL в данный момент не разрешено. Сделайте Issue на GitHub для добавления URL в белый список", + "unrecognizedLinkFormat": "Ссылка, которую вы ввели не соответствует ожидаемому формату. Пожалуйста, попробуйте вставить строку «встраивание», предоставленную исходным сайтом", + "elementLinkCopied": "Ссылка скопирована в буфер обмена" }, "colors": { "transparent": "Прозрачный", @@ -474,10 +564,11 @@ "menuHint": "Экспорт, настройки и другое...", "center_heading": "Диаграммы. Просто.", "toolbarHint": "Выберите инструмент и начните рисовать!", - "helpHint": "Сочетания клавиш и помощь" + "helpHint": "Сочетания клавиш и справка" } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Часто используемые пользовательские цвета", "colors": "Цвета", "shades": "Оттенки", @@ -489,37 +580,85 @@ "exportToImage": { "title": "Экспортировать как изображение", "button": "Экспортировать как изображение", - "description": "" + "description": "Экспортируйте данные сцены как изображение, из которого вы сможете импортировать позже." }, "saveToDisk": { "title": "Сохранить на диск", "button": "Сохранить на диск", - "description": "" + "description": "Экспортировать данные сцены в файл, из которого можно импортировать позже." }, "excalidrawPlus": { "title": "Excalidraw+", "button": "Экспорт в Excalidraw+", - "description": "" + "description": "Сохраните сцену в ваше рабочее пространство Excalidraw+." } }, "modal": { "loadFromFile": { "title": "Загрузить из файла", "button": "Загрузить из файла", - "description": "" + "description": "Загрузка из файла заменит существующее содержимое.

Вы можете сначала создать резервную копию своего рисунка, используя один из приведённых ниже вариантов." }, "shareableLink": { "title": "Загрузить по ссылке", - "button": "", - "description": "" + "button": "Заменить содержимое", + "description": "Загрузка внешнего рисунка заменит существующее содержимое.

Вы можете сначала создать резервную копию своего рисунка, используя один из приведённых ниже вариантов." } } }, "mermaid": { "title": "Из Mermaid в Excalidraw", "button": "Вставить", - "description": "", + "description": "В настоящее время поддерживаются только блок-схемы, диаграммы последовательности и диаграммы классов. Другие типы будут отображаться в виде изображения в Excalidraw.", "syntax": "Синтаксис Mermaid", "preview": "Предпросмотр" + }, + "quickSearch": { + "placeholder": "Быстрый поиск" + }, + "fontList": { + "badge": { + "old": "старый" + }, + "sceneFonts": "В этой сцене", + "availableFonts": "Доступные шрифты", + "empty": "Шрифты не найдены" + }, + "userList": { + "empty": "Пользователи не найдены", + "hint": { + "text": "Нажмите на пользователя, чтобы подписаться", + "followStatus": "Вы подписаны на этого пользователя", + "inCall": "Пользователь находится в голосовом звонке", + "micMuted": "Микрофон пользователя заглушён", + "isSpeaking": "Пользователь говорит" + } + }, + "commandPalette": { + "title": "Палитра команд", + "shortcuts": { + "select": "Выбрать", + "confirm": "Подтвердить", + "close": "Закрыть" + }, + "recents": "Недавно использованные", + "search": { + "placeholder": "Поиск меню, команд и скрытых сокровищ", + "noMatch": "Нет подходящих команд..." + }, + "itemNotAvailable": "Команда недоступна...", + "shortcutHint": "Используйте {{shortcut}} для командной палитры" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/si-LK.json b/packages/excalidraw/locales/si-LK.json index 95f1914c91..3429352f58 100644 --- a/packages/excalidraw/locales/si-LK.json +++ b/packages/excalidraw/locales/si-LK.json @@ -1,7 +1,7 @@ { "labels": { "paste": "අලවන්න", - "pasteAsPlaintext": "", + "pasteAsPlaintext": "සරල පෙළ ලෙස අලවන්න", "pasteCharts": "ප්‍රස්ථාරය", "selectAll": "සියල්ලම", "multiSelect": "තෝරා ගැනීමට අංගය එකතු කරන්න", @@ -10,54 +10,64 @@ "copy": "පිටපත් කරන්න", "copyAsPng": "PNG ලෙස පිටපත් කරන්න", "copyAsSvg": "SVG ලෙස පිටපත් කරන්න", - "copyText": "", - "copySource": "", - "convertToCode": "", + "copyText": "පෙළ පිටපත් කරන්න", + "copySource": "මූලාශ්‍රය පිටපත් කරන්න", + "convertToCode": "කේතයට පරිවර්තනය කරන්න", "bringForward": "ඉදිරියට ගෙන්න", "sendToBack": "පසුපසටම ගෙනියන්න", "bringToFront": "ඉදිරියටම ගෙන්න", "sendBackward": "පසුපසට ගෙනියන්න", "delete": "මකන්න", - "copyStyles": "", - "pasteStyles": "", - "stroke": "", - "background": "", - "fill": "", - "strokeWidth": "", - "strokeStyle": "", - "strokeStyle_solid": "", - "strokeStyle_dashed": "", - "strokeStyle_dotted": "", - "sloppiness": "", - "opacity": "", - "textAlign": "", - "edges": "", - "sharp": "", - "round": "", - "arrowheads": "", - "arrowhead_none": "", - "arrowhead_arrow": "", - "arrowhead_bar": "", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", - "arrowhead_triangle": "", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", - "fontSize": "", - "fontFamily": "", - "addWatermark": "", - "handDrawn": "", - "normal": "", - "code": "", - "small": "", - "medium": "", - "large": "", + "copyStyles": "ශෛලීන් පිටපත් කරන්න", + "pasteStyles": "ශෛලීන් අලවන්න", + "stroke": "පහර", + "changeStroke": "", + "background": "පසුබිම", + "changeBackground": "", + "fill": "පිරවුම", + "strokeWidth": "පහර පළල", + "strokeStyle": "පහර ශෛලිය", + "strokeStyle_solid": "ඝන", + "strokeStyle_dashed": "කඩකිරීම්", + "strokeStyle_dotted": "තිත් සහිත", + "sloppiness": "අනියම් බව", + "opacity": "පාරදෘශ්‍යතාව", + "textAlign": "පෙළ පෙළගැස්ම", + "edges": "දාර", + "sharp": "තියුණු", + "round": "වට", + "arrowheads": "ඊතල හිස", + "arrowhead_none": "කිසිවක් නැත", + "arrowhead_arrow": "ඊතලය", + "arrowhead_bar": "බාර්", + "arrowhead_circle": "වෘත්තය", + "arrowhead_circle_outline": "වෘත්ත රූපරේඛාව", + "arrowhead_triangle": "ත්‍රිකෝණය", + "arrowhead_triangle_outline": "ත්‍රිකෝණ රූපරේඛාව", + "arrowhead_diamond": "දියමන්ති", + "arrowhead_diamond_outline": "දියමන්ති රූපරේඛාව", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", + "fontSize": "අකුරු ප්‍රමාණය", + "fontFamily": "අකුරු පවුල", + "addWatermark": "ජලසලකුණ එක් කරන්න", + "handDrawn": "අතින් ඇඳි", + "normal": "සාමාන්‍ය", + "code": "කේත", + "small": "කුඩා", + "medium": "මධ්‍යම", + "large": "විශාල", "veryLarge": "ඉතා විශාල", - "solid": "විශාල", - "hachure": "මධ්‍යම", - "zigzag": "", - "crossHatch": "", + "solid": "ඝන", + "hachure": "හැචුර", + "zigzag": "සිග්සැග්", + "crossHatch": "හරස් හැචුර", "thin": "කෙට්ටු", "bold": "තද", "left": "වම", @@ -69,173 +79,243 @@ "cartoonist": "සැකිලිරූකරු", "fileTitle": "ගොනු නාමය", "colorPicker": "පාට තෝරකය", - "canvasColors": "", + "canvasColors": "කැන්වස පාට", "canvasBackground": "කැන්වස පසුබිම", "drawingCanvas": "චිත්‍රක කැන්වසය", + "clearCanvas": "", "layers": "ලේයර", "actions": "ක්‍රියාකාරකම", - "language": "භාෂාව ", - "liveCollaboration": "", - "duplicateSelection": "", - "untitled": "", + "language": "භාෂාව", + "liveCollaboration": "සජීවී සහයෝගිතාව", + "duplicateSelection": "තෝරාගැනීම පිටපත් කරන්න", + "untitled": "නිර්නාමික", "name": "නම", - "yourName": "", - "madeWithExcalidraw": "", - "group": "", - "ungroup": "", - "collaborators": "", - "showGrid": "", - "addToLibrary": "", - "removeFromLibrary": "", - "libraryLoadingMessage": "", - "libraries": "", - "loadingScene": "", - "align": "", - "alignTop": "", - "alignBottom": "", - "alignLeft": "", - "alignRight": "", - "centerVertically": "", - "centerHorizontally": "", - "distributeHorizontally": "", - "distributeVertically": "", - "flipHorizontal": "", - "flipVertical": "", - "viewMode": "", - "share": "", - "showStroke": "", - "showBackground": "", - "toggleTheme": "", - "personalLib": "", - "excalidrawLib": "", - "decreaseFontSize": "", - "increaseFontSize": "", - "unbindText": "", - "bindText": "", - "createContainerFromText": "", + "yourName": "ඔබගේ නම", + "madeWithExcalidraw": "Excalidraw සමඟ සාදන ලද", + "group": "කණ්ඩායම", + "ungroup": "කණ්ඩායම් ඉවත් කරන්න", + "collaborators": "සහයෝගිකයන්", + "toggleGrid": "", + "addToLibrary": "පුස්තකාලයට එක් කරන්න", + "removeFromLibrary": "පුස්තකාලයෙන් ඉවත් කරන්න", + "libraryLoadingMessage": "පුස්තකාලය පූරණය වෙමින් පවතී", + "libraries": "පුස්තකාල", + "loadingScene": "දර්ශනය පූරණය වෙමින්", + "loadScene": "", + "align": "පෙළගැස්වීම", + "alignTop": "ඉහළට පෙළගස්වන්න", + "alignBottom": "පහළට පෙළගස්වන්න", + "alignLeft": "වමට පෙළගස්වන්න", + "alignRight": "දකුණට පෙළගස්වන්න", + "centerVertically": "සිරස්ව මැදට", + "centerHorizontally": "තිරස්ව මැදට", + "distributeHorizontally": "තිරස්ව බෙදාහරින්න", + "distributeVertically": "සිරස්ව බෙදාහරින්න", + "flipHorizontal": "තිරස්ව පෙරළන්න", + "flipVertical": "සිරස්ව පෙරළන්න", + "viewMode": "දසුන් මාදිලිය", + "share": "බෙදාහදා ගන්න", + "showStroke": "පහර පෙන්වන්න", + "showBackground": "පසුබිම පෙන්වන්න", + "showFonts": "", + "toggleTheme": "තේමාව ටොගල් කරන්න", + "theme": "", + "personalLib": "පුද්ගලික පුස්තකාලය", + "excalidrawLib": "Excalidraw පුස්තකාලය", + "decreaseFontSize": "අකුරු ප්‍රමාණය අඩු කරන්න", + "increaseFontSize": "අකුරු ප්‍රමාණය වැඩි කරන්න", + "unbindText": "පෙළ විසන්ධි කරන්න", + "bindText": "පෙළ බන්ධනය කරන්න", + "createContainerFromText": "පෙළෙන් බහාලුමක් සාදන්න", "link": { - "edit": "", - "editEmbed": "", - "create": "", - "createEmbed": "", - "label": "", - "labelEmbed": "", - "empty": "" + "edit": "සංස්කරණය", + "editEmbed": "බිහිදැමීම සංස්කරණය", + "create": "සාදන්න", + "label": "ලේබලය", + "labelEmbed": "බිහිදැමීම ලේබලය", + "empty": "හිස්", + "hint": "", + "goToElement": "" }, "lineEditor": { - "edit": "", - "exit": "" + "edit": "සංස්කරණය", + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { - "lock": "", - "unlock": "", - "lockAll": "", - "unlockAll": "" + "lock": "අගුලු දමන්න", + "unlock": "අගුලු ඉවත් කරන්න", + "lockAll": "සියල්ල අගුලු දමන්න", + "unlockAll": "සියල්ල අගුලු ඉවත් කරන්න" }, - "statusPublished": "", - "sidebarLock": "", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "statusPublished": "ප්‍රකාශිත තත්ත්වය", + "sidebarLock": "පැති තීරුව අගුලු", + "selectAllElementsInFrame": "අඳින ලද රාමුවේ සියලුම අංග තෝරන්න", + "removeAllElementsFromFrame": "රාමුවෙන් සියලුම අංග ඉවත් කරන්න", + "eyeDropper": "අක්ෂි බිංදුකරු", + "textToDiagram": "පෙළෙන් රූපසටහනකට", + "prompt": "ප්‍රේරකය", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { - "noItems": "", - "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "noItems": "අයිතම නැත", + "hint_emptyLibrary": "පුස්තකාලය හිස් බව පෙන්වයි", + "hint_emptyPrivateLibrary": "පුද්ගලික පුස්තකාලය හිස් බව පෙන්වයි", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "", - "exportJSON": "", - "exportImage": "", - "export": "", - "copyToClipboard": "", - "save": "", - "saveAs": "", - "load": "", - "getShareableLink": "", - "close": "", - "selectLanguage": "", - "scrollBackToContent": "", - "zoomIn": "", - "zoomOut": "", - "resetZoom": "", - "menu": "", - "done": "", - "edit": "", - "undo": "", - "redo": "", - "resetLibrary": "", - "createNewRoom": "", - "fullScreen": "", - "darkMode": "", - "lightMode": "", - "zenMode": "", - "objectsSnapMode": "", - "exitZenMode": "", - "cancel": "", - "clear": "", - "remove": "", - "embed": "", + "clearReset": "පිරිසිදු කර ප්‍රතිස්ථාපනය", + "exportJSON": "JSON ලෙස නිර්යාත කරන්න", + "exportImage": "පින්තූරය ලෙස නිර්යාත කරන්න", + "export": "නිර්යාත", + "copyToClipboard": "ක්ලිප්බෝඩ් එකට පිටපත් කරන්න", + "copyLink": "", + "save": "සුරකින්න", + "saveAs": "ලෙස සුරකින්න", + "load": "පූරණය", + "getShareableLink": "බෙදාහැරිය හැකි සබැඳිය ලබා ගන්න", + "close": "වසන්න", + "selectLanguage": "භාෂාව තෝරන්න", + "scrollBackToContent": "අන්තර්ගතයට ආපසු යන්න", + "zoomIn": "විශාලනය", + "zoomOut": "කුඩාකිරීම", + "resetZoom": "විශාලනය යළි සකසන්න", + "menu": "මෙනුව", + "done": "සම්පූර්ණයි", + "edit": "සංස්කරණය", + "undo": "පසුගමන", + "redo": "නැවත කරන්න", + "resetLibrary": "පුස්තකාලය යළි සකසන්න", + "createNewRoom": "නව කාමරයක් සාදන්න", + "fullScreen": "පූර්ණ තිරය", + "darkMode": "අඳුරු මාදිලිය", + "lightMode": "ලා පැහැ මාදිලිය", + "systemMode": "", + "zenMode": "සෙන් මාදිලිය", + "objectsSnapMode": "වස්තු ස්නැප් මාදිලිය", + "exitZenMode": "සෙන් මාදිලියෙන් ඉවත් වන්න", + "cancel": "අවලංගු කරන්න", + "saveLibNames": "", + "clear": "පිරිසිදු", + "remove": "ඉවත් කරන්න", + "embed": "බිහිදැමීම", "publishLibrary": "", - "submit": "", - "confirm": "", - "embeddableInteractionButton": "" + "submit": "ඉදිරිපත් කරන්න", + "confirm": "තහවුරු කරන්න", + "embeddableInteractionButton": "බිහිදැමීමේ අන්තර්ක්‍රියා බොත්තම" }, "alerts": { - "clearReset": "", - "couldNotCreateShareableLink": "", - "couldNotCreateShareableLinkTooBig": "", - "couldNotLoadInvalidFile": "", - "importBackendFailed": "", - "cannotExportEmptyCanvas": "", - "couldNotCopyToClipboard": "", - "decryptFailed": "", - "uploadedSecurly": "", - "loadSceneOverridePrompt": "", - "collabStopOverridePrompt": "", - "errorAddingToLibrary": "", - "errorRemovingFromLibrary": "", - "confirmAddLibrary": "", - "imageDoesNotContainScene": "", - "cannotRestoreFromImage": "", - "invalidSceneUrl": "", - "resetLibrary": "", - "removeItemsFromsLibrary": "", - "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "clearReset": "පිරිසිදු කිරීම හා යළි සැකසීම ගැන ඇඟවීම", + "couldNotCreateShareableLink": "බෙදාහැරිය හැකි සබැඳියක් සෑදීමට නොහැකි විය", + "couldNotCreateShareableLinkTooBig": "බෙදාහැරිය හැකි සබැඳියක් ඉතා විශාල බැවින් සෑදීමට නොහැකි විය", + "couldNotLoadInvalidFile": "වලංගු නොවන ගොනුවක් පූරණය කළ නොහැක", + "importBackendFailed": "පසුබිම ආයාතය අසාර්ථකයි", + "cannotExportEmptyCanvas": "හිස් කැන්වසයක් නිර්යාත කළ නොහැක", + "couldNotCopyToClipboard": "ක්ලිප්බෝඩ් එකට පිටපත් කළ නොහැක", + "decryptFailed": "විකේතනය අසාර්ථකයි", + "uploadedSecurly": "ආරක්ෂිතව උඩුගත කරන ලදි", + "loadSceneOverridePrompt": "දර්ශනය පූරණය කිරීම ආවරණය ගැන ඇඟවීම", + "collabStopOverridePrompt": "සහයෝගිතාව නැවැත්වීම ආවරණය ගැන ඇඟවීම", + "errorAddingToLibrary": "පුස්තකාලයට එක් කිරීමේ දෝෂය", + "errorRemovingFromLibrary": "පුස්තකාලයෙන් ඉවත් කිරීමේ දෝෂය", + "confirmAddLibrary": "පුස්තකාලයට එක් කිරීම තහවුරු කරන්න", + "imageDoesNotContainScene": "පින්තූරයේ දර්ශනයක් අඩංගු නොවේ", + "cannotRestoreFromImage": "පින්තූරයෙන් ප්‍රතිස්ථාපනය කළ නොහැක", + "invalidSceneUrl": "වලංගු නොවන දර්ශන URL", + "resetLibrary": "පුස්තකාලය යළි සකසන්න", + "removeItemsFromsLibrary": "පුස්තකාලයෙන් අයිතම ඉවත් කරන්න", + "invalidEncryptionKey": "වලංගු නොවන ගුප්තකේතන යතුර", + "collabOfflineWarning": "සහයෝගිතාව ඕෆ්ලයින් ඇඟවීම", + "localStorageQuotaExceeded": "" }, "errors": { - "unsupportedFileType": "", - "imageInsertError": "", - "fileTooBig": "", - "svgImageInsertError": "", - "failedToFetchImage": "", - "invalidSVGString": "", - "cannotResolveCollabServer": "", - "importLibraryError": "", - "collabSaveFailed": "", - "collabSaveFailed_sizeExceeded": "", - "imageToolNotSupported": "", + "unsupportedFileType": "සහාය නොදක්වන ගොනු වර්ගය", + "imageInsertError": "පින්තූර ඇතුළත් කිරීමේ දෝෂය", + "fileTooBig": "ගොනුව ඉතා විශාලයි", + "svgImageInsertError": "SVG පින්තූර ඇතුළත් කිරීමේ දෝෂය", + "failedToFetchImage": "පින්තූරය ලබා ගැනීමට අසමත් විය", + "cannotResolveCollabServer": "සහයෝගිතා සේවාදායකය විසඳිය නොහැක", + "importLibraryError": "පුස්තකාල ආයාත දෝෂය", + "saveLibraryError": "", + "collabSaveFailed": "සහයෝගිතා සුරැකීම අසාර්ථකයි", + "collabSaveFailed_sizeExceeded": "ප්‍රමාණය ඉක්මවූ බැවින් සහයෝගිතා සුරැකීම අසාර්ථකයි", + "imageToolNotSupported": "පින්තූර මෙවලම සහාය නොදක්වයි", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "බ්‍රේව් බ්‍රව්සරයේ පෙළ මැනීමේ දෝෂය", + "line2": "මෙම දෝෂය බ්‍රේව් බ්‍රව්සරයේ ගැටලුවකි", + "line3": "කරුණාකර වෙනත් බ්‍රව්සරයක් භාවිතා කරන්න", + "line4": "අපගේ උපදෙස් පිටුවට පිවිසෙන්න" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "බිහිදැමිය හැකි අංග වර්ග දෝෂය", + "iframe": "iframe අංග වර්ග දෝෂය", + "image": "පින්තූර අංග වර්ග දෝෂය" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "අසින්ක් ඇලවීම කියවීමේදී අසාර්ථකයි", + "asyncPasteFailedOnParse": "අසින්ක් ඇලවීම විග්‍රහ කිරීමේදී අසාර්ථකයි", + "copyToSystemClipboardFailed": "පද්ධති ක්ලිප්බෝඩ් එකට පිටපත් කිරීම අසාර්ථකයි" }, "toolBar": { - "selection": "", - "image": "", + "selection": "තේරීම", + "lasso": "", + "image": "පින්තූරය", + "rectangle": "සෘජුකෝණාස්‍රය", + "diamond": "දියමන්ති", + "ellipse": "ඉලිප්සය", + "arrow": "ඊතලය", + "line": "රේඛාව", + "freedraw": "නිදහස් ඇඳීම", + "text": "පෙළ", + "library": "පුස්තකාලය", + "lock": "අගුල", + "penMode": "පෑන් මාදිලිය", + "link": "සබැඳිය", + "eraser": "මකනය", + "frame": "රාමුව", + "magicframe": "මැජික් රාමුව", + "embeddable": "බිහිදැමිය හැකි", + "laser": "ලේසර්", + "hand": "අත", + "extraTools": "අමතර මෙවලම්", + "mermaidToExcalidraw": "Mermaid වලින් Excalidraw වෙත", + "convertElementType": "" + }, + "element": { "rectangle": "", "diamond": "", "ellipse": "", @@ -243,31 +323,27 @@ "line": "", "freedraw": "", "text": "", - "library": "", - "lock": "", - "penMode": "", - "link": "", - "eraser": "", + "image": "", + "group": "", "frame": "", "magicframe": "", "embeddable": "", - "laser": "", - "hand": "", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "selection": "", + "iframe": "" }, "headings": { - "canvasActions": "", - "selectedShapeActions": "", - "shapes": "" + "canvasActions": "කැන්වස ක්‍රියා", + "selectedShapeActions": "තෝරාගත් හැඩතල ක්‍රියා", + "shapes": "හැඩතල" }, "hints": { + "dismissSearch": "", "canvasPanning": "", - "linearElement": "", - "freeDraw": "", - "text": "", - "embeddable": "", + "linearElement": "රේඛීය අංගය", + "arrowTool": "", + "freeDraw": "නිදහස් ඇඳීම", + "text": "පෙළ", + "embeddable": "බිහිදැමිය හැකි", "text_selected": "", "text_editing": "", "linearElementMulti": "", @@ -276,250 +352,313 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", - "publishLibrary": "", + "publishLibrary": "පුස්තකාලය ප්‍රකාශනය", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", - "firefox_clipboard_write": "", - "disableSnapping": "" + "firefox_clipboard_write": "Firefox ක්ලිප්බෝඩ් ලිවීම", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { - "cannotShowPreview": "", - "canvasTooBig": "", - "canvasTooBigTip": "" + "cannotShowPreview": "පූර්වදර්ශනය පෙන්විය නොහැක", + "canvasTooBig": "කැන්වසය ඉතා විශාලයි", + "canvasTooBigTip": "කැන්වසය ඉතා විශාල බවට ඉඟිය" }, "errorSplash": { - "headingMain": "", - "clearCanvasMessage": "", - "clearCanvasCaveat": "", - "trackedToSentry": "", - "openIssueMessage": "", - "sceneContent": "" + "headingMain": "ප්‍රධාන දෝෂය", + "clearCanvasMessage": "කැන්වසය පිරිසිදු කිරීමේ පණිවිඩය", + "clearCanvasCaveat": "කැන්වසය පිරිසිදු කිරීමේ සීමාව", + "trackedToSentry": "Sentry වෙත ලුහුබඳින ලදි", + "openIssueMessage": "නිකුතුව විවෘත කිරීමේ පණිවිඩය", + "sceneContent": "දර්ශන අන්තර්ගතය" + }, + "shareDialog": { + "or": "" }, "roomDialog": { - "desc_intro": "", - "desc_privacy": "", - "button_startSession": "", - "button_stopSession": "", - "desc_inProgressIntro": "", - "desc_shareLink": "", - "desc_exitSession": "", - "shareTitle": "" + "desc_intro": "කාමර සංවාද හැඳින්වීම", + "desc_privacy": "පෞද්ගලිකත්ව විස්තර", + "button_startSession": "සැසිය ආරම්භ කරන්න", + "button_stopSession": "සැසිය නවත්වන්න", + "desc_inProgressIntro": "පවත්නා සැසි හැඳින්වීම", + "desc_shareLink": "බෙදාහැරිය හැකි සබැඳි විස්තර", + "desc_exitSession": "සැසියෙන් ඉවත්වීමේ විස්තර", + "shareTitle": "බෙදාහැරීමේ මාතෘකාව" }, "errorDialog": { - "title": "" + "title": "දෝෂ සංවාද මාතෘකාව" }, "exportDialog": { - "disk_title": "", - "disk_details": "", - "disk_button": "", - "link_title": "", - "link_details": "", - "link_button": "", - "excalidrawplus_description": "", - "excalidrawplus_button": "", - "excalidrawplus_exportError": "" + "disk_title": "තැටි මාතෘකාව", + "disk_details": "තැටි විස්තර", + "disk_button": "තැටි බොත්තම", + "link_title": "සබැඳි මාතෘකාව", + "link_details": "සබැඳි විස්තර", + "link_button": "සබැඳි බොත්තම", + "excalidrawplus_description": "ExcalidrawPlus විස්තර", + "excalidrawplus_button": "ExcalidrawPlus බොත්තම", + "excalidrawplus_exportError": "ExcalidrawPlus නිර්යාත දෝෂය" }, "helpDialog": { - "blog": "", - "click": "", - "deepSelect": "", - "deepBoxSelect": "", - "curvedArrow": "", - "curvedLine": "", - "documentation": "", - "doubleClick": "", - "drag": "", - "editor": "", - "editLineArrowPoints": "", - "editText": "", - "github": "", - "howto": "", - "or": "", - "preventBinding": "", - "tools": "", - "shortcuts": "", - "textFinish": "", - "textNewLine": "", - "title": "", - "view": "", - "zoomToFit": "", - "zoomToSelection": "", - "toggleElementLock": "", - "movePageUpDown": "", - "movePageLeftRight": "" + "blog": "බ්ලොග්", + "click": "ක්ලික්", + "deepSelect": "ගැඹුරු තේරීම", + "deepBoxSelect": "ගැඹුරු කොටු තේරීම", + "createFlowchart": "", + "navigateFlowchart": "", + "curvedArrow": "වක්‍ර ඊතලය", + "curvedLine": "වක්‍ර රේඛාව", + "documentation": "ලේඛන", + "doubleClick": "ද්විත්ව ක්ලික්", + "drag": "අදින්න", + "editor": "සංස්කාරක", + "editLineArrowPoints": "රේඛා ඊතල ලක්ෂ්‍ය සංස්කරණය", + "editText": "පෙළ සංස්කරණය", + "github": "GitHub", + "howto": "කෙසේද", + "or": "හෝ", + "preventBinding": "බන්ධනය වැළැක්වීම", + "tools": "මෙවලම්", + "shortcuts": "කෙටිමං", + "textFinish": "පෙළ අවසන්", + "textNewLine": "පෙළ නව රේඛාව", + "title": "මාතෘකාව", + "view": "දසුන", + "zoomToFit": "විශාලනයට ගැළපීම", + "zoomToSelection": "තේරීමට විශාලනය", + "toggleElementLock": "අංග අගුලු ටොගල්", + "movePageUpDown": "පිටුව ඉහළට/පහළට ගෙනයාම", + "movePageLeftRight": "පිටුව වමට/දකුණට ගෙනයාම", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { - "title": "" + "title": "කැන්වසය පිරිසිදු කිරීමේ සංවාදය" }, "publishDialog": { - "title": "", - "itemName": "", - "authorName": "", - "githubUsername": "", - "twitterUsername": "", - "libraryName": "", - "libraryDesc": "", - "website": "", + "title": "ප්‍රකාශන සංවාදය", + "itemName": "අයිතම නම", + "authorName": "කතුවරයාගේ නම", + "githubUsername": "GitHub පරිශීලක නම", + "twitterUsername": "Twitter පරිශීලක නම", + "libraryName": "පුස්තකාලයේ නම", + "libraryDesc": "පුස්තකාල විස්තර", + "website": "වෙබ් අඩවිය", "placeholder": { - "authorName": "", - "libraryName": "", - "libraryDesc": "", - "githubHandle": "", - "twitterHandle": "", - "website": "" + "authorName": "කතුවරයාගේ නම ඇතුලත් කරන්න", + "libraryName": "පුස්තකාලයේ නම ඇතුලත් කරන්න", + "libraryDesc": "පුස්තකාල විස්තර ඇතුලත් කරන්න", + "githubHandle": "GitHub හසුරුව ඇතුලත් කරන්න", + "twitterHandle": "Twitter හසුරුව ඇතුලත් කරන්න", + "website": "වෙබ් අඩවිය ඇතුලත් කරන්න" }, "errors": { - "required": "", - "website": "" + "required": "අවශ්‍යයි", + "website": "වලංගු නොවන වෙබ් අඩවි URL" }, - "noteDescription": "", - "noteGuidelines": "", - "noteLicense": "", - "noteItems": "", - "atleastOneLibItem": "", - "republishWarning": "" + "noteDescription": "සටහන් විස්තර", + "noteGuidelines": "සටහන් මාර්ගෝපදේශ", + "noteLicense": "සටහන් බලපත්‍රය", + "noteItems": "සටහන් අයිතම", + "atleastOneLibItem": "අවම වශයෙන් එක් පුස්තකාල අයිතමයක්", + "republishWarning": "නැවත ප්‍රකාශන ඇඟවීම" }, "publishSuccessDialog": { - "title": "", - "content": "" + "title": "ප්‍රකාශන සාර්ථකත්ව සංවාදය", + "content": "ප්‍රකාශන සාර්ථකත්ව අන්තර්ගතය" }, "confirmDialog": { - "resetLibrary": "", - "removeItemsFromLib": "" + "resetLibrary": "පුස්තකාලය යළි සකස් කිරීම තහවුරු කරන්න", + "removeItemsFromLib": "පුස්තකාලයෙන් අයිතම ඉවත් කිරීම තහවුරු කරන්න" }, "imageExportDialog": { - "header": "", + "header": "පින්තූර නිර්යාත සංවාදය", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", - "embedScene": "", - "scale": "", - "padding": "" + "withBackground": "පසුබිම සමඟ", + "onlySelected": "තෝරාගත් පමණක්", + "darkMode": "අඳුරු මාදිලිය", + "embedScene": "දර්ශනය බිහිදැමීම", + "scale": "පරිමාණය", + "padding": "පෑඩිං" }, "tooltip": { - "embedScene": "" + "embedScene": "දර්ශනය බිහිදැමීම ගැන ඉඟිය" }, "title": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG ලෙස නිර්යාත", + "exportToSvg": "SVG ලෙස නිර්යාත", + "copyPngToClipboard": "PNG ලෙස ක්ලිප්බෝඩ් එකට පිටපත්" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG ලෙස නිර්යාත කරන්න", + "exportToSvg": "SVG ලෙස නිර්යාත කරන්න", + "copyPngToClipboard": "PNG ලෙස ක්ලිප්බෝඩ් එකට පිටපත් කරන්න" } }, "encrypted": { - "tooltip": "", - "link": "" + "tooltip": "ගුප්තකේතන ඉඟිය", + "link": "ගුප්තකේතන සබැඳිය" }, "stats": { - "angle": "", - "element": "", - "elements": "", - "height": "", - "scene": "", - "selected": "", - "storage": "", - "title": "", - "total": "", - "version": "", - "versionCopy": "", - "versionNotAvailable": "", - "width": "" + "angle": "කෝණය", + "shapes": "", + "height": "උස", + "scene": "දර්ශනය", + "selected": "තෝරාගත්", + "storage": "ගබඩා", + "fullTitle": "", + "title": "සංඛ්‍යාලේඛන මාතෘකාව", + "generalStats": "", + "elementProperties": "", + "total": "මුළු", + "version": "අනුවාදය", + "versionCopy": "අනුවාද පිටපත", + "versionNotAvailable": "අනුවාදය ලබා ගත නොහැක", + "width": "පළල" }, "toast": { - "addedToLibrary": "", - "copyStyles": "", - "copyToClipboard": "", - "copyToClipboardAsPng": "", - "fileSaved": "", - "fileSavedToFilename": "", - "canvas": "", - "selection": "", - "pasteAsSingleElement": "", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "addedToLibrary": "පුස්තකාලයට එක් කරන ලදි", + "copyStyles": "ශෛලීන් පිටපත් කරන ලදි", + "copyToClipboard": "ක්ලිප්බෝඩ් එකට පිටපත් කරන ලදි", + "copyToClipboardAsPng": "PNG ලෙස ක්ලිප්බෝඩ් එකට පිටපත් කරන ලදි", + "copyToClipboardAsSvg": "", + "fileSaved": "ගොනුව සුරැකිණි", + "fileSavedToFilename": "ගොනුව ගොනු නාමයට සුරැකිණි", + "canvas": "කැන්වස ටෝස්ට්", + "selection": "තේරීම ටෝස්ට්", + "pasteAsSingleElement": "තනි අංගයක් ලෙස ඇලවීම", + "unableToEmbed": "බිහිදැමීමට නොහැක", + "unrecognizedLinkFormat": "නොහඳුනන සබැඳි ආකෘතිය", + "elementLinkCopied": "" }, "colors": { - "transparent": "", - "black": "", - "white": "", - "red": "", - "pink": "", - "grape": "", - "violet": "", - "gray": "", - "blue": "", - "cyan": "", - "teal": "", - "green": "", - "yellow": "", - "orange": "", - "bronze": "" + "transparent": "පාරදෘශ්‍ය", + "black": "කළු", + "white": "සුදු", + "red": "රතු", + "pink": "රෝස", + "grape": "දම්", + "violet": "දම්පාට", + "gray": "අළු", + "blue": "නිල්", + "cyan": "සයන්", + "teal": "ටීල්", + "green": "කොළ", + "yellow": "කහ", + "orange": "තැඹිලි", + "bronze": "ලෝකඩ" }, "welcomeScreen": { "app": { - "center_heading": "", - "center_heading_plus": "", - "menuHint": "" + "center_heading": "අයදුම් මධ්‍ය ශීර්ෂය", + "center_heading_plus": "අයදුම් මධ්‍ය ශීර්ෂය Plus", + "menuHint": "මෙනු ඉඟිය" }, "defaults": { - "menuHint": "", - "center_heading": "", - "toolbarHint": "", - "helpHint": "" + "menuHint": "පෙරනිමි මෙනු ඉඟිය", + "center_heading": "පෙරනිමි මධ්‍ය ශීර්ෂය", + "toolbarHint": "මෙවලම් තීරු ඉඟිය", + "helpHint": "උපකාර ඉඟිය" } }, "colorPicker": { - "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", - "noShades": "" + "color": "", + "mostUsedCustomColors": "බහුලව භාවිතා වන අභිරුචි පාට", + "colors": "පාට", + "shades": "සෙවනැලි", + "hexCode": "හෙක්ස් කේත", + "noShades": "සෙවනැලි නැත" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "පින්තූරයට නිර්යාත ආවරණය", + "button": "පින්තූරයට නිර්යාත බොත්තම", + "description": "පින්තූරයට නිර්යාත විස්තර" }, "saveToDisk": { - "title": "", - "button": "", - "description": "" + "title": "තැටියට සුරැකීම ආවරණය", + "button": "තැටියට සුරැකීම බොත්තම", + "description": "තැටියට සුරැකීම විස්තර" }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "ExcalidrawPlus ආවරණය", + "button": "ExcalidrawPlus බොත්තම", + "description": "ExcalidrawPlus විස්තර" } }, "modal": { "loadFromFile": { - "title": "", - "button": "", - "description": "" + "title": "ගොනුවෙන් පූරණය ආවරණය", + "button": "ගොනුවෙන් පූරණය බොත්තම", + "description": "ගොනුවෙන් පූරණය විස්තර" }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "බෙදාහැරිය හැකි සබැඳි ආවරණය", + "button": "බෙදාහැරිය හැකි සබැඳි බොත්තම", + "description": "බෙදාහැරිය හැකි සබැඳි විස්තර" } } }, "mermaid": { + "title": "Mermaid මාතෘකාව", + "button": "Mermaid බොත්තම", + "description": "Mermaid විස්තර", + "syntax": "Mermaid වාක්‍ය ඛණ්ඩය", + "preview": "Mermaid පූර්වදර්ශනය" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/sk-SK.json b/packages/excalidraw/locales/sk-SK.json index 9f4135e208..2bda266d52 100644 --- a/packages/excalidraw/locales/sk-SK.json +++ b/packages/excalidraw/locales/sk-SK.json @@ -21,7 +21,9 @@ "copyStyles": "Kopírovať štýly", "pasteStyles": "Vložiť štýly", "stroke": "Obrys", + "changeStroke": "Zmeniť farbu orámovania", "background": "Pozadie", + "changeBackground": "Zmeniť farbu pozadia", "fill": "Výplň", "strokeWidth": "Hrúbka obrysu", "strokeStyle": "Štýl obrysu", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Trojuholník (obrys)", "arrowhead_diamond": "Diamant", "arrowhead_diamond_outline": "Diamant (obrys)", + "arrowhead_crowfoot_many": "Crow's foot (viacero)", + "arrowhead_crowfoot_one": "Crow's foot (jedna)", + "arrowhead_crowfoot_one_or_many": "Crow's foot (jedna k viacero)", + "more_options": "Ďalšie možnosti", + "arrowtypes": "Typ šípky", + "arrowtype_sharp": "Ostrá šípka", + "arrowtype_round": "Zakrivená šípka", + "arrowtype_elbowed": "Zalomená šípka", "fontSize": "Veľkosť písma", "fontFamily": "Písmo", "addWatermark": "Pridať \"Vytvorené s Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Použité na plátne", "canvasBackground": "Pozadie plátna", "drawingCanvas": "Kresliace plátno", + "clearCanvas": "Vyčistiť plátno", "layers": "Vrstvy", "actions": "Akcie", "language": "Jazyk", @@ -84,12 +95,13 @@ "group": "Zoskupiť", "ungroup": "Zrušiť zoskupenie", "collaborators": "Spolupracovníci", - "showGrid": "Zobraziť mriežku", + "toggleGrid": "Prepnúť mriežku", "addToLibrary": "Pridať do knižnice", "removeFromLibrary": "Odstrániť z knižnice", "libraryLoadingMessage": "Načítavanie knižnice…", "libraries": "Prehliadať knižnice", "loadingScene": "Načítavanie scény…", + "loadScene": "Načítať scénu zo súboru", "align": "Zarovnanie", "alignTop": "Zarovnať nahor", "alignBottom": "Zarovnať nadol", @@ -105,7 +117,9 @@ "share": "Zdieľať", "showStroke": "Zobraziť výber farby pre obrys", "showBackground": "Zobraziť výber farby pre pozadie", - "toggleTheme": "Prepnúť tému", + "showFonts": "Zobraziť výber písma", + "toggleTheme": "Prepnúť svetlú/tmavú tému", + "theme": "Téma", "personalLib": "Moja knižnica", "excalidrawLib": "Excalidraw knižnica", "decreaseFontSize": "Zmenšiť veľkosť písma", @@ -115,16 +129,21 @@ "createContainerFromText": "Zabaliť text do kontajneru", "link": { "edit": "Upraviť odkaz", - "editEmbed": "Editovať a zapustiť odkaz", - "create": "Vytvoriť odkaz", - "createEmbed": "Vytvoriť a zapustiť odkaz", + "editEmbed": "Editovať zapustený odkaz", + "create": "Pridať odkaz", "label": "Odkaz", "labelEmbed": "Zapustiť odkaz", - "empty": "Nie je nastavený žiaden odkaz" + "empty": "Nie je nastavený žiaden odkaz", + "hint": "Zadajte alebo vložte váš odkaz", + "goToElement": "Prejsť k cielenému prvku" }, "lineEditor": { "edit": "Upraviť čiaru", - "exit": "Ukončiť editovanie čiary" + "editArrow": "Upraviť šípku" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Zamknúť", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Odstrániť všetky prvky z rámu", "eyeDropper": "Vybrať farbu z plátna", "textToDiagram": "Text na diagram", - "prompt": "Inštrukcia" + "prompt": "Inštrukcia", + "followUs": "Sledujte nás", + "discordChat": "Discord chat", + "zoomToFitViewport": "Priblížiť na veľkosť zobrazenia", + "zoomToFitSelection": "Priblížiť na výber", + "zoomToFit": "Priblížiť aby boli zahrnuté všetky prvky", + "installPWA": "Inštalovať Excalidraw lokálne (PWA)", + "autoResize": "Zapnúť automatickú zmenu veľkosti textu", + "imageCropping": "Orezanie obrázka", + "unCroppedDimension": "Pôvodné rozmery", + "copyElementLink": "Kopírovať odkaz na objekt", + "linkToElement": "Odkaz na objekt", + "wrapSelectionInFrame": "Zabaliť výber do rámu", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Odkaz na objekt", + "desc": "Kliknite na tvar na plátne alebo vložte odkaz.", + "notFound": "Odkázaný objekt nebol nájdený na plátne." }, "library": { "noItems": "Zatiaľ neboli pridané žiadne položky...", "hint_emptyLibrary": "Vyberte položku z plátna pre jej pridanie do knižnice alebo použite knižnicu z verejného zoznamu knižníc nižšie.", - "hint_emptyPrivateLibrary": "Vyberte položku z plátna pre jej pridanie do knižnice." + "hint_emptyPrivateLibrary": "Vyberte položku z plátna pre jej pridanie do knižnice.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Vyhľadať v plátne", + "noMatch": "Neboli nájdené žiadne výsledky...", + "singleResult": "výsledok", + "multipleResults": "výsledky", + "placeholder": "Vyhľadať text v plátne...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Obnoviť plátno", @@ -151,6 +204,7 @@ "exportImage": "Exportovať obrázok...", "export": "Uložiť do...", "copyToClipboard": "Kopírovať do schránky", + "copyLink": "Kopírovať odkaz", "save": "Uložiť do aktuálneho súboru", "saveAs": "Uložiť ako", "load": "Otvoriť", @@ -171,14 +225,16 @@ "fullScreen": "Celá obrazovka", "darkMode": "Tmavý režim", "lightMode": "Svetlý režim", + "systemMode": "Systémový režim", "zenMode": "Režim zen", "objectsSnapMode": "Prichytiť k objektom", "exitZenMode": "Zrušiť režim zen", "cancel": "Zrušiť", + "saveLibNames": "", "clear": "Vymazať", "remove": "Odstrániť", "embed": "Prepnúť zapustenie", - "publishLibrary": "Uverejniť", + "publishLibrary": "", "submit": "Potvrdiť", "confirm": "Potvrdiť", "embeddableInteractionButton": "Kliknite pre interakciu" @@ -188,7 +244,7 @@ "couldNotCreateShareableLink": "Nepodarilo sa vytvoriť odkaz na zdieľanie.", "couldNotCreateShareableLinkTooBig": "Nepodarilo sa vytvoriť odkaz na zdieľanie: scéna je príliš veľká", "couldNotLoadInvalidFile": "Nepodarilo sa načítať nevalidný súbor", - "importBackendFailed": "Nepdarilo sa importovanie zo serveru.", + "importBackendFailed": "Nepodarilo sa importovanie zo serveru.", "cannotExportEmptyCanvas": "Nie je možné exportovať prázdne plátno.", "couldNotCopyToClipboard": "Kopírovanie do schránky sa nepodarilo.", "decryptFailed": "Nepodarilo sa rozšifrovať údaje.", @@ -204,7 +260,8 @@ "resetLibrary": "Týmto vyprázdnite vašu knižnicu. Ste si istý?", "removeItemsFromsLibrary": "Odstrániť {{count}} položiek z knižnice?", "invalidEncryptionKey": "Šifrovací kľúč musí mať 22 znakov. Živá spolupráca je vypnutá.", - "collabOfflineWarning": "Internetové pripojenie nie je dostupné.\nVaše zmeny nebudú uložené!" + "collabOfflineWarning": "Internetové pripojenie nie je dostupné.\nVaše zmeny nebudú uložené!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nepodporovaný typ súboru.", @@ -212,9 +269,9 @@ "fileTooBig": "Súbor je príliš veľký. Maximálna povolená veľkosť je {{maxSize}}.", "svgImageInsertError": "Nepodarilo sa vložiť SVG obrázok. SVG formát je pravdepodobne nevalidný.", "failedToFetchImage": "Načítanie obrázka zlyhalo.", - "invalidSVGString": "Nevalidné SVG.", "cannotResolveCollabServer": "Nepodarilo sa pripojiť ku kolaboračnému serveru. Prosím obnovte stránku a skúste to znovu.", "importLibraryError": "Nepodarilo sa načítať knižnicu", + "saveLibraryError": "Nepodarilo sa uložiť knižnicu. Prosím uložte si vašu knižnicu lokálne do súboru, aby ste nestratili zmeny.", "collabSaveFailed": "Uloženie do databázy sa nepodarilo. Ak tento problém pretrváva uložte si váš súbor lokálne aby ste nestratili vašu prácu.", "collabSaveFailed_sizeExceeded": "Uloženie do databázy sa nepodarilo, pretože veľkosť plátna je príliš veľká. Uložte si váš súbor lokálne aby ste nestratili vašu prácu.", "imageToolNotSupported": "Obrázky sú vypnuté.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Výber", + "lasso": "", "image": "Vložiť obrázok", "rectangle": "Obdĺžnik", "diamond": "Diamant", @@ -246,7 +304,7 @@ "library": "Knižnica", "lock": "Nechať zvolený nástroj aktívny po skončení kreslenia", "penMode": "Režim pera – zabrániť dotyku", - "link": "Pridať/ Upraviť odkaz pre vybraný tvar", + "link": "Pridať / Upraviť odkaz pre vybraný tvar", "eraser": "Guma", "frame": "Nástroj rám", "magicframe": "Drôtený model na kód", @@ -255,7 +313,23 @@ "hand": "Ruka (nástroj pre pohyb plátna)", "extraTools": "Ďalšie nástroje", "mermaidToExcalidraw": "Mermaid do Excalidraw", - "magicSettings": "AI nastavenia" + "convertElementType": "" + }, + "element": { + "rectangle": "Obdĺžnik", + "diamond": "Diamant", + "ellipse": "Elipsa", + "arrow": "Šípka", + "line": "Čiara", + "freedraw": "Voľný ťah", + "text": "Text", + "image": "Obrázok", + "group": "Skupina", + "frame": "Rám", + "magicframe": "Drôtený model na kód", + "embeddable": "Web Embed", + "selection": "Výber", + "iframe": "IFrame" }, "headings": { "canvasActions": "Akcie plátna", @@ -263,28 +337,33 @@ "shapes": "Tvary" }, "hints": { - "canvasPanning": "Pre pohyb plátna podržte koliesko myši alebo medzerník počas ťahania, alebo použite nástroj ruka", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Kliknite na vloženie viacerých bodov, potiahnite na vytvorenie jednej priamky", + "arrowTool": "", "freeDraw": "Kliknite a ťahajte, pustite na ukončenie", "text": "Tip: text môžete pridať aj dvojklikom kdekoľvek, ak je zvolený nástroj výber", "embeddable": "Kliknite a ťahajte pre zapustenie webovej stránky", - "text_selected": "Použite dvojklik alebo stlačte Enter na editáciu textu", - "text_editing": "Stlačte Escape alebo CtrlOrCmd+ENTER na ukončenie editovania", - "linearElementMulti": "Kliknite na počiatočný bod alebo stlačte Escape alebo Enter na ukončenie", - "lockAngle": "Počas rotácie obmedzíte uhol podržaním SHIFT", - "resize": "Počas zmeny veľkosti zachováte proporcie podržaním SHIFT,\\npodržaním ALT meníte veľkosť so zachovaním stredu", - "resizeImage": "Podržte SHIFT pre voľnú zmenu veľkosti, podržte ALT pre zmenu veľkosti od stredu", - "rotate": "Počas rotácie obmedzíte uhol podržaním SHIFT", - "lineEditor_info": "Podržte CtrlOrCmd a kliknite dva krát alebo stlačte CtrlOrCmd + Enter pre editáciu bodov", - "lineEditor_pointSelected": "Stačte Delete na vymazanie bodu (bodov), CtrlOrCmd+D na duplikovanie, alebo potiahnite na presunutie", - "lineEditor_nothingSelected": "Zvoľte bod na upravovanie (podržte SHIFT pre zvolenie viacerých bodov) alebo podržte Alt a kliknite na pridanie nového bodu", - "placeImage": "Kliknite pre umiestnenie obrázka alebo kliknite a ťahajte pre zmenu jeho veľkosti", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Uverejniť vašu knižnicu", - "bindTextToElement": "Stlačte enter na pridanie textu", - "deepBoxSelect": "Podržte CtrlOrCmd na výber v skupine alebo zamedzeniu poťiahnutia", - "eraserRevert": "Podržte Alt pre prehodenie položiek určených na vymazanie", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Táto sa funkcionalita sa dá zapnúť nastavením \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Pre zmenu nastavení vo Firefox-e otvorte stránku \"about:config\".", - "disableSnapping": "Podržte CtrlOrCmd pre vypnutie prichytávania" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Nie je možné zobraziť náhľad plátna", @@ -299,9 +378,12 @@ "openIssueMessage": "Boli sme veľmi opatrní, aby informácie vašej scény neboli v chybe zaznamenané. Ak vaša scéna nie je súkromná, prosím zvážte pokračovanie na naše Prosím zahrňte informácie nižšie pomocou kopírovania a prilepenia do GitHub issue.", "sceneContent": "Obsah scény:" }, + "shareDialog": { + "or": "Alebo" + }, "roomDialog": { - "desc_intro": "Pozvite niekoho do svojej aktuálnej scény a pracujte spoločne.", - "desc_privacy": "Nemajte obavy, schôdza používa end-to-end šifrovanie, takže všetko čo nakreslíte je súkromné. Dokonca, ani náš server dedokáže prečítať, čo ste vytvorili.", + "desc_intro": "Pozvite ľudí a spolupracujte s nimi na vašich kresbách.", + "desc_privacy": "Nemajte obavy, relácia je end-to-end šifrovaná a úplne privátna. Ani náš server nedokáže vidieť čo kreslíte.", "button_startSession": "Začať schôdzu", "button_stopSession": "Ukončiť schôdzu", "desc_inProgressIntro": "Práve prebieha živá schôdza.", @@ -327,7 +409,9 @@ "blog": "Prečítajte si náš blog", "click": "kliknutie", "deepSelect": "Výber v skupine", - "deepBoxSelect": "Výber v skupine alebo zamedzenie poťiahnutia", + "deepBoxSelect": "Výber v skupine alebo zamedzenie potiahnutia", + "createFlowchart": "Vytvorte vývojový diagram z generického prvku", + "navigateFlowchart": "Navigácia v diagrame", "curvedArrow": "Zakrivená šípka", "curvedLine": "Zakrivená čiara", "documentation": "Dokumentácia", @@ -337,7 +421,7 @@ "editLineArrowPoints": "Editácia bodov čiary/šípky", "editText": "Editácia textu / pridanie štítku", "github": "Objavili ste problém? Nahláste ho", - "howto": "Postupujte podľa naších návodov", + "howto": "Postupujte podľa našich návodov", "or": "alebo", "preventBinding": "Zakázať pripájanie šípky", "tools": "Nástroje", @@ -350,7 +434,9 @@ "zoomToSelection": "Priblížiť na výber", "toggleElementLock": "Zamknúť/odomknúť vybrané", "movePageUpDown": "Posunúť stranu hore/dole", - "movePageLeftRight": "Posunúť stranu doľava/doprava" + "movePageLeftRight": "Posunúť stranu doľava/doprava", + "cropStart": "Orezať obrázok", + "cropFinish": "Dokončiť orezávanie obrázka" }, "clearCanvasDialog": { "title": "Vyčistiť plátno" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Uhol", - "element": "Prvok", - "elements": "Prvky", + "shapes": "Tvary", "height": "Výška", "scene": "Scéna", "selected": "Vybrané", "storage": "Úložisko", - "title": "Štatistiky", + "fullTitle": "Vlastnosti plátna a tvaru", + "title": "Vlastnosti", + "generalStats": "Všeobecné", + "elementProperties": "Vlastnosti tvaru", "total": "Celkom", "version": "Verzia", "versionCopy": "Kliknutím skopírujete", @@ -439,13 +527,15 @@ "copyStyles": "Štýly skopírované.", "copyToClipboard": "Skopírované do schránky.", "copyToClipboardAsPng": "Kopírovanie {{exportSelection}} do schránky ako PNG prebehlo úspešne\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Kopírovanie {{exportSelection}} do schránky ako SVG prebehlo úspešne\n({{exportColorScheme}})", "fileSaved": "Súbor uložený.", "fileSavedToFilename": "Uložený ako {filename}", "canvas": "plátna", "selection": "výberu", "pasteAsSingleElement": "Použitím {{shortcut}} vložte ako samostatný prvok alebo vložte do existujúceho editovaného textu", "unableToEmbed": "Zapustenie tejto URL nie je povolené. Vytvorte issue na GitHub-e a požiadajte povolenie tejto URL", - "unrecognizedLinkFormat": "Odkaz, ktorý sa snažíte zapustiť nie je v očakávanom formáte. Prosím skúste vložiť 'odkaz na zdieľanie' poskytnutý zdrojovou webovou stránkou" + "unrecognizedLinkFormat": "Odkaz, ktorý sa snažíte zapustiť nie je v očakávanom formáte. Prosím skúste vložiť 'odkaz na zdieľanie' poskytnutý zdrojovou webovou stránkou", + "elementLinkCopied": "Odkaz bol skopírovaný do schránky" }, "colors": { "transparent": "Priehľadná", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Najpoužívanejšie vlastné farby", "colors": "Farby", "shades": "Odtiene", @@ -521,5 +612,53 @@ "description": "Aktuálne sú podporované iba vývojové diagramy, sekvenčné diagramy a diagramy tried. Ostatné typy budú v Excalidraw vykreslené ako obrázky.", "syntax": "Mermaid syntax", "preview": "Ukážka" + }, + "quickSearch": { + "placeholder": "Rýchle vyhľadávanie" + }, + "fontList": { + "badge": { + "old": "staré" + }, + "sceneFonts": "V tejto scéne", + "availableFonts": "Dostupné písma", + "empty": "Nenašli sa žiadne písma" + }, + "userList": { + "empty": "Nenašli sa žiadni používatelia", + "hint": { + "text": "Kliknite na používateľa pre jeho sledovanie", + "followStatus": "Aktuálne sledujete tohto používateľa", + "inCall": "Používateľ je účastník hovoru", + "micMuted": "Používateľ má stlmený mikrofón", + "isSpeaking": "Používateľ hovorí" + } + }, + "commandPalette": { + "title": "Paleta príkazov", + "shortcuts": { + "select": "Vybrať", + "confirm": "Potvrdiť", + "close": "Zavrieť" + }, + "recents": "Nedávno použité", + "search": { + "placeholder": "Prehľadávajte menu, príkazy a objavte skryté poklady", + "noMatch": "Žiadne vyhovujúce príkazy..." + }, + "itemNotAvailable": "Príkaz nie je dostupný...", + "shortcutHint": "Použite paletu príkazov pomocou {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/sl-SI.json b/packages/excalidraw/locales/sl-SI.json index 2cd7e289f9..8045ab0402 100644 --- a/packages/excalidraw/locales/sl-SI.json +++ b/packages/excalidraw/locales/sl-SI.json @@ -21,7 +21,9 @@ "copyStyles": "Kopiraj slog", "pasteStyles": "Prilepi slog", "stroke": "Poteza", + "changeStroke": "Spremeni barvo poteze", "background": "Ozadje", + "changeBackground": "Spremeni barvo ozadja", "fill": "Polnilo", "strokeWidth": "Debelina poteze", "strokeStyle": "Slog poteze", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "Trikotnik (oris)", "arrowhead_diamond": "Diamant", "arrowhead_diamond_outline": "Diamant (oris)", + "arrowhead_crowfoot_many": "Vranja noga (več)", + "arrowhead_crowfoot_one": "Vranja noga (ena)", + "arrowhead_crowfoot_one_or_many": "Vranja noga (ena ali več)", + "more_options": "Več možnosti", + "arrowtypes": "Vrsta puščice", + "arrowtype_sharp": "Ostra puščica", + "arrowtype_round": "Ukrivljena puščica", + "arrowtype_elbowed": "Puščica tipa komolca", "fontSize": "Velikost pisave", "fontFamily": "Družina pisave", "addWatermark": "Dodaj \"Izdelano z Excalidraw\"", @@ -72,6 +82,7 @@ "canvasColors": "Uporabljeno na platnu", "canvasBackground": "Ozadje platna", "drawingCanvas": "Platno za risanje", + "clearCanvas": "Počisti platno", "layers": "Plasti", "actions": "Dejanja", "language": "Jezik", @@ -84,12 +95,13 @@ "group": "Združi izbor", "ungroup": "Razdruži izbor", "collaborators": "Sodelavci", - "showGrid": "Prikaži mrežo", + "toggleGrid": "Preklopi mrežo", "addToLibrary": "Dodaj v knjižnico", "removeFromLibrary": "Odstrani iz knjižnice", "libraryLoadingMessage": "Nalaganje knjižnice ...", "libraries": "Brskaj po knjižnicah", "loadingScene": "Nalaganje scene...", + "loadScene": "Naloži sceno iz datoteke", "align": "Poravnava", "alignTop": "Poravnaj na vrh", "alignBottom": "Poravnaj na dno", @@ -105,7 +117,9 @@ "share": "Deli", "showStroke": "Prikaži izbirnik barv poteze", "showBackground": "Prikaži izbirnik barv ozadja", - "toggleTheme": "Obrni temo", + "showFonts": "Pokaži izbirnik pisave", + "toggleTheme": "Preklapljanje med svetlo/temno temo", + "theme": "Tema", "personalLib": "Osebna knjižnica", "excalidrawLib": "Knjižnica Excalidraw", "decreaseFontSize": "Zmanjšaj velikost pisave", @@ -115,16 +129,21 @@ "createContainerFromText": "Zavij besedilo v vsebnik", "link": { "edit": "Uredi povezavo", - "editEmbed": "Uredi povezavo in vdelaj", - "create": "Ustvari povezavo", - "createEmbed": "Ustvari povezavo in vdelaj", + "editEmbed": "Uredi vdelano povezavo", + "create": "Dodaj povezavo", "label": "Povezava", "labelEmbed": "Povezava in vdelovanje", - "empty": "Povezava ni nastavljena" + "empty": "Povezava ni nastavljena", + "hint": "Tukaj vnesite ali prilepite svojo povezavo", + "goToElement": "Pojdite na ciljni element" }, "lineEditor": { "edit": "Uredi črto", - "exit": "Zapri urejanje črte" + "editArrow": "Uredi puščico" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Zakleni", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Izbriši vse elemente v okvirju", "eyeDropper": "Izberi barvo s platna", "textToDiagram": "Besedilo v diagram", - "prompt": "Poziv" + "prompt": "Poziv", + "followUs": "Sledi nas", + "discordChat": "Klepet v Discordu", + "zoomToFitViewport": "Približaj na vidno polje", + "zoomToFitSelection": "Približaj na izbor", + "zoomToFit": "Približaj na vse elemente", + "installPWA": "Namesti Excalidraw lokalno (PWA)", + "autoResize": "Omogoči samodejno spreminjanje velikosti besedila", + "imageCropping": "Obrezovanje slike", + "unCroppedDimension": "Neobrezana dimenzija", + "copyElementLink": "Kopiraj povezavo do objekta", + "linkToElement": "Povezava do objekta", + "wrapSelectionInFrame": "Zavij izbor v okvir", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Povezava do objekta", + "desc": "Kliknite obliko na platnu ali prilepite povezavo.", + "notFound": "Objekta s povezave ni bilo mogoče najti na platnu." }, "library": { "noItems": "Dodan še ni noben element...", "hint_emptyLibrary": "Izberite element na platnu, da ga dodate sem, ali namestite knjižnico iz javnega skladišča spodaj.", - "hint_emptyPrivateLibrary": "Izberite element na platnu, da ga dodate sem." + "hint_emptyPrivateLibrary": "Izberite element na platnu, da ga dodate sem.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Poišči na platnu", + "noMatch": "Ni zadetkov ...", + "singleResult": "rezultat", + "multipleResults": "rezultata/i/ov", + "placeholder": "Poišči besedilo na platnu ...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Ponastavi platno", @@ -151,6 +204,7 @@ "exportImage": "Izvozi sliko...", "export": "Shrani v...", "copyToClipboard": "Kopiraj v odložišče", + "copyLink": "Kopiraj povezavo", "save": "Shrani v trenutno datoteko", "saveAs": "Shrani kot", "load": "Odpri", @@ -171,14 +225,16 @@ "fullScreen": "Celozaslonski način", "darkMode": "Temni način", "lightMode": "Svetli način", + "systemMode": "Sistemski način", "zenMode": "Način Zen", "objectsSnapMode": "Pripenjanje na predmete", "exitZenMode": "Zapri način Zen", "cancel": "Prekliči", + "saveLibNames": "", "clear": "Počisti", "remove": "Odstrani", "embed": "Preklopi vdelavo", - "publishLibrary": "Objavi", + "publishLibrary": "", "submit": "Pošlji", "confirm": "Potrdi", "embeddableInteractionButton": "Kliknite za interakcijo" @@ -204,7 +260,8 @@ "resetLibrary": "To bo počistilo vašo knjižnico. Ali ste prepričani?", "removeItemsFromsLibrary": "Izbriši elemente ({{count}}) iz knjižnice?", "invalidEncryptionKey": "Ključ za šifriranje mora vsebovati 22 znakov. Sodelovanje v živo je onemogočeno.", - "collabOfflineWarning": "Internetna povezava ni na voljo.\nVaše spremembe ne bodo shranjene!" + "collabOfflineWarning": "Internetna povezava ni na voljo.\nVaše spremembe ne bodo shranjene!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Nepodprt tip datoteke.", @@ -212,9 +269,9 @@ "fileTooBig": "Datoteka je prevelika. Največja dovoljena velikost je {{maxSize}}.", "svgImageInsertError": "Vstavljanje slike SVG ni uspelo. Oznake SVG so videti neveljavne.", "failedToFetchImage": "Pridobivanje slike ni uspelo.", - "invalidSVGString": "Neveljaven SVG.", "cannotResolveCollabServer": "Povezave s strežnikom za sodelovanje ni bilo mogoče vzpostaviti. Ponovno naložite stran in poskusite znova.", "importLibraryError": "Nalaganje knjižnice ni uspelo", + "saveLibraryError": "Knjižnice ni bilo mogoče shraniti v shrambo. Prosimo, shranite svojo knjižnico v datoteko lokalno, da ne boste izgubili sprememb.", "collabSaveFailed": "Ni bilo mogoče shraniti v zaledno bazo podatkov. Če se težave nadaljujejo, shranite datoteko lokalno, da ne boste izgubili svojega dela.", "collabSaveFailed_sizeExceeded": "Ni bilo mogoče shraniti v zaledno bazo podatkov, zdi se, da je platno preveliko. Datoteko shranite lokalno, da ne izgubite svojega dela.", "imageToolNotSupported": "Slike so onemogočene.", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "Izbor", + "lasso": "", "image": "Vstavi sliko", "rectangle": "Pravokotnik", "diamond": "Diamant", @@ -246,7 +304,7 @@ "library": "Knjižnica", "lock": "Ohrani izbrano orodje aktivno po risanju", "penMode": "Način peresa - prepreči dotik", - "link": "Dodaj/posodobi povezavo za izbrano obliko", + "link": "Dodaj / posodobi povezavo za izbrano obliko", "eraser": "Radirka", "frame": "Okvir", "magicframe": "Žični okvir v kodo", @@ -255,7 +313,23 @@ "hand": "Roka (orodje za premikanje)", "extraTools": "Več orodij", "mermaidToExcalidraw": "Mermaid v Excalidraw", - "magicSettings": "Nastavitve AI" + "convertElementType": "" + }, + "element": { + "rectangle": "Pravokotnik", + "diamond": "Diamant", + "ellipse": "Elipsa", + "arrow": "Puščica", + "line": "Črta", + "freedraw": "Prosto risanje", + "text": "Besedilo", + "image": "Slika", + "group": "Skupina", + "frame": "Okvir", + "magicframe": "Žični okvir v kodo", + "embeddable": "Spletna vdelava", + "selection": "Izbor", + "iframe": "IFrame" }, "headings": { "canvasActions": "Dejanja za platno", @@ -263,28 +337,33 @@ "shapes": "Oblike" }, "hints": { - "canvasPanning": "Za premikanje platna med vlečenjem držite kolesce miške ali preslednico ali uporabite orodje roka", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Kliknite za začetek več točk, povlecite za posamezno črto", + "arrowTool": "", "freeDraw": "Kliknite in povlecite, spustite, ko končate", "text": "Namig: besedilo lahko dodate tudi z dvoklikom kjer koli z orodjem za izbiro", "embeddable": "Kliknite in povlecite, da ustvarite spletno vdelavo", - "text_selected": "Dvokliknite ali pritisnite tipko Enter, da uredite besedilo", - "text_editing": "Pritisnite tipko Escape ali CtrlOrCmd+Enter za zaključek urejanja", - "linearElementMulti": "Kliknite zadnjo točko ali pritisnite Escape ali Enter, da končate", - "lockAngle": "Kot lahko omejite tako, da držite tipko Shift", - "resize": "Razmerja lahko omejite tako, da držite tipko Shift med spreminjanjem velikosti. Držite tipko Alt, da spremenite velikost od središča", - "resizeImage": "Velikost lahko prosto spreminjate tako, da držite tipko Shift. Držite tipko Alt, da spremenite velikost od središča", - "rotate": "Kote lahko omejite tako, da med vrtenjem držite tipko Shift", - "lineEditor_info": "Držite CtrlOrCmd in dvokliknite ali pritisnite CtrlOrCmd + Enter za urejanje točk", - "lineEditor_pointSelected": "Pritisnite tipko Delete, da odstranite točko(e), CtrlOrCmd+D za podvojitev ali povlecite za premikanje", - "lineEditor_nothingSelected": "Izberite točko za urejanje (pridržite tipko Shift za izbiro več točk), ali držite tipko Alt in kliknite za dodajanje novih točk", - "placeImage": "Kliknite, da postavite sliko, ali kliknite in povlecite, da ročno nastavite njeno velikost", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Objavi svojo knjižnico", - "bindTextToElement": "Pritisnite tipko Enter za dodajanje besedila", - "deepBoxSelect": "Držite tipko CtrlOrCmd za globoko izbiro in preprečitev vlečenja", - "eraserRevert": "Pridržite tipko Alt, da razveljavite elemente, označene za brisanje", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "To funkcijo lahko verjetno omogočite z nastavitvijo zastavice \"dom.events.asyncClipboard.clipboardItem\" na \"true\". Če želite spremeniti zastavice brskalnika v Firefoxu, obiščite stran \"about:config\".", - "disableSnapping": "Držite CtrlOrCmd, da onemogočite pripenjanje" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Predogleda ni bilo mogoče prikazati", @@ -299,9 +378,12 @@ "openIssueMessage": "Zelo smo bili previdni, da v podatke o napaki nismo vključili vaših podatkov o sceni. Če vaša scena ni zasebna, vas prosimo, da napišete več podrobnosti na našem Prosimo, vključite spodnje informacije tako, da jih kopirate in prilepite v GitHub vprašanje.", "sceneContent": "Vsebina scene:" }, + "shareDialog": { + "or": "Ali" + }, "roomDialog": { - "desc_intro": "Na vašo trenutno sceno lahko povabite osebe, ki bodo sodelovale z vami.", - "desc_privacy": "Brez skrbi. Seja uporablja šifriranje od konca do konca, tako da bo vse, kar narišete, ostalo zasebno. Niti naš strežnik ne bo mogel videti, kaj si izmislite.", + "desc_intro": "Povabite ljudi k sodelovanju pri vaši risbi.", + "desc_privacy": "Ne skrbite, seja je šifrirana od konca do konca in popolnoma zasebna. Niti naš strežnik ne vidi, kaj rišete.", "button_startSession": "Začni sejo", "button_stopSession": "Ustavi sejo", "desc_inProgressIntro": "Seja sodelovanja v živo je v teku.", @@ -328,6 +410,8 @@ "click": "klik", "deepSelect": "Globoka izbira", "deepBoxSelect": "Globoka izbira znotraj polja in preprečitev vlečenja", + "createFlowchart": "Ustvarite diagram poteka iz generičnega elementa", + "navigateFlowchart": "Krmarjenje po diagramu poteka", "curvedArrow": "Ukrivljena puščica", "curvedLine": "Ukrivljena črta", "documentation": "Dokumentacija", @@ -350,7 +434,9 @@ "zoomToSelection": "Približaj na izbor", "toggleElementLock": "Zakleni/odkleni izbor", "movePageUpDown": "Premakni stran gor/dol", - "movePageLeftRight": "Premakni stran levo/desno" + "movePageLeftRight": "Premakni stran levo/desno", + "cropStart": "Obreži sliko", + "cropFinish": "Dokončaj obrezovanje slike" }, "clearCanvasDialog": { "title": "Počisti platno" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Kot", - "element": "Element", - "elements": "Elementi", + "shapes": "Oblike", "height": "Višina", "scene": "Scena", "selected": "Izbrano", "storage": "Shramba", - "title": "Statistika za napredne uporabnike", + "fullTitle": "Lastnosti platna in oblike", + "title": "Lastnosti", + "generalStats": "Splošno", + "elementProperties": "Lastnosti oblike", "total": "Skupaj", "version": "Različica", "versionCopy": "Kliknite za kopiranje", @@ -439,13 +527,15 @@ "copyStyles": "Slogi kopirani.", "copyToClipboard": "Kopirano v odložišče.", "copyToClipboardAsPng": "Kopirano v odložišče kot PNG ({{exportSelection}}, {{exportColorScheme}})", + "copyToClipboardAsSvg": "Kopirano v odložišče kot SVG ({{exportSelection}}, {{exportColorScheme}})", "fileSaved": "Datoteka shranjena.", "fileSavedToFilename": "Shranjeno v {filename}", "canvas": "platno", "selection": "izbor", "pasteAsSingleElement": "Uporabite {{shortcut}}, da prilepite kot en element,\n ali prilepite v obstoječ urejevalnik besedil", "unableToEmbed": "Vdelava tega URL-ja trenutno ni dovoljena. Ustvarite vprašanje na GitHub-u in prosite za vmestitev URL-ja na seznam dovoljenih", - "unrecognizedLinkFormat": "Povezava, ki ste jo vdelali, se ne ujema s pričakovano obliko. Poskusite prilepiti niz za vdelavo, ki ste ga prejeli na izvorni strani" + "unrecognizedLinkFormat": "Povezava, ki ste jo vdelali, se ne ujema s pričakovano obliko. Poskusite prilepiti niz za vdelavo, ki ste ga prejeli na izvorni strani", + "elementLinkCopied": "Povezava kopirana na odložišče" }, "colors": { "transparent": "Prosojno", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Najpogosteje uporabljene barve po meri", "colors": "Barve", "shades": "Odtenki", @@ -521,5 +612,53 @@ "description": "Trenutno so podprti samo diagrami poteka, diagrami zaporedij in Razredni diagrami. Druge vrste bodo upodobljene kot slike v Excalidraw.", "syntax": "Sintaksa Mermaid", "preview": "Predogled" + }, + "quickSearch": { + "placeholder": "Hitro iskanje" + }, + "fontList": { + "badge": { + "old": "stara" + }, + "sceneFonts": "V tej sceni", + "availableFonts": "Razpoložljive pisave", + "empty": "Ni pisav" + }, + "userList": { + "empty": "Ni uporabnikov", + "hint": { + "text": "Klikni na uporabnika za sledenje", + "followStatus": "Trenutno slediš temu uporabniku", + "inCall": "Uporabnik je v glasovnem klicu", + "micMuted": "Uporabnikov mikrofon je izklopljen", + "isSpeaking": "Uporabnik govori" + } + }, + "commandPalette": { + "title": "Paleta ukazov", + "shortcuts": { + "select": "Izberi", + "confirm": "Potrdi", + "close": "Zapri" + }, + "recents": "Nedavno uporabljeno", + "search": { + "placeholder": "Išči po menijih, ukazih in odkrij skrite funkcije", + "noMatch": "Ni ustreznih ukazov ..." + }, + "itemNotAvailable": "Ukaz ni na voljo ...", + "shortcutHint": "Za paleto ukazov uporabi {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/sv-SE.json b/packages/excalidraw/locales/sv-SE.json index d5a788fd4f..74be891ba2 100644 --- a/packages/excalidraw/locales/sv-SE.json +++ b/packages/excalidraw/locales/sv-SE.json @@ -21,7 +21,9 @@ "copyStyles": "Kopiera stil", "pasteStyles": "Klistra in stil", "stroke": "Linje", + "changeStroke": "Ändra streckfärg", "background": "Bakgrund", + "changeBackground": "Ändra bakgrundsfärg", "fill": "Fyllnad", "strokeWidth": "Linjebredd", "strokeStyle": "Linjestil", @@ -42,8 +44,16 @@ "arrowhead_circle_outline": "Cirkel (kontur)", "arrowhead_triangle": "Triangel", "arrowhead_triangle_outline": "Triangel (kontur)", - "arrowhead_diamond": "Diamant", - "arrowhead_diamond_outline": "Diamant (kontur)", + "arrowhead_diamond": "Romb", + "arrowhead_diamond_outline": "Romb (kontur)", + "arrowhead_crowfoot_many": "Kråkfot (många)", + "arrowhead_crowfoot_one": "Kråkfot (en)", + "arrowhead_crowfoot_one_or_many": "Kråkfot (en eller många)", + "more_options": "Fler alternativ", + "arrowtypes": "Piltyp", + "arrowtype_sharp": "Rak", + "arrowtype_round": "Böjd", + "arrowtype_elbowed": "Vinklad", "fontSize": "Teckenstorlek", "fontFamily": "Teckensnitt", "addWatermark": "Lägg till \"Skapad med Excalidraw\"", @@ -65,13 +75,14 @@ "right": "Höger", "extraBold": "Extra fet", "architect": "Arkitekt", - "artist": "Artist", + "artist": "Konstnär", "cartoonist": "Serietecknare", "fileTitle": "Filnamn", "colorPicker": "Färgväljare", "canvasColors": "Används på canvas", "canvasBackground": "Canvas-bakgrund", "drawingCanvas": "Ritar canvas", + "clearCanvas": "Rensa canvas", "layers": "Lager", "actions": "Åtgärder", "language": "Språk", @@ -84,12 +95,13 @@ "group": "Gruppera markering", "ungroup": "Avgruppera markering", "collaborators": "Medarbetare", - "showGrid": "Visa rutnät", + "toggleGrid": "Visa/dölj rutnät", "addToLibrary": "Lägg till i biblioteket", "removeFromLibrary": "Ta bort från bibliotek", "libraryLoadingMessage": "Laddar bibliotek…", "libraries": "Bläddra i bibliotek", "loadingScene": "Laddar skiss…", + "loadScene": "Ladda scen från fil", "align": "Justera", "alignTop": "Justera överkant", "alignBottom": "Justera underkant", @@ -105,7 +117,9 @@ "share": "Dela", "showStroke": "Visa färgväljare för linjefärg", "showBackground": "Visa färgväljare för bakgrundsfärg", - "toggleTheme": "Växla tema", + "showFonts": "Visa typsnittsväljare", + "toggleTheme": "Växla ljus/mörkt tema", + "theme": "Tema", "personalLib": "Personligt bibliotek", "excalidrawLib": "Excalidraw bibliotek", "decreaseFontSize": "Minska fontstorleken", @@ -115,16 +129,21 @@ "createContainerFromText": "Radbryt text i en avgränsad yta", "link": { "edit": "Redigera länk", - "editEmbed": "Redigera länk & bädda in", - "create": "Skapa länk", - "createEmbed": "Skapa länk & bädda in", + "editEmbed": "Redigera inbäddningsbar länk", + "create": "Lägg till länk", "label": "Länk", "labelEmbed": "Länka & bädda in", - "empty": "Ingen länk är angiven" + "empty": "Ingen länk är angiven", + "hint": "Skriv eller klistra in din länk här", + "goToElement": "Gå till målelementet" }, "lineEditor": { "edit": "Redigera linje", - "exit": "Avsluta linjeredigerare" + "editArrow": "Redigera pil" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Lås", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "Ta bort alla element från rutan", "eyeDropper": "Välj färg från canvas", "textToDiagram": "Text till diagram", - "prompt": "Fråga" + "prompt": "Inmatning", + "followUs": "Följ oss", + "discordChat": "Discord chat", + "zoomToFitViewport": "Zooma för att passa in i vyn", + "zoomToFitSelection": "Zooma för att passa urval", + "zoomToFit": "Zooma för att rymma alla element", + "installPWA": "Installera Excalidraw lokalt (PWA)", + "autoResize": "Aktivera automatisk skalning av text", + "imageCropping": "Bildbeskärning", + "unCroppedDimension": "Obeskuren dimension", + "copyElementLink": "Kopiera länk till objektet", + "linkToElement": "Länk till objektet", + "wrapSelectionInFrame": "Omslut urvaled i ram", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Länk till objektet", + "desc": "Klicka på en figur på canvas eller klistra in en länk.", + "notFound": "Länkat objekt hittades inte på canvas." }, "library": { "noItems": "Inga objekt tillagda ännu...", "hint_emptyLibrary": "Välj ett objekt på canvasen för att lägga till det här, eller installera ett bibliotek från det publika arkivet, nedan.", - "hint_emptyPrivateLibrary": "Välj ett objekt på canvasen för att lägga till det här." + "hint_emptyPrivateLibrary": "Välj ett objekt på canvasen för att lägga till det här.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Hitta på canvas", + "noMatch": "Inga träffar hittades...", + "singleResult": "resultat", + "multipleResults": "resultat", + "placeholder": "Hitta text på canvas...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Återställ canvasen", @@ -151,6 +204,7 @@ "exportImage": "Exportera bild...", "export": "Spara till...", "copyToClipboard": "Kopiera till urklipp", + "copyLink": "Kopiera länk", "save": "Spara till aktuell fil", "saveAs": "Spara som", "load": "Öppna", @@ -171,14 +225,16 @@ "fullScreen": "Helskärm", "darkMode": "Mörkt läge", "lightMode": "Ljust läge", + "systemMode": "Systemläge", "zenMode": "Zen-läge", "objectsSnapMode": "Fäst mot objekt", "exitZenMode": "Gå ur zen-läge", "cancel": "Avbryt", + "saveLibNames": "", "clear": "Rensa", "remove": "Ta bort", "embed": "Växla inbäddning", - "publishLibrary": "Publicera", + "publishLibrary": "", "submit": "Skicka", "confirm": "Bekräfta", "embeddableInteractionButton": "Klicka för att interagera" @@ -204,7 +260,8 @@ "resetLibrary": "Detta kommer att rensa ditt bibliotek. Är du säker?", "removeItemsFromsLibrary": "Ta bort {{count}} objekt från biblioteket?", "invalidEncryptionKey": "Krypteringsnyckeln måste vara 22 tecken. Livesamarbetet är inaktiverat.", - "collabOfflineWarning": "Ingen internetanslutning tillgänglig.\nDina ändringar kommer inte att sparas!" + "collabOfflineWarning": "Ingen internetanslutning tillgänglig.\nDina ändringar kommer inte att sparas!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Filtypen stöds inte.", @@ -212,9 +269,9 @@ "fileTooBig": "Filen är för stor. Maximal tillåten storlek är {{maxSize}}.", "svgImageInsertError": "Kunde inte infoga SVG-bild. SVG-koden ser ogiltig ut.", "failedToFetchImage": "Kunde inte hämta bilden.", - "invalidSVGString": "Ogiltig SVG.", "cannotResolveCollabServer": "Det gick inte att ansluta till samarbets-servern. Ladda om sidan och försök igen.", "importLibraryError": "Kunde inte ladda bibliotek", + "saveLibraryError": "Det gick inte att spara biblioteket till lagring. Spara biblioteket till en fil lokalt för att se till att du inte förlorar ändringar.", "collabSaveFailed": "Det gick inte att spara i backend-databasen. Om problemen kvarstår bör du spara filen lokalt för att se till att du inte förlorar ditt arbete.", "collabSaveFailed_sizeExceeded": "Det gick inte att spara till backend-databasen, whiteboarden verkar vara för stor. Du bör spara filen lokalt för att du inte ska förlora ditt arbete.", "imageToolNotSupported": "Bilder är inaktiverade.", @@ -229,12 +286,13 @@ "iframe": "IFrame-element kan inte läggas till i biblioteket.", "image": "Stöd för att lägga till bilder till biblioteket kommer snart!" }, - "asyncPasteFailedOnRead": "Kunde inte klistra in (kunde inte läsa från urklipp).", + "asyncPasteFailedOnRead": "Det gick inte att klistra in (kunde inte läsa från urklipp).", "asyncPasteFailedOnParse": "Kunde inte klistra in.", - "copyToSystemClipboardFailed": "Kunde inte kopiera till urklipp." + "copyToSystemClipboardFailed": "Det gick inte att kopiera till urklipp." }, "toolBar": { "selection": "Markering", + "lasso": "", "image": "Infoga bild", "rectangle": "Rektangel", "diamond": "Diamant", @@ -255,7 +313,23 @@ "hand": "Hand (panoreringsverktyg)", "extraTools": "Fler verktyg", "mermaidToExcalidraw": "Mermaid till Excalidraw", - "magicSettings": "AI-inställningar" + "convertElementType": "" + }, + "element": { + "rectangle": "Rektangel", + "diamond": "Romb", + "ellipse": "Ellips", + "arrow": "Pil", + "line": "Linje", + "freedraw": "Frihand", + "text": "Text", + "image": "Bild", + "group": "Grupp", + "frame": "Ram", + "magicframe": "Trådram till kod", + "embeddable": "Bädda in (web)", + "selection": "Markering", + "iframe": "IFrame" }, "headings": { "canvasActions": "Canvas-åtgärder", @@ -263,28 +337,33 @@ "shapes": "Former" }, "hints": { - "canvasPanning": "För att flytta whiteboarden, håll mushjulet eller mellanslagstangenten medan du drar eller använd handverktyget", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Klicka för att starta flera punkter, dra för en linje", + "arrowTool": "", "freeDraw": "Klicka och dra, släpp när du är klar", "text": "Tips: du kan också lägga till text genom att dubbelklicka var som helst med markeringsverktyget", "embeddable": "Klicka-dra för att skapa en webbplats-inbäddning", - "text_selected": "Dubbelklicka eller tryck ENTER för att redigera text", - "text_editing": "Tryck Escape eller CtrlOrCmd + ENTER för att slutföra redigeringen", - "linearElementMulti": "Klicka på sista punkten eller tryck Escape eller Enter för att avsluta", - "lockAngle": "Du kan begränsa vinkeln genom att hålla SKIFT", - "resize": "Du kan behålla proportioner genom att hålla SHIFT medan du ändrar storlek,\nhåller du ALT ändras storlek relativt mitten", - "resizeImage": "Du kan ändra storlek fritt genom att hålla SHIFT,\nhåll ALT för att ändra storlek från mitten", - "rotate": "Du kan begränsa vinklar genom att hålla SHIFT medan du roterar", - "lineEditor_info": "Håll Ctrl/Cmd och dubbelklicka eller tryck på Ctrl/Cmd + Enter för att redigera punkter", - "lineEditor_pointSelected": "Tryck på Ta bort för att ta bort punkt(er), Ctrl + D eller Cmd + D för att duplicera, eller dra för att flytta", - "lineEditor_nothingSelected": "Välj en punkt att redigera (håll SHIFT för att välja flera),\neller håll ned Alt och klicka för att lägga till nya punkter", - "placeImage": "Klicka för att placera bilden, eller klicka och dra för att ställa in dess storlek manuellt", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Publicera ditt eget bibliotek", - "bindTextToElement": "Tryck på Enter för att lägga till text", - "deepBoxSelect": "Håll Ctrl eller Cmd för att djupvälja, och för att förhindra att dra", - "eraserRevert": "Håll Alt för att återställa de element som är markerade för borttagning", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Denna funktion kan sannolikt aktiveras genom att ställa in \"dom.events.asyncClipboard.clipboardItem\" flaggan till \"true\". För att ändra webbläsarens flaggor i Firefox, besök \"about:config\" sidan.", - "disableSnapping": "Håll Ctrl eller Cmd för att inaktivera fästning" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Kan inte visa förhandsgranskning", @@ -299,9 +378,12 @@ "openIssueMessage": "Vi var mycket försiktiga med att inte inkludera din skissinformation om felet. Om din skiss inte är privat, vänligen överväga att följa upp på vår Vänligen inkludera information nedan genom att kopiera och klistra in i GitHub-problemet.", "sceneContent": "Skissinnehåll:" }, + "shareDialog": { + "or": "Eller" + }, "roomDialog": { - "desc_intro": "Du kan bjuda in personer till din nuvarande skiss för att samarbeta med dig.", - "desc_privacy": "Oroa dig inte, sessionen använder kryptering från ände till ände, så vad du än ritar kommer att förbli privat. Inte ens vår server kommer att kunna se vad du skissar.", + "desc_intro": "Bjud in personer att samarbeta på din ritning.", + "desc_privacy": "Oroa dig inte, sessionen är krypterad och helt privat. Inte ens vår server kan se vad du ritar.", "button_startSession": "Starta sessionen", "button_stopSession": "Stoppa session", "desc_inProgressIntro": "Nu pågår en live-samarbetssession.", @@ -328,6 +410,8 @@ "click": "klicka", "deepSelect": "Djupval", "deepBoxSelect": "Djupval inom boxen, och förhindra att dra", + "createFlowchart": "Skapa ett flödesschema från ett generiskt element", + "navigateFlowchart": "Navigera ett flödesschema", "curvedArrow": "Böjd pil", "curvedLine": "Böjd linje", "documentation": "Dokumentation", @@ -350,7 +434,9 @@ "zoomToSelection": "Zooma till markering", "toggleElementLock": "Lås/Lås upp valda", "movePageUpDown": "Flytta sida upp/ner", - "movePageLeftRight": "Flytta sida vänster/höger" + "movePageLeftRight": "Flytta sida vänster/höger", + "cropStart": "Beskär bild", + "cropFinish": "Slutför bildbeskärningen" }, "clearCanvasDialog": { "title": "Rensa canvas" @@ -421,13 +507,15 @@ }, "stats": { "angle": "Vinkel", - "element": "Element", - "elements": "Element", + "shapes": "Former", "height": "Höjd", "scene": "Skiss", "selected": "Valda", "storage": "Lagring", - "title": "Statistik för nördar", + "fullTitle": "Egenskaper för Canvas & Form", + "title": "Egenskaper", + "generalStats": "Allmän", + "elementProperties": "Formegenskaper", "total": "Totalt", "version": "Version", "versionCopy": "Klicka för att kopiera", @@ -439,13 +527,15 @@ "copyStyles": "Kopierade stilar.", "copyToClipboard": "Kopierad till urklipp.", "copyToClipboardAsPng": "Kopierade {{exportSelection}} till urklipp som PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Kopierade {{exportSelection}} till urklipp som SVG\n({{exportColorScheme}})", "fileSaved": "Fil sparad.", "fileSavedToFilename": "Sparad till {filename}", - "canvas": "canvas", + "canvas": "arbetsyta", "selection": "markering", "pasteAsSingleElement": "Använd {{shortcut}} för att klistra in som ett enda element,\neller klistra in i en befintlig textredigerare", "unableToEmbed": "Att bädda in denna webbadress är för närvarande inte tillåtet. Skapa en problemrapport på GitHub för att begära att webbadressen vitlistas.", - "unrecognizedLinkFormat": "Länken du bäddade in matchar inte det förväntade formatet. Försök klistra in 'embed'-strängen som tillhandahålls av källwebbplatsen" + "unrecognizedLinkFormat": "Länken du bäddade in matchar inte det förväntade formatet. Försök klistra in 'embed'-strängen som tillhandahålls av källwebbplatsen", + "elementLinkCopied": "Länk har kopierats till urklipp" }, "colors": { "transparent": "Genomskinlig", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Mest frekvent använda anpassade färger", "colors": "Färger", "shades": "Nyanser", @@ -521,5 +612,53 @@ "description": "För närvarande stöds endast Flödesdiagram, Sekvensdiagram och Klassdiagram. De andra typerna kommer att återges som bild i Excalidraw.", "syntax": "Mermaid-syntax", "preview": "Förhandsgranska" + }, + "quickSearch": { + "placeholder": "Snabbsök" + }, + "fontList": { + "badge": { + "old": "gammal" + }, + "sceneFonts": "I den här scenen", + "availableFonts": "Tillgängliga typsnitt", + "empty": "Inga typsnitt hittades" + }, + "userList": { + "empty": "Inga användare hittades", + "hint": { + "text": "Klicka på användaren för att följa", + "followStatus": "Du följer den här användaren", + "inCall": "Användaren är i ett röstsamtal", + "micMuted": "Användarens mikrofon är avstängd", + "isSpeaking": "Användaren pratar" + } + }, + "commandPalette": { + "title": "Kommandopalett", + "shortcuts": { + "select": "Välj", + "confirm": "Bekräfta", + "close": "Stäng" + }, + "recents": "Nyligen använda", + "search": { + "placeholder": "Sök menyer, kommandon och upptäck dolda pärlor", + "noMatch": "Inga matchande kommandon..." + }, + "itemNotAvailable": "Kommandot är inte tillgängligt...", + "shortcutHint": "För kommandopalett, använd {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/ta-IN.json b/packages/excalidraw/locales/ta-IN.json index 577d5bb9ea..106586292c 100644 --- a/packages/excalidraw/locales/ta-IN.json +++ b/packages/excalidraw/locales/ta-IN.json @@ -11,8 +11,8 @@ "copyAsPng": "நகலகத்திற்கு PNG ஆக நகலெடு", "copyAsSvg": "நகலகத்திற்கு SVG ஆக நகலெடு", "copyText": "நகலகத்திற்கு உரையாக நகலெடு", - "copySource": "", - "convertToCode": "", + "copySource": "மூலத்தை நகலகத்திற்கு நகலெடு", + "convertToCode": "குறியீடாக மாற்று", "bringForward": "முன்நோக்கி கொண்டுவா", "sendToBack": "பின்னே அனுப்பு", "bringToFront": "முன்னே கொண்டுவா", @@ -21,7 +21,9 @@ "copyStyles": "ஒயில்களை நகலெடு", "pasteStyles": "ஒயில்களை ஒட்டு", "stroke": "கீறல்", + "changeStroke": "கீறல் நிறத்தை மாற்று", "background": "பின்புலம்", + "changeBackground": "பின்புல நிறத்தை மாற்று", "fill": "நிரப்பல்", "strokeWidth": "கீறல் அகலம்", "strokeStyle": "கீறல் ஒயில்", @@ -38,14 +40,22 @@ "arrowhead_none": "ஏதுமில்லை", "arrowhead_arrow": "அம்பு", "arrowhead_bar": "பட்டை", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "வட்டம்", + "arrowhead_circle_outline": "வட்டம் (எல்லைக்கோடு)", "arrowhead_triangle": "முக்கோணம்", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "முக்கோணம் (எல்லைக்கோடு)", + "arrowhead_diamond": "வைரம்", + "arrowhead_diamond_outline": "வைரம் (எல்லைக்கோடு)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "கூடுதல் விருப்பங்கள்", + "arrowtypes": "அம்புக்குறி வகை", + "arrowtype_sharp": "கூர்மையான குறி", + "arrowtype_round": "வளைந்தக் குறி", + "arrowtype_elbowed": "", "fontSize": "எழுத்துரு அளவு", - "fontFamily": "எழுத்துரு குடும்பம்", + "fontFamily": "எழுத்துருக் குடும்பம்", "addWatermark": "\"எக்ஸ்கேலிட்ரா கொண்டு ஆனது\"-ஐச் சேர்", "handDrawn": "கையால்-வரைந்த", "normal": "இயல்பு", @@ -70,8 +80,9 @@ "fileTitle": "கோப்புப் பெயர்", "colorPicker": "நிறத் தேர்வி", "canvasColors": "கித்தானில் பயன்படுத்தப்பட்டது", - "canvasBackground": "கித்தான் பின்னணி", + "canvasBackground": "கித்தான் பின்புலம்", "drawingCanvas": "கித்தான் வரைகிறது", + "clearCanvas": "கித்தானைத் துடை", "layers": "அடுக்குகள்", "actions": "செயல்கள்", "language": "மொழி", @@ -84,12 +95,13 @@ "group": "தேர்ந்ததை ஒன்றிணை", "ungroup": "தேர்ந்ததைப் பிரி", "collaborators": "கூட்டுப்பணியினர்", - "showGrid": "கட்டதைக் காட்டு", + "toggleGrid": "கட்டத்தை இருநிலைமாற்று", "addToLibrary": "நூலகத்தில் சேர்", "removeFromLibrary": "நூலகத்திலிருந்து நீக்கு", "libraryLoadingMessage": "நூலகத்தை ஏற்றுகிறது…", "libraries": "நூலகங்களை உலாவு", "loadingScene": "காட்சியை ஏற்றுகிறது…", + "loadScene": "கோப்பிலிருந்து காட்சியை ஏற்று", "align": "சீரமை", "alignTop": "மேலே சீரமை", "alignBottom": "கீழே சீரமை", @@ -104,8 +116,10 @@ "viewMode": "பார்வை பயன்முறை", "share": "பகிர்", "showStroke": "கீறல் நிற எடுப்பானைக் காட்டு", - "showBackground": "பின்னணி நிற எடுப்பானைக் காட்டு", - "toggleTheme": "தோற்றத்தை நிலைமாற்று", + "showBackground": "பின்புலம் நிற எடுப்பானைக் காட்டு", + "showFonts": "எழுத்துருத் தேர்வியைக் காட்டு", + "toggleTheme": "வெளிர்ந்த/கருமை தோற்றத்தை இருநிலைமாற்று", + "theme": "தோற்றம்", "personalLib": "தனக்குரிய நூலகம்", "excalidrawLib": "எக்ஸ்கேலிட்ரா நூலகம்", "decreaseFontSize": "எழுத்துரு அளவைக் குறை", @@ -116,15 +130,20 @@ "link": { "edit": "தொடுப்பைத் திருத்து", "editEmbed": "", - "create": "தொடுப்பைப் படை", - "createEmbed": "", + "create": "இணைப்பைச் சேர்க்கவும்", "label": "தொடுப்பு", - "labelEmbed": "", - "empty": "" + "labelEmbed": "தொடுப்பு & உட்பொதிப்பு", + "empty": "தொடுப்பு அமைக்கப்படவில்லை", + "hint": "உங்கள் இணைப்பை இங்கே உள்ளிடவும்", + "goToElement": "இலக்கு கூறுக்கு செல்லவும்" }, "lineEditor": { "edit": "தொடுப்பைத் திருத்து", - "exit": "வரி திருத்தியிலிருந்து வெளியேறு" + "editArrow": "அம்பைத் திருத்து" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "பூட்டு", @@ -134,16 +153,50 @@ }, "statusPublished": "வெளியிடப்பட்டது", "sidebarLock": "பக்கப்பட்டையைத் திறந்தே வை", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", + "selectAllElementsInFrame": "சட்டகத்திலுள்ள எல்லா உறுப்புகளையும் தேர்ந்தெடு", + "removeAllElementsFromFrame": "சட்டகத்திலுள்ள எல்லா உறுப்புகளையும் நீக்கு", "eyeDropper": "கித்தானிலிருந்து நிறம் தேர்ந்தெடு", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "உரையிலிருந்து வரைபடம்", + "prompt": "தூண்டுக்குறி", + "followUs": "எங்களைப் பின்தொடர்க", + "discordChat": "டிஸ்கார்டு அரட்டை", + "zoomToFitViewport": "பார்வைச்சாளரத்தில் பொருந்தும் வகையில் பெரிதாக்கு", + "zoomToFitSelection": "தேர்விற்கு பொருந்தும் வகையில் பெரிதாக்கு", + "zoomToFit": "அனைத்து கூறுகளுக்கும் பொருந்துமாறு பெரிதாக்கு", + "installPWA": "", + "autoResize": "உரையின் தானியங்கி அளவுத்திருத்தத்தை இயக்கு", + "imageCropping": "படத்தை வெட்டுதல்", + "unCroppedDimension": "முழு அளவு", + "copyElementLink": "இணைப்பை நகலெடு", + "linkToElement": "இணைப்பு", + "wrapSelectionInFrame": "தேர்வை வடிவத்தில் சுற்று", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "இணைப்பு", + "desc": "வடிவத்தைச் சொடுக்கவும் அல்லது ஒட்டவும்.", + "notFound": "பொருள் கிடைக்கவில்லை." }, "library": { "noItems": "இதுவரை உருப்படிகள் சேரக்கப்படவில்லை...", "hint_emptyLibrary": "கித்தானிலுள்ள உருப்படியை இங்குச் சேர்க்க தேர்ந்தெடு, அல்லது கீழுள்ள பொது களஞ்சியத்திலிருந்து நூலகத்தை நிறுவு.", - "hint_emptyPrivateLibrary": "கித்தானிலுள்ள உருப்படியை இங்குச் சேர்க்க தேர்ந்தெடு." + "hint_emptyPrivateLibrary": "கித்தானிலுள்ள உருப்படியை இங்குச் சேர்க்க தேர்ந்தெடு.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "கன்வாஸில் தேடு", + "noMatch": "பொருத்தங்கள் எதுவும் இல்லை...", + "singleResult": "முடிவு", + "multipleResults": "முடிவுகள்", + "placeholder": "கன்வாஸில் உரையைத் தேடு...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "கித்தானை அகரமாக்கு", @@ -151,6 +204,7 @@ "exportImage": "படத்தை ஏற்றுமதிசெய்...", "export": "இதில் சேமி...", "copyToClipboard": "நகலகத்திற்கு நகலெடு", + "copyLink": "இணைப்பை நகலெடு", "save": "தற்போதைய கோப்புக்குச் சேமி", "saveAs": "இப்படி சேமி", "load": "திற", @@ -171,17 +225,19 @@ "fullScreen": "முழுத் திரை", "darkMode": "கருமை பயன்முறை", "lightMode": "வெளிர்ந்த பயன்முறை", + "systemMode": "இயங்குதள பயன்முறை", "zenMode": "ஜென் பயன்முறை", - "objectsSnapMode": "", + "objectsSnapMode": "பொருட்களுடன் பற்று", "exitZenMode": "ஜென் பயன்முறையை விலகு", "cancel": "ரத்துசெய்", + "saveLibNames": "", "clear": "துடை", "remove": "நீக்கு", - "embed": "", - "publishLibrary": "பிரசுரி", + "embed": "உட்பதிதலை இருநிலைமாற்று", + "publishLibrary": "", "submit": "சமர்ப்பி", "confirm": "உறுதிசெய்", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "இடைவினைபுரிய சொடுக்கு" }, "alerts": { "clearReset": "இது முழு கித்தானையும் துடைக்கும். நீங்கள் உறுதியா?", @@ -192,7 +248,7 @@ "cannotExportEmptyCanvas": "காலியான கித்தானை ஏற்றுமதிசெய்ய முடியாது.", "couldNotCopyToClipboard": "நகலகத்திற்கு நகலெடுக்க முடியவில்லை.", "decryptFailed": "தரவை மறைநீக்க முடியவில்லை.", - "uploadedSecurly": "பதிவேற்றம் இருமுனை மறையாகத்தால் பாதுகாக்கப்பட்டுள்ளது, எனவே எக்ஸ்கேலிட்ரா சேவையகமும் மூன்றாம் தரப்பினரும் உள்ளடக்கத்தை வாசிக்கமுடியாது.", + "uploadedSecurly": "பதிவேற்றம் இருமுனை மறையாகத்தால் பாதுகாக்கப்பட்டுள்ளது, எனவே எக்ஸ்கேலிட்ரா சேவையகமும் மூன்றாம் தரப்பினரும் உள்ளடக்கத்தை வாசிக்க முடியாது.", "loadSceneOverridePrompt": "வெளிப்புறச்சித்திரமேற்றல் இருக்கிற உள்ளடக்கத்தை இடங்கொள்ளும். தொடர விருப்பமா?", "collabStopOverridePrompt": "அமர்வை நிறுத்துதல் முன்னர் அகமாக தேக்கிய உம் சித்திரத்தை மேலெழுதும். நீங்கள் உறுதியா?\n\n(உம் அக சித்திரத்தை வைக்கவேண்டுமெனில், சும்மா உலாவி தாவலை மூடுக அதற்குபதிலாக.)", "errorAddingToLibrary": "உருப்படியை நூலகத்தில் சேர்க்க இயலா", @@ -200,24 +256,25 @@ "confirmAddLibrary": "இதனால் {{numShapes}} வடிவம்(கள்) உம் நூலகத்தில் சேரும். நீங்கள் உறுதியா?", "imageDoesNotContainScene": "இப்படத்தில் காட்சி தரவு ஏதும் இருப்பதுபோல் தெரியவில்லை. ஏற்றுமதியின்போது காட்சி உட்பதிதலை இயக்கினீரா?", "cannotRestoreFromImage": "இப்படக்கோப்பிலிருந்து காட்சி மீட்டெடுக்கப்பட முடியாது", - "invalidSceneUrl": "வழங்கப்பட்ட உரலியிலிருந்து காட்சியை இறக்கவியலா. இது தவறான வடிவத்தில் உள்ளது, அ செல்லத்தக்க எக்ஸ்கேலிட்ரா JSON தரவைக் கொண்டில்லை.", + "invalidSceneUrl": "வழங்கப்பட்ட உரலியிலிருந்து காட்சியை இறக்கவியலா. இது தவறான வடிவத்தில் உள்ளது, அல்லது செல்லாத எக்ஸ்கேலிட்ரா JSON தரவைக் கொண்டில்லை.", "resetLibrary": "இது உங்கள் நுலகத்தைத் துடைக்கும். நீங்கள் உறுதியா?", "removeItemsFromsLibrary": "{{count}} உருப்படி(கள்)-ஐ உம் நூலகத்திலிருந்து அழிக்கவா?", "invalidEncryptionKey": "மறையாக்க விசை 22 வரியுருக்கள் கொண்டிருக்கவேண்டும். நேரடி கூட்டுப்பணி முடக்கப்பட்டது.", - "collabOfflineWarning": "இணைய இணைப்பு இல்லை.\nஉமது மாற்றங்கள் சேமிக்கப்படா!" + "collabOfflineWarning": "இணைய இணைப்பு இல்லை.\nஉமது மாற்றங்கள் சேமிக்கப்படா!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "ஆதரிக்கப்படா கோப்பு வகை.", "imageInsertError": "படத்தைப் புகுத்தவியலா. பிறகு மீண்டும் முயலவும்...", "fileTooBig": "கோப்பு மிகப்பெரிது. அனுமதிக்கப்பட்ட அதிகபட்ச அளவு {{maxSize}}.", - "svgImageInsertError": "எஸ்விஜி படத்தைப் புகுத்தவியலா. எஸ்விஜியின் மார்க்அப் செல்லாததாக தெரிகிறது.", - "failedToFetchImage": "", - "invalidSVGString": "செல்லாத SVG.", + "svgImageInsertError": "எஸ்விஜி படத்தைப் புகுத்தவியலா. எஸ்விஜியின் மார்க்அப் செல்லாததாகத் தெரிகிறது.\n", + "failedToFetchImage": "படத்தைப் பெறுதல் தோல்வி.", "cannotResolveCollabServer": "கூட்டுப்பணிச் சேவையகத்துடன் இணைக்க முடியவில்லை. பக்கத்தை மீளேற்றி மீண்டும் முயலவும்.", "importLibraryError": "நூலகத்தை ஏற்ற முடியவில்லை", + "saveLibraryError": "", "collabSaveFailed": "பின்முனை தரவுத்தளத்தில் சேமிக்க முடியவில்லை. சிக்கல்கள் நீடித்தால், உமது வேலைகளை இழக்காமலிருப்பதை உறுதிசெய்ய உமது கோப்பை உள்ளகத்தில் சேமிக்க வேண்டும்.", "collabSaveFailed_sizeExceeded": "பின்முனை தரவுத்தளத்தில் சேமிக்க முடியவில்லை, கித்தான் மிகப்பெரிதாகத் தெரிகிறது. உமது வேலைகளை இழக்காமலிருப்பதை உறுதிசெய்ய உமது கோப்பை உள்ளகத்தில் சேமிக்க வேண்டும்.", - "imageToolNotSupported": "", + "imageToolNotSupported": "படங்கள் முடக்கப்பட்டுள்ளன.", "brave_measure_text_error": { "line1": "", "line2": "", @@ -226,15 +283,16 @@ }, "libraryElementTypeError": { "embeddable": "", - "iframe": "", + "iframe": "IFrame சேர்க்க முடியாது.", "image": "" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "ஒட்ட முடியவில்லை (கணினி கிளிப்போர்டிலிருந்து வாசிக்க முடியவில்லை).", + "asyncPasteFailedOnParse": "ஒட்ட முடியவில்லை.", + "copyToSystemClipboardFailed": "நகலகத்திற்கு நகலெடுக்க முடியவில்லை." }, "toolBar": { "selection": "தெரிவு", + "lasso": "", "image": "படத்தைப் புகுத்து", "rectangle": "செவ்வகம்", "diamond": "வைரம்", @@ -246,16 +304,32 @@ "library": "நூலகம்", "lock": "தேர்ந்த கருவியை வரைந்த பின்பும் வைத்திரு", "penMode": "பேனா - தடுப்பு தொடுதல்", - "link": "தேர்தெடுத்த வடிவத்திற்குத் தொடுப்பைச் சேர்/ புதுப்பி", + "link": "தேர்தெடுத்த வடிவத்திற்குத் தொடுப்பைச் சேர் / புதுப்பி", "eraser": "அழிப்பி", "frame": "சட்டகம் கருவி", "magicframe": "", - "embeddable": "", - "laser": "", + "embeddable": "வலை நுழைப்பு", + "laser": "சீரொளி குறிமுள்", "hand": "கை (பார்வை நகர்கும் கருவி)", "extraTools": "மற்ற கருவிகள்", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "செவ்வகம்", + "diamond": "வைரம்", + "ellipse": "நீள்வட்டம்", + "arrow": "அம்புக்குறி", + "line": "கோடு", + "freedraw": "வரை", + "text": "எழுத்து", + "image": "படம்", + "group": "குழு", + "frame": "வடிவு", + "magicframe": "", + "embeddable": "", + "selection": "தேர்வு", + "iframe": "IFrame" }, "headings": { "canvasActions": "கித்தான் செயல்கள்", @@ -263,28 +337,33 @@ "shapes": "வடிவங்கள்" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "பல புள்ளிகளைத் துவக்க சொடுக்கு, ஒற்றை வரிக்கு பிடித்திழு", + "arrowTool": "", "freeDraw": "சொடுக்கி பிடித்திழு, முடித்ததும் விடுவி", "text": "துணுக்குதவி: தெரிவு கருவி கொண்டு எங்காவது இரு-சொடுக்கி உரையைச் சேர்க்கலாம்", - "embeddable": "", - "text_selected": "உரையைத் திருத்த இரு-சொடுக்கு அ ENTERஐ அழுத்து", - "text_editing": "திருத்துவதை முடிக்க Escape அ CtrlOrCmd+ENTERஐ அழுத்து", - "linearElementMulti": "கடைசி புள்ளியில் சொடுக்கு அ முடிக்க Escape அ Enter அழுத்து", - "lockAngle": "SHIFTஐ அழுத்திப்பிடித்து கோணத்தை வற்புறுத்தலாம்", - "resize": "மறுஅளவிடுகையில் SHIFTஐ அழுத்திப்பிடித்து விகிதசமத்தை வற்புறுத்தலாம்,\nமையத்திலிருந்து மறுஅளவிட ALTஐ அழுத்திப்பிடி", - "resizeImage": "SHIFTஐ நீண்டழுத்தி கட்டற்று அளவுமாற்றலாம்,\nமையத்திலிருந்து அளவுமாற்ற ALTஐ நீண்டழுத்துக", - "rotate": "சுழற்றுகையில் SHIFTஐ அழுத்திப்பிடித்து கோணங்களை வற்புறுத்தலாம்", + "embeddable": "இழுத்து வலை நுழைப்பு உருவாக்கு", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "புள்ளி(கள்)ஐ நீக்க Deleteஐ அழுத்து,\nநகலாக்க CtrlOrCmd+D, அ நகர்த்த பிடித்திழு", - "lineEditor_nothingSelected": "திருத்த புள்ளியைத் தேர்ந்தெடு (பலவற்றை தேர SHIFTஐ அழுத்திப்பிடி),\nஅ புதிய புள்ளிகளைச் சேர்க்க Altஐ அழுத்திப்பிடித்துச் சொடுக்கு", - "placeImage": "படத்தை வைக்கச் சொடுக்கு, அ கைமுறையாக அளவு அமைக்க சொடுக்கி பிடித்திழு", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "உம் சொந்த நூலகத்தைப் பிரசுரி", - "bindTextToElement": "உரையைச் சேர்க்க enterஐ அழுத்து", - "deepBoxSelect": "ஆழ்ந்துத் தேரவும் பிடித்திழுத்தலைத் தவிர்க்கவும் CtrlOrCmdஐ அழுத்திப்பிடி", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "முன்னோட்டம் காட்ட இயலவில்லை", @@ -299,9 +378,12 @@ "openIssueMessage": "பிழையில் உம் காட்சி தகவலை உள்ளடக்காமலிருக்க நாங்கள் மிக எச்சரிக்கையாக இருந்தோம். உம் காட்சி தனிப்பட்டதில்லையெனில், பின்தொடர்வதற்கு பரிசீலிக்கவும் எங்கள் கீழுள்ள தகவலை நகலெடுத்து ஒட்டி GitHub சிக்கலுள் உள்ளடக்கவும்.", "sceneContent": "காட்சி உள்ளடக்கம்:" }, + "shareDialog": { + "or": "அல்லது" + }, "roomDialog": { - "desc_intro": "உம்முடன் கூட்டுப்பணிசெய்ய மக்களை தற்போதைய காட்சிக்கு அழைப்பிடலாம்.", - "desc_privacy": "வருந்தாதீர், அமர்வு இருமுனை மறையகத்தைப் பயன்படுத்துகிறது, ஆக நீங்கள் வரைவது எதுவும் தனிப்பட்டதாக இருக்கும். எங்கள் சேவையகத்தால் கூட நீங்கள் என்ன செய்ததைப் பார்க்கவியலாது.", + "desc_intro": "வரைபடத்தில் இணைந்து வேலை செய்ய நண்பர்களை அழைக்கவும்.", + "desc_privacy": "கவலைப்படாதீர்கள், இது முழுமையாகக் குறியாக்கம் செய்யப்பட்டு தனிப்பட்டது. எங்கள் சர்வரும் உங்கள் வரைபடத்தைக் காண முடியாது.", "button_startSession": "அமர்வைத் துவக்கு", "button_stopSession": "அமர்வை நிறுத்து", "desc_inProgressIntro": "நேரடி-கூட்டுப்பணி அமர்வு தற்போது செயலிலுள்ளது.", @@ -328,14 +410,16 @@ "click": "சொடுக்கு", "deepSelect": "ஆழ்ந்துத் தேர்", "deepBoxSelect": "பெட்டியினுள் ஆழ்ந்துத் தேர், மற்றும் பிடித்திழுத்தலைத் தவிர்", + "createFlowchart": "செயல்வழிப் படம் உருவாக்கு", + "navigateFlowchart": "", "curvedArrow": "வளைந்த அம்பு", "curvedLine": "வளைந்த வரி", "documentation": "ஆவணமாக்கல்", "doubleClick": "இரு-சொடுக்கு", "drag": "பிடித்திழு", "editor": "திருத்தி", - "editLineArrowPoints": "", - "editText": "", + "editLineArrowPoints": "வரி/அம்பு புள்ளிகளைத் திருத்து", + "editText": "உரையைத் திருத்து / முத்திரையைச் சேர்", "github": "சிக்கலைக் கண்டீரா? சமர்ப்பி", "howto": "எங்கள் கையேடுகளைப் பின்பற்றுக", "or": "அ", @@ -350,7 +434,9 @@ "zoomToSelection": "தெரிவுக்கு விரிவாக்கு", "toggleElementLock": "தேர்ந்தெடுப்பைப் பூட்டு/பூட்டவிழ்", "movePageUpDown": "மேலே/கீழே நகர்த்தவும்", - "movePageLeftRight": "இடது/வலது பக்கம் நகர்த்தவும்" + "movePageLeftRight": "இடது/வலது பக்கம் நகர்த்தவும்", + "cropStart": "படத்தை வெட்டு", + "cropFinish": "முடி" }, "clearCanvasDialog": { "title": "கித்தானைத் துடை" @@ -381,7 +467,7 @@ "noteLicense": "சமர்ப்பிப்பதனால், நூலகம் இதனடியில் பிரசரிக்கப்பட ஏற்கிறீர்கள் MIT உரிமம், சுருக்கமாக எவருமிதைப் வரையறையின்றி பயன்படுத்தலாமென குறிக்கிறது.", "noteItems": "வடிக்கட்டக்கூடியதாகவிருக்க ஒவ்வொரு நூலகவுருப்படிக்கும் சொந்த பெயர் இருக்கவேண்டும். பின்வரும் நூலகவுருப்படிகள் உள்ளடக்கப்படும்:", "atleastOneLibItem": "ஆரம்பிக்க ஒரு நூலக உருப்படியையாவது தேர்ந்தெடுக்கவும்", - "republishWarning": "" + "republishWarning": "சில உருப்படிகள் ஏற்கனவே சமர்ப்பிக்கப்பட்டவை. புதுப்பிக்கும்போது மட்டும் மீண்டும் சமர்ப்பிக்கவும்." }, "publishSuccessDialog": { "title": "நூலகம் சமர்ப்பிக்கப்பட்டது", @@ -394,25 +480,25 @@ "imageExportDialog": { "header": "படத்தை ஏற்றுமதிதல", "label": { - "withBackground": "பின்னணி", + "withBackground": "பின்புலம்", "onlySelected": "தேர்ந்ததை மட்டும்", "darkMode": "இருள் பயன்முறை", "embedScene": "காட்சியை உட்பொதி", "scale": "அளவுகோல்", - "padding": "" + "padding": "இடைவெளி" }, "tooltip": { - "embedScene": "" + "embedScene": "தளவட்டத் தரவை PNG/SVG கோப்பில் சேமிக்கப்படும், இதன் மூலம் தளவட்டை மீட்டமைக்கலாம். கோப்பு அளவு அதிகரிக்கும்." }, "title": { "exportToPng": "PNGக்கு ஏற்றுமதிசெய்", "exportToSvg": "SVGக்கு ஏற்றுமதிசெய்", - "copyPngToClipboard": "" + "copyPngToClipboard": "PNGஐ நகலகத்திற்கு நகலெடு" }, "button": { "exportToPng": "PNG", "exportToSvg": "SVG", - "copyPngToClipboard": "" + "copyPngToClipboard": "நகலகத்திற்கு நகலெடு" } }, "encrypted": { @@ -421,13 +507,15 @@ }, "stats": { "angle": "கோணம்", - "element": "உறுப்பு", - "elements": "உறுப்புகள்", + "shapes": "வடிவங்கள்", "height": "உயரம்", "scene": "காட்சி", "selected": "தேர்ந்தவை", "storage": "சேமிப்பகம்", - "title": "மேதாவிகளுக்கான புள்ளிவிவரங்கள்", + "fullTitle": "கன்வாஸ் & வடிவ பண்புகள்", + "title": "அமைப்புகள்", + "generalStats": "பொது", + "elementProperties": "வடிவத்தின் அமைப்புகள்", "total": "மொத்தம்", "version": "பதிப்பு", "versionCopy": "நகலெடுக்க சொடுக்கு", @@ -439,13 +527,15 @@ "copyStyles": "ஒயில்கள் நகலெடுக்கப்பட்டன.", "copyToClipboard": "நகலகத்திற்கு நகலெடுக்கப்பட்டது.", "copyToClipboardAsPng": "{{exportSelection}}-ஐ நகலகத்திற்கு PNG ஆக நகலெடுத்தது\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "{{exportSelection}} ({{exportColorScheme}}) SVG நகல்", "fileSaved": "கோப்பு சேமிக்கப்பட்டது.", "fileSavedToFilename": "{filename}-க்கு சேமிக்கப்பட்டது", "canvas": "கித்தான்", "selection": "தெரிவு", - "pasteAsSingleElement": "", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "pasteAsSingleElement": "{{shortcut}} பயன்படுத்தி ஒன்றாக ஒட்டவும், அல்லது உள்ள உரை தொகுப்பியில் ஒட்டவும்", + "unableToEmbed": "இந்த Url-ஐ நுழைக்க தற்போது அனுமதி இல்லை. Url-ஐ வெள்ளிய பட்டியலில் சேர்க்க GitHub-ல் பிரச்சனை எழுப்பவும்", + "unrecognizedLinkFormat": "நீங்கள் நுழைத்த இணைப்பு எதிர்பார்க்கப்படும் வடிவத்துடன் பொருந்தவில்லை. மூலத்தளத்தால் வழங்கப்பட்ட 'embed' ஸ்டிரிங்கை ஒட்ட முயற்சிக்கவும்", + "elementLinkCopied": "இணைப்பு கிளிப்போர்டிற்கு நகலெடுக்கப்பட்டது" }, "colors": { "transparent": "ஒளிபுகுத்தன்மை", @@ -467,59 +557,108 @@ "welcomeScreen": { "app": { "center_heading": "", - "center_heading_plus": "", - "menuHint": "" + "center_heading_plus": "நீங்கள் Excalidraw+க்கு செல்ல விரும்புகிறீர்களா?", + "menuHint": "விருப்பத்தேர்வுகள், மொழிகள் போன்றனவை ஏற்றுமதிசெய்..." }, "defaults": { - "menuHint": "", + "menuHint": "விருப்பத்தேர்வுகள் மற்றும் பலவற்றை ஏற்றுமதிசெய்...", "center_heading": "எளிமையாக வரைபடங்கள் உருவாக்க!", "toolbarHint": "கருவியைத் தேர்ந்தெடு & வரை!", "helpHint": "குறுக்குவழிகள் & உதவி" } }, "colorPicker": { - "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", - "noShades": "" + "color": "", + "mostUsedCustomColors": "அதகம் பயன்படுத்தப்பட்ட தனிப்பயன் நிறங்கள்", + "colors": "நிறங்கள்", + "shades": "சாயல்கள்", + "hexCode": "ஹெக்ஸ் குறியீடு", + "noShades": "இந்நிறத்திற்குச் சாயல்கள் இல்லை" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "படமாக ஏற்றுமதிசெய்", + "button": "படமாக ஏற்றுமதிசெய்", + "description": "காட்சித் தரவை நீங்கள் பின்னர் இறக்குமதி செய்யக்கூடிய ஒரு படமாக ஏற்றுமதிசெய்க." }, "saveToDisk": { - "title": "", - "button": "", - "description": "" + "title": "வட்டில் சேமி", + "button": "வட்டில் சேமி", + "description": "காட்சித் தரவை நீங்கள் பின்னர் இறக்குமதி செய்யக்கூடிய ஒரு கோப்பிற்கு ஏற்றுமதிசெய்க." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "எக்ஸ்காலிட்ரா+", + "button": "எக்ஸ்காலிட்ரா+-க்கு ஏற்றுமதிசெய்", + "description": "காட்சியை உன் எக்ஸ்கேலிட்ரா+ பணியிடத்தில் சேமி." } }, "modal": { "loadFromFile": { - "title": "", - "button": "", + "title": "கோப்பிலிருந்து ஏற்று", + "button": "கோப்பிலிருந்து ஏற்று", "description": "" }, "shareableLink": { - "title": "", - "button": "", + "title": "தொடுப்பிலிருந்து ஏற்று", + "button": "எனது உள்ளடக்கத்தை இடங்கொள்", "description": "" } } }, "mermaid": { - "title": "", - "button": "", + "title": "மெர்மெய்டிலிருந்து எக்ஸ்காலிட்ரா", + "button": "புகுத்து", "description": "", - "syntax": "", - "preview": "" + "syntax": "மெர்மெய்டு தொடரியல்", + "preview": "முன்னோட்டம்" + }, + "quickSearch": { + "placeholder": "விரைவு தேடல்" + }, + "fontList": { + "badge": { + "old": "பழைய" + }, + "sceneFonts": "இந்தத் தளவட்டத்தில்", + "availableFonts": "எழுத்துருக்கள்", + "empty": "எழுத்துருக்கள் எதுவும் இல்லை" + }, + "userList": { + "empty": "பயனர்கள் காணவில்லை", + "hint": { + "text": "பின்தொடர அந்தப் பயனரைச் சொடுக்கவும்", + "followStatus": "தற்போது இப்பயனரைப் பின்தொடர்கிறீர்", + "inCall": "பயனர் ஓர் ஒலியழைப்பில் உள்ளார்", + "micMuted": "பயனரின் ஒலிவாங்கி ஒலிமறுக்கப்பட்டுள்ளது", + "isSpeaking": "பயனர் பேசுகிறார்" + } + }, + "commandPalette": { + "title": "கட்டளை பட்டை", + "shortcuts": { + "select": "தேர்ந்தெடு", + "confirm": "உறுதிசெய்", + "close": "மூடு" + }, + "recents": "அண்மையில் பயன்படுத்தியவை", + "search": { + "placeholder": "மெனு & கட்டளைகள் தேடு, மறைந்த வசதிகளைக் கண்டறி", + "noMatch": "பொருந்தும் கட்டளைகள் எதுவும் இல்லை…" + }, + "itemNotAvailable": "கட்டளை கிடைக்கவில்லை...", + "shortcutHint": "கட்டளை பட்டை பயன்படுத்த {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/th-TH.json b/packages/excalidraw/locales/th-TH.json index 4d27fe8b5a..24b11d214e 100644 --- a/packages/excalidraw/locales/th-TH.json +++ b/packages/excalidraw/locales/th-TH.json @@ -4,15 +4,15 @@ "pasteAsPlaintext": "วางโดยไม่มีการจัดรูปแบบ", "pasteCharts": "วางแผนภูมิ", "selectAll": "เลือกทั้งหมด", - "multiSelect": "", - "moveCanvas": "", + "multiSelect": "เพิ่มองค์ประกอบในการเลือก", + "moveCanvas": "เคลื่อนย้ายผ้าใบ", "cut": "ตัด", "copy": "คัดลอก", "copyAsPng": "คัดลองไปยังคลิปบอร์ดเป็น PNG", "copyAsSvg": "คัดลองไปยังคลิปบอร์ดเป็น SVG", "copyText": "คัดลองไปยังคลิปบอร์ดเป็นข้อความ", - "copySource": "", - "convertToCode": "", + "copySource": "คัดลอกไปยังคลิปบอร์ด", + "convertToCode": "แปลงไปยังโค้ด", "bringForward": "นำขึ้นข้างบน", "sendToBack": "ย้ายไปข้างล่าง", "bringToFront": "นำขึ้นข้างหน้า", @@ -21,7 +21,9 @@ "copyStyles": "คัดลอกรูปแบบ", "pasteStyles": "วางรูปแบบ", "stroke": "เส้นขอบ", + "changeStroke": "เปลี่ยนสีเส้น", "background": "พื้นหลัง", + "changeBackground": "เปลี่ยนสีพื้นหลัง", "fill": "เติมสี", "strokeWidth": "น้ำหนักเส้นขอบ", "strokeStyle": "รูปแบบเส้น", @@ -32,18 +34,26 @@ "opacity": "ความทึบแสง", "textAlign": "จัดข้อความ", "edges": "ขอบ", - "sharp": "", - "round": "", + "sharp": "เหลี่ยม", + "round": "โค้งมน", "arrowheads": "หัวลูกศร", "arrowhead_none": "ไม่มี", "arrowhead_arrow": "ลูกศร", "arrowhead_bar": "แถบ", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "วงกลม", + "arrowhead_circle_outline": "วงกลม (เส้นนขอบ)", "arrowhead_triangle": "สามเหลี่ยม", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "สามเหลี่ยม (เส้นนขอบ)", + "arrowhead_diamond": "ขอบเพชร", + "arrowhead_diamond_outline": "ขอบเพชร (เส้นขอบ)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "ชนิดลูกศร", + "arrowtype_sharp": "ลูกศรแหลม", + "arrowtype_round": "ลูกศรโค้ง", + "arrowtype_elbowed": "ลูกศรหักมุม", "fontSize": "ขนาดตัวอักษร", "fontFamily": "แบบตัวอักษร", "addWatermark": "เพิ่มลายน้ำ \"สร้างด้วย Excalidraw\"", @@ -54,42 +64,44 @@ "medium": "กลาง", "large": "ใหญ่", "veryLarge": "ใหญ่มาก", - "solid": "", - "hachure": "", - "zigzag": "", - "crossHatch": "", + "solid": "เส้นทึบ", + "hachure": "เส้นลายขวานสับ", + "zigzag": "ซิกแซก", + "crossHatch": "เครื่องหมายไขว้", "thin": "บาง", "bold": "หนา", "left": "ซ้าย", "center": "กลาง", "right": "ขวา", "extraBold": "หนาพิเศษ", - "architect": "", + "architect": "สถาปนิก", "artist": "ศิลปิน", - "cartoonist": "", + "cartoonist": "นักวาดการ์ตูน", "fileTitle": "ชื่อไฟล์", "colorPicker": "เลือกสีที่กำหนดเอง", - "canvasColors": "", - "canvasBackground": "", - "drawingCanvas": "", - "layers": "", + "canvasColors": "ใช้บนผืนผ้าใบ", + "canvasBackground": "พื้นหลังผ้าใบ", + "drawingCanvas": "กำลังวาดผืนผ้าใบ", + "clearCanvas": "ล้างผืนผ้าใบ", + "layers": "เลเยอร์", "actions": "การกระทำ", "language": "ภาษา", - "liveCollaboration": "", + "liveCollaboration": "ผู้ทำงานร่วมกันขณะนี้", "duplicateSelection": "ทำสำเนา", "untitled": "ไม่มีชื่อ", "name": "ชื่อ", "yourName": "ชื่อของคุณ", - "madeWithExcalidraw": "", + "madeWithExcalidraw": "เพิ่มลายน้ำ \"สร้างด้วย Excalidraw\"", "group": "จัดกลุ่ม", "ungroup": "ยกเลิกการจัดกลุ่ม", - "collaborators": "", - "showGrid": "แสดงเส้นตาราง", + "collaborators": "ผู้ทำงานร่วมกัน", + "toggleGrid": "แสดงกริด", "addToLibrary": "เพิ่มไปในคลัง", "removeFromLibrary": "นำออกจากคลัง", "libraryLoadingMessage": "กำลังโหลดคลัง...", - "libraries": "", + "libraries": "เรียกดูไลบรารี", "loadingScene": "กำลังโหลดฉาก", + "loadScene": "โหลดฉากจากไฟล์", "align": "จัดตำแหน่ง", "alignTop": "จัดชิดด้านบน", "alignBottom": "จัดชิดด้านล่าง", @@ -103,28 +115,35 @@ "flipVertical": "พลิกแนวตั้ง", "viewMode": "โหมดมุมมอง", "share": "แชร์", - "showStroke": "", - "showBackground": "", - "toggleTheme": "สลับธีม", + "showStroke": "แสดงตัวเลือกสีเส้นขอบ", + "showBackground": "แสดงตัวเลือกสีพื้นหลัง", + "showFonts": "แสดงตัวเลือกแบบอักษร", + "toggleTheme": "สลับธีมสว่าง/มืด", + "theme": "ธีม", "personalLib": "คลังของฉัน", "excalidrawLib": "คลังของ Excalidraw", "decreaseFontSize": "ลดขนาดตัวอักษร", "increaseFontSize": "เพิ่มขนาดตัวอักษร", "unbindText": "ยกเลิกการผูกติด", - "bindText": "", - "createContainerFromText": "", + "bindText": "ผูกข้อความกับที่บรรจุ", + "createContainerFromText": "จัดข้อความในที่บรรจุ", "link": { "edit": "แก้ไขลิงก์", - "editEmbed": "แก้ไขลิงค์และการฝัง", - "create": "สร้างลิงค์", - "createEmbed": "สร้างลิงค์และการฝัง", + "editEmbed": "", + "create": "เพิ่มลิงค์", "label": "ลิงค์", "labelEmbed": "ลิงค์และการฝัง", - "empty": "ไม่ได้ใส่ลิงค์" + "empty": "ไม่ได้ใส่ลิงค์", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "แก้ไขเส้น", - "exit": "" + "editArrow": "แก้ไขลูกศร" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "ล็อก", @@ -133,17 +152,51 @@ "unlockAll": "ปลดล็อกทั้งหมด" }, "statusPublished": "เผยแพร่", - "sidebarLock": "", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "sidebarLock": "ปิดแถบด้านข้างเอาไว้", + "selectAllElementsInFrame": "เลือกองค์ประกอบทั้งหมดในกรอบ", + "removeAllElementsFromFrame": "ลบองค์ประกอบทั้งหมดในกรอบ", + "eyeDropper": "เลือกสีผืนผ้าใบ", + "textToDiagram": "ข้อความเป็นภาพ", + "prompt": "พรอมต์", + "followUs": "ติดตามเรา", + "discordChat": "แชทดิสคอร์ด", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "การครอบตัดรูปภาพ", + "unCroppedDimension": "", + "copyElementLink": "คัดลอกลิงค์ไปสู่วัตถุ", + "linkToElement": "ลิงค์ไปสู่วัตถุ", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "ลิงค์ไปสู่วัตถุ", + "desc": "", + "notFound": "" }, "library": { "noItems": "ยังไม่มีรายการที่เพิ่มเข้าไปได้", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "ค้นหาข้อความในผืนผ้าใบ", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "รีเซ็ทผืนผ้าใบ", @@ -151,6 +204,7 @@ "exportImage": "ส่งออกเป็นรูปภาพ", "export": "บันทึกไปยัง", "copyToClipboard": "คัดลอกไปยังคลิปบอร์ด", + "copyLink": "คัดลอกลิงก์", "save": "บันทึกเป็นไฟล์ปัจจุบัน", "saveAs": "บันทึกเป็น", "load": "เปิด", @@ -171,14 +225,16 @@ "fullScreen": "เต็มหน้าจอ", "darkMode": "โหมดกลางคืน", "lightMode": "โหมดกลางวัน", + "systemMode": "", "zenMode": "โหมด Zen", "objectsSnapMode": "", "exitZenMode": "ออกจากโหมด Zen", "cancel": "ยกเลิก", + "saveLibNames": "", "clear": "เคลียร์", "remove": "ลบ", "embed": "สลับการฝัง", - "publishLibrary": "เผยแพร่", + "publishLibrary": "", "submit": "ตกลง", "confirm": "ยืนยัน", "embeddableInteractionButton": "คลิกเพื่อปฏิสัมพันธ์" @@ -204,7 +260,8 @@ "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "ไม่รองรับชนิดของไฟล์นี้", @@ -212,9 +269,9 @@ "fileTooBig": "", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "ไฟล์ SVG ผิดพลาด", "cannotResolveCollabServer": "ไม่สามารถเชื่อต่อกับ collab เซิร์ฟเวอร์ได้ โปรดลองโหลดหน้านี้ใหม่และลองอีกครั้ง", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -230,61 +287,83 @@ "image": "การสนับสนุนสำหรับเพิ่มรูปภาพลงในไลบลารีจะมาในเร็ว ๆ นี้" }, "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", + "asyncPasteFailedOnParse": "ไม่สามารถวางได้", "copyToSystemClipboardFailed": "" }, "toolBar": { - "selection": "", - "image": "", + "selection": "การเลือก", + "lasso": "", + "image": "แทรกรูปภาพ", "rectangle": "สี่เหลี่ยมผืนผ้า", - "diamond": "", + "diamond": "รูปเพชร", "ellipse": "วงรี", "arrow": "ลูกศร", - "line": "", - "freedraw": "", + "line": "เส้น", + "freedraw": "เขียนรูป", "text": "ข้อความ", "library": "คลัง", "lock": "", "penMode": "", - "link": "", + "link": "เพิ่ม / อัปเดตลิงก์สำหรับรูปร่างที่เลือก", "eraser": "ยางลบ", - "frame": "", - "magicframe": "", + "frame": "เครื่องมือกรอบ", + "magicframe": "ไวร์เฟรมเป็นโค้ด", "embeddable": "ฝังเว็บ", - "laser": "", - "hand": "", + "laser": "ตัวชี้เลเซอร์", + "hand": "มือ (เครื่องมือเลื่อน)", "extraTools": "เครื่องมืออื่นๆ", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "เมอร์เมดเป็นเอกซ์คาลิดรอว์", + "convertElementType": "" + }, + "element": { + "rectangle": "สี่เหลี่ยม", + "diamond": "รูปเพชร", + "ellipse": "วงรี", + "arrow": "ลูกศร", + "line": "เส้น", + "freedraw": "วาดอิสระ", + "text": "ข้อความ", + "image": "รูปภาพ", + "group": "จัดกลุ่ม", + "frame": "กรอบ", + "magicframe": "ไวร์เฟรมเป็นโค้ด", + "embeddable": "ฝังเว็บ", + "selection": "การเลือก", + "iframe": "ไอเฟรม" }, "headings": { - "canvasActions": "", - "selectedShapeActions": "", + "canvasActions": "การกระทำบนผืนผ้าใบ", + "selectedShapeActions": "การกระทำกับรูปร่างที่เลือก", "shapes": "รูปร่าง" }, "hints": { + "dismissSearch": "", "canvasPanning": "", - "linearElement": "", + "linearElement": "คลิกเพื่อเริ่มหลายจุด ลากสำหรับเส้นเดียว", + "arrowTool": "", "freeDraw": "", "text": "", "embeddable": "คลิกและลากเพื่อสร้างการฝังสำหรับเว็บไซต์", - "text_selected": "คลิกสองครั้งหรือกด ENTER เพื่อแก้ไขข้อความ", - "text_editing": "กดปุ่ม Esc หรือกด Ctrl, Cmd + Enter เพื่อเสร็จการแก้ไข", - "linearElementMulti": "คลิกที่จุดสุดท้ายหรือกด Escape หรือ Enter เพื่อเสร็จสิ้น", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", "lockAngle": "", "resize": "", "resizeImage": "", "rotate": "", "lineEditor_info": "", - "lineEditor_pointSelected": "กดปุ่ม Delete เพื่อลบจุด\nกด Ctrl หรือ Cmd + D เพื่อทำซ้ำหรือลากเพื่อเคลื่อนย้าย", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "", @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -315,32 +397,34 @@ "exportDialog": { "disk_title": "", "disk_details": "", - "disk_button": "", - "link_title": "", + "disk_button": "บันทึกเป็นไฟล์", + "link_title": "ลิงก์ที่สามารถแชร์ได้", "link_details": "", - "link_button": "", + "link_button": "ส่งออกไปยังไฟล์", "excalidrawplus_description": "", - "excalidrawplus_button": "", + "excalidrawplus_button": "ส่งออก", "excalidrawplus_exportError": "ไม่สามารถส่งออกไปที่ Excalidraw+ ได้ในขณะนี้" }, "helpDialog": { "blog": "อ่านบล็อกของพวกเรา", "click": "คลิก", - "deepSelect": "", + "deepSelect": "การเลือเชิงลึก", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", "doubleClick": "ดับเบิลคลิก", "drag": "ลาก", - "editor": "", + "editor": "ตัวแก้ไข", "editLineArrowPoints": "", "editText": "แก้ไขข้อความ / เพิ่มข้อความ", "github": "", "howto": "", - "or": "", + "or": "หรือ", "preventBinding": "", - "tools": "", + "tools": "เครื่องมือ", "shortcuts": "", "textFinish": "", "textNewLine": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "ย้ายหน้าไปด้าน ซ้าย/ขวา" + "movePageLeftRight": "ย้ายหน้าไปด้าน ซ้าย/ขวา", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -363,7 +449,7 @@ "twitterUsername": "ชื่อผู้ใช้ Twitter", "libraryName": "", "libraryDesc": "", - "website": "", + "website": "เว็บไซต์", "placeholder": { "authorName": "", "libraryName": "", @@ -373,7 +459,7 @@ "website": "" }, "errors": { - "required": "", + "required": "จำเป็น", "website": "" }, "noteDescription": "", @@ -392,14 +478,14 @@ "removeItemsFromLib": "" }, "imageExportDialog": { - "header": "", + "header": "ส่งออกเป็นรูปภาพ", "label": { - "withBackground": "", - "onlySelected": "", + "withBackground": "พื้นหลัง", + "onlySelected": "เฉพาะที่เลือก", "darkMode": "โหมดกลางคืน", "embedScene": "", - "scale": "", - "padding": "" + "scale": "อัตราส่วน", + "padding": "การเว้นระยะ" }, "tooltip": { "embedScene": "" @@ -420,44 +506,48 @@ "link": "" }, "stats": { - "angle": "", - "element": "", - "elements": "", - "height": "", - "scene": "", - "selected": "", - "storage": "", - "title": "", - "total": "", - "version": "", - "versionCopy": "", + "angle": "องศา", + "shapes": "รูปร่าง", + "height": "ความสูง", + "scene": "ฉาก", + "selected": "ถูกเลือกแล้ว", + "storage": "การจัดเก็บข้อมูล", + "fullTitle": "", + "title": "คุณสมบัติ", + "generalStats": "ทั่วไป", + "elementProperties": "", + "total": "รวมทั้งหมด", + "version": "เวอร์ชั่น", + "versionCopy": "คลิกเพื่อคัดลอก", "versionNotAvailable": "", - "width": "" + "width": "ความกว้าง" }, "toast": { - "addedToLibrary": "", - "copyStyles": "", - "copyToClipboard": "", + "addedToLibrary": "เพิ่มไปในคลังแล้ว", + "copyStyles": "คัดลอกรูปแบบสำเร็จแล้ว", + "copyToClipboard": "คัดลอกไปยังคลิปบอร์ดแล้ว", "copyToClipboardAsPng": "", - "fileSaved": "", - "fileSavedToFilename": "", - "canvas": "", - "selection": "", + "copyToClipboardAsSvg": "", + "fileSaved": "ข้อมูลได้รับการบันทึก", + "fileSavedToFilename": "บันทึกเป็น {filename}", + "canvas": "ผืนผ้าใบ", + "selection": "การเลือก", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "คัดลอกไปยังคลิปบอร์ดแล้ว" }, "colors": { - "transparent": "", - "black": "", - "white": "", - "red": "", - "pink": "", - "grape": "", - "violet": "", - "gray": "", - "blue": "", - "cyan": "", + "transparent": "โปร่งใส", + "black": "สีดำ", + "white": "สีขาว", + "red": "สีแดง", + "pink": "สีชมพู", + "grape": "สีองุ่น", + "violet": "สีม่วง", + "gray": "สีเทา", + "blue": "สีน้ำเงิน", + "cyan": "สีฟ้าอมเขียว", "teal": "ฟ้าน้ำทะเล", "green": "เขียว", "yellow": "เหลือง", @@ -474,52 +564,101 @@ "menuHint": "", "center_heading": "", "toolbarHint": "", - "helpHint": "" + "helpHint": "ทางลัดและการช่วยเหลือ" } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", - "colors": "", - "shades": "", - "hexCode": "", + "colors": "สี", + "shades": "รูปร่าง", + "hexCode": "Hex code", "noShades": "" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", + "title": "ส่งออกเป็นภาพ", + "button": "ส่งออกเป็นภาพ", "description": "" }, "saveToDisk": { - "title": "", - "button": "", + "title": "บันทึกไปยังดิสก์", + "button": "บันทึกไปยังดิสก์", "description": "" }, "excalidrawPlus": { - "title": "", - "button": "", + "title": "Excalidraw+", + "button": "นำออกไปยัง Excalidraw+", "description": "" } }, "modal": { "loadFromFile": { - "title": "", - "button": "", + "title": "โหลดจากไฟล์", + "button": "โหลดจากไฟล์", "description": "" }, "shareableLink": { "title": "", - "button": "", + "button": "แทนที่เนื้อหาของฉัน", "description": "" } } }, "mermaid": { "title": "", - "button": "", + "button": "แทรก", "description": "", "syntax": "", - "preview": "" + "preview": "ดูตัวอย่าง" + }, + "quickSearch": { + "placeholder": "ค้นหาด่วน" + }, + "fontList": { + "badge": { + "old": "เก่า" + }, + "sceneFonts": "ในฉากนี้", + "availableFonts": "", + "empty": "ไม่พบแบบอักษร" + }, + "userList": { + "empty": "ไม่พบผู้ใช้", + "hint": { + "text": "คลิกที่ผู้ใช้เพื่อติดตาม", + "followStatus": "คุณกำลังติดตามผู้ใช้นี้", + "inCall": "ผู้ใช้นี้กำลังอยู่ในการโทรด้วยเสียง", + "micMuted": "ไมโครโฟนของผู้ใช้ถูกปิดเสียง", + "isSpeaking": "ผู้ใช้งานกำลังสนทนาอยู่" + } + }, + "commandPalette": { + "title": "คำสั่งทางลัด", + "shortcuts": { + "select": "เลือก", + "confirm": "ยืนยัน", + "close": "ปิด" + }, + "recents": "ใช้งานล่าสุด", + "search": { + "placeholder": "", + "noMatch": "ไม่เจอคำสั่ง" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/tr-TR.json b/packages/excalidraw/locales/tr-TR.json index de5cf11c77..775b91d208 100644 --- a/packages/excalidraw/locales/tr-TR.json +++ b/packages/excalidraw/locales/tr-TR.json @@ -11,8 +11,8 @@ "copyAsPng": "Panoya PNG olarak kopyala", "copyAsSvg": "Panoya SVG olarak kopyala", "copyText": "Panoya metin olarak kopyala", - "copySource": "", - "convertToCode": "", + "copySource": "Kaynağı panoya kopyala", + "convertToCode": "Koda dönüştür", "bringForward": "Bir öne getir", "sendToBack": "Arkaya gönder", "bringToFront": "En öne getir", @@ -20,8 +20,10 @@ "delete": "Sil", "copyStyles": "Stilleri kopyala", "pasteStyles": "Stilleri yapıştır", - "stroke": "Vurgu", + "stroke": "Kontur", + "changeStroke": "Kontur rengini değiştir", "background": "Arka plan", + "changeBackground": "Arka plan rengini değiştir", "fill": "Doldur", "strokeWidth": "Kontur genişliği", "strokeStyle": "Kontur stili", @@ -38,12 +40,20 @@ "arrowhead_none": "Yok", "arrowhead_arrow": "Ok", "arrowhead_bar": "Çizgi", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Çember", + "arrowhead_circle_outline": "Çember (anahat)", "arrowhead_triangle": "Üçgen", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Üçgen (anahat)", + "arrowhead_diamond": "Elmas", + "arrowhead_diamond_outline": "Elmas (anahat)", + "arrowhead_crowfoot_many": "Karga ayak (çok)", + "arrowhead_crowfoot_one": "Karga ayak (bir)", + "arrowhead_crowfoot_one_or_many": "Karga ayak (bir veya çok sayıda)", + "more_options": "Daha fazla seçenek", + "arrowtypes": "Ok şekli", + "arrowtype_sharp": "Düz ok", + "arrowtype_round": "Kavisli ok", + "arrowtype_elbowed": "Köşeli ok", "fontSize": "Yazı tipi boyutu", "fontFamily": "Yazı tipi ailesi", "addWatermark": "\"Excalidraw ile yapıldı\" yazısını ekle", @@ -53,7 +63,7 @@ "small": "Küçük", "medium": "Orta", "large": "Büyük", - "veryLarge": "Çok geniş", + "veryLarge": "Çok büyük", "solid": "Dolu", "hachure": "Taralı", "zigzag": "Zikzak", @@ -68,28 +78,30 @@ "artist": "Sanatçı", "cartoonist": "Karikatürist", "fileTitle": "Dosya adı", - "colorPicker": "Renk seçici", + "colorPicker": "Renk seçicisi", "canvasColors": "Tuvalin üzerinde kullanıldı", "canvasBackground": "Tuval arka planı", "drawingCanvas": "Çizim tuvali", + "clearCanvas": "Tuvali temizle", "layers": "Katmanlar", "actions": "Eylemler", "language": "Dil", "liveCollaboration": "Canlı ortak çalışma alanı...", "duplicateSelection": "Çoğalt", "untitled": "Adsız", - "name": "İsim", - "yourName": "İsminiz", + "name": "Ad", + "yourName": "Adınız", "madeWithExcalidraw": "Excalidraw ile yapıldı", "group": "Seçimi grup yap", "ungroup": "Seçilen grubu dağıt", "collaborators": "Ortaklar", - "showGrid": "Izgarayı göster", + "toggleGrid": "Izgarayı aç/kapat", "addToLibrary": "Kütüphaneye ekle", "removeFromLibrary": "Kütüphaneden kaldır", "libraryLoadingMessage": "Kütüphane yükleniyor…", "libraries": "Kütüphanelere gözat", "loadingScene": "Sahne yükleniyor…", + "loadScene": "Dosyadan sahne yükle", "align": "Hizala", "alignTop": "Yukarı hizala", "alignBottom": "Aşağı hizala", @@ -104,8 +116,10 @@ "viewMode": "Görünüm modu", "share": "Paylaş", "showStroke": "Kontur için renk seçiciyi göster", - "showBackground": "Arkaplan için renk seçiciyi göster", - "toggleTheme": "Temayı etkinleştir/devre dışı bırak", + "showBackground": "Arka plan renk seçicisini göster", + "showFonts": "Yazı tipi seçici", + "toggleTheme": "Aydınlık/karanlık mod", + "theme": "Tema", "personalLib": "Kişisel Kitaplık", "excalidrawLib": "Excalidraw Kitaplığı", "decreaseFontSize": "Yazı Tipi Boyutunu Küçült", @@ -115,16 +129,21 @@ "createContainerFromText": "Metni bileşen içinde sar", "link": { "edit": "Bağlantıyı düzenle", - "editEmbed": "Bağlantıyı düzenle & yerleştir", - "create": "Bağlantı oluştur", - "createEmbed": "Bağlantı oluştur & yerleştir", + "editEmbed": "Gömülebilir bağlantıyı düzenle", + "create": "Bağlantı ekle", "label": "Bağlantı", - "labelEmbed": "Bağlantı & yerleştirme", - "empty": "Herhangi bir bağlantı oluşturulmadı" + "labelEmbed": "Bağlantıla ve göm", + "empty": "Herhangi bir bağlantı oluşturulmadı", + "hint": "Bağlantınızı buraya yazın veya yapıştırın", + "goToElement": "Hedef öğeye git" }, "lineEditor": { "edit": "Çizgiyi düzenle", - "exit": "Çizgi düzenlemeden çık" + "editArrow": "Oku düzenle" + }, + "polygon": { + "breakPolygon": "Çokgeni kır", + "convertToPolygon": "Çokgene dönüştür" }, "elementLock": { "lock": "Kilitle", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "Çerçevedeki tüm bileşenleri seç", "removeAllElementsFromFrame": "Çerçevedeki tüm bileşenleri sil", "eyeDropper": "Tuvalden renk seç", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Yazıdan diyagrama", + "prompt": "İstem", + "followUs": "Bizi takip edin", + "discordChat": "Discord sohbeti", + "zoomToFitViewport": "Görüş alanına sığdırmak için yakınlaştırın", + "zoomToFitSelection": "Seçime sığdırmak için yakınlaştırın", + "zoomToFit": "Tüm öğeleri sığdırmak için yakınlaştırın", + "installPWA": "Excalidraw'ı yerel olarak yükle (PWA)", + "autoResize": "Metni otomatik yeniden boyutlandırmayı etkinleştir", + "imageCropping": "Görsel kırpma", + "unCroppedDimension": "Kırpılmamış ölçüler", + "copyElementLink": "Bağlantıyı nesneye kopyala", + "linkToElement": "Nesneye bağlantıla", + "wrapSelectionInFrame": "Seçimi karede kaydır", + "tab": "Sekme", + "shapeSwitch": "Şekli başkasıyla değiştir" + }, + "elementLink": { + "title": "Nesneye bağlantıla", + "desc": "Tuvaldeki bir nesneye tıklayın veya bir bağlantıyı yapıştırın.", + "notFound": "Bağlantılanan nesne tuvalde bulunamadı." }, "library": { "noItems": "Öğe eklenmedi...", - "hint_emptyLibrary": "Öğelerden birini eklemek için öğeyi seçiniz veya aşağıdaki genel kütüphaneden öğeleri ekleyin.", - "hint_emptyPrivateLibrary": "Tuvalden bir eleman seçerek sayfaya ekleyin." + "hint_emptyLibrary": "Öğelerden birini eklemek için öğeyi seçin veya aşağıdaki genel kütüphaneden öğeleri ekleyin.", + "hint_emptyPrivateLibrary": "Tuvalden bir eleman seçerek sayfaya ekleyin.", + "search": { + "inputPlaceholder": "Kütüphanede ara", + "heading": "Kütüphane eşleşmeleri", + "noResults": "Eşleşen öğe bulunamadı…", + "clearSearch": "Aramayı temizle" + } + }, + "search": { + "title": "Tuvalde bul", + "noMatch": "Sonuç bulunamadı...", + "singleResult": "sonuç", + "multipleResults": "sonuç", + "placeholder": "Tuvalde metin bul…", + "frames": "Çerçeveler", + "texts": "Metinler" }, "buttons": { "clearReset": "Tuvali sıfırla", @@ -151,6 +204,7 @@ "exportImage": "Resimleri dışa aktar...", "export": "Şuraya kaydet...", "copyToClipboard": "Panoya kopyala", + "copyLink": "Linki kopyala", "save": "Geçerli dosyaya kaydet", "saveAs": "Farklı kaydet", "load": "Aç", @@ -171,14 +225,16 @@ "fullScreen": "Tam ekran", "darkMode": "Koyu tema", "lightMode": "Açık tema", + "systemMode": "Sistem modu", "zenMode": "Zen modu", "objectsSnapMode": "Nesnelere hizala", "exitZenMode": "Zen modundan çık", "cancel": "İptal", + "saveLibNames": "Adları kaydet ve çık", "clear": "Temizle", "remove": "Kaldır", - "embed": "", - "publishLibrary": "Yayınla", + "embed": "Yerleştirmeyi aç veya kapa", + "publishLibrary": "Yeniden adlandır veya yayımla", "submit": "Gönder", "confirm": "Onayla", "embeddableInteractionButton": "Etkileşime girmek için tıkla" @@ -204,37 +260,39 @@ "resetLibrary": "Bu işlem kütüphanenizi sıfırlayacak. Emin misiniz?", "removeItemsFromsLibrary": "{{count}} öğe(ler) kitaplıktan kaldırılsın mı?", "invalidEncryptionKey": "Şifreleme anahtarı 22 karakter olmalı. Canlı işbirliği devre dışı bırakıldı.", - "collabOfflineWarning": "İnternet bağlantısı bulunamadı. Değişiklikleriniz kaydedilmeyecek!" + "collabOfflineWarning": "İnternet bağlantısı bulunamadı. Değişiklikleriniz kaydedilmeyecek!", + "localStorageQuotaExceeded": "Tarayıcı depolama kotası aşıldı. Değişiklikler kaydedilmeyecek." }, "errors": { "unsupportedFileType": "Desteklenmeyen dosya türü.", "imageInsertError": "Görsel eklenemedi. Daha sonra tekrar deneyin...", "fileTooBig": "Dosya çok büyük. İzin verilen maksimum boyut {{maxSize}}.", "svgImageInsertError": "SVG resmi eklenemedi. SVG işaretlemesi geçersiz görünüyor.", - "failedToFetchImage": "", - "invalidSVGString": "Geçersiz SVG.", + "failedToFetchImage": "Görsel alınamadı.", "cannotResolveCollabServer": "İş birliği sunucusuna bağlanılamıyor. Lütfen sayfayı yenileyip tekrar deneyin.", "importLibraryError": "Kütüphane yüklenemedi", + "saveLibraryError": "Kitaplık depolama alanına kaydedilemedi. Değişikliklerinizi kaybetmediğinizden emin olmak için lütfen kitaplığınızı yerel olarak bir dosyaya kaydedin.", "collabSaveFailed": "Backend veritabanına kaydedilemedi. Eğer problem devam ederse, çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.", - "collabSaveFailed_sizeExceeded": "Backend veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.", - "imageToolNotSupported": "", + "collabSaveFailed_sizeExceeded": "Arka uç veritabanına kaydedilemedi; tuval çok büyük. Çalışmanızı korumak için dosyayı yerel olarak kaydetmelisiniz.", + "imageToolNotSupported": "Görseller devre dışı.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "Görünüşe göre Brave tarayıcısını Agresif Olarak Parmak İzini Engelle ayarı etkin olarak kullanıyorsunuz.", + "line2": "Bu, çizimlerinizdeki Metin Öğelerinin kırılmasına neden olabilir.", + "line3": "Bu ayarı devre dışı bırakmanızı şiddetle tavsiye ederiz. Bunu nasıl yapacağınızı öğrenmek için bu adımları takip edebilirsiniz.", + "line4": "Bu ayarın devre dışı bırakılması metin öğelerinin görüntülenmesini düzeltmezse, lütfen GitHub'ımızda bir issue açın veya Discord adresinden bize yazın" }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", + "embeddable": "Yerleştirilebilir ögeler bu kütüphaneye eklenemez.", + "iframe": "IFrame öğeleri kütüphaneye eklenemez.", "image": "Resimleri kütüphaneye ekleme desteği yakında geliyor!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Yapıştırılamadı (sistem panosundan okunamadı).", + "asyncPasteFailedOnParse": "Yapıştırılamıyor.", + "copyToSystemClipboardFailed": "Panoya kopyalanamıyor." }, "toolBar": { "selection": "Seçme", + "lasso": "Serbest seçim", "image": "Görsel ekle", "rectangle": "Dikdörtgen", "diamond": "Elmas", @@ -249,13 +307,29 @@ "link": "Seçilen şekil için bağlantı Ekle/Güncelle", "eraser": "Silgi", "frame": "Çerçeve aracı", - "magicframe": "", + "magicframe": "Wireframe'den koda", "embeddable": "Web Yerleştirme", "laser": "Lazer işaretçisi", - "hand": "", + "hand": "El (hareket aracı)", "extraTools": "Daha fazla araç", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid'den Excalidraw'a", + "convertElementType": "Şekil türünü aç/kapat" + }, + "element": { + "rectangle": "Dikdörtgen", + "diamond": "Elmas", + "ellipse": "Elips", + "arrow": "Ok", + "line": "Çizgi", + "freedraw": "Serbest Çizim", + "text": "Yazı", + "image": "Görüntü", + "group": "Grup", + "frame": "Çerçeve", + "magicframe": "Wireframe'den koda", + "embeddable": "Web Yerleştirme", + "selection": "Seçim", + "iframe": "IFrame" }, "headings": { "canvasActions": "Tuval eylemleri", @@ -263,45 +337,53 @@ "shapes": "Şekiller" }, "hints": { - "canvasPanning": "", + "dismissSearch": "Aramayı kapatmak için {{shortcut}} kullanın", + "canvasPanning": "Tuvali taşımak için {{shortcut_1}} kısayolunu basılı tutun, sürüklerken {{shortcut_2}} kısayolunu veya el aracını kullanın", "linearElement": "Birden fazla nokta için tıklayın, tek çizgi için sürükleyin", + "arrowTool": "Birden çok nokta başlatmak için tıklayın, tek bir çizgi için sürükleyin. Ok türünü değiştirmek için {{shortcut}} kısayoluna basın.", "freeDraw": "Tıkla ve sürükle, bitirdiğinde serbest bırak", "text": "İpucu: seçme aracıyla herhangi bir yere çift tıklayarak da yazı ekleyebilirsin", "embeddable": "Web sitesi yerleştirmek için sürükle bırak", - "text_selected": "Metni düzenlemek için çift tıklayın veya ENTER'a basın", - "text_editing": "Düzenlemeyi bitirmek için ESC veya Ctrl/Cmd+ENTER tuşlarına basın", - "linearElementMulti": "Bitirmek için son noktaya tıklayın ya da Escape veya Enter tuşuna basın", - "lockAngle": "SHIFT tuşuna basılı tutarak açıyı koruyabilirsiniz", - "resize": "Yeniden boyutlandırırken SHIFT tuşunu basılı tutarak oranları sınırlayabilirsiniz,\nmerkezden yeniden boyutlandırmak için ALT tuşunu basılı tutun", - "resizeImage": "SHIFT'e basılı tutarak serbestçe yeniden boyutlandırabilirsiniz, merkezden yeniden boyutlandırmak için ALT tuşunu basılı tutun", - "rotate": "Döndürürken SHIFT tuşuna basılı tutarak açıları koruyabilirsiniz", - "lineEditor_info": "Puanları düzenlemek için ctrl veya cmd tuşuna basılı tutup çift tıklayın veya enter tuşuna basın", - "lineEditor_pointSelected": "Sil tuşuna basarak noktaları silin,\nCtrl/Cmd + D ile çoğaltın, ya da sürükleyerek taşıyın", - "lineEditor_nothingSelected": "Düzenlemek için bir nokta seçin (birden fazla seçmek için SHIFT tuşunu basılı tutun),\nveya Alt tuşunu basılı tutun ve yeni noktalar eklemek için tıklayın", - "placeImage": "Resmi yerleştirmek için tıklayın ya da boyutunu manuel olarak ayarlamak için tıklayıp sürükleyin", + "text_selected": "Metni düzenlemek için çift tıklayın veya {{shortcut}} kısayoluna basın", + "text_editing": "Düzenlemeyi bitirmek için {{shortcut_1}} veya {{shortcut_2}} kısayoluna basın", + "linearElementMulti": "Bitirmek için son noktaya tıklayın veya {{shortcut_1}} veya {{shortcut_2}} kısayolunu kullanın", + "lockAngle": "{{shortcut}} kısayolunu basılı tutarak açıyı kısıtlayabilirsiniz", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Kendi kitaplığınızı yayınlayın", - "bindTextToElement": "Enter tuşuna basarak metin ekleyin", - "deepBoxSelect": "Ctrl/Cmd tuşuna basılı tutarak derin seçim yapın ya da sürüklemeyi engelleyin", - "eraserRevert": "Alt tuşuna basılı tutarak silinme için işaretlenmiş ögeleri tersine çevirin", - "firefox_clipboard_write": "", - "disableSnapping": "" + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", + "firefox_clipboard_write": "Bu özelliği etkinleştirmek muhtemelen \"dom.events.asyncClipboard.clipboardItem\" bayrağını \"true\" olarak ayarlayarak yapılabilir. Firefox'ta tarayıcı bayraklarını değiştirmek için \"about:config\" sayfasını ziyaret edin.", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Önizleme gösterilemiyor", - "canvasTooBig": "Kanvas çok büyük olabilir.", + "canvasTooBig": "Tuval pek büyük olabilir.", "canvasTooBigTip": "İpucu: En uzaktaki elemanları birbirine yakınlaştırmayı deneyin." }, "errorSplash": { "headingMain": "Hata oluştu. Lütfen ", - "clearCanvasMessage": "Yenileme sonrası sorun devam ediyorsa, lütfen ", + "clearCanvasMessage": "Yenileme sonrası sorun sürüyorsa lütfen deneyin.", "clearCanvasCaveat": " Bu, yaptığınız değişiklikleri sıfırlayacak ", "trackedToSentry": "Tanımlayıcı ile ilgili hata {{eventId}} sistemimize yakalandı.", "openIssueMessage": "Sahne bilginizi hata mesajına yansıtmamak için oldukça dikkatli davrandık. Eğer sahneniz gizli değilse hatayı lütfen şuradan takip edin Lütfen aşağıya GitHub sorununa kopyalayarak ve yapıştırarak bilgi ekleyin.", "sceneContent": "Sahne içeriği:" }, + "shareDialog": { + "or": "Veya" + }, "roomDialog": { - "desc_intro": "Çalışma alanınıza, sizinle birlikte çalışabilmeleri için başkalarını da ekleyebilirsiniz.", - "desc_privacy": "Çalışma ortamında yaptıklarınız ve çizimleriniz uçtan uca şifrelemeyle saklanmaktadır. Sunucularımız dahi bu verileri şifrelenmemiş haliyle göremez.", + "desc_intro": "İnsanları çiziminiz üzerinde birlikte çalışmaya davet edin.", + "desc_privacy": "Endişelenmeyin, oturum uçtan uca şifrelenmiştir ve tamamen gizlidir. Ne çizdiğinizi sunucumuz bile göremez.", "button_startSession": "Oturumu başlat", "button_stopSession": "Oturumu sonlandır", "desc_inProgressIntro": "Ortak çalışma ortamı oluşturuldu.", @@ -328,6 +410,8 @@ "click": "tıkla", "deepSelect": "Derin seçim", "deepBoxSelect": "Kutu içerisinde derin seçim yapın, sürüklemeyi engelleyin", + "createFlowchart": "Genel bir öğeden akış diyagramı oluşturun", + "navigateFlowchart": "Bir akış diyagramında gezin", "curvedArrow": "Eğri ok", "curvedLine": "Eğri çizgi", "documentation": "Dokümantasyon", @@ -350,7 +434,9 @@ "zoomToSelection": "Seçime yakınlaş", "toggleElementLock": "Seçimi Kilitle/çöz", "movePageUpDown": "Sayfayı yukarı/aşağı kaydır", - "movePageLeftRight": "Sayfayı sola/sağa kaydır" + "movePageLeftRight": "Sayfayı sola/sağa kaydır", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Tuvali temizle" @@ -407,7 +493,7 @@ "title": { "exportToPng": "PNG olarak dışa aktar", "exportToSvg": "SVG olarak dışa aktar", - "copyPngToClipboard": "" + "copyPngToClipboard": "PNG'yi panoya kopyala" }, "button": { "exportToPng": "PNG", @@ -421,13 +507,15 @@ }, "stats": { "angle": "Açı", - "element": "Bileşen", - "elements": "Bileşenler", + "shapes": "Şekiller", "height": "Yükseklik", "scene": "Sahne", "selected": "Seçili", "storage": "Depolama", - "title": "İnekler için istatistikler", + "fullTitle": "Tuval ve şekil özellikleri", + "title": "Özellikler", + "generalStats": "Genel", + "elementProperties": "Şekil özellikleri", "total": "Toplam", "version": "Sürüm", "versionCopy": "Kopyalamak için tıkla", @@ -439,13 +527,15 @@ "copyStyles": "Stiller kopyalandı.", "copyToClipboard": "Panoya kopyalandı.", "copyToClipboardAsPng": "{{exportSelection}} panoya PNG olarak\n({{exportColorScheme}}) kopyalandı", + "copyToClipboardAsSvg": "", "fileSaved": "Dosya kaydedildi.", "fileSavedToFilename": "{filename} kaydedildi", "canvas": "tuval", "selection": "seçim", "pasteAsSingleElement": "Tekil obje olarak yapıştırmak için veya var olan bir metin editörüne yapıştırmak için {{shortcut}} kullanın", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unableToEmbed": "Bu URL'i yerleştirmeye şu anda izin verilmiyor. URL'in beyaz listeye alınmasını istiyorsanız GitHub'da bir issue açın", + "unrecognizedLinkFormat": "Yerleştirdiğiniz bağlantı beklenen biçime uymuyor. Lütfen kaynak sitenin sağladığı \"yerleştir\" dizesini yapıştırmayı deneyin", + "elementLinkCopied": "" }, "colors": { "transparent": "Şeffaf", @@ -462,64 +552,113 @@ "green": "Yeşil", "yellow": "Sarı", "orange": "Turuncu", - "bronze": "" + "bronze": "Bronz" }, "welcomeScreen": { "app": { - "center_heading": "", + "center_heading": "Tüm verileriniz tarayıcınızda yerel olarak kaydedilir.", "center_heading_plus": "Ecalidraw+'a mı gitmek istediniz?", "menuHint": "Dışa aktar, seçenekler, diller, ..." }, "defaults": { "menuHint": "Dışa aktar, seçenekler, ve daha fazlası...", - "center_heading": "", + "center_heading": "Diyagramlar. Basitleştirildi.", "toolbarHint": "Bir araç seçin ve çizime başlayın!", "helpHint": "Kısayollar & yardım" } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "En çok kullanılan özel renkler", "colors": "Renkler", - "shades": "", + "shades": "Tonlar", "hexCode": "Hex kodu", - "noShades": "" + "noShades": "Bu renk için ton mevcut değil" }, "overwriteConfirm": { "action": { "exportToImage": { - "title": "", - "button": "", - "description": "" + "title": "Görüntü olarak dışa aktar", + "button": "Görüntü olarak dışa aktar", + "description": "Sahne verilerini daha sonra içe aktarabileceğiniz bir görüntü olarak dışa aktarın." }, "saveToDisk": { - "title": "", + "title": "Diske kaydet", "button": "Diske Kaydet", - "description": "" + "description": "Sahne verilerini daha sonra içe aktarabileceğiniz bir dosyaya aktarın." }, "excalidrawPlus": { - "title": "", - "button": "", - "description": "" + "title": "Excalidraw+", + "button": "Excalidraw+'a aktar", + "description": "Sahneyi Excalidraw+ çalışma alanınıza kaydedin." } }, "modal": { "loadFromFile": { - "title": "", - "button": "", - "description": "" + "title": "Dosyadan yükle", + "button": "Dosyadan yükle", + "description": "Bir dosyadan yükleme mevcut içeriğinizin yerini alacaktır.

Önce aşağıdaki seçeneklerden birini kullanarak çiziminizi yedekleyebilirsiniz." }, "shareableLink": { - "title": "", - "button": "", - "description": "" + "title": "Bağlantıdan yükle", + "button": "İçeriğimi değiştir", + "description": "Harici çizimin yüklenmesi mevcut içeriğinizin yerini alacaktır.

Önce aşağıdaki seçeneklerden birini kullanarak çiziminizi yedekleyebilirsiniz." } } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid'den Excalidraw'a", + "button": "Ekle", + "description": "Şu anda yalnızca Akış şeması, Dizi, ve Sınıf Diyagramları deskteklenmektedir. Diğer türler, Excalidraw'da görsel olarak çizilecektir.", + "syntax": "Mermaid Sözdizimi", + "preview": "Önizleme" + }, + "quickSearch": { + "placeholder": "Hızlı arama" + }, + "fontList": { + "badge": { + "old": "eski" + }, + "sceneFonts": "Bu sahnede", + "availableFonts": "Kullanılabilir yazı tipleri", + "empty": "Yazı tipi bulunamadı" + }, + "userList": { + "empty": "Kullanıcı bulunamadı", + "hint": { + "text": "Takip etmek için kullanıcıya tıklayın", + "followStatus": "Şu anda bu kullanıcıyı takip ediyorsunuz", + "inCall": "Kullanıcı bir sesli aramada", + "micMuted": "Kullanıcının mikrofonu kapalı", + "isSpeaking": "Kullanıcı konuşuyor" + } + }, + "commandPalette": { + "title": "Komut paleti", + "shortcuts": { + "select": "Seç", + "confirm": "Onayla", + "close": "Kapat" + }, + "recents": "Son kullanılan", + "search": { + "placeholder": "Menülerde, komutlarda arama yapın ve saklı kalmış hazineleri keşfedin", + "noMatch": "Eşleşen komut yok..." + }, + "itemNotAvailable": "Komut mevcut değil...", + "shortcutHint": "Komut paleti için {{shortcut}} kullanın" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/uk-UA.json b/packages/excalidraw/locales/uk-UA.json index 8f0b436721..2554d0b58f 100644 --- a/packages/excalidraw/locales/uk-UA.json +++ b/packages/excalidraw/locales/uk-UA.json @@ -1,7 +1,7 @@ { "labels": { "paste": "Вставити", - "pasteAsPlaintext": "Вставити як простий текст", + "pasteAsPlaintext": "Вставити як текст", "pasteCharts": "Вставити діаграми", "selectAll": "Вибрати все", "multiSelect": "Додати елемент до вибраного", @@ -10,9 +10,9 @@ "copy": "Копіювати", "copyAsPng": "Копіювати як PNG", "copyAsSvg": "Копіювати як SVG", - "copyText": "Копіювати в буфер обміну як текст", - "copySource": "", - "convertToCode": "", + "copyText": "Копіювати як текст", + "copySource": "Скопіювати джерело в буфер обміну", + "convertToCode": "Перетворити у код", "bringForward": "Перемістити вперед", "sendToBack": "На задній план", "bringToFront": "На передній план", @@ -21,7 +21,9 @@ "copyStyles": "Копіювати стилі", "pasteStyles": "Вставити стилі", "stroke": "Контур", + "changeStroke": "Змінити колір обведення", "background": "Тло", + "changeBackground": "Змінити колір фону", "fill": "Заповнити", "strokeWidth": "Товщина контуру", "strokeStyle": "Стиль контуру", @@ -38,15 +40,23 @@ "arrowhead_none": "Жоден", "arrowhead_arrow": "Стрілка", "arrowhead_bar": "Колона", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Коло", + "arrowhead_circle_outline": "Коло (контур)", "arrowhead_triangle": "Трикутник", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Трикутник (контур)", + "arrowhead_diamond": "Ромб", + "arrowhead_diamond_outline": "Ромб (контур)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "Інші опції", + "arrowtypes": "Тип стрілки", + "arrowtype_sharp": "Гостра стрілка", + "arrowtype_round": "Вигнута стрілка", + "arrowtype_elbowed": "Прямокутна стрілка", "fontSize": "Розмір шрифту", "fontFamily": "Шрифт", - "addWatermark": "Додати «Накреслене в Excalidraw»", + "addWatermark": "Додати \"Зроблено з Excalidraw\"", "handDrawn": "Ручний апарат", "normal": "Звичайний", "code": "Код", @@ -72,6 +82,7 @@ "canvasColors": "Використовується на полотні", "canvasBackground": "Тло полотна", "drawingCanvas": "Полотно", + "clearCanvas": "Прозоре полотно", "layers": "Шари", "actions": "Дії", "language": "Мова", @@ -80,16 +91,17 @@ "untitled": "Без назви", "name": "Ім’я", "yourName": "Ваше ім’я", - "madeWithExcalidraw": "Накреслене в Excalidraw", + "madeWithExcalidraw": "Зроблено з Excalidraw", "group": "Групувати виділене", "ungroup": "Розгрупувати виділене", "collaborators": "Співавтори", - "showGrid": "Показати сітку", + "toggleGrid": "Перемикати сітку", "addToLibrary": "Додати до бібліотеки", "removeFromLibrary": "Видалити з бібліотеки", - "libraryLoadingMessage": "Завантажити бібліотеку…", + "libraryLoadingMessage": "Завантаження бібліотеки…", "libraries": "Всі бібліотеки", "loadingScene": "Завантаження сцени…", + "loadScene": "Завантажити сцену з файлу", "align": "Вирівнювання", "alignTop": "Вирівняти по верхньому краю", "alignBottom": "Вирівняти по нижньому краю", @@ -98,14 +110,16 @@ "centerVertically": "Центрувати по вертикалі", "centerHorizontally": "Центрувати по горизонталі", "distributeHorizontally": "Розподілити по горизонталі", - "distributeVertically": "Розподілити вертикально", + "distributeVertically": "Розподілити по вертикалі", "flipHorizontal": "Віддзеркалити горизонтально", "flipVertical": "Віддзеркалити вертикально", "viewMode": "Режим перегляду", "share": "Поділитися", "showStroke": "Показати палітру для контура", "showBackground": "Показати палітру для фону", - "toggleTheme": "Перемкнути тему", + "showFonts": "Показати засіб вибору шрифту", + "toggleTheme": "Перемикати світлу/темну теми", + "theme": "Тема", "personalLib": "Персональна бібліотека", "excalidrawLib": "Бібліотека Excalidraw", "decreaseFontSize": "Зменшити розмір шрифту", @@ -115,16 +129,21 @@ "createContainerFromText": "Огорнути текст у контейнер", "link": { "edit": "Редагування посилання", - "editEmbed": "Редагування посилання і вкладення", - "create": "Створити посилання", - "createEmbed": "Створити посилання і вкладення", + "editEmbed": "Редагувати вбудоване посилання", + "create": "Додати посилання", "label": "Посилання", "labelEmbed": "Посилання і вкладення", - "empty": "Посилання відсутнє" + "empty": "Посилання відсутнє", + "hint": "Введіть або вставте ваше посилання тут", + "goToElement": "Перейти до цільового елемента" }, "lineEditor": { "edit": "Редагувати лінію", - "exit": "Закінчити редагування лінії" + "editArrow": "Редагувати стрілку" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Блокувати", @@ -137,13 +156,47 @@ "selectAllElementsInFrame": "Обрати всі елементи у фреймі", "removeAllElementsFromFrame": "Видалити всі елементи з фрейму", "eyeDropper": "Вибрати колір з полотна", - "textToDiagram": "", - "prompt": "" + "textToDiagram": "Діаграма з тексту", + "prompt": "Запит", + "followUs": "Підписатися", + "discordChat": "Чат в Discord", + "zoomToFitViewport": "Збільшити до розміру перегляду", + "zoomToFitSelection": "Збільшити, щоб відповідати виділенню", + "zoomToFit": "Збільшити, щоб умістити всі елементи", + "installPWA": "Встановити Excalidraw локально (PWA)", + "autoResize": "Увімкнути автоматичне змінення розміру тексту", + "imageCropping": "Обрізка зображення", + "unCroppedDimension": "Необрізаний розмір", + "copyElementLink": "Копіювати посилання на об'єкт", + "linkToElement": "Посилання на об’єкт", + "wrapSelectionInFrame": "Обтікання виділеного фрагмента рамкою", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Посилання на об’єкт", + "desc": "Натисніть на фігуру на полотні або вставте посилання.", + "notFound": "Зв'язаний об'єкт не знайдено на полотні." }, "library": { "noItems": "Тут поки пусто...", "hint_emptyLibrary": "Виберіть об'єкт на полотні, щоб додати його сюди або встановіть бібліотеку з публічного репозиторію, що нижче.", - "hint_emptyPrivateLibrary": "Виберіть елемент на полотні, щоб додати його сюди." + "hint_emptyPrivateLibrary": "Виберіть елемент на полотні, щоб додати його сюди.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Знайти на полотні", + "noMatch": "Збігів не знайдено...", + "singleResult": "результат", + "multipleResults": "результати", + "placeholder": "Знайти текст на полотні...", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Очистити полотно", @@ -151,6 +204,7 @@ "exportImage": "Експорт зображення...", "export": "Зберегти як...", "copyToClipboard": "Скопіювати до буферу обміну", + "copyLink": "Копіювати посилання", "save": "Зберегти до поточного файлу", "saveAs": "Зберегти як", "load": "Відкрити", @@ -171,14 +225,16 @@ "fullScreen": "Повноекранний режим", "darkMode": "Темна тема", "lightMode": "Світла тема", + "systemMode": "Системний режим", "zenMode": "Режим Дзен", - "objectsSnapMode": "", + "objectsSnapMode": "Прив'язати до об'єктів", "exitZenMode": "Вийти з дзен-режиму", "cancel": "Скасувати", + "saveLibNames": "", "clear": "Очистити", "remove": "Видалити", "embed": "Перемкнути вкладення", - "publishLibrary": "Опублікувати", + "publishLibrary": "", "submit": "Надіслати", "confirm": "Підтвердити", "embeddableInteractionButton": "Натисніть для взаємодії" @@ -204,20 +260,21 @@ "resetLibrary": "Це призведе до очищення бібліотеки. Ви впевнені?", "removeItemsFromsLibrary": "Видалити {{count}} елемент(ів) з бібліотеки?", "invalidEncryptionKey": "Ключ шифрування повинен бути довжиною до 22 символів. Спільну роботу вимкнено.", - "collabOfflineWarning": "Немає підключення до Інтернету.\nВаші зміни не будуть збережені!" + "collabOfflineWarning": "Немає підключення до Інтернету.\nВаші зміни не будуть збережені!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Непідтримуваний тип файлу.", "imageInsertError": "Не вдалося вставити зображення. Повторіть спробу пізніше...", "fileTooBig": "Занадто великий розмір файлу, максимальний розмір файлу {{maxSize}}.", "svgImageInsertError": "Не вдалося вставити SVG-зображення. Помилка розмітки SVG.", - "failedToFetchImage": "", - "invalidSVGString": "Недійсний SVG.", + "failedToFetchImage": "Не вдалося отримати зображення.", "cannotResolveCollabServer": "Не вдалося приєднатися до сервера. Перезавантажте сторінку та повторіть спробу.", "importLibraryError": "Не вдалося завантажити бібліотеку", + "saveLibraryError": "Не вдалося зберегти бібліотеку в сховище. Збережіть свою бібліотеку у файл локально, щоб не втратити зміни.", "collabSaveFailed": "Не вдалося зберегти у базу даних сервера. Якщо проблеми не зникнуть, Вам слід зберегти файл локально, щоб не втратити роботу.", "collabSaveFailed_sizeExceeded": "Полотно завелике! Не вдалося зберегти у базу даних сервера. Вам слід зберегти файл локально, щоб не втратити свою роботу.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Зображення відключені.", "brave_measure_text_error": { "line1": "Ви використовуєте браузер Brave з увімкненим налаштуванням Агресивного Блокування Розпізнавання Пристрою.", "line2": "Це може нашкодити текстовим елементам у ваших малюнках.", @@ -226,15 +283,16 @@ }, "libraryElementTypeError": { "embeddable": "Вбудовані елементи не можна додати в бібліотеку.", - "iframe": "", + "iframe": "Елементи iFrame не можна додати до бібліотеки.", "image": "Підтримка додавання зображень в бібліотеку найближчим часом!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Не вдалося вставити (неможливо прочитати з буфера обміну).", + "asyncPasteFailedOnParse": "Не вдалося вставити.", + "copyToSystemClipboardFailed": "Не вдалося скопіювати до буфера обміну." }, "toolBar": { "selection": "Виділення", + "lasso": "", "image": "Вставити зображення", "rectangle": "Прямокутник", "diamond": "Ромб", @@ -244,18 +302,34 @@ "freedraw": "Малювати", "text": "Текст", "library": "Бібліотека", - "lock": "Залишити обраний інструмент після креслення", + "lock": "Залишити обраний інструмент активним після креслення", "penMode": "Режим пера - запобігання дотику", - "link": "Додати/Оновити посилання для вибраної форми", - "eraser": "Очищувач", + "link": "Додати/оновити посилання для вибраної форми", + "eraser": "Гумка", "frame": "Інструмент фрейму", - "magicframe": "", + "magicframe": "Перетворити у код", "embeddable": "Веб вкладення", - "laser": "", + "laser": "Лазерний вказівник", "hand": "Рука (інструмент для панорамування)", "extraTools": "Інші інструменти", - "mermaidToExcalidraw": "", - "magicSettings": "" + "mermaidToExcalidraw": "Mermaid у Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Прямокутник", + "diamond": "Ромб", + "ellipse": "Еліпс", + "arrow": "Стрілка", + "line": "Лінія", + "freedraw": "Малювання від руки", + "text": "Текст", + "image": "Зображення", + "group": "Група", + "frame": "Рамка", + "magicframe": "Перетворити у код", + "embeddable": "Веб вкладення", + "selection": "Виділення", + "iframe": "IFrame" }, "headings": { "canvasActions": "Дії з полотном", @@ -263,28 +337,33 @@ "shapes": "Фігури" }, "hints": { - "canvasPanning": "Щоб перемістити полотно, утримуйте коліщатко миші або пробіл під час перетягування, або скористайтеся інструментом Рука", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Натисніть щоб додати кілька точок. Перетягніть щоб намалювати одну лінію", + "arrowTool": "", "freeDraw": "Натисніть і потягніть, відпустіть коли завершите", "text": "Порада: можна також додати текст, двічі клацнувши по будь-якому місці інструментом вибору", "embeddable": "Клікніть та перетягніть для створення вбудованого вебсайту", - "text_selected": "Подвійний клік або натисніть клавішу ENTER, щоб редагувати текст", - "text_editing": "Натисніть клавішу Escape або Ctrl/Cmd+ENTER, щоб завершити редагування", - "linearElementMulti": "Натисніть на останню точку, клацніть Esc або Enter щоб завершити", - "lockAngle": "Ви можете обмежити кут, утримуюючи SHIFT", - "resize": "Ви можете зберегти пропорції, утримуючи SHIFT під час зміни розміру,\nутримуйте ALT для змінення розміру від центру", - "resizeImage": "Ви можете змінювати розміри утримуючи клавішу SHIFT, втримуйте клавішу ALT щоб змінювати розмір відносно центру", - "rotate": "Ви можете обмежити кути, утримуючи SHIFT під час обертання", - "lineEditor_info": "Утримуйте CtrlOrCmd і двічі клацніть або натисніть CtrlOrCmd + Enter, щоб редагувати цятки", - "lineEditor_pointSelected": "Натисніть Delete для видалення точку (точок), або Ctrl/Cmd+D для дублювання, перетаскування працює як звично", - "lineEditor_nothingSelected": "Виберіть точку для редагування (втримуйте клавішу SHIFT для вибору кількох точок), або клавішу Alt для додавання нових точок", - "placeImage": "Клацніть, щоб розмістити зображення, або натисніть та потягніть щоб змінити його розмір", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "Опублікувати свою власну бібліотеку", - "bindTextToElement": "Натисніть Enter, щоб додати текст", - "deepBoxSelect": "Втримуйте Ctrl/Cmd для глибокого виділення та щоб попередити перетягування", - "eraserRevert": "Втримуйте клавішу Alt, щоб повернути елементи позначені для видалення", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "Цю функцію можна ввімкнути, встановивши значення \"true\" для налаштування \"dom.events.asyncClipboard.clipboardItem\". Перейдіть на сторінку «about:config», щоб змінити налаштування браузера у Firefox.", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Не вдається показати попередній перегляд", @@ -299,9 +378,12 @@ "openIssueMessage": "Ми були дуже обережні, щоб не включати інформацію про ваші сцени в текст помилки. Якщо ваша сцена не була приватна, будь ласка, розгляньте можливість продовження на нашому Будь ласка, додайте інформацію нижче, скопіюючи і вставляючи у GitHub issue.", "sceneContent": "Вміст сцени:" }, + "shareDialog": { + "or": "Або" + }, "roomDialog": { - "desc_intro": "Ви можете запросити людей для спільної роботи.", - "desc_privacy": "Не хвилюйтеся, сесія захищена наскрізним шифруванням, тому ваше креслення залишиться приватним. Навіть наш сервер не побачить вашу роботу.", + "desc_intro": "Запросіть людей до співпраці над вашим малюнком.", + "desc_privacy": "Не хвилюйтеся, сеанс наскрізно зашифрований і повністю приватний. Навіть наш сервер не бачить, що ви малюєте.", "button_startSession": "Почати сесію", "button_stopSession": "Закрити сесію", "desc_inProgressIntro": "Сесія спільної роботи над кресленням триває.", @@ -328,6 +410,8 @@ "click": "натиснути", "deepSelect": "Глибокий вибір", "deepBoxSelect": "Глибоке виділення в межах рамки, та обмеження перетягування", + "createFlowchart": "Створіть графік із загального елемента", + "navigateFlowchart": "Перейти на графік", "curvedArrow": "Крива стрілка", "curvedLine": "Крива лінія", "documentation": "Документація", @@ -350,7 +434,9 @@ "zoomToSelection": "Наблизити вибране", "toggleElementLock": "Заблокувати/розблокувати вибране", "movePageUpDown": "Пересунути сторінку вгору/вниз", - "movePageLeftRight": "Пересунути сторінку вліво/вправо" + "movePageLeftRight": "Пересунути сторінку вліво/вправо", + "cropStart": "Обрізати зображення", + "cropFinish": "Закінчити обрізку зображення" }, "clearCanvasDialog": { "title": "Очистити полотно" @@ -360,7 +446,7 @@ "itemName": "Назва елементу", "authorName": "Ім'я автора", "githubUsername": "Ім'я користувача Github", - "twitterUsername": "Ім'я користувача Твитер", + "twitterUsername": "Ім'я користувача Twitter", "libraryName": "Назва бібліотеки", "libraryDesc": "Опис бібліотеки", "website": "Вебсайт", @@ -421,13 +507,15 @@ }, "stats": { "angle": "Кут", - "element": "Елемент", - "elements": "Елементи", + "shapes": "Форми", "height": "Висота", "scene": "Сцена", "selected": "Обрано", "storage": "Сховище", - "title": "Статистика", + "fullTitle": "Властивості полотна та форми", + "title": "Властивості", + "generalStats": "Загальні", + "elementProperties": "Властивості форми", "total": "Всього", "version": "Версія", "versionCopy": "Натисніть, щоб скопіювати", @@ -439,13 +527,15 @@ "copyStyles": "Скопійовані стилі.", "copyToClipboard": "Скопіювати до буферу обміну.", "copyToClipboardAsPng": "Скопійовано {{exportSelection}} до буфера обміну як PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Скопійовано {{exportSelection}} до буфера обміну як SVG\n({{exportColorScheme}})", "fileSaved": "Файл збережено.", "fileSavedToFilename": "Збережено в {filename}", "canvas": "полотно", "selection": "виділення", "pasteAsSingleElement": "Використайте {{shortcut}} для вставки самостійного зразка або використайте в текстовому редакторі", "unableToEmbed": "Вбудування цієї url на даний час не допускається. Підніміть питання на GitHub, щоб попросити внести URL-адресу до білого списку", - "unrecognizedLinkFormat": "Посилання, яке ви вставили, не відповідає очікуваному формату. Будь ласка, спробуйте вставити рядок \"embed\", наданий сайтом-джерелом" + "unrecognizedLinkFormat": "Посилання, яке ви вставили, не відповідає очікуваному формату. Будь ласка, спробуйте вставити рядок \"embed\", наданий сайтом-джерелом", + "elementLinkCopied": "Посилання скопійовано в буфер обміну" }, "colors": { "transparent": "Прозорий", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "Найбільш використовувані користувацькі кольори", "colors": "Кольори", "shades": "Тіні", @@ -516,10 +607,58 @@ } }, "mermaid": { - "title": "", - "button": "", - "description": "", - "syntax": "", - "preview": "" + "title": "Mermaid у Excalidraw", + "button": "Вставити", + "description": "Наразі підтримується тільки блок-схемидіаграми послідовностей та діаграми класів. Інші типи будуть відображатися як зображення в Excalidraw.", + "syntax": "Синтаксис Mermaid", + "preview": "Попередній перегляд" + }, + "quickSearch": { + "placeholder": "Швидкий пошук" + }, + "fontList": { + "badge": { + "old": "старий" + }, + "sceneFonts": "На цій сцені", + "availableFonts": "Доступні шрифти", + "empty": "Шрифти не знайдено" + }, + "userList": { + "empty": "Користувачів не знайдено", + "hint": { + "text": "Натисніть на користувача, щоб підписатися", + "followStatus": "Ви вже підписані на цього користувача", + "inCall": "Користувач здійснює голосовий виклик", + "micMuted": "Мікрофон користувача вимкнено", + "isSpeaking": "Користувач говорить" + } + }, + "commandPalette": { + "title": "Командна палітра", + "shortcuts": { + "select": "Вибрати", + "confirm": "Підтвердити", + "close": "Закрити" + }, + "recents": "Нещодавно використані", + "search": { + "placeholder": "Шукайте меню, команди та відкривайте приховані перлини", + "noMatch": "Немає відповідних команд..." + }, + "itemNotAvailable": "Команда недоступна...", + "shortcutHint": "Для панелі команд використовуйте {{shortcut}}" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/uz-UZ.json b/packages/excalidraw/locales/uz-UZ.json new file mode 100644 index 0000000000..83cc143a8f --- /dev/null +++ b/packages/excalidraw/locales/uz-UZ.json @@ -0,0 +1,664 @@ +{ + "labels": { + "paste": "", + "pasteAsPlaintext": "", + "pasteCharts": "", + "selectAll": "", + "multiSelect": "", + "moveCanvas": "", + "cut": "", + "copy": "", + "copyAsPng": "", + "copyAsSvg": "", + "copyText": "", + "copySource": "", + "convertToCode": "", + "bringForward": "", + "sendToBack": "", + "bringToFront": "", + "sendBackward": "", + "delete": "", + "copyStyles": "", + "pasteStyles": "", + "stroke": "", + "changeStroke": "", + "background": "", + "changeBackground": "", + "fill": "", + "strokeWidth": "", + "strokeStyle": "", + "strokeStyle_solid": "", + "strokeStyle_dashed": "", + "strokeStyle_dotted": "", + "sloppiness": "", + "opacity": "", + "textAlign": "", + "edges": "", + "sharp": "", + "round": "", + "arrowheads": "", + "arrowhead_none": "", + "arrowhead_arrow": "", + "arrowhead_bar": "", + "arrowhead_circle": "", + "arrowhead_circle_outline": "", + "arrowhead_triangle": "", + "arrowhead_triangle_outline": "", + "arrowhead_diamond": "", + "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", + "fontSize": "", + "fontFamily": "", + "addWatermark": "", + "handDrawn": "", + "normal": "", + "code": "", + "small": "", + "medium": "", + "large": "", + "veryLarge": "", + "solid": "", + "hachure": "", + "zigzag": "", + "crossHatch": "", + "thin": "", + "bold": "", + "left": "", + "center": "", + "right": "", + "extraBold": "", + "architect": "", + "artist": "", + "cartoonist": "", + "fileTitle": "", + "colorPicker": "", + "canvasColors": "", + "canvasBackground": "", + "drawingCanvas": "", + "clearCanvas": "", + "layers": "", + "actions": "", + "language": "", + "liveCollaboration": "", + "duplicateSelection": "", + "untitled": "", + "name": "", + "yourName": "", + "madeWithExcalidraw": "", + "group": "", + "ungroup": "", + "collaborators": "", + "toggleGrid": "", + "addToLibrary": "", + "removeFromLibrary": "", + "libraryLoadingMessage": "", + "libraries": "", + "loadingScene": "", + "loadScene": "", + "align": "", + "alignTop": "", + "alignBottom": "", + "alignLeft": "", + "alignRight": "", + "centerVertically": "", + "centerHorizontally": "", + "distributeHorizontally": "", + "distributeVertically": "", + "flipHorizontal": "", + "flipVertical": "", + "viewMode": "", + "share": "", + "showStroke": "", + "showBackground": "", + "showFonts": "", + "toggleTheme": "", + "theme": "", + "personalLib": "", + "excalidrawLib": "", + "decreaseFontSize": "", + "increaseFontSize": "", + "unbindText": "", + "bindText": "", + "createContainerFromText": "", + "link": { + "edit": "", + "editEmbed": "", + "create": "", + "label": "", + "labelEmbed": "", + "empty": "", + "hint": "", + "goToElement": "" + }, + "lineEditor": { + "edit": "", + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" + }, + "elementLock": { + "lock": "", + "unlock": "", + "lockAll": "", + "unlockAll": "" + }, + "statusPublished": "", + "sidebarLock": "", + "selectAllElementsInFrame": "", + "removeAllElementsFromFrame": "", + "eyeDropper": "", + "textToDiagram": "", + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" + }, + "library": { + "noItems": "", + "hint_emptyLibrary": "", + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" + }, + "buttons": { + "clearReset": "", + "exportJSON": "", + "exportImage": "", + "export": "", + "copyToClipboard": "", + "copyLink": "", + "save": "", + "saveAs": "", + "load": "", + "getShareableLink": "", + "close": "", + "selectLanguage": "", + "scrollBackToContent": "", + "zoomIn": "", + "zoomOut": "", + "resetZoom": "", + "menu": "", + "done": "", + "edit": "", + "undo": "", + "redo": "", + "resetLibrary": "", + "createNewRoom": "", + "fullScreen": "", + "darkMode": "", + "lightMode": "", + "systemMode": "", + "zenMode": "", + "objectsSnapMode": "", + "exitZenMode": "", + "cancel": "", + "saveLibNames": "", + "clear": "", + "remove": "", + "embed": "", + "publishLibrary": "", + "submit": "", + "confirm": "", + "embeddableInteractionButton": "" + }, + "alerts": { + "clearReset": "", + "couldNotCreateShareableLink": "", + "couldNotCreateShareableLinkTooBig": "", + "couldNotLoadInvalidFile": "", + "importBackendFailed": "", + "cannotExportEmptyCanvas": "", + "couldNotCopyToClipboard": "", + "decryptFailed": "", + "uploadedSecurly": "", + "loadSceneOverridePrompt": "", + "collabStopOverridePrompt": "", + "errorAddingToLibrary": "", + "errorRemovingFromLibrary": "", + "confirmAddLibrary": "", + "imageDoesNotContainScene": "", + "cannotRestoreFromImage": "", + "invalidSceneUrl": "", + "resetLibrary": "", + "removeItemsFromsLibrary": "", + "invalidEncryptionKey": "", + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" + }, + "errors": { + "unsupportedFileType": "", + "imageInsertError": "", + "fileTooBig": "", + "svgImageInsertError": "", + "failedToFetchImage": "", + "cannotResolveCollabServer": "", + "importLibraryError": "", + "saveLibraryError": "", + "collabSaveFailed": "", + "collabSaveFailed_sizeExceeded": "", + "imageToolNotSupported": "", + "brave_measure_text_error": { + "line1": "", + "line2": "", + "line3": "", + "line4": "" + }, + "libraryElementTypeError": { + "embeddable": "", + "iframe": "", + "image": "" + }, + "asyncPasteFailedOnRead": "", + "asyncPasteFailedOnParse": "", + "copyToSystemClipboardFailed": "" + }, + "toolBar": { + "selection": "", + "lasso": "", + "image": "", + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "library": "", + "lock": "", + "penMode": "", + "link": "", + "eraser": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "laser": "", + "hand": "", + "extraTools": "", + "mermaidToExcalidraw": "", + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" + }, + "headings": { + "canvasActions": "", + "selectedShapeActions": "", + "shapes": "" + }, + "hints": { + "dismissSearch": "", + "canvasPanning": "", + "linearElement": "", + "arrowTool": "", + "freeDraw": "", + "text": "", + "embeddable": "", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", + "publishLibrary": "", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", + "firefox_clipboard_write": "", + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" + }, + "canvasError": { + "cannotShowPreview": "", + "canvasTooBig": "", + "canvasTooBigTip": "" + }, + "errorSplash": { + "headingMain": "", + "clearCanvasMessage": "", + "clearCanvasCaveat": "", + "trackedToSentry": "", + "openIssueMessage": "", + "sceneContent": "" + }, + "shareDialog": { + "or": "" + }, + "roomDialog": { + "desc_intro": "", + "desc_privacy": "", + "button_startSession": "", + "button_stopSession": "", + "desc_inProgressIntro": "", + "desc_shareLink": "", + "desc_exitSession": "", + "shareTitle": "" + }, + "errorDialog": { + "title": "" + }, + "exportDialog": { + "disk_title": "", + "disk_details": "", + "disk_button": "", + "link_title": "", + "link_details": "", + "link_button": "", + "excalidrawplus_description": "", + "excalidrawplus_button": "", + "excalidrawplus_exportError": "" + }, + "helpDialog": { + "blog": "", + "click": "", + "deepSelect": "", + "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", + "curvedArrow": "", + "curvedLine": "", + "documentation": "", + "doubleClick": "", + "drag": "", + "editor": "", + "editLineArrowPoints": "", + "editText": "", + "github": "", + "howto": "", + "or": "", + "preventBinding": "", + "tools": "", + "shortcuts": "", + "textFinish": "", + "textNewLine": "", + "title": "", + "view": "", + "zoomToFit": "", + "zoomToSelection": "", + "toggleElementLock": "", + "movePageUpDown": "", + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" + }, + "clearCanvasDialog": { + "title": "" + }, + "publishDialog": { + "title": "", + "itemName": "", + "authorName": "", + "githubUsername": "", + "twitterUsername": "", + "libraryName": "", + "libraryDesc": "", + "website": "", + "placeholder": { + "authorName": "", + "libraryName": "", + "libraryDesc": "", + "githubHandle": "", + "twitterHandle": "", + "website": "" + }, + "errors": { + "required": "", + "website": "" + }, + "noteDescription": "", + "noteGuidelines": "", + "noteLicense": "", + "noteItems": "", + "atleastOneLibItem": "", + "republishWarning": "" + }, + "publishSuccessDialog": { + "title": "", + "content": "" + }, + "confirmDialog": { + "resetLibrary": "", + "removeItemsFromLib": "" + }, + "imageExportDialog": { + "header": "", + "label": { + "withBackground": "", + "onlySelected": "", + "darkMode": "", + "embedScene": "", + "scale": "", + "padding": "" + }, + "tooltip": { + "embedScene": "" + }, + "title": { + "exportToPng": "", + "exportToSvg": "", + "copyPngToClipboard": "" + }, + "button": { + "exportToPng": "", + "exportToSvg": "", + "copyPngToClipboard": "" + } + }, + "encrypted": { + "tooltip": "", + "link": "" + }, + "stats": { + "angle": "", + "shapes": "", + "height": "", + "scene": "", + "selected": "", + "storage": "", + "fullTitle": "", + "title": "", + "generalStats": "", + "elementProperties": "", + "total": "", + "version": "", + "versionCopy": "", + "versionNotAvailable": "", + "width": "" + }, + "toast": { + "addedToLibrary": "", + "copyStyles": "", + "copyToClipboard": "", + "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", + "fileSaved": "", + "fileSavedToFilename": "", + "canvas": "", + "selection": "", + "pasteAsSingleElement": "", + "unableToEmbed": "", + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" + }, + "colors": { + "transparent": "", + "black": "", + "white": "", + "red": "", + "pink": "", + "grape": "", + "violet": "", + "gray": "", + "blue": "", + "cyan": "", + "teal": "", + "green": "", + "yellow": "", + "orange": "", + "bronze": "" + }, + "welcomeScreen": { + "app": { + "center_heading": "", + "center_heading_plus": "", + "menuHint": "" + }, + "defaults": { + "menuHint": "", + "center_heading": "", + "toolbarHint": "", + "helpHint": "" + } + }, + "colorPicker": { + "color": "", + "mostUsedCustomColors": "", + "colors": "", + "shades": "", + "hexCode": "", + "noShades": "" + }, + "overwriteConfirm": { + "action": { + "exportToImage": { + "title": "", + "button": "", + "description": "" + }, + "saveToDisk": { + "title": "", + "button": "", + "description": "" + }, + "excalidrawPlus": { + "title": "", + "button": "", + "description": "" + } + }, + "modal": { + "loadFromFile": { + "title": "", + "button": "", + "description": "" + }, + "shareableLink": { + "title": "", + "button": "", + "description": "" + } + } + }, + "mermaid": { + "title": "", + "button": "", + "description": "", + "syntax": "", + "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" + } +} diff --git a/packages/excalidraw/locales/vi-VN.json b/packages/excalidraw/locales/vi-VN.json index 5e24dc3e36..8eeb857445 100644 --- a/packages/excalidraw/locales/vi-VN.json +++ b/packages/excalidraw/locales/vi-VN.json @@ -4,15 +4,15 @@ "pasteAsPlaintext": "Dán kiểu văn bản thuần", "pasteCharts": "Dán biểu đồ", "selectAll": "Chọn tất cả", - "multiSelect": "Thêm mới vào Select", + "multiSelect": "Chọn thêm đối tượng này", "moveCanvas": "Di chuyển canvas", "cut": "Cắt", "copy": "Sao chép", "copyAsPng": "Sao chép vào bộ nhớ tạm dưới dạng PNG", "copyAsSvg": "Sao chép vào bộ nhớ tạm dưới dạng SVG", "copyText": "Sao chép vào bộ nhớ tạm dưới dạng chữ", - "copySource": "", - "convertToCode": "", + "copySource": "Sao chép vào bộ nhớ tạm", + "convertToCode": "Chuyển thành mã", "bringForward": "Đưa ra trước", "sendToBack": "Hạ xuống dưới", "bringToFront": "Đưa ra đầu tiên", @@ -21,8 +21,10 @@ "copyStyles": "Sao chép định dạng", "pasteStyles": "Dán định dạng", "stroke": "Nét", + "changeStroke": "Đổi màu nét vẽ", "background": "Nền", - "fill": "Fill", + "changeBackground": "Thay đổi màu nền", + "fill": "Đổ màu", "strokeWidth": "Độ dày nét", "strokeStyle": "Kiểu nét", "strokeStyle_solid": "Khối", @@ -38,12 +40,20 @@ "arrowhead_none": "Không", "arrowhead_arrow": "Mũi tên", "arrowhead_bar": "Thanh", - "arrowhead_circle": "", - "arrowhead_circle_outline": "", + "arrowhead_circle": "Hình tròn", + "arrowhead_circle_outline": "Hình tròn (đường viền)", "arrowhead_triangle": "Tam giác", - "arrowhead_triangle_outline": "", - "arrowhead_diamond": "", - "arrowhead_diamond_outline": "", + "arrowhead_triangle_outline": "Tam giác (đường viền)", + "arrowhead_diamond": "Kim cương", + "arrowhead_diamond_outline": "Kim cương (đường viền)", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "Tùy chọn khác", + "arrowtypes": "Loại mũi tên", + "arrowtype_sharp": "Mũi tên nhọn", + "arrowtype_round": "Mũi tên cong", + "arrowtype_elbowed": "Mũi tên gấp khúc", "fontSize": "Cỡ chữ", "fontFamily": "Phông chữ", "addWatermark": "Làm với Excalidraw\"", @@ -56,7 +66,7 @@ "veryLarge": "Rất lớn", "solid": "Đặc", "hachure": "Nét gạch gạch", - "zigzag": "Zigzag", + "zigzag": "Zig-zag", "crossHatch": "Nét gạch chéo", "thin": "Mỏng", "bold": "In đậm", @@ -72,6 +82,7 @@ "canvasColors": "Đã dùng trên canvas", "canvasBackground": "Nền canvas", "drawingCanvas": "Canvas vẽ", + "clearCanvas": "Xóa khung vẽ", "layers": "Lớp", "actions": "Chức năng", "language": "Ngôn ngữ", @@ -84,12 +95,13 @@ "group": "Gộp nhóm lại lựa chọn", "ungroup": "Tách nhóm lựa chọn", "collaborators": "Cộng tác viên", - "showGrid": "Hiển thị lưới", + "toggleGrid": "Bật/tắt lưới", "addToLibrary": "Thêm vào thư viện", "removeFromLibrary": "Xóa khỏi thư viện", "libraryLoadingMessage": "Đang tải thư viện…", "libraries": "Xem thư viện", "loadingScene": "Đang tải về…", + "loadScene": "Tải bản vẽ từ tệp", "align": "Căn chỉnh", "alignTop": "Căn trên", "alignBottom": "Căn dưới", @@ -105,26 +117,33 @@ "share": "Chia sẻ", "showStroke": "Hiển thị chọn màu", "showBackground": "Hiện thị chọn màu nền", - "toggleTheme": "", + "showFonts": "Hiển thị bộ chọn phông chữ", + "toggleTheme": "Chuyển đổi giao diện sáng/tối", + "theme": "Chủ đề", "personalLib": "Thư viện cá nhân", "excalidrawLib": "Thư viện Excalidraw", "decreaseFontSize": "Giảm cỡ chữ", "increaseFontSize": "Tăng cỡ chữ", - "unbindText": "", - "bindText": "", - "createContainerFromText": "", + "unbindText": "Bỏ liên kết văn bản", + "bindText": "Gắn văn bản vào khung", + "createContainerFromText": "Ngắt dòng văn bản trong khung", "link": { "edit": "Sửa liên kết", - "editEmbed": "", - "create": "Tạo liên kết", - "createEmbed": "", + "editEmbed": "Chỉnh sửa liên kết nhúng", + "create": "Thêm liên kết", "label": "Liên kết", - "labelEmbed": "", - "empty": "" + "labelEmbed": "Liên kết & nhúng", + "empty": "Chưa đặt liên kết", + "hint": "Nhập hoặc dán liên kết vào đây", + "goToElement": "Đi tới phần tử đích" }, "lineEditor": { "edit": "Điều chỉnh nét", - "exit": "Thoát chỉnh nét" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "Khoá", @@ -134,16 +153,50 @@ }, "statusPublished": "Đã đăng tải", "sidebarLock": "Giữ thanh bên luôn mở", - "selectAllElementsInFrame": "", - "removeAllElementsFromFrame": "", - "eyeDropper": "", - "textToDiagram": "", - "prompt": "" + "selectAllElementsInFrame": "Chọn tất cả phần tử trong khung", + "removeAllElementsFromFrame": "Loại bỏ tất cả các phần tử trong khung", + "eyeDropper": "Chọn màu từ vùng vẽ", + "textToDiagram": "Văn bản sang sơ đồ", + "prompt": "Lời nhắc", + "followUs": "Theo dõi chúng tôi", + "discordChat": "Trò chuyện Discord", + "zoomToFitViewport": "Thu phóng vừa với khung nhìn", + "zoomToFitSelection": "Thu phóng vừa với vùng chọn", + "zoomToFit": "Thu phóng để hiển thị toàn bộ các phần tử", + "installPWA": "Cài đặt Excalidraw trên máy (PWA)", + "autoResize": "Bật tự động thay đổi kích thước văn bản", + "imageCropping": "Cắt ảnh", + "unCroppedDimension": "Kích thước gốc (chưa cắt)", + "copyElementLink": "Sao chép liên kết tới đối tượng", + "linkToElement": "Liên kết đến đối tượng", + "wrapSelectionInFrame": "Đưa vùng chọn vào khung", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "Liên kết đến đối tượng", + "desc": "Nhấp vào một hình trên vùng vẽ hoặc dán liên kết.", + "notFound": "Không tìm thấy đối tượng liên kết trên vùng vẽ." }, "library": { "noItems": "Chưa có món nào...", "hint_emptyLibrary": "Chọn một món trên canvas để thêm nó vào đây, hoặc cài đặt thư viện từ kho lưu trữ công cộng, ở bên dưới.", - "hint_emptyPrivateLibrary": "Chọn một món trên canvas để thêm nó vào đây." + "hint_emptyPrivateLibrary": "Chọn một món trên canvas để thêm nó vào đây.", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "Tìm trên vùng vẽ", + "noMatch": "Không có kết quả phù hợp...", + "singleResult": "kết quả", + "multipleResults": "các kết quả", + "placeholder": "Tìm văn bản trên vùng vẽ", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "Reset canvas", @@ -151,6 +204,7 @@ "exportImage": "Xuất file ảnh...", "export": "Lưu vào...", "copyToClipboard": "Sao chép vào bộ nhớ tạm", + "copyLink": "Sao chép liên kết", "save": "Lưu vào tập tin hiện tại", "saveAs": "Lưu thành", "load": "Mở", @@ -166,75 +220,79 @@ "edit": "Chỉnh sửa", "undo": "Hoàn tác", "redo": "Làm lại", - "resetLibrary": "", + "resetLibrary": "Cài lại thư viện", "createNewRoom": "Tạo phòng mới", "fullScreen": "Toàn màn hình", "darkMode": "Chế độ tối", "lightMode": "Chế độ sáng", + "systemMode": "Chế độ hệ thống", "zenMode": "Chế độ zen", - "objectsSnapMode": "", + "objectsSnapMode": "Căn chỉnh theo đối tượng", "exitZenMode": "Thoát chể độ zen", "cancel": "Hủy", + "saveLibNames": "", "clear": "Làm sạch", "remove": "Xóa", - "embed": "", - "publishLibrary": "Đăng tải", + "embed": "Bật/tắt chế độ nhúng", + "publishLibrary": "", "submit": "Gửi", "confirm": "Xác nhận", - "embeddableInteractionButton": "" + "embeddableInteractionButton": "Nhấn để tương tác" }, "alerts": { "clearReset": "Điều này sẽ dọn hết canvas. Bạn có chắc không?", "couldNotCreateShareableLink": "Không thể tạo đường dẫn chia sẻ.", "couldNotCreateShareableLinkTooBig": "Không thể tạo đường dẫn chia sẻ: bản vẽ quá lớn", "couldNotLoadInvalidFile": "Không thể load tập tin không hợp lệ", - "importBackendFailed": "", + "importBackendFailed": "Nhập dữ liệu từ máy chủ thất bại.", "cannotExportEmptyCanvas": "Không thể xuất canvas trống.", - "couldNotCopyToClipboard": "", + "couldNotCopyToClipboard": "Không thể sao chép vào bộ nhớ tạm.", "decryptFailed": "Không thể giải mã dữ liệu.", - "uploadedSecurly": "", - "loadSceneOverridePrompt": "", + "uploadedSecurly": "Việc tải lên đã được bảo mật với mã hóa đầu cuối, có nghĩa là máy chủ Excalidraw và bên thứ ba không thể đọc nội dung.", + "loadSceneOverridePrompt": "Mở bản vẽ bên ngoài sẽ thay thế nội dung hiện tại của bạn. Bạn có muốn tiếp tục không?", "collabStopOverridePrompt": "Dừng phiên sẽ ghi đè lên bản vẽ được lưu trữ cục bộ trước đó của bạn. Bạn có chắc không?\n\n(Nếu bạn muốn giữ bản vẽ cục bộ của mình, chỉ cần đóng tab trình duyệt.)", "errorAddingToLibrary": "Không thể thêm món vào thư viện", "errorRemovingFromLibrary": "Không thể xoá món khỏi thư viện", "confirmAddLibrary": "Hình {{numShapes}} sẽ được thêm vào thư viện. Bạn chắc chứ?", "imageDoesNotContainScene": "Hình ảnh này dường như không chứa bất kỳ dữ liệu cảnh nào. Bạn đã bật tính năng nhúng cảnh khi xuất chưa?", - "cannotRestoreFromImage": "", - "invalidSceneUrl": "", - "resetLibrary": "", + "cannotRestoreFromImage": "Không thể khôi phục bản vẽ từ tệp hình ảnh này.", + "invalidSceneUrl": "Không thể nhập nội dung từ URL đã cung cấp. Đó có thể là do URL không đúng cú pháp hoặc không chứa dữ liệu JSON hợp lệ với Excalidraw.", + "resetLibrary": "Hành động này sẽ xóa toàn bộ thư viện của bạn. Bạn chắc chắn chứ?", "removeItemsFromsLibrary": "Xoá {{count}} món từ thư viện?", "invalidEncryptionKey": "Khóa mã hóa phải có 22 ký tự. Hợp tác trực tiếp bị vô hiệu hóa.", - "collabOfflineWarning": "Không có kết nối internet.\nThay đổi của bạn sẽ không được lưu!" + "collabOfflineWarning": "Không có kết nối internet.\nThay đổi của bạn sẽ không được lưu!", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "Loại tập tin không được hỗ trợ.", "imageInsertError": "Không thể thêm ảnh. Hãy thử lại sau...", "fileTooBig": "Tệp tin quá lớn. Dung lượng tối đa cho phép là {{maxSize}}.", "svgImageInsertError": "Không thể thêm ảnh SVG. Mã SVG có vẻ sai.", - "failedToFetchImage": "", - "invalidSVGString": "SVG không hợp lệ.", + "failedToFetchImage": "Có lỗi khi tải ảnh.", "cannotResolveCollabServer": "Không thể kết nối với máy chủ hợp tác. Hãy tải lại trang và thử lại.", "importLibraryError": "Không thể tải thư viện", + "saveLibraryError": "Không thể lưu thư viện vào bộ nhớ. Hãy lưu thành tệp trên máy để đảm bảo bạn không mất các thay đổi.", "collabSaveFailed": "Không thể lưu vào cơ sở dữ liệu. Nếu vấn đề tiếp tục xảy ra, bạn nên lưu tệp vào máy để đảm bảo bạn không bị mất công việc.", "collabSaveFailed_sizeExceeded": "Không thể lưu vào cơ sở dữ liệu, canvas có vẻ quá lớn. Bạn nên lưu tệp cục bộ để đảm bảo bạn không bị mất công việc.", - "imageToolNotSupported": "", + "imageToolNotSupported": "Hình ảnh đã được vô hiệu hóa.", "brave_measure_text_error": { - "line1": "", - "line2": "", - "line3": "", - "line4": "" + "line1": "Dường như bạn đang sử dụng trình duyệt Brave với cài đặt Aggressively Block Fingerprinting được bật.", + "line2": "Điều này có thể gây ra lỗi cho các Text Elements trong bản vẽ của bạn.", + "line3": "Chúng tôi khuyên bạn nên tắt tùy chọn này. Xem hướng dẫn này để biết cách thực hiện.", + "line4": "Nếu tắt cài đặt này vẫn không sửa được lỗi hiển thị chữ, hãy tạo báo cáo lỗi trên GitHub hoặc liên hệ qua Discord." }, "libraryElementTypeError": { - "embeddable": "", - "iframe": "", - "image": "" + "embeddable": "Không thể lưu phần tử nhúng vào thư viện", + "iframe": "Các phần tử IFrame không thể được thêm vào thư viện.", + "image": "Thêm hình ảnh vào thư viện sẽ sớm được hỗ trợ!" }, - "asyncPasteFailedOnRead": "", - "asyncPasteFailedOnParse": "", - "copyToSystemClipboardFailed": "" + "asyncPasteFailedOnRead": "Không thể dán (không thể đọc từ bộ nhớ tạm của hệ thống).", + "asyncPasteFailedOnParse": "Không thể dán.", + "copyToSystemClipboardFailed": "Không thể sao chép vào bộ nhớ tạm." }, "toolBar": { "selection": "Lựa chọn", + "lasso": "", "image": "Chèn ảnh", "rectangle": "Hình chữ nhật", "diamond": "Kim cương", @@ -246,16 +304,32 @@ "library": "Thư viện", "lock": "Giữ dụng cũ hiện tại sau khi vẽ", "penMode": "Chế độ bút vẽ - ngăn ngừa chạm nhầm", - "link": "Thêm/ Chỉnh sửa liên kết cho hình được chọn", + "link": "Thêm / Cập nhật liên kết cho hình đã chọn", "eraser": "Xóa", - "frame": "", - "magicframe": "", - "embeddable": "", - "laser": "", + "frame": "Công cụ tạo khung", + "magicframe": "Wireframe thành code", + "embeddable": "Nhúng Web", + "laser": "Con trỏ laser", "hand": "Tay kéo", - "extraTools": "", - "mermaidToExcalidraw": "", - "magicSettings": "" + "extraTools": "Công cụ khác", + "mermaidToExcalidraw": "Mermaid sang Excalidraw", + "convertElementType": "" + }, + "element": { + "rectangle": "Hình chữ nhật", + "diamond": "Kim cương", + "ellipse": "Hình bầu dục", + "arrow": "Mũi tên", + "line": "Đường kẻ", + "freedraw": "Vẽ tự do", + "text": "Văn bản", + "image": "Hình ảnh", + "group": "Nhóm", + "frame": "Khung hình", + "magicframe": "Wireframe thành code", + "embeddable": "Nhúng Web", + "selection": "Lựa chọn", + "iframe": "IFrame" }, "headings": { "canvasActions": "Hành động canvas", @@ -263,28 +337,33 @@ "shapes": "Các hình khối" }, "hints": { - "canvasPanning": "Để di chuyển canvas, giữ con lăn chuột hoặc phím cách trong khi kéo, hoặc sử dụng công cụ cầm tay", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "Ấn để bắt đầu nhiểm điểm vẽ, kéo để vẽ một đường thẳng", + "arrowTool": "", "freeDraw": "Ấn bà kéo, thả khi bạn xong", "text": "Mẹo: bạn có thể thêm văn bản tại bất cứ đâu bằng cách ấn hai lần bằng tool lựa chọn", - "embeddable": "", - "text_selected": "Ấn 2 lần hoặc nhấn ENTER để chỉnh văn bản", - "text_editing": "Nhấn Escape hoặc Ctrl/Cmd+ENTER để hoàn thành chỉnh sửa", - "linearElementMulti": "Nhấn vào điểm cuối hoặc nhấn Escape hoặc Enter để kết thúc", - "lockAngle": "Bạn có thể chỉnh lại góc bằng cách giữ phím SHIFT", - "resize": "Bạn có thể chỉnh tỷ lệ bằng cách giữ SHIFT khi chỉnh kích cỡ,\ngiữ ALT để chỉnh kích cỡ từ trung tâm", + "embeddable": "Nhấp và kéo để tạo nội dung nhúng từ website.", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", - "publishLibrary": "", + "publishLibrary": "Chia sẻ thư viện của bạn", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "Tính năng này có thể được bật bằng cách đặt cờ \"dom.events.asyncClipboard.clipboardItem\" thành \"true\". Để thay đổi cờ trình duyệt trong Firefox, hãy truy cập trang \"about:config\".", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "Không thể xem trước", @@ -292,65 +371,72 @@ "canvasTooBigTip": "Mẹo: hãy thử di chuyển các elements nhất lại gần nhau hơn một chút." }, "errorSplash": { - "headingMain": "", + "headingMain": "Đã xảy ra lỗi. Hãy thử .", "clearCanvasMessage": "Nếu không tải lại được, hãy thử ", "clearCanvasCaveat": " Điều này sẽ dẫn đến mất dữ liệu bạn đã làm ", "trackedToSentry": "", "openIssueMessage": "", - "sceneContent": "" + "sceneContent": "Nội dung bản vẽ:" + }, + "shareDialog": { + "or": "Hoặc" }, "roomDialog": { - "desc_intro": "", - "desc_privacy": "", - "button_startSession": "", - "button_stopSession": "", - "desc_inProgressIntro": "", - "desc_shareLink": "", - "desc_exitSession": "", - "shareTitle": "" + "desc_intro": "Mời mọi người cùng cộng tác trong bản vẽ của bạn.", + "desc_privacy": "Đừng lo, phiên hoạt động đã được mã hóa đầu cuối, và hoàn toàn riêng tư. Ngay cả máy chủ của chúng tôi cũng không thể thấy những gì bạn vẽ.", + "button_startSession": "Bắt đầu phiên", + "button_stopSession": "Kết thúc phiên", + "desc_inProgressIntro": "Phiên làm việc trực tiếp hiện đang diễn ra.", + "desc_shareLink": "Chia sẻ liên kết này với người bạn muốn cộng tác cùng:", + "desc_exitSession": "Dừng phiên sẽ đưa bạn ra khỏi phòng, nhưng bạn vẫn có thể làm việc tiếp trên máy. Những người khác sẽ không bị ảnh hưởng và vẫn cộng tác trên bản của họ.", + "shareTitle": "Vào phiên làm việc chung trên Excalidraw" }, "errorDialog": { - "title": "" + "title": "Lỗi" }, "exportDialog": { - "disk_title": "", + "disk_title": "Lưu về máy", "disk_details": "", - "disk_button": "", - "link_title": "", - "link_details": "", - "link_button": "", - "excalidrawplus_description": "", - "excalidrawplus_button": "", - "excalidrawplus_exportError": "" + "disk_button": "Lưu vào tệp tin", + "link_title": "Liên kết có thể chia sẻ", + "link_details": "Tạo liên kết chỉ xem", + "link_button": "Tạo liên kết", + "excalidrawplus_description": "Lưu bản vẽ vào không gian làm việc Excalidraw+ của bạn.", + "excalidrawplus_button": "Xuất", + "excalidrawplus_exportError": "Hiện tại không thể xuất sang Excalidraw+..." }, "helpDialog": { - "blog": "", - "click": "", + "blog": "Đọc blog của chúng tôi", + "click": "Nhấp", "deepSelect": "", "deepBoxSelect": "", - "curvedArrow": "", - "curvedLine": "", - "documentation": "", - "doubleClick": "", - "drag": "", - "editor": "", - "editLineArrowPoints": "", - "editText": "", - "github": "", - "howto": "", - "or": "", - "preventBinding": "", - "tools": "", - "shortcuts": "", - "textFinish": "", + "createFlowchart": "", + "navigateFlowchart": "", + "curvedArrow": "Mũi tên cong", + "curvedLine": "Đường cong", + "documentation": "Tài liệu", + "doubleClick": "Nhấp đúp", + "drag": "kéo", + "editor": "Trình chỉnh sửa", + "editLineArrowPoints": "Chỉnh sửa điểm của đường/mũi tên", + "editText": "Chỉnh sửa văn bản / thêm nhãn", + "github": "Phát hiện lỗi? Gửi phản hồi", + "howto": "Làm theo hướng dẫn của chúng tôi", + "or": "hoặc", + "preventBinding": "Ngăn mũi tên tự gắn", + "tools": "Công cụ", + "shortcuts": "Phím tắt bàn phím", + "textFinish": "Hoàn tất chỉnh sửa (trình soạn thảo văn bản)", "textNewLine": "", - "title": "", - "view": "", + "title": "Trợ giúp", + "view": "Xem", "zoomToFit": "", "zoomToSelection": "", - "toggleElementLock": "", - "movePageUpDown": "", - "movePageLeftRight": "" + "toggleElementLock": "Khóa/mở khóa vùng lựa chọn", + "movePageUpDown": "Chuyển trang lên/xuống", + "movePageLeftRight": "Chuyển trang trái/phải", + "cropStart": "Cắt ảnh", + "cropFinish": "" }, "clearCanvasDialog": { "title": "Dọn canvas" @@ -358,98 +444,102 @@ "publishDialog": { "title": "", "itemName": "Tên món", - "authorName": "", - "githubUsername": "", - "twitterUsername": "", - "libraryName": "", - "libraryDesc": "", - "website": "", + "authorName": "Tên tác giả", + "githubUsername": "Tên tài khoản Github", + "twitterUsername": "Tên tài khoản Twitter", + "libraryName": "Tên thư viện", + "libraryDesc": "Mô tả thư viện", + "website": "Website", "placeholder": { - "authorName": "", - "libraryName": "", - "libraryDesc": "", + "authorName": "Tên của bạn hoặc tên tài khoản", + "libraryName": "Tên thư viện của bạn", + "libraryDesc": "Mô tả thư viện của bạn để mọi người có thể hiểu được cách dùng của nó", "githubHandle": "", - "twitterHandle": "", - "website": "" + "twitterHandle": "Tên Twitter (không bắt buộc) để chúng tôi ghi nhận bạn khi chia sẻ trên Twitter.", + "website": "Đường dẫn tới trang web cá nhân của bạn hoặc tới đâu đó (tùy chọn)" }, "errors": { - "required": "", - "website": "" + "required": "Bắt buộc", + "website": "Nhập đường dẫn hợp lệ" }, - "noteDescription": "", - "noteGuidelines": "", - "noteLicense": "", + "noteDescription": "Chia sẻ thư viện của bạn vào kho thư viện công khai để mọi người có thể dùng trong bản vẽ của họ.", + "noteGuidelines": "Thư viện cần được phê duyệt thủ công trước. Vui lòng đọc hướng dẫn trước khi gửi. Bạn sẽ cần tài khoản GitHub để trao đổi và chỉnh sửa khi được yêu cầu, nhưng điều này không bắt buộc.", + "noteLicense": "Bằng việc gửi, bạn đồng ý rằng thư viện sẽ được phát hành theo Giấy phép MIT, nghĩa là bất kỳ ai cũng có thể sử dụng mà không bị hạn chế.", "noteItems": "Từng món trong thư viện phải có tên riêng để có thể lọc. Các món thư viện sau đây sẽ thêm:", "atleastOneLibItem": "Vui lòng chọn ít nhất một món thư viện để bắt đầu", "republishWarning": "Lưu ý: một số món đã chọn được đánh dấu là đã xuất bản/đã gửi. Bạn chỉ nên gửi lại các món khi cập nhật thư viện hiện có hoặc gửi." }, "publishSuccessDialog": { - "title": "", - "content": "" + "title": "Thư viện đã được gửi", + "content": "Cảm ơn {{authorName}}! Thư viện của bạn đã được gửi để duyệt. Bạn có thể xem tiến trình tại đây." }, "confirmDialog": { - "resetLibrary": "", + "resetLibrary": "Cài lại thư viện", "removeItemsFromLib": "Xóa món đã chọn khỏi thư viện" }, "imageExportDialog": { - "header": "", + "header": "Xuất thành hình ảnh", "label": { - "withBackground": "", - "onlySelected": "", - "darkMode": "", + "withBackground": "Nền", + "onlySelected": "Chỉ phần tử đã lựa chọn", + "darkMode": "Chế độ tối", "embedScene": "", - "scale": "", - "padding": "" + "scale": "Thu phóng", + "padding": "Phần đệm" }, "tooltip": { - "embedScene": "" + "embedScene": "Dữ liệu của bối cảnh sẽ được lưu dưới định dạng PNG/SVG vậy nên bối cảnh có thể khôi phục lại từ nó.\nSẽ tăng kích thước của tệp được lưu." }, "title": { "exportToPng": "", "exportToSvg": "", - "copyPngToClipboard": "" + "copyPngToClipboard": "Sao chép PNG vào bộ nhớ" }, "button": { - "exportToPng": "", - "exportToSvg": "", - "copyPngToClipboard": "" + "exportToPng": "PNG", + "exportToSvg": "SVG", + "copyPngToClipboard": "Sao chép vào bộ nhớ tạm" } }, "encrypted": { - "tooltip": "", - "link": "" + "tooltip": "Bản vẽ của bạn được bảo mật bằng mã hóa đầu cuối, vì vậy máy chủ Excalidraw sẽ không thể xem chúng.", + "link": "Bài blog về mã hóa đầu cuối trong Excalidraw" }, "stats": { - "angle": "", - "element": "", - "elements": "", - "height": "", - "scene": "", - "selected": "", - "storage": "", - "title": "", - "total": "", - "version": "", - "versionCopy": "", - "versionNotAvailable": "", - "width": "" + "angle": "Góc", + "shapes": "", + "height": "Chiều cao", + "scene": "Bối cảnh", + "selected": "Đã chọn", + "storage": "Bộ nhớ", + "fullTitle": "", + "title": "Thuộc tính", + "generalStats": "Chung", + "elementProperties": "", + "total": "Tổng cộng", + "version": "Phiên bản", + "versionCopy": "Nhấn để sao chép", + "versionNotAvailable": "Phiên bản không khả dụng", + "width": "Chiều rộng" }, "toast": { - "addedToLibrary": "", - "copyStyles": "", - "copyToClipboard": "", - "copyToClipboardAsPng": "", - "fileSaved": "", + "addedToLibrary": "Đã thêm vào Thư viện", + "copyStyles": "Đã sao chép định dạng.", + "copyToClipboard": "Đã sao chép vào bộ nhớ tạm.", + "copyToClipboardAsPng": "Đã sao chép {{exportSelection}} sang bộ nhớ tạm dưới định dạng PNG\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "Đã sao chép {{exportSelection}} sang bộ nhớ tạm dưới định dạng SVG\n({{exportColorScheme}})", + "fileSaved": "Đã lưu tập tin", "fileSavedToFilename": "", - "canvas": "canvas", - "selection": "", - "pasteAsSingleElement": "", - "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "canvas": "", + "selection": "lựa chọn", + "pasteAsSingleElement": "Sử dụng {{shortcut}} để dán như một phần tử riêng lẻ hoặc dán vào một bộ soạn thảo văn bản có sẵn", + "unableToEmbed": "Nhúng liên kết này hiện không được phép. Đưa ra vấn đề trên GitHub để yêu cầu đưa liên kết này vào danh sách được phép", + "unrecognizedLinkFormat": "Liên kết bạn nhúng không khớp với định dạng mong đợi. Vui lòng thử dán liên kết 'embed' do trang nguồn cung cấp", + "elementLinkCopied": "Đã sao chép liên kết vào bộ nhớ tạm" }, "colors": { - "transparent": "", - "black": "", + "transparent": "Độ trong suốt", + "black": "Màu đen", "white": "", "red": "", "pink": "", @@ -458,10 +548,10 @@ "gray": "", "blue": "", "cyan": "", - "teal": "", - "green": "", - "yellow": "", - "orange": "", + "teal": "Màu xanh lục", + "green": "Màu xanh lá", + "yellow": "Màu vàng", + "orange": "Màu cam", "bronze": "" }, "welcomeScreen": { @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/zh-CN.json b/packages/excalidraw/locales/zh-CN.json index 19d715750e..e7bff284ed 100644 --- a/packages/excalidraw/locales/zh-CN.json +++ b/packages/excalidraw/locales/zh-CN.json @@ -21,7 +21,9 @@ "copyStyles": "拷贝样式", "pasteStyles": "粘贴样式", "stroke": "描边", + "changeStroke": "更改描边颜色", "background": "背景", + "changeBackground": "更改背景颜色", "fill": "填充", "strokeWidth": "描边宽度", "strokeStyle": "边框样式", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "三角箭头（空心）", "arrowhead_diamond": "菱形", "arrowhead_diamond_outline": "菱形（空心）", + "arrowhead_crowfoot_many": "鸦爪标记（多）", + "arrowhead_crowfoot_one": "鸦爪标记（一）", + "arrowhead_crowfoot_one_or_many": "鸦爪标记（一或多）", + "more_options": "更多选项", + "arrowtypes": "箭头类型", + "arrowtype_sharp": "直箭头", + "arrowtype_round": "曲线箭头", + "arrowtype_elbowed": "拐角箭头", "fontSize": "字体大小", "fontFamily": "字体", "addWatermark": "添加 “使用 Excalidraw 创建” 水印", @@ -72,6 +82,7 @@ "canvasColors": "画布上的", "canvasBackground": "画布背景", "drawingCanvas": "绘制 Canvas", + "clearCanvas": "清除画布", "layers": "图层", "actions": "操作", "language": "语言", @@ -84,12 +95,13 @@ "group": "编组", "ungroup": "解除编组", "collaborators": "协作者", - "showGrid": "显示网格", + "toggleGrid": "切换网格显示", "addToLibrary": "添加到素材库中", "removeFromLibrary": "从素材库中移除", "libraryLoadingMessage": "正在加载素材库…", "libraries": "浏览素材库", "loadingScene": "正在加载绘图…", + "loadScene": "从文件加载绘图", "align": "对齐", "alignTop": "顶部对齐", "alignBottom": "底端对齐", @@ -105,7 +117,9 @@ "share": "分享", "showStroke": "显示描边颜色选择器", "showBackground": "显示背景颜色选择器", - "toggleTheme": "切换主题", + "showFonts": "显示字体选择器", + "toggleTheme": "切换浅色/深色主题", + "theme": "主题", "personalLib": "个人素材库", "excalidrawLib": "Excalidraw 素材库", "decreaseFontSize": "缩小字体大小", @@ -115,16 +129,21 @@ "createContainerFromText": "将文本包围在容器中", "link": { "edit": "编辑链接", - "editEmbed": "编辑链接与嵌入", - "create": "新建链接", - "createEmbed": "创建链接与嵌入", + "editEmbed": "编辑嵌入链接", + "create": "添加链接", "label": "链接", "labelEmbed": "链接与嵌入", - "empty": "未设定链接" + "empty": "未设定链接", + "hint": "在此处输入或粘贴您的链接", + "goToElement": "前往目标元素" }, "lineEditor": { "edit": "编辑线条", - "exit": "退出线条编辑" + "editArrow": "编辑箭头" + }, + "polygon": { + "breakPolygon": "解除多边形", + "convertToPolygon": "转换为多边形" }, "elementLock": { "lock": "锁定", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "分离出画框中的所有元素", "eyeDropper": "从画布上取色", "textToDiagram": "文字至图表", - "prompt": "Prompt" + "prompt": "Prompt", + "followUs": "关注我们", + "discordChat": "Discord 群组", + "zoomToFitViewport": "缩放以适应视图", + "zoomToFitSelection": "缩放以适应选区", + "zoomToFit": "缩放以适应所有元素", + "installPWA": "在本地安装 Excalidraw (PWA)", + "autoResize": "启用文本自动缩放", + "imageCropping": "图片裁剪", + "unCroppedDimension": "未裁剪的尺寸", + "copyElementLink": "复制此对象的链接", + "linkToElement": "链接到对象", + "wrapSelectionInFrame": "用选中的元素创建画框", + "tab": "Tab", + "shapeSwitch": "切换形状" + }, + "elementLink": { + "title": "链接到对象", + "desc": "点击画布上的形状或粘贴链接。", + "notFound": "在画布上找不到链接的对象。" }, "library": { "noItems": "尚未添加任何项目……", "hint_emptyLibrary": "选中画布上的项目添加到此处，或从下方的公共素材库中导入。", - "hint_emptyPrivateLibrary": "选中画布上的项目添加到此处。" + "hint_emptyPrivateLibrary": "选中画布上的项目添加到此处。", + "search": { + "inputPlaceholder": "搜索库", + "heading": "匹配的库", + "noResults": "无匹配项……", + "clearSearch": "清除搜索" + } + }, + "search": { + "title": "在画布上查找", + "noMatch": "无匹配项…", + "singleResult": "结果", + "multipleResults": "结果", + "placeholder": "在画布上查找文本…", + "frames": "画框", + "texts": "文本" }, "buttons": { "clearReset": "重置画布", @@ -151,6 +204,7 @@ "exportImage": "导出图片...", "export": "保存到...", "copyToClipboard": "复制到剪贴板", + "copyLink": "复制链接", "save": "保存至当前文件", "saveAs": "保存为", "load": "打开", @@ -171,14 +225,16 @@ "fullScreen": "全屏", "darkMode": "深色模式", "lightMode": "浅色模式", + "systemMode": "系统模式", "zenMode": "禅模式", "objectsSnapMode": "吸附至对象", "exitZenMode": "退出禅模式", "cancel": "取消", + "saveLibNames": "保存名称并退出", "clear": "清除", "remove": "删除", "embed": "切换嵌入", - "publishLibrary": "发布", + "publishLibrary": "重命名或发布", "submit": "提交", "confirm": "确定", "embeddableInteractionButton": "点击以开始交互" @@ -204,7 +260,8 @@ "resetLibrary": "这将会清除你的素材库。你确定要这么做吗？", "removeItemsFromsLibrary": "确定要从素材库中删除 {{count}} 个项目吗？", "invalidEncryptionKey": "密钥必须包含22个字符。实时协作已被禁用。", - "collabOfflineWarning": "无网络连接。\n您的改动将不会被保存！" + "collabOfflineWarning": "无网络连接。\n您的改动将不会被保存！", + "localStorageQuotaExceeded": "超过浏览器存储配额。更改将不会被保存。" }, "errors": { "unsupportedFileType": "不支持的文件格式。", @@ -212,9 +269,9 @@ "fileTooBig": "文件过大。最大允许的大小为 {{maxSize}}。", "svgImageInsertError": "无法插入 SVG 图像。该 SVG 标记似乎是无效的。", "failedToFetchImage": "无法获取图片。", - "invalidSVGString": "无效的 SVG。", "cannotResolveCollabServer": "无法连接到实时协作服务器。请重新加载页面并重试。", "importLibraryError": "无法加载素材库", + "saveLibraryError": "无法将库保存至存储。请将库保存为本地文件，以确保您的更改不被丢失。", "collabSaveFailed": "无法保存到后端数据库。如果问题持续存在，您应该保存文件到本地，以确保您的工作不会丢失。", "collabSaveFailed_sizeExceeded": "无法保存到后端数据库，画布似乎过大。您应该保存文件到本地，以确保您的工作不会丢失。", "imageToolNotSupported": "图片已被禁用。", @@ -225,7 +282,7 @@ "line4": "如果禁用此设置无法修复文本元素的显示，请在 GitHub 上提交一个 issue ，或者在 Discord 上反馈" }, "libraryElementTypeError": { - "embeddable": "嵌入的元素不能被添加到素材库。", + "embeddable": "嵌入元素不能添加到素材库。", "iframe": "不能将 IFrame 元素添加到素材库中。", "image": "我们不久将支持添加图片到素材库" }, @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "选择", + "lasso": "套索选择", "image": "插入图像", "rectangle": "矩形", "diamond": "菱形", @@ -246,7 +304,7 @@ "library": "素材库", "lock": "绘制后保持所选的工具栏状态", "penMode": "笔模式 – 避免误触", - "link": "为选中的形状添加/更新链接", + "link": "为选定的形状添加或更改链接", "eraser": "橡皮", "frame": "画框工具", "magicframe": "线框图至代码", @@ -255,7 +313,23 @@ "hand": "抓手（平移工具）", "extraTools": "更多工具", "mermaidToExcalidraw": "Mermaid 至 Excalidraw", - "magicSettings": "AI 设置" + "convertElementType": "切换形状种类" + }, + "element": { + "rectangle": "矩形", + "diamond": "菱形", + "ellipse": "椭圆", + "arrow": "箭头", + "line": "线条", + "freedraw": "自由书写", + "text": "文字", + "image": "图片", + "group": "组", + "frame": "画框", + "magicframe": "线框图至代码", + "embeddable": "嵌入网页", + "selection": "选择", + "iframe": "IFrame" }, "headings": { "canvasActions": "画布动作", @@ -263,28 +337,33 @@ "shapes": "形状" }, "hints": { - "canvasPanning": "要移动画布，请按住鼠标滚轮或空格键同时拖拽鼠标，或使用抓手工具。", + "dismissSearch": "按{{shortcut}}取消搜索", + "canvasPanning": "要移动画布，请按住{{shortcut_1}}或{{shortcut_2}}同时拖拽鼠标，或使用抓手工具。", "linearElement": "点击创建多个点 拖动创建直线", + "arrowTool": "点击创建多个点，拖动创建直线。按 {{shortcut}} 切换箭头类型。", "freeDraw": "点击并拖动，完成时松开", "text": "提示：您也可以使用选择工具双击任意位置来添加文字", "embeddable": "点击并拖动以创建嵌入网页", - "text_selected": "双击或按回车键以编辑文本", - "text_editing": "按下 Escape 或 CtrlOrCmd+ENTER 完成编辑", - "linearElementMulti": "点击最后一个点或按下 Esc/Enter 来完成", - "lockAngle": "可以按住 Shift 来约束角度", - "resize": "您可以按住SHIFT来限制比例大小，\n按住ALT来调整中心大小", - "resizeImage": "按住SHIFT可以自由缩放，\n按住ALT可以从中间缩放", - "rotate": "旋转时可以按住 Shift 来约束角度", - "lineEditor_info": "按住 CtrlOrCmd 并双击或按 CtrlOrCmd + Enter 来编辑点", - "lineEditor_pointSelected": "按下 Delete 移除点，CtrlOrCmd+D 以复制，拖动以移动", - "lineEditor_nothingSelected": "选择要编辑的点 (按住 SHIFT 选择多个)，\n或按住 Alt 并点击以添加新点", - "placeImage": "点击放置图像，或者点击并拖动以手动设置图像大小", + "text_selected": "双击或按{{shortcut}}编辑文本", + "text_editing": "按{{shortcut_1}}或{{shortcut_2}}完成编辑", + "linearElementMulti": "点击最后的点或按{{shortcut_1}}或{{shortcut_2}}完成", + "lockAngle": "可以按住{{shortcut}}来约束角度", + "resize": "缩放时按住{{shortcut_1}}可以约束宽高比例，\n按住{{shortcut_2}}可以从中间缩放", + "resizeImage": "按住{{shortcut_1}}可以自由缩放，\n按住{{shortcut_2}}可以从中间缩放", + "rotate": "旋转时可以按住{{shortcut}}来约束角度", + "lineEditor_info": "按住{{shortcut_1}}双击，或者按{{shortcut_2}}编辑点", + "lineEditor_line_info": "双击或按{{shortcut}}编辑点", + "lineEditor_pointSelected": "按{{shortcut_1}}移除点，按{{shortcut_2}}复制点，拖拽移动点", + "lineEditor_nothingSelected": "选择要编辑的点 (按住{{shortcut_1}}选择多个)，\n或按住{{shortcut_2}}并点击以添加新点", "publishLibrary": "发布您自己的素材库", - "bindTextToElement": "按下 Enter 以添加文本", - "deepBoxSelect": "按住 CtrlOrCmd 以深度选择，并避免拖拽", - "eraserRevert": "按住 Alt 以反选被标记删除的元素", + "bindTextToElement": "按{{shortcut}}添加文本", + "createFlowchart": "按{{shortcut}}创建流程图", + "deepBoxSelect": "按住{{shortcut}}深度选择，并避免拖拽", + "eraserRevert": "按住{{shortcut}}反选被标记删除的元素", "firefox_clipboard_write": "将高级配置首选项“dom.events.asyncClipboard.clipboardItem”设置为“true”可以启用此功能。要更改 Firefox 的高级配置首选项，请前往“about:config”页面。", - "disableSnapping": "按住 Ctrl 或 Cmd 以禁用吸附" + "disableSnapping": "按住{{shortcut}}禁用吸附", + "enterCropEditor": "双击图片或按{{shortcut}}开始裁剪", + "leaveCropEditor": "点击图片以外的区域或按{{shortcut_1}}或{{shortcut_2}}完成裁剪" }, "canvasError": { "cannotShowPreview": "无法显示预览", @@ -299,9 +378,12 @@ "openIssueMessage": "我们非常谨慎地处理错误信息，您的画布内容不会被包含在错误报告中。如果您的画布内容不需要保持私密，请考虑在我们的 上提供更多信息。请复制粘贴以下信息到 GitHub Issue 中。", "sceneContent": "画布内容:" }, + "shareDialog": { + "or": "或" + }, "roomDialog": { - "desc_intro": "你可以邀请其他人到目前的画面中与你协作。", - "desc_privacy": "别担心，该会话使用端到端加密，无论绘制什么都将保持私密，甚至连我们的服务器也无法查看。", + "desc_intro": "邀请他人协作绘图。", + "desc_privacy": "别担心，会话是端到端加密、完全私密的。即使是我们的服务器也无法看到您绘制的内容。", "button_startSession": "开始会话", "button_stopSession": "结束会话", "desc_inProgressIntro": "实时协作会话进行中。", @@ -328,6 +410,8 @@ "click": "单击", "deepSelect": "深度选择", "deepBoxSelect": "在方框内深度选择并避免拖拽", + "createFlowchart": "从一个基本元素创建流程图", + "navigateFlowchart": "在流程图元素间移动", "curvedArrow": "曲线箭头", "curvedLine": "曲线", "documentation": "文档", @@ -336,7 +420,7 @@ "editor": "编辑器", "editLineArrowPoints": "编辑线条或箭头的点", "editText": "添加或编辑文本", - "github": "发现问题？提交反馈", + "github": "提交问题", "howto": "帮助文档", "or": "或", "preventBinding": "禁用箭头吸附", @@ -350,7 +434,9 @@ "zoomToSelection": "缩放到选区", "toggleElementLock": "锁定/解锁", "movePageUpDown": "上下移动页面", - "movePageLeftRight": "左右移动页面" + "movePageLeftRight": "左右移动页面", + "cropStart": "裁剪图片", + "cropFinish": "完成图片裁剪" }, "clearCanvasDialog": { "title": "清除画布" @@ -421,13 +507,15 @@ }, "stats": { "angle": "角度", - "element": "元素", - "elements": "元素", + "shapes": "形状", "height": "高度", "scene": "画布", "selected": "选中", "storage": "存储", - "title": "详细统计信息", + "fullTitle": "画布与形状属性", + "title": "属性", + "generalStats": "概况", + "elementProperties": "形状属性", "total": "总计", "version": "版本", "versionCopy": "点击复制", @@ -439,13 +527,15 @@ "copyStyles": "样式已拷贝。", "copyToClipboard": "已复制到剪切板。", "copyToClipboardAsPng": "已将 {{exportSelection}} 作为 PNG 复制到剪贴板\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "已将 {{exportSelection}} 作为 SVG 复制到剪贴板\n({{exportColorScheme}})", "fileSaved": "文件已保存。", "fileSavedToFilename": "保存到 {filename}", "canvas": "画布", "selection": "所选项", "pasteAsSingleElement": "使用 {{shortcut}} 粘贴为单个元素，\n或粘贴到现有的文本编辑器里", "unableToEmbed": "目前不允许嵌入此网址。请在 GitHub 上提 issue 请求将此网址加入白名单", - "unrecognizedLinkFormat": "您嵌入的链接不符合格式要求。请尝试粘贴源网站提供的“嵌入 (embed)”字符串" + "unrecognizedLinkFormat": "您嵌入的链接不符合格式要求。请尝试粘贴源网站提供的“嵌入 (embed)”字符串", + "elementLinkCopied": "链接已复制到剪贴板" }, "colors": { "transparent": "透明", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "颜色", "mostUsedCustomColors": "常用自定义颜色", "colors": "颜色", "shades": "色调明暗", @@ -521,5 +612,53 @@ "description": "目前仅支持流程图、序列图和类图。其他类型在 Excalidraw 中将以图像呈现。", "syntax": "Mermaid 语法", "preview": "预览" + }, + "quickSearch": { + "placeholder": "快速搜索" + }, + "fontList": { + "badge": { + "old": "旧的" + }, + "sceneFonts": "画布中的", + "availableFonts": "可用字体", + "empty": "未找到字体" + }, + "userList": { + "empty": "未找到用户", + "hint": { + "text": "点击关注用户", + "followStatus": "您已关注此用户", + "inCall": "用户在语音通话中", + "micMuted": "用户的麦克风已静音", + "isSpeaking": "用户正在说话" + } + }, + "commandPalette": { + "title": "命令面板", + "shortcuts": { + "select": "选择", + "confirm": "确定", + "close": "关闭" + }, + "recents": "最近使用", + "search": { + "placeholder": "搜索菜单、命令、探索隐藏功能", + "noMatch": "没有匹配的命令……" + }, + "itemNotAvailable": "命令不可用……", + "shortcutHint": "用 {{shortcut}} 打开命令面板" + }, + "keys": { + "ctrl": "Ctrl", + "option": "Option", + "cmd": "Cmd", + "alt": "Alt", + "escape": "Esc", + "enter": "回车键", + "shift": "Shift", + "spacebar": "空格", + "delete": "Delete", + "mmb": "鼠标滚轮" } } diff --git a/packages/excalidraw/locales/zh-HK.json b/packages/excalidraw/locales/zh-HK.json index d1760a8045..c547d85d20 100644 --- a/packages/excalidraw/locales/zh-HK.json +++ b/packages/excalidraw/locales/zh-HK.json @@ -21,7 +21,9 @@ "copyStyles": "複製樣式", "pasteStyles": "套用樣式", "stroke": "筆跡顏色", + "changeStroke": "", "background": "填充顏色", + "changeBackground": "", "fill": "背景樣式", "strokeWidth": "筆跡寬度", "strokeStyle": "筆跡線條", @@ -44,6 +46,14 @@ "arrowhead_triangle_outline": "", "arrowhead_diamond": "", "arrowhead_diamond_outline": "", + "arrowhead_crowfoot_many": "", + "arrowhead_crowfoot_one": "", + "arrowhead_crowfoot_one_or_many": "", + "more_options": "", + "arrowtypes": "", + "arrowtype_sharp": "", + "arrowtype_round": "", + "arrowtype_elbowed": "", "fontSize": "字型大小", "fontFamily": "字體", "addWatermark": "加入「使用 Excalidraw 製圖」水印", @@ -72,6 +82,7 @@ "canvasColors": "", "canvasBackground": "畫布背景顏色", "drawingCanvas": "畫布", + "clearCanvas": "", "layers": "圖層", "actions": "動作", "language": "🌏 語言", @@ -84,12 +95,13 @@ "group": "建立物件群組", "ungroup": "取消物件群組", "collaborators": "已連線的協作者", - "showGrid": "顯示網格", + "toggleGrid": "", "addToLibrary": "加入作品庫", "removeFromLibrary": "從作品庫中移除", "libraryLoadingMessage": "正在載入作品庫…", "libraries": "瀏覽作品庫", "loadingScene": "載入畫布中…", + "loadScene": "", "align": "物件對齊", "alignTop": "水平置頂", "alignBottom": "水平置底", @@ -105,7 +117,9 @@ "share": "", "showStroke": "", "showBackground": "", + "showFonts": "", "toggleTheme": "", + "theme": "", "personalLib": "", "excalidrawLib": "", "decreaseFontSize": "", @@ -117,14 +131,19 @@ "edit": "", "editEmbed": "", "create": "", - "createEmbed": "", "label": "", "labelEmbed": "", - "empty": "" + "empty": "", + "hint": "", + "goToElement": "" }, "lineEditor": { "edit": "", - "exit": "" + "editArrow": "" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "", @@ -138,12 +157,46 @@ "removeAllElementsFromFrame": "", "eyeDropper": "", "textToDiagram": "", - "prompt": "" + "prompt": "", + "followUs": "", + "discordChat": "", + "zoomToFitViewport": "", + "zoomToFitSelection": "", + "zoomToFit": "", + "installPWA": "", + "autoResize": "", + "imageCropping": "", + "unCroppedDimension": "", + "copyElementLink": "", + "linkToElement": "", + "wrapSelectionInFrame": "", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "", + "desc": "", + "notFound": "" }, "library": { "noItems": "", "hint_emptyLibrary": "", - "hint_emptyPrivateLibrary": "" + "hint_emptyPrivateLibrary": "", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "", + "noMatch": "", + "singleResult": "", + "multipleResults": "", + "placeholder": "", + "frames": "", + "texts": "" }, "buttons": { "clearReset": "清空畫布", @@ -151,6 +204,7 @@ "exportImage": "", "export": "", "copyToClipboard": "", + "copyLink": "", "save": "", "saveAs": "", "load": "", @@ -171,10 +225,12 @@ "fullScreen": "", "darkMode": "", "lightMode": "", + "systemMode": "", "zenMode": "", "objectsSnapMode": "", "exitZenMode": "", "cancel": "", + "saveLibNames": "", "clear": "", "remove": "", "embed": "", @@ -204,7 +260,8 @@ "resetLibrary": "", "removeItemsFromsLibrary": "", "invalidEncryptionKey": "", - "collabOfflineWarning": "" + "collabOfflineWarning": "", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "", @@ -212,9 +269,9 @@ "fileTooBig": "", "svgImageInsertError": "", "failedToFetchImage": "", - "invalidSVGString": "", "cannotResolveCollabServer": "", "importLibraryError": "", + "saveLibraryError": "", "collabSaveFailed": "", "collabSaveFailed_sizeExceeded": "", "imageToolNotSupported": "", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "", + "lasso": "", "image": "", "rectangle": "", "diamond": "", @@ -255,7 +313,23 @@ "hand": "", "extraTools": "", "mermaidToExcalidraw": "", - "magicSettings": "" + "convertElementType": "" + }, + "element": { + "rectangle": "", + "diamond": "", + "ellipse": "", + "arrow": "", + "line": "", + "freedraw": "", + "text": "", + "image": "", + "group": "", + "frame": "", + "magicframe": "", + "embeddable": "", + "selection": "", + "iframe": "" }, "headings": { "canvasActions": "畫布動作", @@ -263,8 +337,10 @@ "shapes": "" }, "hints": { + "dismissSearch": "", "canvasPanning": "", "linearElement": "", + "arrowTool": "", "freeDraw": "", "text": "", "embeddable": "", @@ -276,15 +352,18 @@ "resizeImage": "", "rotate": "", "lineEditor_info": "", + "lineEditor_line_info": "", "lineEditor_pointSelected": "", "lineEditor_nothingSelected": "", - "placeImage": "", "publishLibrary": "", "bindTextToElement": "", + "createFlowchart": "", "deepBoxSelect": "", "eraserRevert": "", "firefox_clipboard_write": "", - "disableSnapping": "" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "無法顯示預覽", @@ -299,6 +378,9 @@ "openIssueMessage": "", "sceneContent": "" }, + "shareDialog": { + "or": "" + }, "roomDialog": { "desc_intro": "", "desc_privacy": "", @@ -328,6 +410,8 @@ "click": "", "deepSelect": "", "deepBoxSelect": "", + "createFlowchart": "", + "navigateFlowchart": "", "curvedArrow": "", "curvedLine": "", "documentation": "", @@ -350,7 +434,9 @@ "zoomToSelection": "", "toggleElementLock": "", "movePageUpDown": "", - "movePageLeftRight": "" + "movePageLeftRight": "", + "cropStart": "", + "cropFinish": "" }, "clearCanvasDialog": { "title": "" @@ -421,13 +507,15 @@ }, "stats": { "angle": "", - "element": "", - "elements": "", + "shapes": "", "height": "", "scene": "", "selected": "", "storage": "", + "fullTitle": "", "title": "", + "generalStats": "", + "elementProperties": "", "total": "", "version": "", "versionCopy": "", @@ -439,13 +527,15 @@ "copyStyles": "", "copyToClipboard": "", "copyToClipboardAsPng": "", + "copyToClipboardAsSvg": "", "fileSaved": "", "fileSavedToFilename": "", "canvas": "畫布", "selection": "", "pasteAsSingleElement": "", "unableToEmbed": "", - "unrecognizedLinkFormat": "" + "unrecognizedLinkFormat": "", + "elementLinkCopied": "" }, "colors": { "transparent": "", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "", "colors": "", "shades": "", @@ -521,5 +612,53 @@ "description": "", "syntax": "", "preview": "" + }, + "quickSearch": { + "placeholder": "" + }, + "fontList": { + "badge": { + "old": "" + }, + "sceneFonts": "", + "availableFonts": "", + "empty": "" + }, + "userList": { + "empty": "", + "hint": { + "text": "", + "followStatus": "", + "inCall": "", + "micMuted": "", + "isSpeaking": "" + } + }, + "commandPalette": { + "title": "", + "shortcuts": { + "select": "", + "confirm": "", + "close": "" + }, + "recents": "", + "search": { + "placeholder": "", + "noMatch": "" + }, + "itemNotAvailable": "", + "shortcutHint": "" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } diff --git a/packages/excalidraw/locales/zh-TW.json b/packages/excalidraw/locales/zh-TW.json index e116d91639..24097183f7 100644 --- a/packages/excalidraw/locales/zh-TW.json +++ b/packages/excalidraw/locales/zh-TW.json @@ -8,8 +8,8 @@ "moveCanvas": "移動畫布", "cut": "剪下", "copy": "複製", - "copyAsPng": "以PNG格式儲存到剪貼板", - "copyAsSvg": "以SVG格式複製到剪貼板", + "copyAsPng": "以 PNG 格式儲存到剪貼簿", + "copyAsSvg": "以 SVG 格式複製到剪貼簿", "copyText": "以文字格式複製至剪貼簿", "copySource": "複製來源至剪貼簿", "convertToCode": "轉換為程式碼", @@ -21,7 +21,9 @@ "copyStyles": "複製樣式", "pasteStyles": "貼上樣式", "stroke": "筆畫", + "changeStroke": "變更筆畫顏色", "background": "背景", + "changeBackground": "變更背景顏色", "fill": "填滿", "strokeWidth": "筆跡寬度", "strokeStyle": "筆畫樣式", @@ -44,9 +46,17 @@ "arrowhead_triangle_outline": "三角形（外框）", "arrowhead_diamond": "菱形", "arrowhead_diamond_outline": "菱形（外框）", + "arrowhead_crowfoot_many": "雞爪符號（多）", + "arrowhead_crowfoot_one": "雞爪符號（一）", + "arrowhead_crowfoot_one_or_many": "雞爪符號（一或多）", + "more_options": "更多選項", + "arrowtypes": "箭頭類型", + "arrowtype_sharp": "尖銳箭頭", + "arrowtype_round": "彎角箭頭", + "arrowtype_elbowed": "直角箭頭", "fontSize": "字型大小", - "fontFamily": "字體集", - "addWatermark": "加上 \"Made with Excalidraw\" 浮水印", + "fontFamily": "字型系列", + "addWatermark": "加上「以 Excalidraw 製作」浮水印", "handDrawn": "手寫", "normal": "一般", "code": "代碼", @@ -72,6 +82,7 @@ "canvasColors": "使用於畫布", "canvasBackground": "Canvas 背景", "drawingCanvas": "繪圖 canvas", + "clearCanvas": "清除畫布", "layers": "圖層", "actions": "動作", "language": "語言", @@ -84,12 +95,13 @@ "group": "建立群組", "ungroup": "取消群組", "collaborators": "協作者", - "showGrid": "顯示格線", + "toggleGrid": "切換網格", "addToLibrary": "加入資料庫", "removeFromLibrary": "從資料庫中移除", "libraryLoadingMessage": "資料庫讀取中…", "libraries": "瀏覽資料庫", "loadingScene": "場景讀取中…", + "loadScene": "從檔案載入場景", "align": "對齊", "alignTop": "對齊頂部", "alignBottom": "對齊底部", @@ -102,10 +114,12 @@ "flipHorizontal": "水平翻轉", "flipVertical": "垂直翻轉", "viewMode": "檢視模式", - "share": "共享", + "share": "分享", "showStroke": "顯示線條檢色器", "showBackground": "顯示背景檢色器", - "toggleTheme": "切換主題", + "showFonts": "顯示字型選單", + "toggleTheme": "切換淺色/深色主題", + "theme": "主題", "personalLib": "個人資料庫", "excalidrawLib": "Excalidraw 資料庫", "decreaseFontSize": "縮小文字", @@ -115,16 +129,21 @@ "createContainerFromText": "將文字包於容器中", "link": { "edit": "編輯連結", - "editEmbed": "編輯連結&嵌入", - "create": "建立連結", - "createEmbed": "建立連結&嵌入", + "editEmbed": "編輯可嵌入連結", + "create": "新增連結", "label": "連結", - "labelEmbed": "連結&嵌入", - "empty": "未設定連結" + "labelEmbed": "連結與嵌入", + "empty": "未設定連結", + "hint": "在此輸入或貼上連結", + "goToElement": "移至目標元素" }, "lineEditor": { "edit": "編輯線條", - "exit": "結束線條編輯" + "editArrow": "編輯箭頭" + }, + "polygon": { + "breakPolygon": "", + "convertToPolygon": "" }, "elementLock": { "lock": "鎖定", @@ -138,19 +157,54 @@ "removeAllElementsFromFrame": "從框架內移除所有元素", "eyeDropper": "從畫布中選取顏色", "textToDiagram": "文字轉圖表", - "prompt": "提示詞" + "prompt": "提示詞", + "followUs": "追蹤我們", + "discordChat": "Discord 聊天室", + "zoomToFitViewport": "縮放至符合 viewport", + "zoomToFitSelection": "縮放至符合選取區", + "zoomToFit": "縮放至顯示所有元素", + "installPWA": "於本機安裝 Excalidraw (PWA)", + "autoResize": "啟用文字自動縮放", + "imageCropping": "圖片剪裁", + "unCroppedDimension": "未剪裁尺寸", + "copyElementLink": "複製此物件的連結", + "linkToElement": "連結至物件", + "wrapSelectionInFrame": "將選取內容放入框架", + "tab": "", + "shapeSwitch": "" + }, + "elementLink": { + "title": "連結至物件", + "desc": "點擊畫布上的形狀或貼上連結", + "notFound": "無法在畫布上找到連結的物件" }, "library": { "noItems": "尚未加入任何物件...", - "hint_emptyLibrary": "選取畫布上的物件以加入，或從下方的公開 repository 中安裝資料庫", - "hint_emptyPrivateLibrary": "選擇畫布上的物件以在此加入" + "hint_emptyLibrary": "選取畫布上的物件以加入，或從下方的公開儲存庫中安裝資料庫。", + "hint_emptyPrivateLibrary": "選擇畫布上的物件以在此加入。", + "search": { + "inputPlaceholder": "", + "heading": "", + "noResults": "", + "clearSearch": "" + } + }, + "search": { + "title": "在畫布上尋找", + "noMatch": "未找到符合項目…", + "singleResult": "結果", + "multipleResults": "結果", + "placeholder": "在畫布上尋找文字…", + "frames": "", + "texts": "" }, "buttons": { - "clearReset": "重置 canvas", + "clearReset": "重設畫布", "exportJSON": "匯出至檔案", "exportImage": "匯出圖片", "export": "儲存至...", "copyToClipboard": "複製至剪貼簿", + "copyLink": "複製連結", "save": "儲存目前檔案", "saveAs": "儲存為", "load": "開啟", @@ -171,14 +225,16 @@ "fullScreen": "全螢幕", "darkMode": "深色模式", "lightMode": "淺色模式", + "systemMode": "系統模式", "zenMode": "專注模式", "objectsSnapMode": "吸附至物件", "exitZenMode": "離開專注模式", "cancel": "取消", + "saveLibNames": "", "clear": "清除", "remove": "刪除", "embed": "切換嵌入", - "publishLibrary": "發布", + "publishLibrary": "", "submit": "送出", "confirm": "確認", "embeddableInteractionButton": "點擊以互動" @@ -204,7 +260,8 @@ "resetLibrary": "這會清除您的資料庫，是否確定？", "removeItemsFromsLibrary": "從資料庫刪除 {{count}} 項？", "invalidEncryptionKey": "加密鍵必須為22字元。即時協作已停用。", - "collabOfflineWarning": "沒有可用的網路連線。\n變更無法儲存！" + "collabOfflineWarning": "沒有可用的網路連線。\n變更無法儲存！", + "localStorageQuotaExceeded": "" }, "errors": { "unsupportedFileType": "不支援的檔案類型。", @@ -212,9 +269,9 @@ "fileTooBig": "檔案過大。可接受的最大尺寸為 {{maxSize}} 。", "svgImageInsertError": "無法插入 SVG 圖片。此 SVG 檔案有問題。", "failedToFetchImage": "無法獲取圖片。", - "invalidSVGString": "無效的 SVG。", "cannotResolveCollabServer": "無法連結至 collab 伺服器。請重新整理後再試一次。", "importLibraryError": "無法載入資料庫", + "saveLibraryError": "無法將資料庫存至儲存區。請將資料庫存至本機檔案以確保不會失去已變更的部分。", "collabSaveFailed": "無法儲存至後端資料庫。若此問題持續發生，請將檔案儲存於本機以確保資料不會遺失。", "collabSaveFailed_sizeExceeded": "無法儲存至後端資料庫，可能的原因為畫布尺寸過大。請將檔案儲存於本機以確保資料不會遺失。", "imageToolNotSupported": "圖片已停用", @@ -235,6 +292,7 @@ }, "toolBar": { "selection": "選取", + "lasso": "", "image": "插入圖片", "rectangle": "長方形", "diamond": "菱形", @@ -255,7 +313,23 @@ "hand": "手形（平移工具）", "extraTools": "更多工具", "mermaidToExcalidraw": "Mermaid 至 Excalidraw", - "magicSettings": "AI 設定" + "convertElementType": "" + }, + "element": { + "rectangle": "矩形", + "diamond": "菱形", + "ellipse": "橢圓形", + "arrow": "箭頭", + "line": "線條", + "freedraw": "自由繪圖", + "text": "文字", + "image": "圖片", + "group": "群組", + "frame": "框架", + "magicframe": "線框稿轉為程式碼", + "embeddable": "嵌入網站", + "selection": "已選項目", + "iframe": "IFrame框架" }, "headings": { "canvasActions": "canvas 動作", @@ -263,28 +337,33 @@ "shapes": "形狀" }, "hints": { - "canvasPanning": "若要移動畫布，請在拖曳時按住滑鼠滾輪或空白鍵，或使用手形工具", + "dismissSearch": "", + "canvasPanning": "", "linearElement": "點擊以繪製多點曲線；或拖曳以繪製直線", + "arrowTool": "", "freeDraw": "點擊並拖曳來繪圖，放開即結束", "text": "提示：亦可使用選取工具在任何地方雙擊來加入文字", "embeddable": "點擊並拖移以建立嵌入網站", - "text_selected": "雙擊滑鼠或按 Enter 以編輯文字", - "text_editing": "按跳脫鍵或 Ctrl 或 Cmd + Enter 以結束編輯", - "linearElementMulti": "按下 Escape 或 Enter 以結束繪製", - "lockAngle": "按住 SHIFT 可限制旋轉角度", - "resize": "縮放時按住 Shift 可保持原比例縮放；\\n按住 Alt 可由中心點進行縮放", - "resizeImage": "按住 SHIFT 可任意縮放，按住 ALT 可由中央縮放。", - "rotate": "旋轉時按住 Shift 可限制旋轉角度", - "lineEditor_info": "按住 Ctrl 或 Cmd 並雙擊或按住 Ctrl 或 Cmd + Enter 來編輯控制點", - "lineEditor_pointSelected": "按下 Delete 可移除錨點；Ctrl 或 Cmd + D 可複製；或可拖曳來移動", - "lineEditor_nothingSelected": "選擇要編輯的錨點（按住 SHIFT 可多選），\n或按住 Alt 並點擊以增加新錨點。", - "placeImage": "點擊以放置圖片，或點擊並拖曳以手動調整其尺寸。", + "text_selected": "", + "text_editing": "", + "linearElementMulti": "", + "lockAngle": "", + "resize": "", + "resizeImage": "", + "rotate": "", + "lineEditor_info": "", + "lineEditor_line_info": "", + "lineEditor_pointSelected": "", + "lineEditor_nothingSelected": "", "publishLibrary": "發布個人資料庫", - "bindTextToElement": "按下 Enter 以加入文字。", - "deepBoxSelect": "按住 Ctrl 或 Cmd 以深度選取並避免拖曳", - "eraserRevert": "按住 Alt 以反選取已標記待刪除的元素", + "bindTextToElement": "", + "createFlowchart": "", + "deepBoxSelect": "", + "eraserRevert": "", "firefox_clipboard_write": "此功能有機會透過將 \"dom.events.asyncClipboard.clipboardItem\" 設定為 \"true\" 來開啟。\n若要變更 Firefox 瀏覽器的此設定值，請至 \"about:config\" 頁面。", - "disableSnapping": "按住 Ctrl 或 Cmd 以禁用吸附" + "disableSnapping": "", + "enterCropEditor": "", + "leaveCropEditor": "" }, "canvasError": { "cannotShowPreview": "無法顯示預覽", @@ -299,9 +378,12 @@ "openIssueMessage": "我們將謹慎處理，你的作品內容不會被包含在錯誤報告中。若你的作品不需保持私密，請考慮使用我們的請將下列資訊複製貼上至 GitHub issue 中。", "sceneContent": "作品內容：" }, + "shareDialog": { + "or": "或" + }, "roomDialog": { - "desc_intro": "你可以邀請其他人一起協作目前的作品。", - "desc_privacy": "連線使用 end-to-end 加密故無須擔心作品的安全性。即使是我們的伺服器也無法取得其內容。", + "desc_intro": "邀請其他人一起協作", + "desc_privacy": "不用擔心，此連線為端到端加密且完全私有，即使是我們的伺服器也無法看見您的繪圖。", "button_startSession": "開始連線", "button_stopSession": "停止連線", "desc_inProgressIntro": "即時協作連線正在進行中。", @@ -328,6 +410,8 @@ "click": "點擊", "deepSelect": "深度選取", "deepBoxSelect": "在容器內深度選取並避免拖曳", + "createFlowchart": "由基本型建立流程圖", + "navigateFlowchart": "導覽流程圖", "curvedArrow": "曲箭頭", "curvedLine": "曲線", "documentation": "文件", @@ -350,7 +434,9 @@ "zoomToSelection": "縮放至選取區", "toggleElementLock": "鎖定/解鎖已選的項目", "movePageUpDown": "向上/下移動頁面", - "movePageLeftRight": "向左/右移動頁面" + "movePageLeftRight": "向左/右移動頁面", + "cropStart": "裁切圖片", + "cropFinish": "完成圖片裁切" }, "clearCanvasDialog": { "title": "清除畫布" @@ -421,13 +507,15 @@ }, "stats": { "angle": "角度", - "element": "元素", - "elements": "元素", + "shapes": "形狀", "height": "高度", "scene": "場景", "selected": "已選", "storage": "儲存", - "title": "詳細統計", + "fullTitle": "畫布與形狀屬性設定", + "title": "屬性", + "generalStats": "一般", + "elementProperties": "形狀屬性", "total": "合計", "version": "版本", "versionCopy": "點擊複製", @@ -439,13 +527,15 @@ "copyStyles": "已複製樣式", "copyToClipboard": "複製至剪貼簿。", "copyToClipboardAsPng": "以 PNG 格式將 {{exportSelection}} 複製至剪貼簿\n({{exportColorScheme}})", + "copyToClipboardAsSvg": "以 SVG 格式將 {{exportSelection}} 複製至剪貼簿\n({{exportColorScheme}})", "fileSaved": "已儲存檔案。", "fileSavedToFilename": "儲存為 {filename}", "canvas": "畫布", "selection": "已選項目", "pasteAsSingleElement": "使用 {{shortcut}} 以做為單一物件貼上，\n或貼上至現有的文字編輯器", "unableToEmbed": "目前不允許嵌入此網址。您可至 GitHub 提出 issue 以要求將此網址加入合格名單。", - "unrecognizedLinkFormat": "您嵌入的連結格式不符。請嘗試貼入原網站所提供的「嵌入」字串。" + "unrecognizedLinkFormat": "您嵌入的連結格式不符。請嘗試貼入原網站所提供的「嵌入」字串。", + "elementLinkCopied": "連結已複製至剪貼簿" }, "colors": { "transparent": "透明", @@ -478,6 +568,7 @@ } }, "colorPicker": { + "color": "", "mostUsedCustomColors": "最常使用的自訂顏色", "colors": "顏色", "shades": "漸變色", @@ -521,5 +612,53 @@ "description": "目前僅支援 Flowchart 、 Sequence 及 Class 圖表。其餘檔案類型在 Excalidraw 將會以圖像呈現。", "syntax": "Mermaid 語法", "preview": "預覽" + }, + "quickSearch": { + "placeholder": "快速搜尋" + }, + "fontList": { + "badge": { + "old": "舊版" + }, + "sceneFonts": "在此場景中", + "availableFonts": "可用字型", + "empty": "找不到字型" + }, + "userList": { + "empty": "找不到使用者", + "hint": { + "text": "點擊使用者以進行追蹤", + "followStatus": "您正在追蹤此使用者", + "inCall": "使用者正在語音通話中", + "micMuted": "使用者的麥克風已靜音", + "isSpeaking": "使用者說話中" + } + }, + "commandPalette": { + "title": "指令面板", + "shortcuts": { + "select": "選取", + "confirm": "確認", + "close": "關閉" + }, + "recents": "最近使用", + "search": { + "placeholder": "搜尋選單與指令並找出隱藏功能", + "noMatch": "沒有符合的指令…" + }, + "itemNotAvailable": "指令無法使用…", + "shortcutHint": "使用 {{shortcut}} 開啟指令面板" + }, + "keys": { + "ctrl": "", + "option": "", + "cmd": "", + "alt": "", + "escape": "", + "enter": "", + "shift": "", + "spacebar": "", + "delete": "", + "mmb": "" } } From c99e81678bd13eb34c4f027472e8cd0b4121ba4d Mon Sep 17 00:00:00 2001 From: Ryan Di Date: Tue, 4 Nov 2025 22:20:55 +1100 Subject: [PATCH 055/176] fix: mobile view ui issues (#10284) * hide zen mode when formFactor = phone * tool bar fixes: icon and width * view mode * fix lint * add exit-view-mode button --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- excalidraw-app/App.tsx | 2 +- excalidraw-app/index.scss | 6 -- .../actions/actionToggleZenMode.tsx | 7 +- packages/excalidraw/components/Actions.tsx | 19 +++- packages/excalidraw/components/LayerUI.scss | 49 ++++++++++ packages/excalidraw/components/MobileMenu.tsx | 93 ++++++++++--------- .../excalidraw/components/MobileToolBar.tsx | 28 ++++-- .../excalidraw/components/footer/Footer.tsx | 4 +- packages/excalidraw/components/icons.tsx | 9 ++ packages/excalidraw/css/styles.scss | 3 +- 10 files changed, 154 insertions(+), 66 deletions(-) diff --git a/excalidraw-app/App.tsx b/excalidraw-app/App.tsx index 4e46bb4d06..7f3ad974ac 100644 --- a/excalidraw-app/App.tsx +++ b/excalidraw-app/App.tsx @@ -852,7 +852,7 @@ const ExcalidrawWrapper = () => { return null; } return ( -
+
{collabError.message && } appState.zenModeEnabled, - predicate: (elements, appState, appProps) => { - return typeof appProps.zenModeEnabled === "undefined"; + predicate: (elements, appState, appProps, app) => { + return ( + app.editorInterface.formFactor !== "phone" && + typeof appProps.zenModeEnabled === "undefined" + ); }, keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.Z, diff --git a/packages/excalidraw/components/Actions.tsx b/packages/excalidraw/components/Actions.tsx index c5b8d6ae5f..9967ee2c99 100644 --- a/packages/excalidraw/components/Actions.tsx +++ b/packages/excalidraw/components/Actions.tsx @@ -49,6 +49,8 @@ import { getFormValue } from "../actions/actionProperties"; import { useTextEditorFocus } from "../hooks/useTextEditorFocus"; +import { actionToggleViewMode } from "../actions/actionToggleViewMode"; + import { getToolbarTools } from "./shapes"; import "./Actions.scss"; @@ -79,6 +81,7 @@ import { adjustmentsIcon, DotsHorizontalIcon, SelectionIcon, + pencilIcon, } from "./icons"; import { Island } from "./Island"; @@ -1304,7 +1307,7 @@ export const UndoRedoActions = ({
); -export const ExitZenModeAction = ({ +export const ExitZenModeButton = ({ actionManager, showExitZenModeBtn, }: { @@ -1321,3 +1324,17 @@ export const ExitZenModeAction = ({ {t("buttons.exitZenMode")} ); + +export const ExitViewModeButton = ({ + actionManager, +}: { + actionManager: ActionManager; +}) => ( + +); diff --git a/packages/excalidraw/components/LayerUI.scss b/packages/excalidraw/components/LayerUI.scss index 5c202a0679..7ee1469e23 100644 --- a/packages/excalidraw/components/LayerUI.scss +++ b/packages/excalidraw/components/LayerUI.scss @@ -120,4 +120,53 @@ margin-bottom: auto; } } + + .disable-view-mode { + display: flex; + justify-content: center; + cursor: pointer; + align-items: center; + border: 1px solid var(--color-primary); + padding: 0.5rem; + border-radius: var(--border-radius-lg); + background-color: var(--island-bg-color); + text-decoration: none !important; + + font-family: var(--ui-font); + font-size: 0.8333rem; + box-sizing: border-box; + + width: var(--mobile-action-button-size, var(--default-button-size)); + height: var(--mobile-action-button-size, var(--default-button-size)); + + border: none; + box-shadow: 0 0 0 1px var(--color-surface-lowest); + background-color: var(--color-surface-low); + color: var(--button-color, var(--color-on-surface)) !important; + + &:active { + box-shadow: 0 0 0 1px var(--color-brand-active); + } + + &:hover { + background-color: var(--color-primary); + color: white !important; + } + &:active { + background-color: var(--color-primary-darker); + } + + svg { + width: 20px; + height: 20px; + } + } + + .theme--dark { + .plus-banner { + &:hover { + color: black !important; + } + } + } } diff --git a/packages/excalidraw/components/MobileMenu.tsx b/packages/excalidraw/components/MobileMenu.tsx index 8da02b30b3..ac52fb6bcc 100644 --- a/packages/excalidraw/components/MobileMenu.tsx +++ b/packages/excalidraw/components/MobileMenu.tsx @@ -7,7 +7,7 @@ import { t } from "../i18n"; import { calculateScrollCenter } from "../scene"; import { SCROLLBAR_WIDTH, SCROLLBAR_MARGIN } from "../scene/scrollbars"; -import { MobileShapeActions } from "./Actions"; +import { ExitViewModeButton, MobileShapeActions } from "./Actions"; import { MobileToolBar } from "./MobileToolBar"; import { FixedSideContainer } from "./FixedSideContainer"; @@ -65,8 +65,18 @@ export const MobileMenu = ({ DefaultSidebarTriggerTunnel, } = useTunnels(); const renderAppTopBar = () => { - const topRightUI = renderTopRightUI?.(true, appState) ?? ( - + if (appState.openDialog?.name === "elementLinkSelector") { + return null; + } + + const topRightUI = ( +
+ {renderTopRightUI?.(true, appState) ?? + (!appState.viewModeEnabled && )} + {appState.viewModeEnabled && ( + + )} +
); const topLeftUI = ( @@ -76,13 +86,6 @@ export const MobileMenu = ({
); - if ( - appState.viewModeEnabled || - appState.openDialog?.name === "elementLinkSelector" - ) { - return
{topLeftUI}
; - } - return (
}
-
- + {!appState.viewModeEnabled && ( +
+ - - {!appState.viewModeEnabled && - appState.openDialog?.name !== "elementLinkSelector" && - renderToolbar()} - {appState.scrolledOutside && - !appState.openMenu && - !appState.openSidebar && ( - - )} - -
+ + {!appState.viewModeEnabled && + appState.openDialog?.name !== "elementLinkSelector" && + renderToolbar()} + {appState.scrolledOutside && + !appState.openMenu && + !appState.openSidebar && ( + + )} + +
+ )} {renderAppTopBar()} diff --git a/packages/excalidraw/components/MobileToolBar.tsx b/packages/excalidraw/components/MobileToolBar.tsx index bc52c01b71..9cd351d2ee 100644 --- a/packages/excalidraw/components/MobileToolBar.tsx +++ b/packages/excalidraw/components/MobileToolBar.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect, useRef } from "react"; +import { useState, useEffect } from "react"; import clsx from "clsx"; import { KEYS, capitalizeString } from "@excalidraw/common"; @@ -101,8 +101,6 @@ export const MobileToolBar = ({ "arrow" | "line" >("arrow"); - const toolbarRef = useRef(null); - // keep lastActiveGenericShape in sync with active tool if user switches via other UI useEffect(() => { if ( @@ -143,8 +141,8 @@ export const MobileToolBar = ({ } }; - const toolbarWidth = - toolbarRef.current?.getBoundingClientRect()?.width ?? 0 - 8; + const [toolbarWidth, setToolbarWidth] = useState(0); + const WIDTH = 36; const GAP = 4; @@ -164,6 +162,9 @@ export const MobileToolBar = ({ "laser", "magicframe", ].filter((tool) => { + if (showTextToolOutside && tool === "text") { + return false; + } if (showImageToolOutside && tool === "image") { return false; } @@ -174,21 +175,30 @@ export const MobileToolBar = ({ }); const extraToolSelected = extraTools.includes(activeTool.type); const extraIcon = extraToolSelected - ? activeTool.type === "frame" + ? activeTool.type === "text" + ? TextIcon + : activeTool.type === "image" + ? ImageIcon + : activeTool.type === "frame" ? frameToolIcon : activeTool.type === "embeddable" ? EmbedIcon : activeTool.type === "laser" ? laserPointerToolIcon - : activeTool.type === "text" - ? TextIcon : activeTool.type === "magicframe" ? MagicIcon : extraToolsIcon : extraToolsIcon; return ( -
+
{ + if (div) { + setToolbarWidth(div.getBoundingClientRect().width); + } + }} + > {/* Hand Tool */}
- diff --git a/packages/excalidraw/components/icons.tsx b/packages/excalidraw/components/icons.tsx index 3f6c4d1bb1..fcc5785598 100644 --- a/packages/excalidraw/components/icons.tsx +++ b/packages/excalidraw/components/icons.tsx @@ -2326,3 +2326,12 @@ export const strokeIcon = createIcon( , tablerIconProps, ); + +export const pencilIcon = createIcon( + + + + + , + tablerIconProps, +); diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index c5b2e12550..e1c34b2a12 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -293,7 +293,8 @@ body.excalidraw-cursor-resize * { } } - .excalidraw-ui-top-left { + .excalidraw-ui-top-left, + .excalidraw-ui-top-right { display: flex; align-items: center; gap: 0.5rem; From 5bcd8280c97c97b95f4fd268dbd4ff3d7905f87b Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 6 Nov 2025 21:35:14 +0100 Subject: [PATCH 056/176] feat: add comments/presi eplus promos for discoveribility (#10294) --- excalidraw-app/App.tsx | 12 +++ excalidraw-app/components/AppFooter.tsx | 7 +- excalidraw-app/components/AppSidebar.scss | 36 ++++++++ excalidraw-app/components/AppSidebar.tsx | 79 ++++++++++++++++++ .../components/ExcalidrawPlusAppLink.tsx | 19 ----- .../components/ExcalidrawPlusPromoBanner.tsx | 22 +++++ excalidraw-app/index.scss | 21 +++-- .../excalidraw/components/FilledButton.tsx | 2 +- packages/excalidraw/components/LayerUI.tsx | 11 +-- packages/excalidraw/components/LinkButton.tsx | 15 ++++ packages/excalidraw/components/icons.tsx | 38 +++++++++ packages/excalidraw/css/styles.scss | 10 +++ public/oss_promo_comments_dark.jpg | Bin 0 -> 36711 bytes public/oss_promo_comments_light.jpg | Bin 0 -> 39054 bytes public/oss_promo_presentations_dark.svg | 1 + public/oss_promo_presentations_light.svg | 1 + 16 files changed, 235 insertions(+), 39 deletions(-) create mode 100644 excalidraw-app/components/AppSidebar.scss create mode 100644 excalidraw-app/components/AppSidebar.tsx delete mode 100644 excalidraw-app/components/ExcalidrawPlusAppLink.tsx create mode 100644 excalidraw-app/components/ExcalidrawPlusPromoBanner.tsx create mode 100644 packages/excalidraw/components/LinkButton.tsx create mode 100644 public/oss_promo_comments_dark.jpg create mode 100644 public/oss_promo_comments_light.jpg create mode 100644 public/oss_promo_presentations_dark.svg create mode 100644 public/oss_promo_presentations_light.svg diff --git a/excalidraw-app/App.tsx b/excalidraw-app/App.tsx index 7f3ad974ac..5422bb9d6e 100644 --- a/excalidraw-app/App.tsx +++ b/excalidraw-app/App.tsx @@ -138,6 +138,9 @@ import { ExcalidrawPlusIframeExport } from "./ExcalidrawPlusIframeExport"; import "./index.scss"; +import { ExcalidrawPlusPromoBanner } from "./components/ExcalidrawPlusPromoBanner"; +import { AppSidebar } from "./components/AppSidebar"; + import type { CollabAPI } from "./collab/Collab"; polyfill(); @@ -851,8 +854,15 @@ const ExcalidrawWrapper = () => { if (isMobile || !collabAPI || isCollabDisabled) { return null; } + return (
+ {excalidrawAPI?.getEditorInterface().formFactor === "desktop" && ( + + )} + {collabError.message && } { }} /> + + {errorMessage && ( setErrorMessage("")}> {errorMessage} diff --git a/excalidraw-app/components/AppFooter.tsx b/excalidraw-app/components/AppFooter.tsx index 7d42d46bf8..5e2cb27cb3 100644 --- a/excalidraw-app/components/AppFooter.tsx +++ b/excalidraw-app/components/AppFooter.tsx @@ -5,7 +5,6 @@ import { isExcalidrawPlusSignedUser } from "../app_constants"; import { DebugFooter, isVisualDebuggerEnabled } from "./DebugCanvas"; import { EncryptedIcon } from "./EncryptedIcon"; -import { ExcalidrawPlusAppLink } from "./ExcalidrawPlusAppLink"; export const AppFooter = React.memo( ({ onChange }: { onChange: () => void }) => { @@ -19,11 +18,7 @@ export const AppFooter = React.memo( }} > {isVisualDebuggerEnabled() && } - {isExcalidrawPlusSignedUser ? ( - - ) : ( - - )} + {!isExcalidrawPlusSignedUser && }
); diff --git a/excalidraw-app/components/AppSidebar.scss b/excalidraw-app/components/AppSidebar.scss new file mode 100644 index 0000000000..ab3156c2d5 --- /dev/null +++ b/excalidraw-app/components/AppSidebar.scss @@ -0,0 +1,36 @@ +.excalidraw { + .app-sidebar-promo-container { + padding: 0.75rem; + display: flex; + flex-direction: column; + text-align: center; + gap: 1rem; + flex: 1 1 auto; + } + + .app-sidebar-promo-image { + margin: 1rem 0; + + height: 16.25rem; + background-size: contain; + background-position: center; + background-repeat: no-repeat; + + background-image: radial-gradient( + circle, + transparent 60%, + var(--sidebar-bg-color) 100% + ), + var(--image-source); + + display: flex; + } + + .app-sidebar-promo-text { + padding: 0 2rem; + } + + .link-button { + margin: 0 auto; + } +} diff --git a/excalidraw-app/components/AppSidebar.tsx b/excalidraw-app/components/AppSidebar.tsx new file mode 100644 index 0000000000..9ecfc4b40c --- /dev/null +++ b/excalidraw-app/components/AppSidebar.tsx @@ -0,0 +1,79 @@ +import { DefaultSidebar, Sidebar, THEME } from "@excalidraw/excalidraw"; +import { + messageCircleIcon, + presentationIcon, +} from "@excalidraw/excalidraw/components/icons"; +import { LinkButton } from "@excalidraw/excalidraw/components/LinkButton"; +import { useUIAppState } from "@excalidraw/excalidraw/context/ui-appState"; + +import "./AppSidebar.scss"; + +export const AppSidebar = () => { + const { theme, openSidebar } = useUIAppState(); + + return ( + + + + {messageCircleIcon} + + + {presentationIcon} + + + +
+
+
+ Make comments with Excalidraw+ +
+ + Sign up now + +
+ + +
+
+
+ Create presentations with Excalidraw+ +
+ + Sign up now + +
+ + + ); +}; diff --git a/excalidraw-app/components/ExcalidrawPlusAppLink.tsx b/excalidraw-app/components/ExcalidrawPlusAppLink.tsx deleted file mode 100644 index 04cd963022..0000000000 --- a/excalidraw-app/components/ExcalidrawPlusAppLink.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { isExcalidrawPlusSignedUser } from "../app_constants"; - -export const ExcalidrawPlusAppLink = () => { - if (!isExcalidrawPlusSignedUser) { - return null; - } - return ( - - Go to Excalidraw+ - - ); -}; diff --git a/excalidraw-app/components/ExcalidrawPlusPromoBanner.tsx b/excalidraw-app/components/ExcalidrawPlusPromoBanner.tsx new file mode 100644 index 0000000000..428838e07e --- /dev/null +++ b/excalidraw-app/components/ExcalidrawPlusPromoBanner.tsx @@ -0,0 +1,22 @@ +export const ExcalidrawPlusPromoBanner = ({ + isSignedIn, +}: { + isSignedIn: boolean; +}) => { + return ( + + Excalidraw+ + + ); +}; diff --git a/excalidraw-app/index.scss b/excalidraw-app/index.scss index 6b0ca13820..5dde103baa 100644 --- a/excalidraw-app/index.scss +++ b/excalidraw-app/index.scss @@ -1,3 +1,5 @@ +@import "../packages/excalidraw/css/variables.module.scss"; + .excalidraw { --color-primary-contrast-offset: #625ee0; // to offset Chubb illusion @@ -84,22 +86,31 @@ } } -.plus-button { +.plus-banner { display: flex; justify-content: center; cursor: pointer; align-items: center; border: 1px solid var(--color-primary); - padding: 0.5rem 0.75rem; + padding: 0.5rem 0.875rem; border-radius: var(--border-radius-lg); background-color: var(--island-bg-color); - color: var(--color-primary) !important; text-decoration: none !important; - font-size: 0.75rem; + font-family: var(--ui-font); + font-size: 0.8333rem; box-sizing: border-box; height: var(--lg-button-size); + border: none; + box-shadow: 0 0 0 1px var(--color-surface-lowest); + background-color: var(--color-surface-low); + color: var(--button-color, var(--color-on-surface)) !important; + + &:active { + box-shadow: 0 0 0 1px var(--color-brand-active); + } + &:hover { background-color: var(--color-primary); color: white !important; @@ -111,7 +122,7 @@ } .theme--dark { - .plus-button { + .plus-banner { &:hover { color: black !important; } diff --git a/packages/excalidraw/components/FilledButton.tsx b/packages/excalidraw/components/FilledButton.tsx index 53b30a0469..7d5c4ccfd1 100644 --- a/packages/excalidraw/components/FilledButton.tsx +++ b/packages/excalidraw/components/FilledButton.tsx @@ -20,7 +20,7 @@ export type ButtonColor = export type ButtonSize = "medium" | "large"; export type FilledButtonProps = { - label: string; + label?: string; children?: React.ReactNode; onClick?: (event: React.MouseEvent) => void; diff --git a/packages/excalidraw/components/LayerUI.tsx b/packages/excalidraw/components/LayerUI.tsx index a2e787b79a..2af653b6b6 100644 --- a/packages/excalidraw/components/LayerUI.tsx +++ b/packages/excalidraw/components/LayerUI.tsx @@ -4,7 +4,6 @@ import React from "react"; import { CLASSES, DEFAULT_SIDEBAR, - MQ_MIN_WIDTH_DESKTOP, TOOL_TYPE, arrayToMap, capitalizeString, @@ -48,7 +47,7 @@ import MainMenu from "./main-menu/MainMenu"; import { ActiveConfirmDialog } from "./ActiveConfirmDialog"; import { useEditorInterface, useStylesPanelMode } from "./App"; import { OverwriteConfirmDialog } from "./OverwriteConfirm/OverwriteConfirm"; -import { LibraryIcon } from "./icons"; +import { sidebarRightIcon } from "./icons"; import { DefaultSidebar } from "./DefaultSidebar"; import { TTDDialog } from "./TTDDialog/TTDDialog"; import { Stats } from "./Stats"; @@ -473,7 +472,7 @@ const LayerUI = ({ { if (open) { @@ -487,11 +486,7 @@ const LayerUI = ({ } }} tab={DEFAULT_SIDEBAR.defaultTab} - > - {stylesPanelMode === "full" && - appState.width >= MQ_MIN_WIDTH_DESKTOP && - t("toolBar.library")} - + /> {appState.openDialog?.name === "ttd" && } {/* ------------------------------------------------------------------ */} diff --git a/packages/excalidraw/components/LinkButton.tsx b/packages/excalidraw/components/LinkButton.tsx new file mode 100644 index 0000000000..6c53e2da0a --- /dev/null +++ b/packages/excalidraw/components/LinkButton.tsx @@ -0,0 +1,15 @@ +import { FilledButton } from "./FilledButton"; + +export const LinkButton = ({ + children, + href, +}: { + href: string; + children: React.ReactNode; +}) => { + return ( + + {children} + + ); +}; diff --git a/packages/excalidraw/components/icons.tsx b/packages/excalidraw/components/icons.tsx index fcc5785598..f2ecf02963 100644 --- a/packages/excalidraw/components/icons.tsx +++ b/packages/excalidraw/components/icons.tsx @@ -2335,3 +2335,41 @@ export const pencilIcon = createIcon( , tablerIconProps, ); + +export const chevronLeftIcon = createIcon( + + + + + , + tablerIconProps, +); + +export const sidebarRightIcon = createIcon( + + + + + , + tablerIconProps, +); + +export const messageCircleIcon = createIcon( + + + + , + tablerIconProps, +); + +export const presentationIcon = createIcon( + + + + + + + + , + tablerIconProps, +); diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index e1c34b2a12..0decc5be47 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -50,6 +50,11 @@ body.excalidraw-cursor-resize * { height: 100%; width: 100%; + button { + // browser default. Looks kinda good on low-dpi. + font-size: 0.8333rem; + } + button, label { @include buttonNoHighlight; @@ -708,6 +713,11 @@ body.excalidraw-cursor-resize * { margin-top: 0rem; } } + + .link-button { + display: flex; + text-decoration: none !important; + } } .ErrorSplash.excalidraw { diff --git a/public/oss_promo_comments_dark.jpg b/public/oss_promo_comments_dark.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e015f8a6b97e33a19a6ee72b388ca0db5d6b5905 GIT binary patch literal 36711 zcmeFYcUV*3vM?M)MMRoWkd8z^MM?<0igXZAdPfL^PUyWTN|hqLgVG{WL+?lpB@pSo zh2A^T`Qq<)+IOFO-|s#5+~lkhxmmyf07XT>GXMZ^8*uX)72qZgyN0{uuTlRESGo2CfcHoGbzCMF0Cxx6 z$6Y#s7JwUnqyqr9xaV(pi@Sc8|KrKU$;BfG1`Bd>F>rwexp)OR!2kf>mur9FhNJs( z{ZIV51P;gh3yvfD4Oer7FU_5t>;ySDY#rH+OyI_*>`=H3hntZd2bi6c10XEsW@iMo zGIe4wHZ`-b6=B@2ZDeGyFcD$Y}*V(j2PT(tZf|y-9#AwU@nNmeFVmr?h0XtJD72R1q1{*IJr2uxY%$MY>w`>PDXBQwvM2`a*#B2 zggRK*Ia$DM8Gds#GKM=li7?`7{zD`?bGQ@S(Hw5~H|GB@4g4+p4?X;~5Uy4KIr(1| z_78-LivMd;8=K!+_(K*)Cn*=4X#cC8a8z@*Gv!b*b%Z-RKux7wOl_S&j0}I1QcwbJ z4R=t4o0y6)LjEybPD0|f0~}^yjmvOUk$K4=CndoP7U1P&<6;N@uHQ}&SIPqBE@|Y1 zBl&GkY+x`OCzsk^&54y0XI-3sA;tBbiIJ1h{}=IZ6R@#UR1}o8aCCw@xc{Y7RZZ>x zf>~QI{LyGZBk1oA5@ED+fSWi&O-&g8lI{qHIk_4+n2MX>S}MXQ4ue_PS~$5gy#C#7 z3^-$F=Vj;mE3vD&DUQW|EjtIUR*v5`@TUMA|53I-^8UeI{z{HB!r$oMtXY)d-|%k@ z{96P6*1*3t@NW(LTLb_9)4<>TVN+Y26YPrfcCR)8&;RgBemj#45Oz)g|4TW=8%%#V z*rbEBp<@w%k{he<2og4qU;12Oubbd}GQ-y@%F=SLq;SCk0B~K+8fxQsgA)L-v2}9z z?WAdG>oDN20tj(&014nZ;Gq%J(N0lSTI~;>|LN^$_>Y(XFu?Yk*MCa#Undfp;Cy9V zP;nbaA_}#0aKhoTIQ*5XlihDT28Z8=nj4wm@NYQ$xdTo>96tCv-S|&@yM;scV7YkH>ao|v;Ld$wlDni7_a8o_xKB<_Max7_MGc}M zCuexh0Agl&`s^tsJsT(66HcZlPoMl|at$9J|IY0@z&m$LAq zcz;miT0?g45f~pR{^mX-NX5uL^6LYx_sEyV4iH|a+vI!_swJgOeH4#*{GyncS-2$~ zGn&<)b2xU?xO)DCzg2eq8Xk@vJ}y&)3@6DoyzAF*-@Ja~=FQ&{UAs<(_XvDX{Kgv~ zBbSl=S7a09ePrLxebCL9#&fs0B^-7iJXY~*mMpm%2i(QO6(_?Z1Bd~R8H->1kAZki zw#Al~$pd4rQsIqZPFwl!!#4cyhfC#OxAP!WOj=dbe1g^M7d|Y{QWTw9T3qrVw>}>7 z1##y|w~!>p_?B&d@aaq^x&pMTj%-`{kSLkZHc5b>^d^^Dg{6aH#0+VlBvdVRf!o&F zy~~{O#c`g=J8>U+qWF^OgqwB^y!EM9mDuhCcOf0j-~FrbVYsZiso+Lc>N`4CnLcRH zs!nM8Pk>pzG`$1HP}*pv{oHHhXX0g2{ez?B#Jyhv<5PXCL*YanH~Z;qJ;S%`_nF-F zm+C9@Al#XG5JC*Z)Nz&MXay)E?qgG_lvr zK}~%2ddNrb9iP`U%$5ffmc9aH*fclCl;}bXOWg8xBL{@fF$_62e2HcI93snJ?3~Tr66Wk_UpT%KtLdBrQ^woGw3u)BWTz7fl_0xm>O0e2;yx@_>Q{dYE^F5W zYo!Q?7=H9g9n=In$Uf%ex86NhWZ&4Qe|D?YNEvQq~;q< zKt%IG)-tSg=B1hY&c4}%^Mv795_hB9*jnBv1E$;mDhOWo)LT_o>0V@wegc=C2H{^S zjLrT^Mx~na%C&voa5fejdw-+{4NRKs{@OP)y+MDxB8KH*@vCcDrTV~!uyl#Hh~E)8 z=&7JuJ?r#O`hDkh~iM{$($ zJ&Vyq77p9n^({iz$X)@mWRPct1C;^C6B~z`r9lQvLH}yo*tx?scl4#C_p4FVN1xq` z_gqI~CtB7#*ko&&A;cMr;J|K-cp-8A{>v$|Q_uzkf-jNpgNjsiA=+IiaN$wf1> z2Z22K_HQSA$coPZC7>IBMcBUBY#BmfkpTAp1X2zAN0> z4G&FB8R$S?+McpEJTpe>KfD5P46PO=M;P$@t9rP7TZmRH8R1DuNAX&?jYh`9^~KZ> zCUW2MXw`D~@Ia?A=7iY@>JleIK3ubKs||X>Hheg`yWE}8qe!^A4Nlk(q(nr~W7UOW zR?3kJnl#NGYztFrV;yo+#%qc&2`rU_OlwqOO#SkMfcBJM@KTq;=zH>JAxD{ZY;gPn z+817RleLGMEv`M6;pIiq%X=Ls*BSDrk`MmG~84 z?3Zb9U>@HT;y^gwM#NiD45kgfS50;Hw6aK(0#yHN&_Yao;&kFfW~DblywmFL(D5rS zJ@5j=-!I4h4~X`!H||dk;x(xjwt9XAF1w1tVPRqW zj^RJNDP-Scv0_Ud?SqHYw(o6A4RcLj$ZH2Q(-iOZTv(%`i>J zBrnruvb$6&NN2PueCRc3!+;*gWfl5kU}yJ;C&EUkbiYH0$CDfp{OM29hq(&XmT)1- zfgkTAS)-_xWQsST0QIdquNy2R6pnQSHUwifAq%cS`_c@4;%nq2r2lQuTbbGRAvyP= z-=!*2o`?wH@eV!~9hl&S=;(|@_T(6M3x4tAq}A>v3*4Xa4)5;yN*<Ihh;#_dOIcB8A8&i+MIb?eVGtVs*0q6*<>@NdQHvQvY1my*U$LxYvSs%Cr!9zKw?a(8QLsay&(Vv;LZzQu z%R}KTq6 zB1|;A&s7}({P#@UMoDRrEZuR7reI5FOm)SCY9=)Y&0K!(comZA4=< z%ERq|rH$=jzAn1(Xf?)i98RlAtug$yvmv^mGW>SN$Br#}_i1tUya#ECsbj!|weSZX z@dV8G7VHysMcfmZ{9sOzfo+Z{tvxnqR*RrA`)5vX|2gN=ZyD!vdG7em&t3t7hCF;G zz24+)C^!8w=qtaJkvpoEXVLyV=b3;$JfgPVY;sMTFIuT`({;AA)HpYzC(7{28_sWI zu)HFADjDrn6tt#lY&-PV+%$Odwp<$q6qbEHLbb$Xn4`Q!@l!N8k2 z#d2iw(>Mui?0m)oqSxLuGw*P(0yb%MGt>gl8xt^jX(deSO?2Ti0NL+$E*LTRzFj#% z*rOPm>sxujp_5V&|5J-0c2g)^Bu)10bvDVL@6B}Fn$6Lb0Y!xJN`*lzVM-x%9F zf-1Zk13@F6~?BrK#edH$8MW@>;^8AFcYt z&=BI`9oL-ftyCWysse40HRt-7s+K2`UKvc?E{6$u@tfD1vOy*xWv>bi2C5tb4XY;( z^va-~hP^(0^sqH)#`0~_jE#LYqNmBu)o&p!k70b}2(xPqXAv2P{ksp6Fs_7}5b|&| z&t(o(o-mvX?}p;rurT|{4PoUW`=DvFo?$aEX-?}ro2iY52s3_nvp&*}Ca_0O!^};x zm$uQO$}>RN`A56pok8OeP5ckdbKRyjwQJK;IojDkD)k~ae@#=2iAUm+3{PesGj-MG z`7^VfaqR{8wXsfhN zt6czggtq0~u6i!eN@KU3QB2wbi{wcczRWKvLHRYkwI?@$Zb?}6FI&;jPFuZ_eCT824>&0>0bzZnwk?B%?fU$Dww zPiaNp?7c)OJnUYNGJ#(edvdxQ`X&iP( zTHq^5xyx&mK*TQor|1_a9FnIs30HvUMh~W|mo#`ywre$yAW{t83?l%UyVICt*PWRj z$1JmcY2GP~c_p=zP?$;@@uD8==1?AbYp>PM2=YlrygT#dr{x?*H-DLO2u(MUcv!mn zn^uDsyI0V{@qLMQybQa2{1$AHO0;098@3~BUWrw>xzYf0*Uo4cEZ>=p8rfR%B%TjV z?ZBVS*e4%MmZ4!s@*rOAr&Qkz{U^V)rqna{!=m^EqBsM2dW1-2Uf$`eS?uP^*|r@` zYOS?FLAs|Z;}%UMW$;)j2`gBoblSS_jeN4*V(D7uNvT*M7-dUchIF=f9`Z;#q~ggJ z>TIaXPSjdw0fYlTpD-cv#u>rQCDf266RiLXXz@TR6STul)HB=)WJ@p;n`-kWwZOof zp?lgy^`1c=q&j+VE4t2D=|n@b+_*eov`84KG*A^8!Dc50?y*+lXYtXnvkcvMz?4UB zu>UqD>WCl}otDQ8d6;&4-0_Zst5BLL{-05Zhy|Na*=MijpTej4*Rd~dqz3x+VSk9P z*aO}vp_OyL0EZQ zO;-#fM9YmSpH`{G;X5k?2p)?D)07Y9iqs<2im20#WrD_=2CGslPMiv*Y+s-T~4) zwOc=hhsOnN2DXAPw6)iYG#j7?YR~_})X4|y*ro6%i&1TVZMZNiR6;%vrE5x@3th%=VPZgKqA{+S=w?Q38)cuj}<335A`jwUt8X zRQ+Gs0GIN0ny%e!aKz`OYY^3548v}S?BnqrN?#DK718o0VPGmAdF1>wpU8fX9=xy z1rKrVJ`PsxJy-;yavvleW?HLU0nDbmM!PQ=fYqAZ2_`yBQa-7n-kp|{!F^i6lN``M zPBqD8|5wnM|KMHt?MoV*^JyB}086!vzM@X_+>~*VzQjc9uZg3R>UB?`sP1KWC2jb_ z!hYwQm6hhmS84NJ)e*0KPi~^*J-BVmH`h=o{)?${V~#wnG#2;M&h#%3sxzf2sA~iV zttZLeq&1z`xu&;Zo3K;{f7tw7XiIojPZ^_GnwTiCYzi5>X(;y8QwP;#%v*OrM9oeA z#lTY1@a0LGv5&*1uck&MZI0;c+~!%QLfgp%4{`_ME^_`h)20kcnpXvP&7!UAlQy2XhKpyET9zi<=Gq<872=UH(?~$lhk}wTu zKnM3)=MSah?BT-gzB1j*TWHJ{-bX!|cS42J)P+33t!D9Z?Jh2*Z|$f&!o+jaJ*>kL zS{ou>m$|Zu@CUDHDzsVIhVOP+B^DW4%(0Zo=7kAlgHW<3>j`O$j>*kf0_y9+{fEhx zZQegsjJZp<<31&b@F9dkl0tNkxKubrHPqOMKKQ)b9?Uv8bVAuKI6Ji=8co@Y1~!|u z3YfGnSZE!6KaVoO)Y^JsPx5!{!BU3&BKA$G(Yf3_Y-)K{RP(NjbA=ZG;J|4HO`1MU?#t zJ~h8Bd~rg{v?4Ty7s23j$Jtv^dmtQqC+A@8R~KDWGtH%G%-Qr3!-(ATWO#FXSm&6! zF_^cKG%*n^>BwG05Y%@Pyrr3su8J#DiccQflAS6(^k4c#6d2 zTZ79M%-=_mH4=!mRfZ&vN5Tb~sHd$Ki3D|T8nOlVju)R$Gd-k!ZiI;Z{Z`K-Wcpou z?|6)aoNF!G#m@I9Ot#^7%(12t1ypS}G3*`R9}G{H=1+LKuHlGQ@b=~-JXqo#ED@pTnUlJ;Qrh>BLHPyT5Eg6p` z6*5|dBY^a-GkkSeu)POv3iC2o&urM_Ed9+;*Ig=7@$87g)D^62EiW(PQe4$igYQnFp;k?dNS3D=}mJB17yqG z`?#CoI(%TAz zv3IuRD(l_j2gc2myVb{Z`4Hp`CSgT}Z;!SFqUO8detAyA`_j^|NK;sLlScEhJr^|F ztBn2j(#Ot|cUYPb4d$9u;AmM}+39@Ey2jguo})l}|7NPs$SAGUDbQP*D}XwcbLjLi zmRZ+5MWuY1bdC%AxdT0E=wZn-A#Ea5-O^+7s&{WfQu=4{4-}%!ouwCJ-;ZxSK9qFL zZXYY`x4PEqIZ)TtqV^Wq_jYxuSgCYHwXSs~e-lL=*y@ZkNgYPd?^R{5P-Y6b*d{)r zoDDP6ioK_HCFQU2QZc#q3)j~R2B<19wJVF6iTy>(hmJb&O8qe20A1y7?lQKy`1<+?x8B_B6J1V2CGtYK*c~ z$MgFkaT1J!L;N#l_2K#?hu>RXrmPL|WB(eb-lEJ}n6br(nvG`A2jKUOdDiMJKLM&A zdhQ!8SAg%!$~yMjHuE`1(Ty62U+bKZ_}7ayEul*{gDF2B=?1>?fmd} zIi%ys_gkwB6EKtk!?nblz7jhLTNOrLzuKGN1j4>8m2J|2m3npszOb=H)70#2Vq~@M zQ{(gD4K0R-ie`Sf72fO4QTN>tqKskuI0^(mpzr^Et&S*pOZ?phlu+Ia5a<%17KOTd*2S zW@R)a6Vg}VAoful&NyK@HDKEqSnYV~V^C{bf}~1ovAJlpAyKj*v(lJsHZ|dFsB^e? zl&1T>N{r({Oi(!+oMW=V%3}m`q})7PR%qP4dq01HHhR`RypM>qW0r4Wx|S_rEq^?< z4t;=@s{K~hn+kiWJFtM@L5}X|!(Q+SZ5La~B(k#dtQNKH@b0?I`<T|f!X@+|V(GD~p|d;CcGB>I!Q4!YeXTI_-Bi8BowyX(gFDYuYur}^MA%wiC# zS2q*F^GVrqejmNOU``1|Wn;6{$vTfr<4Ml4tGN< zF9u_JX;7xb9D|jU^VQCTH`0Hy^M#sQ%AA_oLj(sCuKpOL;pEa!aerv`0T zfX%a(Gz2`9d1b@;9<=mCLj@)SQrsj}cf*=b?z@|>SDwdc4)uT1;7dexj%W^#l$%8q zt|yrE^o$*Si-zD?yG(lrj+W9F3(ai+Btn% zN!h{#iQf<&eeHdxwNDysM6_Sxem1R6J}$B<9Pr1a;5A-zL47P3D$`Z9Wn>hSTphMTG`c6g zUO|6ru@sC;^M3E@%DMC071X$W%G%$Gk=zwxJ_%Y2hq`JOJmr&LO$0{@Q*vociOwGS z*CigVRqKitrW{TCup=XMRfKjAt%kVsEos>hdk=%sjbg3tl%hx{+h@IGBK3JP%rxLM z+El6+4dJ`b*+!z3kIa~!M|)a%?LV=Rfk)t)-*u=fm;my|$#OF9sV6-4tRxAHg=1(E5LR z#0z}2Xf`A6o>%wCyo#wYqnzhXzEeDjD?<>8_76JG zo0_4kk|>Ka=F*EXjN2K)d{Si6HhKtX_o{7mZ34!8)F}O6q2uq_M!qwko&H2KmqFAP(lzUAqCb zaErmzOP^4Awdm{B8jh4sb&@*9v|9*-71LLzx-zS7p+~{!&+XIf z_k@o$i-3Yt-bjLhlz!-Ruou~wC^wy?ek9LDf!GJ9^MUM5 z!`WY&R{#fY#1+8i3Q&`H?r{!U8~33(H`&BRh7a1W0PjB?Y5TUY;-8{BBT}Edj zwenb0A-zr6zgsKQ#A8?Jtrv~(?Kj$(XJybpqj#ArI!_a=4Y-8klq{xzp^?8bZiS~6 zB_0=!^cW)zE+$t$DdtQ?m%r(vLw^yd2+-!^yE|(|s9X7{88Bu)a#Xh8yFP%u0z`>c zwwS9P3I#@m>uD~QGSVWfRa4KZs+zb-e;H`wk5&DEUwP0WfV z@m?4Fm@H|zdIdnF_aK4Xbtk(gAeTVD4wG`$60NTONrV@#Y?gnWM8bJp&4XUpOt`?4Q^DfZR3_7w7%)J8i6Jd7K z_wV?&Tzo$_TW3!LC0@F?gk1rY$i?=3TNK$jP7uG1rJ+#l7UZzR{dquIxaKde>e5?$ zL8NjEy4d?Gig}sZn_znBHA$r`lyd{3;Fg565057W9mf+EGH&VVTcdQ3AuVvf0@;uQ zwChIKtBE|3+C0za^*7lxAC~M=KbJnn!$?=Rysc3Y%(HY&aBLVZIL}@rqD-claV^oh>D%5|-lxMaHa@83`1&wS%$p zo8}2i4?JF(>b@J~Xjio^7OXN2u4>T-3Z~Zm8nfA7sl>uW*#1b+RZCr~4?R3lE-6fV<_9U+M%G`8dY*`bFT-Ch|>BB(Q@ z?qFG7iiFSr>z1^&y9`TKQ;jzh@BSd*&$ge(OTbU(B=<~C+dx)Z2XHp-oJ9}MQw!C) zQ-5DeG2#zhyr)h7JUmLXdXIl=nSV=epGlc$Q7{0`g8KrhG{SD{4@GvoxB{H3^CpIJ zfq*e`n_9)~yzYy!`7<9y7Mp4hC!E<7z9x4;=bY3W$iDd4Ekr`X8;ekK|570%RSx?r{&mKrw5B?Lc5&3NeNhOw(7)&`( zSn!p?-f>+D?_N^LHE9<6H0spV*vzJa$?cl&I#25xUk)YPXi~@ZbX+L9vIKdRwU$(G zY+(oh>3;KwBxzb6utnE{lnQBdNvFsEINd?Q+j7QJ+>Lht1f){p30;49k zqbul?jje!`){2iy(uzDkMGWSLRleU$hK##;CuS$k-U^i6!{Wzt|4Lg3bQ!V80@3O@j;t@HCd+)*)VkF9y}TVqwB24y-{&k&1@YARfXP zS)OopoR~O8)nh!v7kh=Gd~okU>Oi>TlQqV~4jmpD_Vs#UA$PAhG~e3H}%5f#~8IG*>Uh~aD88WQCM4%#Uwv% z5N=Vj4oJBux&(jf{Ih2G*=XK$zHr90i|gnfHJIOoWkOp_Qd!YrwC0y*G0i2 zS5_Y~qRFsaES@cXm#i2V8{M!c-7&PSQ*dKv1o`}p62B>w=7rlHs10Xx8`1+YrvKbZ z=>G-k56pJk>)Vx0=9tkFv5jPWTrWa$BM!Vq?yi(Y=Qk+JghG5=#v4FzTOY-Z^{A-AFgWY?MrssDQwAp5fmd zNvsmEBW2|+kvFVg?(O`plCRV#{MRQtIto1^k;nb&oWK<(Dt z+_#%{{7G6~CIX=gjOZh=6RI0m0E_eOOT#Hor&UENob=~klgI6eJfem*8K6E&P2LXp zH^8`kJm+5_9)x*SZ0Fc#8nMCOoQR|y(oTV?~P`=9_hC=nY_79bL45jcJ2(l2yiB^(Pr^^-w2j^~9BOKv;O*+!yyV*+uD<``4sQOZfxsZxq8EG)m$U zgerw<3Mi>>W8nkd4Z=j>Zr;+VZucqg0 zo*nje_^bbx>y0;c8wOr}PCb=yJx#OfXFv4|rn>rQ@)zh!zRzR}Ch6NPb0u`H%G^(# z6+X_0O>ds-^LXmDO~RDRy_i-_)H#pTc^^g;HF1|0=LTE$N?zv8V129qY(mGLeO~L= z|8~FO8;&*R!G%D+Wf5ei=*t4XBR5gF*lNt!fxESb==&e2H*-G*L+kjyF?~s|Hl&*# ztaY*Dd+gWxzQ3wM`apR6e0W)I+()TOL)hsi;9uVRs)vV{!9s z0r(za>X2ryv(-cHaP@+7q$Pni#lcRL&-(g+FFxh|nE<9NcVi?@f^+vG%Po)C?9lpw zo0#RmWuj@q*mc@JnaIFrIOQYPQh0I){~2r%=r6tR{t@$`rrTWRG&H> z68HW4gpB3zhwt5(V*}ocBZDFWx59k0;E6-iDi^K(wS?M-$$Fcw6Z=H!`RJSHb{=_M z0m!lib)vQP%{cR2^OZ?yDhZS6Tor{|WcqGZleiEp@akUQezkUl1w#Za&x)gV+^W;` z;uHn5k=6n|R;;V5XlY(sO%}&Ja+yf?L-FH{hKe!|HYy9(CB1p~uF}%=zBfZW-j6qR zemGnBX3xWCOzH0JDr#YXm1`4reQ{qlY;|;81QhVlw#V<>$#y`di@Q{g2>1NL=-4n_ zz31kWap9kOI1i+fmn)~L>z-R+>7E^|1F5Ul4f=#2m0C6VdnMh5Q`I@LEwV(D4oe<| zNHQ9Jo#8Zf_L!Ib`?I;MY?=)aIU}TsL%D$S>cnE(2~NiPnk&FWUtzkBCQVg2_Vs_; z>H6@~MJPN^rf+wI_WSoX5ji|(9JwSnR8VxuL6dZ%}n5fE5oH(Zv1{`1Ov>zNy zRZ!fVLOy&+6Tw8}irlgCa*`IH>QPV;y*`p!&jtP&u|zn<6G5qbi0T20aD6eOQ57VZ z_fjq1SXrRvr;j>`A4swhu9Yf%O75-6O%HgW0VbwM=_c3~t0I$w)PBW$Op}l9nkV}d zlI^n0L#DZt(LQxM{u}e>uUtTvIjMFE)l$~E)Lr0?9g5n&*9X%s9Nv3-x31q z#%rSUEXw1_KHlv47tV6r#YXOQj4^s9f|NELm0IaJHCoY1Z=I1=yi>uS*R1uuzL}3z z@PU=^55x0D=vWKE1qMamJ-m{oC1m(*wR0K8Hs+JKW^$KspM47U_Bcs!T_C zeMFn~`NCrezn6pu-mW?wNI`igw=pFlak0mAuhNl%){4n!AH7XM_rm?!Pm-v8OG{l9 zk0JqUX;MwzAV`Qz8^|Ph3p(yY}WbnI@p0+A{QCESMYYMbbIPALUDZm zt56~kDY2?t=Y;xieRL@ag!)Av)${3INXMnm z4fqOxMJA`AY@T5IVFzA%VMN;$mGHY2{7(0B9-CYd&6EnzZPsMT{{eULUuHqK@uBr! zX7VQk`kXRyY6=OdIj44|I)n6Y7Nf<>)gOYh%1HUvZd=fwsvjryoR;PFfR@vzs3=0_ zH70dN&yiy0CyfG_&`NUHD=q)+n$8}d)l3Hi;t7%=>G)s9%=J?|_6SHC<|`jkQP%j{ z@Xlr(bo(Zr`L8o~o0iHMc!;j`yq7yy?Yxj__i7kP;-KrEnmLM^9Xjv07+|b}6`%M> z6j9K~7KbWOmZP!RH$iJ^a2J&I`eiu|r=JjXLN+ZejV;b` z6JZmEx~XY&ZO$)RyB#BF%tAzW4?ZsRPU~*GfD`{-J(LUMPh0|ZWGODw@Lzzk9cqeL zS01|IEt+E^w}qdFx>p_htgY*{domBNjtyGUb(9lR14X5xp(Q-CljtXCgOwj^vTU@X z)P*i(n(lM`<;hB*Sl+0g0`;09m7aGyOl>Tvffqug!4)> z`;KQ?ozgN)cy4}5Yb)NQ2R5-Uw=C2sIwJJkFH*4f?wI%~xs(9`ulrzyn4A^kn2nLZ z@=ca*muTFX9n~_dCRswa3yZ9o!(iL@hrb%C&x;(#d&O3SI|UtPb?RT|`hhJzC}#tvbOp2c6oDt#=z<`P87YOT`!d@*O`k!C>#(XKQX znu9#Z**np~M$^m7Wybbe>D|V&A8}CTNL0U{7+MN$tZoSZ+-nfkV)X{QML#7w&r0=k zn*sZRWkJ3pA1#$x4GC^WJd*Dfos6|@KDL&2airsY^m~`Pe<4VAnd{I$1Sc@wiNUW5 z&h0-0Hk6!y`bjdck+9AoJ@8H`^`!TVeapJNyLC<^-;pj{Gj=eEy-$G=XQb zuxE5 zD<&?}xA&a}v)VxNEa54qvEO*{EE%K@jn@)YCmjw#)4ixn~YsyC1evS=#T zNzbI9&QMLF%&^0OI(tatBDL>{qc*xCxY;EV&f;Cu0b85mYE1RHKI=hrBz(hxz6;SZ zlL0aG6}|KotIa9*K#>3PE%{ZFGNms*Zh-8bXH2?t^o-!)7{ID&v0CUJ-z0FzM78f& zUp7J*x1~3`eP9H8a0$e%_)1(V?)NYkVnpRkJZIiu98<6gscnPlz#gXrR6v8sj2tt} zOA)et2D$=7XD2Rgf*4kFqGS|RG-dU$3K(klbO<`Hz*v}Pe(sme66~;SuY3cYaK<;X z-M+>3Qcj?BKfrEp0ySe`V|@isP)ZlM0%&16*9L?FuU|cngFr8B!2SKipI^=GxvB;aB{tLT6 z@SN3dM1eu#>Sf^t4HTZ#SX@~@u4y2>45a_EYZu+^(8(wEw%%ixzQ6Tsc_V^^{w%41 z-y^n{Qn;aeEL>Gyy^oi%t5aG?sIi}tpT;5F)0%|OVNc&Vhee680e5bqwQX^C;%0#R zT?zB~Gq);@Zs+{!1(>uwt#IoA^Pj-H&36oQUl0S6tZfyPNc;CnS%~G8p+{ z3+t@djEV&;zJ%Nj>qs#pE9R6#E?kmfH7qq)bA$GRTPz@!Fs~)LRf4P!5|))Mpn2cB zidc)$4SnRDqGOyR?K;MNE|=~)~RdkswWi@pVJu~>c7>ture{JC2JiaYGOEGjXOz5GtwGoqmiF}Wh+J^LBVVM z%D+1f1QgdP^W&B5celmTVtfGtEZoUvG)R zcVKj}gK~JwDmwc~Nu)`>fu{sDAszKYd><}@zICtb$x0SFGHL2$ zpT=jR;pS33sMTT3$Iv$BgeqSSie37oDeZJ+csIeo`IGbgU1(8vYVZKOvJp#+*mP?I z+g=u40cfK&cg^-NZ8g6B^pvQkw%mVa)H!8Qo9sJ5#-KEFMIxy)%}Y=M1v54sb9O>| z6Gg%59bRyTaI$(?{I z>k?L6dky?zFU@%N;3+yXR+|eS$TY5j}D-?NS=LB*A^;qgE+X!8i7Z@qG+%D?#^@T;k9$W3RMT z5!3kov0MkOM3B|eOoRU>He9^njI7~O)H6TpU?ej^qX40?pDSF08&#~_g^oWxoK%8P z`}_SA{k&$s)9}(`e`jW~vCXkuup&)3S@)H)rZ1lm;;>NWX3k!f{O3V$y||10Md+uA zZn#HNtqJU@6%b7XIpjbE2crEthK;hPg9ROfo2lHLgENcEMzJeYZ)4A zfv(fl7RFZ^q-Uf-(h(cu%2M+x0)f10C9ZDo{PronJB*GSrvOn*(zU_GqyEu6h@P*r zo2RVnsrBfPR=W=g-3I7M-VzO3;Z{4p7XT6ldg1{3sT1_7glQ>%7W=CyeTvp&loAItDvD;C;poMMIU}gS zcq%+>cRZjV>o7+X>(|mhE*~M;uhn5%vwESlK`Bb=#9ewWPZLHI>zQRu$#%k(M1NOn zayp8!y*de&o4MX*^T+r{cuAZXh=UHEEghvUg2@PNn39u@ za^fyk8QV?#&A7@2s-&BDc+K6ZiPO9yLdKVKrbGv?08G)M<;IgQkAy0*Ap_-z+3?KC zT0h>3+QrBPkL=VL(FWl-!_kB^&u7(Z!QnzxDX`qG`DdqWa-(ZsC#^%=v^kCT;iN+J zQBs>h7}zUmGuokQVgI`9PPUoU{ZZc~&qnyW<0nDQISxVp>;aPh{ppVXgOuo-Dy1?&-AdWkrA39(EO91|e^hUN@0zt_X9`b!A@q|0p&oH78ShYVlBj zT#ox#epq&|7z26htDVk-a4lJs^e-;yxcaO>o)%-0NUh<&SMs;oej|cPz4=mxI>upf zT(Tzd)s6-~#j!UtBac7VnxoWuys*B$rD=tI=}c*9EmDSMpLp`yX;rD84|LE7*vVAW zU*^RJRw}ZnxVCy7JC77;WT}YtfX^<7jDkXZep*Q>aduV9NC+#MFSamGT>R4Kw%{2~ zQa&-exC|OQ9Z; zAqBP?fh93VEi85-BKj4R=R-QtKrp(66$}Qp%A-n?G+5f!#$QXDl&lqm3&yak9#Ez}wpKh(=W_buLm8H}CkJwNh=9U~MKxK(2R{^*D*Gc1E>cvi99rHfL;@ zYou_Hs%Rl(>P_QqE+ZS6cb_=7w)-B(G|%V`W9dmAmpRRg3;>5xTs(>IO^*9`bqh60 z1Q_8}x)!ubUkJxd3o@39Oc?6GK&6>Ojgz!Y7ZBgN2Ub3heJ5`BoeSWmxL$*kSRc7k z)1GWXkwZ(Dt<%MfTvq_u(fo4eT4hoBU<_e+|I?m`fm4HmxPYDqW;~PZ#IzoMg8mrQ z-NsYYl-mE(-g$;KwRQU*w|yfbA|Qk!MG$F1AOu3$Sm=-~N=ax+?*Rh|ovlbU1nDHS ztu*P<5+D?*p#_9MD4_^Q@4e&Yob#M-@44sP^WNt^=fnMy4{Obt%(XJt8gu-|7{7^e zJbM#7a!=@os!4aBt$PO{7F@`@qf?e?!8@la1*bZn-*7TLk4+eo zj-ONxQ@rL1zY+TY;5l=IAMzhLhycV~_6^tZ0o`R?ZmfYjeh zr<_bm>XPT)`K|WO)E5W`IVvfzkgxSfg4SZ;L5}m>&r;|Xj%i59T$Am!*2-#m+Uwa`PPS2glDq!HE{bRh$c*=RrX`TY!j38~ij7K#)&$Z;Q4+ z^z&G;{bVuXh!lms0->XWRhP^3JUF99SnH1;NLTrdaOY0#zMihQe!18kadR9kk|b2< zg$nOd7 zzGX=|QYU+rYekU`g(cEvLO}K$23%FsF(m0 zbxkAtI)kLdnT5F_9GKg{sb|lXf()5p)p&w@Y)ZUe_(DQU?8XZn8`-Cm>{SP>KT8Zs z*$SV?t`5pfNz&vbbaaTx>~v9+m~< zoM`QW!3tK7jLUBs_9-JZS2~g-TXSnh$@Yhu(@9m8ABax;t@jo8g6CfGpxq|;u>Au0XctS6t(+syiF(%hSjgUP6b*OUTQ5nT}A!yK!0{Z(+8sk9obly z1?L_ie+{?ji=T|M!4)ltis~ix!3=+e$;P62Id$zi;c^s3Y*HvJ1moZ_R&{WhtY4pN z>=0(!TN17CT)St@_^U$6l#qw~r-Szq9nulamtOrN=|0%iG3`8WR~_Y#V0JtRt}@Pb z$eyN-zVO{Oa-KVyD2|F37&sgzTog5`FdUzsV4B=>qG%r}(sg=%G3cEg7^T(B5w}W) z?D5(lnhPILsm~onup7`lp4C@u$;>k{hsD#1g z+GpIaqP|JqJ1_gNd}(k{ynQ1aS8PxEdr;pdEz5Dl`t_?=@XeMrjU-jJ8qR1|?=$!L zB883JGqeYOe5=9KmeFipYf+zRzBk~|rP{%MkSuwwdCZ6PiO|nzkNo|7H9iCD=p`Ii zBNw49H1gdygaF?3mo>Kxoh$tll?5Y8Zv_C{c7WlV?&}>k)<*#+`(A{gFQm(&M;+;?jS&oj`XeYU!o>(Mh=(lOK2o5$C z*tMzDrQ{!tc4n#T^+4yQ+iWixt6o=?K+oh#fF8bo6c~{vW&2mFoi#pgK9sd8 z%^h^(hnEBMsN9|NYI<)uw!GYTOKNLUNyC-EfLB+m`iSGGw4IXZH-apAM(MrI&&xlT zQ#zqz1~z^5#y7K=r}%CYwoUr8i$+aZRAT#hHO>F7B#JcKh$@kw?KJWwKNtStBZ?qJ zUxI6b2;8x=@~pGy(*NFr=d8jdaMpu{FzRB8lFPwvW{@bFX>LEMOqyI5T<4Nz{+PU;=CxQ)3cyHJ!>eLK{2;}baa17zF2+?+;^02YtMdeA&12pRtZ7DXL(=_)Iu?q=V;u0H>sI%kZ=im)Ob8VZ~a>iWGlX4l$;!@j|Bu=zY@hD3z zxh61LrD9X%;E2S%3Wqk%m-<>!v)Z3YmwHzqzcy(}I4+l?7phGI!1!b7ldd{zj^qp{ z@6!w+lbC;;s&G{;c@Vu-)nBTQe7sy;SuDRxy-fu=}Bfk%xR&jP!ez|alI>nhR5?=IKORcCPIemDtrb@hF6r*x6N=;6BExpGjO=p>Dnaw+Y%lUB``g zwF-Vthy}U{gTZbW0MT!k2n2k$uCTRq1d3((Bb}+n{cdo)<2d2HKKJSLca-GjIKoId z4P!q#{v2vBQ8?B%Et(OJxUv56_FC2&NH9aL$C(wXK}W=vD+dJZA7=gl8a;}o#};}h zjT9gCu3v!2jcX2L{S$V5jbaU1>673g9g{?e66YpiW(J1$&!%rjT-uCZBfq6@9v(`C^eqvsdxpiMMzjUp?NzLiK9i z97rNLiDuiFhazl?D<5)!phui0TX#|bxtLph_k@rD?_2o z+6J7_#j|#t^s|tv1Ww=Geo^JbjQNu?xEI|-N$HSRQW)lWNg=m;drsr6DEnfxaRRgm zvXPmWC)Jn-OO2WK`>YR~@I*H!y>sl%?17YR(t3Eb?9x9cNns)%M#r=y!@xI zLNyNsi{Nsxpp2Ng;=SbwA6sQ}l5~sHVZJpdw*AlC_)N}eEJRPJEhypJ+HZQ>=gZ2c z*5I|UFS|U2i*IAemz@&GH{=S4p&1$Ot3Ws$oIDapU+J207wz*Vs zvd3@eD%S&9`CweY>~R>eFrV4=v_0*0EH2oL`R4rYq+6h4E<&TJQaKQ&hA+MO$?bJv z_y{X{>=G~2NzFQODHnR|-I#aUJ*$W<<8cy+v zkV-KvsA-b$QI^*p(-+}8 z2zzyF?n-||OZo*Q!hO#vN|cD!oC$=ZeIc!p-jY0p&knn~`aq~{>O^liD)L`jbe9wW zRh;4Q9<}Iq>6V;N#LjCYIYwTu-&Lx5yHJc6R7f6|zB>wjZdaxnX%37`aFTy7`wXsf zg+YZeqYkN@QtCsxJLaYyFWs_GqAvKcmSq_XnoXv&r zGD0}-eZ3CAzIXjzv_$c>0}BXC4F2vPl1L|sZw`f)^P*WEUvmz;_~zx~oHxX8PNV}R z^CLL`<7Wa0ndK;HFF|x8$Cx^%y!h;G8(`|C+&@~pmx84~AX})9AQ<0MMBX1ph0hW5 zeeDX*e>)+$FuT@58?uuvJz`xIT(dskkgRQ*`EGNlD<`lvCT(Ts(QrPDQ;nH;Lj!{t zAR@nt0*QL4P_hDH>vPlms+Hb0qjkd2YfqUP^N!(dAr}p~xcbz^y~LL3zQB#Xcb$46 zokQ(LHV8b2hg{ij@Ib$Rd8X&DRr-D%$Ml-D&12yu3}0=KV@=E#t0Km;5LA38^r>|@ zg6Bp2m|K40dsz6?C!JuS{vrAItGs7x^SLS^&{I|QbAyZQmmL^D8ujmOL=~C$nS9i= zMFw~fW9hwyR`t5M1&+j&ZtQ3LUJ7|?5>67xnV#!xTiHi6Smx8|#eIkeVoNP#e3a(D zf-nB3f9w`Xx;v{$ioCjNKoC^Aj^0cvT?rY=*E7>)%v?8tn_c~uwF-_)?&SJ*u6_~< zB}?rd-2KBd`o^W5v9tt(I-^Lk=Q&0Yl->awGaGiP!~`TsZ+$!0Wjs~yvsIXa&jErQ z((f-9{<9*k{f#m;;Qf#_n?m<<^`z91=bD(6oya3ydq>phUiaP(AtrsGOb@u+X)c77 zMAik}Hgr~(3pyHFNE5~NPxee2%Vp;^#|(InqSQQDd)g;141a{GI8`{a6GSF=?6Pwz zyA^X^ZHzE!j>|_BK?8@-n? z@(($sj!yNFahJrhJe~U?`kO~Gj$7e})wB2hkAN6i3T?MOqDh&dQA%sF56 zGBL-4&1rsFO9gbD%Y;83okeoL@-Ntn!q$>O-sgOua(QGIGZZogyA~mT_6-b^j55X> znL?GI?i)pMp6?*-}a1?3`nu8?3!XK2{!Zu!4S` zsVuiZ^lr{6DRTR=s-V}YZ_1YEyzFCNY@+*|cfU4h3+%~jx>h!_*wSNq7uW3)FZ!}> zB>gtT=h{LQEVXp2w8t8I(kS>ww#4-4#=70VF_zzpY>+f;$;|fgY-)s>ZjM*yv!7E@s6zF%q&M{(ZxTJuU z*QtU%nY-MB-CW_5{>&k}uZ~XewM_<=-nn7|ezQxsdX`lXj$26AQGvW zu~wIzyOv{R?dWXq@t>M<|JGTp&oK@BCPvTqKMl@dO~P+0XmOy@E_D6# zTDbNt-e-34Ai+#R>3jn4SUBuhveR+6c*_e3iHeVb$av8cQraxMmY_oW%;+WRI zyE0UcX6X1FTl$Nk&f4yb#vHznCz-0_D|hgGsUqM}GwsbU|Mc~$$umYLNhIbyW?mK7 zyvv+;3SE#F%SjV4*wkFpo!T203oA%ySJ7uWPq6ZKdK@IaEx)a~uHx(;Sbr9o-hHRU z$AC6eJ%#tK77Te~HuR+V>$y$#Kamned71U|jG7T|bcPm}b*ECz0b|2Y_I?N^F{dwv zLUdP{+pS*@B!A>g_ySI+?cjp9r6>H8ESXDOnKYAK$S+lNiZ?5lElWO<?&du#X`FvM<-#^wz{_97tnvTScu0E6FsFJmLsP_U%Maz2}OWD86Sktqw z)fFCtaC=p|E^>W^p^IMnDmXWU{pDJEB$bc{E1J7clMhom>QkVXM>GhQwY;lu-flqP zZ=QzXXAq2XFEe!7-Rm*YNlAyR-9-I{yado+zD?H{$Nx_UXSq{(s!^%94?7t{XsZ3??geTe|sMaFwB{o}C0wSic+G zWdri(46Zf0nwa}Xk6p!?B)$ExMB_tWl*7(ZP(}?5*47_N2B~kBeygN^RI?Ndnfm&M z(ImBJ3)A3#6RrTXkVPfmZUBCu#lz4Qg^i=iHSoXX^>+?6%+ZI9Wqs*O=Dza>+Z1v@+M=Sxib z%avCkoaPnM;*jvWKDCFn2MLPxg87P~cMGhP#zwbg|LOP4|G+O$+e>2^v4a5rhWW0< zmdm3!=d$_Ozg4EDbdl4^yQb5sL`&mjOz-v&3ZKOYk(0c=lhnrBPp&RLS8c3*Z%5+!GLsWJ2BWA=hfDUaGpkD`mt*nw4h5ckfnf@PWD;Y(2+t-h-^F}z4uA0xwIOG zBct}M%Ea>)p`TnUQIqwLs(=U;34#_qR{qC{nBYQS(gOP_hnwVaHTuegzo|n+x_4b55lFImy`c8IR+r`zf{MVh zIke82J(XDmR2wT#JGhjwR|Fa`YMHtgu+B^57CA;g=%uKazWZ-&3Ub{WFEcBX@W2>A zu`_DvO~H2MBq*-4Wz6HH+#)F%`Rj|_v*sSz_nXNV-Ay7VFnc(V$4zd@S>i`TpDhA3 zShwDq$rqG&zMzjUkybbk03OvltTLJWVu)ufO`N{UBQ_pTsLb2XSQThy*6@s%*@>=t zUNr3DpKT#YA36#Vp{5D@ic`g}QBc#?#hF^@ zFNQ?(=w-9?(yqD9YJyP`w-`s+*YGQk5X5T-E{5Gfc0*}%()*{_>L{mv($o3XOyB08548!m@cLwIrR+q)r9Vur7#D6P~_-t8j^v-xpe?bTpPI?(G zh+n;`!qqtAPWcORs(JL_y#7d)*;E5WrtuHG&{oYSWH`;QAB&(23lMuDXt7)`OEjut zH%;74`Y-EyZ@ZRMBG>fFY%#3sj-Kw?ne!#t7r<+@wN&%n{wc zXF01|#8F;piY%0EHa&itF#&lYF&I@c+AVy!)y7%#7U_f%ln9cdH|{WnMfSTVPLQ z?8ey3rBRa$;|-^gQ>e^~^r9^56JCa}D4B#h~JJ z3e7{<$+2q)&`~B`to7=$ni`B+KS7h~FYqRHIzT z3fSnHDsp*9tSpgsfxbOwzH5$T8>(Dh8CA{bMJDO?U<}4uR`%so?G%Igg;A8kG|?Qi zj}_*5wE287dD=e-TTEGJbCF*bXkKR^f7ksiPRgJ z_Md4a5PJqQb-gTQlnQ;ua~Mw(8{&$imjypvR&oQ7)H6#8n)vCo{|N0e&21*deYkbfh&~6^ zJ?SGW^iucS;&+^lwp&#EeG_h^&8lGS??29}bR19T+B)+d-nw|sOKB4cRi`HZVFF>2 z&Xc~25!#t2!vhK~MHD`HWc@+8ugjf72QFM{=8_x{v1Bms@_K%);Yy}m9$-IhXMCO` zaY83`tGL4#p=^OwSp$k0(n@LJKF&N%drF?}54YJ%^hoaQ6xYG)oHx!MIpV$!=d(WT z5O!&Ew3$YRUqb%ws{EYgXTEPaaQ-@~62!YRP-4+G62}h*0Yl1NSwHyl)Es!4D}I(5 z;_0ITHM91fWr#V;7h88)<#%?Z0lA0i%kDee?HezqmgVaGbbGsLsY6>wLa3;?5|uog zM=fN7&zAzI`V^6X@%?dR7TMTXde5`o*JBcQ(ACKmc0D|nQmDs>sg#wBDD8OU=`syq zr6P|CaJzP;s?nmGBZF6%sn1T4nJ!&uQSQE z?^?pIJHzt39?ppN51POv$PY>z$Hw?uPpUuqKeq3KE9Hu}I6Xc78qJ>7NNv|jAW!Go zX|B!5Z3W*!D4SiOpG8{v3Rp#Ez>)TRR`$c`TG>hl%B?*rHhJMKRsbMSA+h4se@|oh z_g?Q%@?t@E@86NoG1CSGp-|I|NburHHzHmHT;19u6xSVFT5>Li!>7HjK-pL#6Our; z(b82{<%5(X>#N&1v8$YBl`Dl&0msbA#5lEuz75{rl~;Rh?);y;nEoHP<@H@l1b>R! zqKH+&xUJFPLx!CFBEfuWxXaV->8labH@qSf??tUkS8l1p8N;4$Ki3OT)@rqvz{5%1 z%H{_Dxt|k<4I#W?d*#C)+ezc8jkw_1UkKlXtv?tb>IwIavg2o1uQ0!yAR8jbZ(RPA zP0j!X|6-8q6p>8Ch?)W>$aRIt}X;zg~sXS2ja~_QuIJhE_mSb6~la3W$VJ=TuN98s%f?UgNG8% z$BFkfVW5HgdzJO>Inn?LMA?&CjSBo2pB1ghbnWx8EMoEU~prXiRo+Y^IO|y)4--V|L-epvRnIuu-$Iauja}dzH)M#)m}!nJc^NF(^|fVRsQ~xzktJG zQRY2p=QD^Sib$}O_AAMNs(Y1!;qv#TV+a%-In)k*`$;Rc_O;tNQ#m+y6~JfA_mNx{ ze=A9*E-iOW3xBT@cqOx3g_Amqv2;X__dfZ2Y!S`i>N zhVzGOxk0PJW&HMIsQzXM>D1^3;0D$nVC~~}0trncZka}Kj^x>Wbu71Vcv6GLNK7t$ zb+YCWY&Pki=l$bCwV0JK>TOWI=OE_JS9wQUn~xx4Rnk4#nD6lf8vc-Nq7)&A{o2yX z#soR%lDJxB_}q(lpF|4GwS|{PnLc%=DD=eZZYK#JSX#JuNo$gS11JB0uQnLUwV_48 zFel6AsNpu@?8s8I>$J_!SaYI`%5{aMRQKUMYsznM(A0Y!3D^kB!oK<+M_H>KfDO#o zTV4UN&lPy7?uBm0Mv`SSr~Ljwo8y)mKUUXAmN(>ySNFJ=-e|=-Nlwem4^+e1A+h4iMl?ldg9D?CZM|iZu!$e@%M7~;l_3J+0XAu`~cn}-24r231B59R$NbeHf%GEKQ{)9)3Erm;X{;)ML zp*zYa`KXKxwB&b$C}c%5vw=#C^%Z(lrB3qWqzBWbw@vLlMqK1v0wH=oAIwZ)uhbjY zG+W2Qu8k!jrhevc1M{T0HLm9<3fSYu+2^=&5Jrok=CN6X74>x}+XSPP)qqP>pt)tqyk&{!)!;CBNY?*Gm50 z?bGBrtt_cb-O=fPWR|4!6Zzew=wPsbr`cuH8-W@p3bCF%dr5QFZuOh9m8*bLL96B6 zS!j{I5hEv;C;;L0kJv0sTAAj}W3WHrc^(UubwcE4of0KSBq9X+1Q6dmT^jE>dt|bg z3=rQ^@!&428%IwzdJgnv;mNn=bFtwS+Yc1{bvaY#60s+P_uFB@keu@7;AWq9s7-z` zcu%o4#(rDESv~P&{%3ygvQnX9BE0Ib4#0D%u1icV^REh?>S&%JRc4>TN>{gKT1jR^ zH`LtGe9}%xAm66__K~)d#*g!5$lp$B&bZ8i5)FN_2b}RH0txuT`I~Bs z654FXwS^w0r@b!CG+LY;i9f423e4nj8jwi)y8oJT6X}x{EfqOxSCf?O7c>h>t`zfG zYoHc&nx1nS2XK)|014Q&FG9B!-ZM1Ya9Z2<_ z%kLkRn*$fTV>V5l^*ooU6rAP4YM6_rOe3{`w@w_ZSI9!4}T z`A9sH@o`dsU~a!GQo~|zN<@W)t~asKkA3m@32aK9~*63HruLU4oMBKTg}+Y zb`&ovGQ9$2Nsk}<#XwT=wv9{4M5>=e$95SPXw%jWjqKzEAo|^&yZh4+*>le2v{$Hw z^WA;ohrePD!&=?4b3}E~U7{w-wNU%Yt;Ahsdmo~muveaAJGoi#u$pv$_?c-0)TY z#C>W~L>kvjhv18b7hRX>-YfAwy5fHyef>Da%ABG|wC(J3z?k<73nMkU`lNXGN^7C+ z7rXyHI*;3frtimzB~ZE;=~q36@A;*C^_YC~_$2y7Z`xVfoU6Cq()2`LA1R;ICx_x6 z>FGhnTfO%0UFW&WAQKrLBK7??2V3u7f*pmiG;OJQ4%9ga=cXe7z z{R>!R#%IT+B`;|F355ff7jEZZCdHfdSbKAW7-T*!e;|Q78_b)qQ-Rr{28u|J)zc}~ zcGT@xURV7))7FD5S_C8dR9(aAEq78aN?9u!&1m-A+6@rsMT0MHQv6o4Wt-K~?vLaV zc@OO!N1nGW(>cZ2^Ro3uNH4y3(!w7v!uSBf4hzs2V~3(5dF;vO>LRN+ddM^XC?@5+ zg^6!n%3lgT&ezz5CZ)gr#w-!(IGID8y}vwYhBk)>Vo!`W!;8j;J0^V@tr^1B>&Gli z3#pNdy4L=n!@-E2kw2Xavt4LkNP$UwncZ;HHjonjw|SGcKpB$0$D#b9KSkG#@y~%W z3*owpf?*+~s79gnpT*mQ*?rveqB%n!pz(x7f0}ZYpSRMs?THFHA~TVn^ywoLk=`PK z`#=*@BJ-75%T;uvXF23_paVHUOdYUlmn!#Q4#tcAXcZ?{!uK!R3C&yH%6d_myr`C) zH->_@B8GcF+Ktp8f#OqnqNUHQ9L2eB6#PPELiK8TCgOsXpFlM;a_$v^l{m++HDW78 z^`EiY{b0;9G@|7haPnbWczk$LkTfC+lCBOixLAATOjJKjG$LxV*)>hGWpyqZH;{as z_Gz%Yc_Q+8jQ|=^c=3;`Nee{nJ{?N#1jS^T8cB8uFmTh#EQ1wrI<8GbmBe=*<=oTh zIbLCof#pUinRXcO&RM?;t$b&0j}Q!05XiM6ryEgsVU zYIk&%i%aY_mb6GT$+#OwnsNq*B}KqoJmE1DkC5IKhxrvfL43Rr{?H!Kizvd`ZdseW zCv*cMfq}>9Ai04+Q%YvUV~QcQ@&2sgIPLCs7v{G5=2TI*AQZV1hL&3Rv5XQ~^ ziA<|sE^mwtEq^U{T-2O;W!yi`KrkO+F_(H&YKk&kTA}D>-{6+h=~^6I%bs?dAe`|! zd)XHlxN_^ro|=OTw|b>h@(?<&93I>3M7nt-p;i06%d1DEyEZ4)6vkT_WAx6l% z{yq66P9CP+{m`l5p_9!`F2(b;VY%hHnMxTfP$)%G*WaThX#)|$F(`o z?umi~u2nd7wv+|*!3TVm6tRY)yP==6gg4tE6+8n{UoFh8TV@Dy1UlD!27!+`BfBBY)Mi7gzkW`lm{yymgW?+YW22G{7g*43a2n%cwti)$;k^FhoS4zHGcXX% zI+e=`tPPmjQ9Z9QDWNKI^`&||G`}#qA`i2|>SsDm`gJY;wK{T71(0#8o;~bDM6q4~ z?-69=)2kY{;$5;?@+{L;|Gd&lzqaX5%FAlspG+KFWF_5RL;BkdORD{eRI`J(LqD}x zptOABC}>(m;OG=ZtdznUcm$ZF&QuHHEYrf403ZL^gtPPhe)@hpLb&0RkjT$3NG*Oy zbI;vM+44RY@X|qmvSmxLj?5?tV%JW`k6{3^o#?4U@qxkm!ny6lMTf;jb%D)n&N*{t&z?Pd_GGV_z4y5syZiy5P*zY<09?6p z1z?K*0WRkNpX5EPVE}-d8sHHC03ZfjyK)b34Ub*HU&>eL|B7o~c?cl*gMJlXCYwndvUr@}&o~fY9}kyvBu}keTpT6%`5h2^X6A5+1s@b{&+lR8$PeTb;0H*_csQCt zZ7p0_AQqO^4q(=;+D29uYjZHGuCSVbnxm|RmGv_(XA3Pa^_NgDTd24>tBf>@l!t_e zy`#N_iy4cDy`2L>!UN3uhj0lz{+rCt%JK(`i!GQ{PwhF2EZo_GMVL>RPka|iLkoh|u+;^N}`0)qU4g1mSRUWBKEiZL{{VxXl zJ4Q9N|23<<{ckJ$p$o!A-VLwX|7s)vx7GPG;-_w<3WuH64Vb*r|0)(dGQx+w8SrMSPhzPGBAMkhkjuQA<)-X>wGZ#F| zZ+GGa0(k`lU;f3NxCQXuCGclf{MebBxtRU$n18!~y`!3%#4~Gz3*6cB&x5LE;q+(B z&YIkxNvBdWj%=!cdvv#m{@nm`ad)Qd; z&dw*oC-@g;cPk6Lh<{&qetfI^zkT3O3h@8Wy8Ti1cmDDhcDxh*M*r%~(k%aie_7yP z7WkJ1{$+uGS>Rt5`2WuWe~X7L9PmM~J3iXI+yLPtJQJ%UgG0I+v(asC~o z>FFD=5Ul`6@Oc0^fCoTp21PikX(_z?L*~DEI~@5VCjboc{+9J`vi$o*5_5d4j87_v z@hs9%M`ss2{tS<+y1O|3#y{fmJ5Vb#b3Fb9kMlU=6~yC1zv+-a;mf~q%Rk{~zj5c6 zn)r<4Dg_>AvHUw6@^?7Y%Gn;zgYP+j-QLa>ufrekJG;4M;h?RBf3o5)1^@z}2~Y$) z1+V~=0P+A?fCvBx5Xav|0K5P}03ZGh@bA?BEt>(L4uIq9Lh*M;fG5BiU=6SYSOHw{ zwq*gh;-y>QpD;Y#0{^oEc>cCOz8)U_W>*9ZB=`sE%B`mWz_ppn%RT%U6U6`k=N~RF zPtz|i&ol6;*AxKo&EaqL;hz8iu>(B)!{2D^X#fEEI{=`f`EN8xJOEG`1OU*EJDNG0 z{m~8q{(cpP&mMPk002^b0D!6w0Jv%RC!68RewPC>M*)DB-uR*F1^^OK000M`pWNtj z5^tmHgx9WLBfNh7+I1qL>%=!HZr;3c>)%cW7y8?%ch5kMRNXJ$g2VyLVZ5 zSlBo?xgK%RG4l%WJ`{NHkn7=ZAyfyb+_a6SI;qn`RlK3j{sw}}3 zO2AdhD+H8RE?e*eas_ae;CG_@SGabafRO0w6=Hm;ItAbg;gzd|1b7m`ts8^{e{kb_ zLwTF(K9K0ii#x2EW^bdY1)bQQrWfCJE+M922Z@NvYC&9@`X2}hBV7HXOSfsE8Q;a^ zUgG7^;~V-D{I#{KR|xR(i13AvDe-{t*KD4O zH2ybVL0wC>JM#AT`7Z&w-(H<*fsr!)gBzAKXl_{@i*aTV<^A1Z#l?8$hx`PiZ^1;c z;Ysx=(AsGQFE@-_R8iD0<*DhsgtVxOH+edfN=MQ7feWn@U5=fUpf1o&AM!rYG&aX^QPMo23*yu}Sq;GLYz__TtgxoWy)<}ZF z?`a)4Q(@v>jEakENTAg)YFlgTxdOLhr}bRAL1i6Y2q_kOdEiTV;{L*@ zwS(oux4BZxme89YzAcYJuofcW>h}_i!jF>Ch6hH5JhzD=>JGtiSc@pJ_X zi}n>8h$mK)KZ%*;U;Yfcu+Y|I{_G;B0n2V~+c;XYUWUZ~od4k$y>IBy+Gyy5?`@Eh ziE!WJe-fTh<`BX@r(MBpCDk*wV?I8o zQfWhOORo5&2j-O%7BLC){a>e9fwUY5af>1SeEqYeqS+sZLBa)2rjx#uUoQYW!A+o) z0RsY!T5w9Z+9q_(cV;MOw>)B1akOMgwf7bxR;N0Cd6xW#PtH$7sRH!yn84JU{_gjt zQt7ouhlDKM($OQ&<6hB>25$f3PKtjTG|SbKQzc`5Zf^^I`#M8E#C&X5Ipiho!${Vz zrtC%P`=ax;ObLfXGjd^{RQ2Po(r5b$uF3~TYeDhsmVH!H97V9M^ez5B6>LyK~1fEX9Y86o0v*UyDm5zbK(iWKbi80&EQ= z0W_V7iOF4=1K<8h|G-y&LKFWDvWvU;kaMSqF|DG9`NgpNz=lMPO!Sy}i!$vpkMYGq zL6-dyo&7hT_?$~X^za(xrsXZs;u=|!r!RzDT1q4LV`A7ELl<%<%MaM7>=g51tq`go zb|Q@NQ5jeN?*VeE&UTh)Ya@CFdwxXZ2Lk7p6aC8F=uUdQB=!4>@Gum059vizKmBq1 zI`v#wAol|mUS-LIuICf^oC|TBL_+79w!(|;Wf~k4ZJDkd#thf5UlK{AW4xRmPV>B=^B7&dPP>Xb6I^F8hu8~t^q*{N~b zeRwd1yPGpJ#lDs9o&RDwKB%GaX6&;y=hw#QE={L=kZ+-D+xt3|^5!&0FOn*&H^7|n z8(Z;z-A$e_ez^p6tmm8-G>&n1Px=k6`l+6!c+0Gg_DDNW{!mbn)!y#R7v@P2nXxOS z1EZr7#XNc@qea*2YZB&);zx|VEJJ7fo+%wMx)pNp`Xv>z7iA_|4-U)|ioQ>8UHEit z|2;F*<&@Wla}j%5fjOS9F0gS+jF8p~Ke8+uu15~1vfD_hlyeZ!g$CX7$nsC|S3P8- zKOkGbF>bM!Y0Rs3*u$0yfoe`k`06Xcgk4|R|4{Jb*AC>A2=DJEiPX!o`i06Y9}J8F zcEUKo+l9T>N!|86pfu;A3_)X7%v|8zk>vF7NJjM-4`_+X=duxGcCCxUx!bE+`6^E2 zR58=KxYa09jJp@Kr*30!NLGHaRM!Kct>%v|Ht&Zw5=MBCkp$Ui>69ldfb@@Q4pmfV zAf9c$nn8n!aLPOn+rai8#YYv8+~?t;d(kWF3M1qm_WiYQ8>V%0Dr_8AC$%&swwTBa zsBy@fdnYxGK_?lc(5&Ufe1R5DYg~BB5ffPte2NANq0v2r+9neQ+O9vvMbHKFeeA9u?4r0OS$>_i_JY1~Do)IrxCCbSi1 zd0l+ym|tu0l8tC;5t(+DRrq<)=SGrjpP#d|AFpbuzO#Bgw{xH!ml)rCvubjH_Z9Vj&ftZ5@~r z>*ct5@^GoKNvO6Bs&{MAWpMhUArX@{^@%5^0*8j)dkC(OuB&Wl$ zV=CwKj$Iv>WIV+BGv!yAIe4ztD_mGcj`iGX+#uapY1zUDxsyZF56uvw3#%E)_ga*} zWzHWLA+XXOs+$J?$u$z>kl)Wkt@9C+b?U{9#+3t^&%WyQX$Q7T%%V$|fSYIH&1?Ku zjYbFGCVHlb1uo8<8jq8cEe(ER&Ny%jPRO=b_vlUC#id)}$_(S2w%^C7%%mB4a3v42 z-qjfrTV_`9>bA1npgVp>Fh2<&bp@C1l;I4LbEq~G5+h5!g}fM*1{zgQbL>iv+~<8! z-#zS~roz^^ESy~5TU#lMB=(w4!YZq0;qx_a`6os*NsCmON(J5g6}#^TXl<){H$8?A zODJk;ckN4EKUCT2VT7&>E;Tm}BQ{<%rRQXiR7G9_>}srL2i9hF#MON@WBXD$tdoh} zd9?GJv%!?Jua}M`6UQlT?~}q4z!G^IP9h;__hjf~I9sU#XMGvWa{m4IIR~@G>L4j+ zpafl^hzf+0G|XVBGRW@}(Q0O;yUU8kEx)tU16_+$u)UheBK8t+f?H1d=8^dMYXe1J zF62~(x+vVj&y*!3g_HjsVCEFQSaZ>rrsjPDJ}TYOFyF))Ov5-ky zN;lPZCQMN=qoPGsLq~(uC2e0+4Rmjfsh`U;PVsH2N92cNzKQtx7DdH-T7fXjJa68Z z+>qQ2(S-%s7W&p=u*Pz=QDi2%8yG`5X&aZNY6(OS zhh^`hI#|EQHYSc)pkFC%NdK%`Z>E!K@J@dH2JaFD*(TuF!EIVC7ntd>2CtBQ6ehPi z_`T7EnrFkKjyH*TtUxI~G%I#iyO>Gj12OwqgH5gCybecQ#mPNjlV_MmZ|j4YP}!h9 z7KQV17~lQMh4aMCT9b2QzxMrTUhl<;>?s+Y( zS_D>AM0QN^X;C7;$}<|8t!_iSK<&twb}K|}YSt#MWTK731L}Fq>c=Cu8&nUDL1#JB z<LwGrzn?8ARIt; zbh_AAFP71_Ft@k;c~MM&ICwSz zWC)o-@TwTNlQ?Ww+fqHXHQnlot~J^?cfZd)J#%B$`k4ly2+M1#R)(*2jy0lX;)P7_ znBK9sc}7*T`$T}>mr8;3TKb~(9^1iP-EM!AyfXNSNd*Gq49ktE@)BJi@gH_?g3&I% z#aSw{$)e_#pDe$`%I&c^sL}0TFnK!}BvC7<00DH|pR5s&H;N}aUaGb%ipS7}Yp|pK z95=K1E)&y}{+i6Ydi8p<&*7>+xh{lfA$Q~sEL4)ZK%|*ofI~E@v1X(3We949myy0~ z#1{NQoI%9)#m$3KO6aO)C=7ccJIx-+EBQv0z^oCKH_uD6ZI0dUhUVeEix4=xRid{$ z`Db(1|MT?&w0NU)gVP^Og|GV;cssRUG$X!Vu(QK~OuWH~KRX;Ao+Jga#^Kk!aCeRfC;LMHgpdx@KXDD14dP z^{BYd&Syz7$hYC~yOy1iwC+oQeWe>O=uBz^IK)FpNPFCmIF@SLtMaH4U8^i?7i3`x zYO(y(v9LRKlo1;Z&9ZYApR}7-IKN%L>U6RQZmq5SaUgd(_&+ZnNeNnIMeUR*RIi_P z6XpB8JP7^*>Ql?(`7wDXqlH4m{h8a`{TbO_mm)8Y*Cg&9KGyFjJ%uKxy1P9 z2|Bi25!tHWu)V?>2;#c6`Q!TeotY_05SUtd2P@|)P))pBg^HhpCNc)MMA)9b@zGTo z^>^ZPsk{TD-5d8x;4zQiCG)mzd+Y=yiPWkz8&+@+-Z4^eoDm)3}=`28NvA{QTWak z=aGqIWBSud*Z#8|CQ0u@tzB_ZSRMahY(Qm_(CW}^rBCH`lOGs<<8sJ(23uAyO$nQf zWs))sbvI#&vYE+q&Sx-@|63h+XlP2syh+LC`c<#(0~f!hZ~P+VIa*IEQV|TGrQ=uo z`P8EcE2;eETfY=mLltlQxJVB8xYR+4f+OyMm!xWg-|n%;E{`O;p~aAKm>LcSp<4X< z9T;Lc%N2f+K0J1_p!??|9DShe7{?ckST7aBM)z|cIe`*T+7lm7)PD*COMvPqtW%_bf|qC^bK5~F(4K@~qJ%&F~xMRwZoz04GZN^1l<6sf3qC*C7@O^Orp7`{M%k|oz7j~>m0 zK|^gBC34DOnQmU?Up7V#Ra3ZB@8)k+*#;#@n;!EfgcKOpWhb?Mj$0y^NRot-Bz_0( ze8o9nZM*Jo(YH^h$&SO)yw0fRDoamAPPIZM)Gss)D#fMw+E}xRadC@J`+|kf0|3*T zCxlr}Hu7E&n2NnpV|*)h)Q~tnwqImZYE}Cje6_plwSq|91uUC|2T z9!;`UUFF`jCqIg%ElBQsyUi>pcKR6YQrb|f^KWZ#f zX!B+q=LQ9Iqt`XM%@tf${Af9xa&0_R+Tw=p3XV@dQTD)@d#p(%ba_|VH)?;}vfepa zr1#x8@_8YBxcIfFQvJuz`c6=%(O5>9Pt^>rRN+E}69m*-0=<`0;IRCtpndDm(%{G1 zK&kbZVzUkGsheFu^pe}uaU}0IT}mpC49^ibBh_JP^-YN|jd`?SZJHZrjXS2HshhdB zF@80+wa5nZF#Jr*8Z}U{ll+?L0QRXksC#AAQIQ_kKIS4w<8DPdo6#*c-+1fDLT6GP zJ{MG{$O^v%wA{(@!h5~bA^&ulqEh6kX>smn*yqldNRAq$ zV4Ac$vXGzUL;wCw#8mlG*1UAy+?Gz%FilR$1V-4P!njrdLl3nS$weHa&7|QQ4Kpf5 zM19U@r zUfBGwruDgcr^eSKaK?>QqU++H)}Ig+&S^vV4OJ15dG;u*hq5AmakeqHbe}ztLojA+ zq&{=T7w4PD)sQ^-9Y*g{M15dk(qf~gmCI5!#j8yH%Ah5RUZg9Gv3TrynJecII=GwL z@9rdZ-Cz?}w(GTmMI!#YnzVBrFI-~RiIMB3JG{}d8Y{@#@S|!C8OyYr1d#>dQ(RJAMA&ZG z31OL>`u*6%1Z<}39aL~P!#%H?ytXKn4MWd4v;7~8$_X>>#{I<8555S-SQeSO-g5P$ zK-0tQhTRuBn|Hxav}wyZ`Uf17U=_isn)%lHt^|8E6%}dzNuupE62q0Z+ftc3@6BWt z3}TnHCin1b{>mks%Enkq#eWsu~E7bSf-8qXft>1kagZzd) zE%$V#fm>aJCS7nY58m!bvJ&P9iGa*ADQBM~{GV3F+vzOU4eK~7H8?IK4D6tKQ(xeh zPP^veRkgamrft12$tTzYSXG#&Z;V?jvZ}oHdF1C(I)ip7rXCzMa$SQobI8@UZArPU zHilEj|J8TJS=W30%UjgQQfBHE_Y6c2Xxq+aLlHqw##AWyXz6~;2SxfNc6sL7YEFks zK*o4MPr(XCwYNI9%u8%2O}F)aj!afK>e&JLTnVPRmh+3zOvC%a3-26vrqb6HuF?(- zso(WG46b3{*VE2yIW6Cl(X5_;0V#WQ4HmV<1t;b!WOnlJ6gyF`T^mo z$=u1nIK?!XSI8^H=-XOKi5Z|WNMn;#H{+d*yY4%*9h_-8pQ`9W02kDigh9CIvAgd_ z)9&>0Igf1P$e~18Tv}BGcHRRGzzM-68pp^%pLpAOpkDGkFpWlH3uFfc#U>)2|6^SK zm?dDWAR#3D8P1sb>58zc5y{&H>*~VxCmUOJ#Fv0GqlH1`K^rfnrDp2GMZ|W&y-8#1 zvyu5jh;+&6JdZj$zi@86DpJdvY0_=pyiU;X2vAzOWtFo#88#l0c+`ZJ65fyMu@ydC z1a8OXw2lN?ha(=3-AZ{bbC6rGWTNahy&tCvmDOZB_Qj@xE&)jly$AUHttrUFMMc_y zY(=E_ZraE4@(Oj2T@;*RZL19m7hY`rOfhzK8^K*k&3k zzQU)>ySkgQ{sArB%y(~l^7M3Y-hJS*m2^%yMk5y0DBH)~pO|Fq<#=vp5Jj2YDD~aJ zRsj0i3T3#bNa*IoODQ4yok8~GjRq=$xg(dUD(!7PRcnqzLc-xfA8N6i*u{YiI$4F# zaD4qeX#~cBE;tAh*)HOjB?_$e@6r!Vm1TxGKsg-YR4QEoZRc&6niY|-m64sfkONhk za9fj6@gOvblz72rjSrnzdMURdLlOnq&PLTSA3`a$OLz?g5A(>7R5kq0y=}hTEG|ov z9mvKDdnCGpeC@`X(v$_jmDcMg*vh#2xQ+#go`iuu* zWt>t_I4^QrIKTn8`#=q1ok?9Oo|xw88D@jUJPeL>ZbcUpiGOw&jLb$dnUn3=Mf^f3 z4)N(E7V;ZA)uMr*W(Td3^z>aK-PPdT0ioa>mr28S$Pva7jW5eInUs{am>uWc$W5I1 z=E`J>dz!R{m%@UNXo0H;2*}N??T5x2ouqDtyQ7rkKw(PD!ApQNk z+y&ldon}EnRYUFocWA|Uv+taRU1;dq7;QeHL2Q895lD}+?7jA@W0=xw_#NCw;O`VhJH_<<$hWU&hl zwaPbZ6}*h>^ry8$$~DWv6F+EQK_+gTWw%rv9`p5=AMMmxV0_7#qNheh%rLeooF6I< zTc6RHx%5b{89kmvEYw6W50_~eoNMRO4HjUOPS_3_AaN=N%SR7YC$Ezr1sh~M!>3cO zxZ9t&8KyIbfmY*IdxT(M$HW~HJMg+rj;WMTs#%$0GX7LT)Yunv6@MdFxVL9Btker4 z-gXIa@4gNRQa48&gHeK-4O8!%eKObkD?iUDZ&BtbuS`xZafR%oV!TeJ(hY}rTYeO) z_gW>7mUb@rcLKYxfz2VSea&MjXVG=q<<^od`P6l4IdH>#&8R&sf2E`*wy{z1hIhzx zUP>w;aTa!j!{}6L3LUXSp!>wD<++LwHcq5{lZhj03O)@(o`9G)V{I<7G)~Q`k&;JE zv22xdJAQ&FljsXan@hmjVIuh+ChQW>Y;iF#&18_;tQ#w}@Jqoj9@TttBD4Nw@SNW7 zB`PhSd64Lx$)SkWC4e&RR2jFQ`_sm^{5*}LF!T~oXxsP;a|tk$ZyXry)W**X-XAv} ze0Ek;8W|c!H@tpN$M`_Gd6zgKlFIEU(l|edIRnj$qfFypM=~qf>c;Iwikc6O+Z1*%n(tFSMHlR)$g$vOH?U`1x1pif#k zlt5bzv6Tbk&$iUTtC0h|EuyWqvV==Yde6rP=$Kg$RW<8NR5fTGtc_({$8ei9uGaDi zthh}0ZUNfur|_cB?qP+l;|>`!?`gs3lRF2Ni^d$n8*7;Mwx~SU26wh_M_*|Prj{vId2B9hImUpx;pa9~rH1DFQ zSFZdt!9$UR^03Ns%hn~iRt`-c6O_NG$Y=S5*bsUIfu178x$=Tnx3|o#z2wfLjER0= zC+q#l=5F~=jEB2%d2N)UO{NLqhnTIPO|R>}9vIi{V5q$?{U5_^45fLDnH5f%?pV;a ziGgG!bpTeUag(Irv`NCnf;2%9$fYkK+Zg_J1G-(w!Ac6t(Z0}3%>+lI%kKO zPqQU;mvT~kk!5ESjl0I>H2ZENqKpwk(NAZ*?=6cXf875@hIWrK%w;erMLNZUxlk)| zy}Tb#2HoMXYO#Cb*3M%wdRQFjU1Z)5ud6$=eke_kH3zrMO$Q3$ku@#?+)$HPA&`PB7DaTBo^Vf2NxOlkpl1UO7aR z?O55&V*EmJ^Ou0*#!laei#}sDjk&$Zq<)S0-L&ZXc~aWM=mAf=cX4K|P4u6Ng*{0a z$>|kILKp*adHd>Y#yenNCq5zUp%?Bm=U5Ede;~#LvyoKl>|kqwzLQA6f=C*om=%u2 z8d}YeKx{)6xYUf-#fKzpq{^GAqpTXTq$DeJH@?me+7GQ*4#4Vm9yP9PbqQ497qb2l zXzyq1kbv|8%P7Z^9PA3hiDVq6$C=2rj`lz-r(S3rbT4VHr@a$ z_On@Isp=rc1tb201iZ3$u(kos=BAEhjFBb+Db6lUHf48zxZF(-^XG(RtiCWYaQs!{teokaGw9?U|Gt zhKY+<`=I1hHpbXnbdQA5!9D9s3e3$X4y7L#swYX?GtGe_VhJM(P2We#>;U^$?6BBH zeM-tQAwgOx9R)WHKYDd+_xiD!ZRFJZsIoLBA>l_ zfvOA+y)R4Y&M7seW?I;1(7e#5VK!Qmvgl#C(C>Y1n~`#7c{(oxN_|WKk218GnAGvfwx^!yUw`Fz^bj{N*t2ED7bMv$5%4gMUp=abk~ovLSm^_8FWrxn+a9d$FAXu{C-C93$tY}S8KoLe@e`^CAGg>hzA;<^hK_So8Gdo=_~#o<^vRPL&Cj!$ zTCxA)gbN)oIv-Oj_a%mF&zU9cJTv$v)|+4Nn>)xzR_#+{e6KIqR+a%shK)!^Ge1r~ zWPUVUq$$|>Ri5AmA8*9lPcc*LQiGi6qUaWANiuWD3$$&(?p_Ao8K%Y6RW|~y9uB=- ze@$%~v2Mv*Xl{D9vd?~D*Dw)w?{GUIKdL&exNH%c()Q!Xz}>wFpM433cG+a>aeW(m z^yCgj4w&`TBO-AkB^0lnyx4MeW8kn^g-{qsW3+pH4W&n07uqdVXx; z-VJb16Icn)k%w5`fa1w>9$ddQ-tk8O-U4t(<9V#{f6TYy(>;tL~e( zc_v5gf7Q$5O)T3f`(f8?P3Txg6e&CS<(Peo0o1;jvUKb=&gpCB_Fi)MJat2l=gCE(UUSkRmt>E5L`6_I z>`@?}sA5F6aX#bmJ7D0}$;PxDwg=mSaNw~4qWs7ix9nh#!tCL#-4vo>eyrv_W8IJ2s9Bua7 zzAh?elAs$<6v?yw$$m~>bNi0W$ZrtfVB!}jmrlaP+4J(k(>Il%a4Nd#a#(~4s7W}q zuSu-X411M% zGgXwqiYvo7`iUD?DrxG;QhU0X+dAuIP+Rz*5SN+_o#^4$0`ocrr8-^9>3)hBkNd~w zy!%(D=HI6vZ6_EoL_!CIOz%Blz_Q$f|JV-mzs+@xQzoG@u0yY7E=SmAc*UDV25||f z=sj$VJ~1#b@JUh^KEQ#bGS{TDwm`x1xGmG|&FEW(=}5Ot^A8`6r}q$bjq-b^iVnjY zR5K}c5`0_~!$s`SunT?_TyNlYTMmC-C3|zCXX&~+=^rVF6`NQ`K-AZ zO0Ih}=7UZZhmVxd)*Ii7Uo3?xCtd9M819-tH8j)8*a9bQT+*0D#Y1vpGDlJ+g>k7w zL9M@cp2q^lijr))VYX6ps-g1aIyPK(dX=(_Rxh$u;UC)5_D$A7!(GcO*4BqUVxyzs zOCNnKhf+4gf+&W4*}8*01LTJ-ls9KzzeC^F`*<9!VX-*8flA5QQ=eg^_fn%6+jx;& zN?hzM8TYz(RgAa(jn9>FkD}a=7Ri<69bLg*nh>u5DyN~{tw`aBSp?}w5EIq%=8qx; zBsza4Yu<>T0TkjIL6vU`16QlbuKV+OsDO^8fIz7MHUbZs9doyCLUx;ctvO4w~c%gsrgNj~EKPE46}pS3wpFs0@br%3>=JiP#l4k2Hs!&<-**uS$7_zIB2UA(^V7$b0TA$Cr$YB zGWT=XQ4%rLl;kBKBBj|`qj0j2xlB@ZZA}%!m#U#_nI(^Sblshvvh4;NK%n+r<dNO;@3+ zxvgjB_Ez<>>U*isF#Gn3`Pv+i?3}HG@y@QW+XgG{ZP0n9+p2(Coiew$> zXgMHt=Qld&yapj2oXOkUGq@u89m_qHN=52w_Pgw4v8^Sd#j695F%nMe)Lb~rIQLzTu^(St_Q4prTa5)UL(7$ zM`g~;YkWmj&Q0e^PF|nhS~_k(zUUqt?fI{NyWn3r&q(L6VyK=cTKckL$YjK9_Sm7m zvGjlywbR<^mS$s5FNO(qQsgPNSi8FFDI(JBb)mbxzIgHJ{f`X^k^W(nVP>`^F#eHy zodyM?C`k;nxEfeias0YCIS*BzUBxxb_p_{Dyd$kmFY8AZ=qWbS8*-LK^@Xt&yg`2b zX!~=u#7_Bv-;453dlt% z*(IRMwfC!yLTa6pb4vX}rscvc6VUGB| zQO~JaqonM>=b(F@gJSt~bsIdcA~Y(H$33aC*z>DdjRsaW>uEAk)kFp^xJc$#GwA^{ zYzsBN4iomlsVGp7ds;?*FZaN4{(t>b0^%t z?Lwz3(<=0|Q+HKlfVrVL!XeC?n{6pcdz@djDI^X<1~9~fVJ*_!2FMnOq&wTMjC8uQ zrkw7s)kEWsSNAS-l?)%ta2dUzi)>>B6dx|{;rJ@I||Mz4GP~}{dvRGy{KxlYgrK<@oaA6 zPMFuRM!l5S&#-u9OGZwrWvfZNvm5eKVa~2%4{yxa!r#uopJX}5Wl$_2uHN)@1%3#o z^_8DKJmy7?re~i>cpvp#0tl$27OYz!xn?UBg%Y(a?;F$@l@2(oW%71b*Gvqi3}Wyn zi0JcU#JO3Yd-E8GOT;ZLE z3A^D?89kkH*m!>d++b-k`K5E1)JPz{M_X#LuMIf$ENPX zE;pK=T-$~g;Y3VoiJVEAFVqT5@Ch|nPVQ|r`bAH)Ii-|#Ns3Hb(&L)!hVONee71rX zF4%2r)l0Gj!pJxr=Bn6_Ma>#k!cF|$QZ8~yr;`tF2uTx+ze zoqpqBuojHQ6s*6mtP6b8QrHxvu9Q&rS|Wh;W+ ze-BkVDt+4xGi&YDa7yH(llKQXHd1#$o8ZmxivKX8M(DiqB23UHLY1+oLvvws{iRXf>0R@hO%o zEkjvOYB^a@T-*eNwE>hCD7~`IL-*()d8&Sy5BsXtgcLzcFzCSP^UDy#NY$W?wu}** zHu-EKjM2`#pje~t`u3ebVd|9|SOe899$db6)~GYXVQb`Z{y_B2u$bN1U~@>#_~#(V zQ5ORS;LVtPg>6yd(Oj|<2uKyk&{OiwtPquWE8J;}o~F0}fi*pDe8)t2vi`Y#Q#m1F zF{(HLGukG~##{BC=6YNYIh6+Gn4Mzb8jORNI@LNPB&5taQ04fM$B|jw&y7&=EV~!g zvvo^u%rAqxtGp^ddkO8H#FGcRpxb9ciCRYLu`Ka+n*pZRf2Kq}8CEw8Y>?G6-B~YO z(^Yu|k+yTHps7D&rZly7WEQ-d8xp2wnaSo6=8?Vg%huew)h2vBwJyNzS##BW4vtzC zR){An$N)nSSYrEA@Rs?;>Jbi_jUdVocrwRa*v00H*Ivn&TXwss<-CNv`A9sqzfDZc z$6e)@NGbR1*%z_$3siKAqwj+zp)BHY_S*uDh_7rRnNEA_dE6q&vK$am2TNfGaw4;@ z=36D=Q)1Ps&@4x$ETP*(*xV58Jbgq-EM_`CDu*!-gn{7IQlhUUnz_)7Focm8?$zo!JvV<_->^51fx*?-8#A5wT0p1Q~CL` zCo#>E2@?}K?`!lIyI_V|#&*u_F#4eFt-iMvvl$yjIib1=Zgas0yUAx$`{k^zylDCz zjYCX~eIhnc<22s+fUZT*BkIWY^HwdY?OC5YenQ3{jMq*n?9adFHO(7x36NT%+R(Kq zSeZG|>H%H6o|lSKRbV!T)k&bk(=FvLh~P{tk^UqMPdP!Rej-yQ>T5YRSu=-Wd%eez znQ0bvn&subG7RU>8~9AuP0xURv_@IQ2B<>Ka!-coE+&BE9%IGIu${56q;c{kAg%dh zH!LMd>ug8;65ujKkwW!0yp_(h^V_!>%C8K3^!CfuEAWZ^J>0?jRd;WW3JLA4)6Zr| z{+njNwh>z1Z;&~9M;EpXO_;ZFc(0*^b&Gn$+F;NcsRq?yOsmGN#AufJ4(~U93n2SJ zKi*$I#&v>D^6}}`EW;Ut{Y7*GUHF+yV{7&K;P?BPKzP{2Fie>lGIw_7<3&DqcE{Q; zZvcb5c=f7cUn1G4_~NzT@Q%XWu^q!^;*GYBD=yjH-cRTQ111khT--KvFhTh53p$Te zyN&soOQ9H@w*_Y+9stQ5QBsUgrKNm*(z(W&y?BtGnfc0$WC$ z%3!92D_MfHM@hAr^WbMhLwN<=`xzrkiIGwq{mr?-3&HUb)`VJX8~4U><`Lv6-@vsI z%?hnTewuq1v$^>vu93fd9&Fv;JgN4|N%un`OMpSC$q%x{{HK2#iKBgI+rM`Y> z2X8WG7PD?REj_iQS;WnQ8TTib^E`a0fyYjl0E?WRB3#lNXorq2@l+6LUS)Nz>OS=%M(5( zdS1vn!J}rW5`|HvyTb30Y`dGdhE5kx8&6F8@Fie$f%mM9hRfu+TJm7bkWVhFoz_qV z`K`D0RmL*~GGFeiS^9H`w`}Ii88UL*_EHqVUeLwUzZy;!FueAmd&FWVP@^lJcdy0|}9&_2I!St0R`J&Y=vcwptLl zT1XO&!87dzA|rH($csYiQPssC_TjH>wI>B%z}Qf?3Ce1!g7 zEVi1IYb+6KRzx6s|GmG6kf#vo8(mwq4UtsmCFNFbYUJ~RA1)l6Br!uGYc<$nOLIZP zTyfh^Q(KKB9#80Z7=JyG(_vHT>)H8bG-0VVa4-Sx9P%Z_*)%+JGKhJJbJ7&69$QVk z+ODwlh4BX9_+WOiLR`-9wMR^^@Pv-cQgNh3SLq4>fFf6O}6rA9@hx_|84GCWt2OZZC$+9EE&wi@k(a35phNKMhv@o?qN zXPDF3vYu4-G!Qr~-1n6+SlMdYEj0)&0+u-GAPmkYC-YH?+xql2y1Hmffr-h$QoS`= zui*(9%6tL))Z)TEuIVBoF`fNOz`Lqs2Zst>&e$Hy zjiF0G-UTl_c>@2xhzK&du&dEI6HizIYuU7B26}q%+zU{^?V*xxBv%So7`BLSzKs%3 zN6ynTu^1?wP-LWZb>mWjd#8ERtBx8xOACj>un5d*c--xcV>E`36#=Lo`n!yYgc@uS;KAfoB`0tPr?Un&7Qf%gNx!f<^C+e6z2wM!T)9T@ zw+l`(virr$WSG?w$x;xbo81;|nxLvSm*DmSGuf|<;O`wCDgEy@6(%=ke@2P*NW|31 zX~@Ae6wL%hIm#hr1t_OxU=d7@u=)He2C$W&Rs=-Mq& z{5l&0#+aN87%;|wg~-tnnf#iJNJaz!LgXAB$r2`*jIfEuWROG#V}i&sh%ACZfQTaJ z;L&$#>ej8P@7y!zd^1%uRkwerq}|;rY4`5EpI*;e>p>OI#@J+A*L;WfGz*RSG#q{q zPmY{2q5lnUnrYGU^+c9rZlMr2QJ>r9U7F?xOrm-bv+)|(yi!{pNBfR10T-I4jp|qq2$S|R703{bs{x)_MA8{rs+$rl{USEz2>!!Y>PocROBXp zj|M+6wOoTRQxmidMVp38jxV>yip^%CWxywft5Qu**cEHay%jgA7gm%K%C&y^?MdW>fZp zB$5YU*9;kTxo!sUU1)L|x%U?DniJ!~^=!|4i!s9^Y0;g1DWRS89r6vQ%Wd&_6?A0M z@`t7m-{(95?~7yPO4sE0e}SU^*S>9mEI19ea!224zeo8US*aw|NjZ_?A@9DNcIWDv zknI0QuH^kCSy63>)8<&1`YbV>lZQ5Erur5|_9)kteaRyO_@(7?_lQv1gMGdv6N^?+ zwoS5HFxOR^W9sgAJ{c;L)s~6$sD%jF&#AZZ#$i&fzr3jw1|^+T`%7|vUAwz?>EHTp zOR1uTb^)aZV!GgoI-nVe)zh_00B{i*Q7`=)OSZS5{EdCMmxc<7)0wuIW72vHJV}i8NowFF2IE z0Bhc=?ER85=lLV>2jwwEPj+5sAQegl7$)f#{(Caxim1`+LW><@+Wot)rv^1PN6+v#8veIjAmrETdZw0lO0T8*7{hP)tw5Z8eK5c>x6wLK!>}G|lCRQ#*m;CgD#dbQ;mO9J_Y7zS9NE@iT%DRg* z4B4w?QD)(-jO%Ji-auFO)csI`IM9;hVtcm;l4QocPXD`1`WP7|KQ+&>p+8SgER51x zA8jp^iHOY-mY9QGntD(na&eIH~Rv9 zsyglFf2UJE@AS`&i9TVEH_cocK~l{Q z)I5~{4Mm*x{?bzW6*&9Sx>){wResK1X31M@ww@|?72c^nEei*vETv}X2nzBzp3!c91!)-9y$OIs)5Pj|W0~-1=3s`dAU)vF`*1k~wi<7c>v0`<#ZUV>R z{;S%DA6nYoLDebCO%RT$fmM06?yl;B?Mg`Xsm;o#p4DRb&D@mZJxPDXzt{0D3WX_8 z&OB5c^e#0Cc;|FkD{XA3FfWcMR}GUwxOgIe%>9*{oH^>Lk2p za|D%S#`BO$-9PxQa6ez=N$H-d^5+*qKC83C2@Z&3zmjh7w*_g60;2GD*)u@gzAuZe zAcsy|9OEP_cerlSD!(U}g_0Q{5@%#iF+#ywdoxeHvcZFdPZ;8@P?4o4YX8pU`CD6j^Wu(b>xc-ubRz^7XFwobM9?9zI%N3Go*42Swv^Oc8R( zrt1>7C7C^%Smwn^i_UxY2&4^hQSRM>blQrZa0fSfoh4e!Por}!Q%NQL9YxKj1uSRU zMjGvOrr}mU5*y9{2My%07xPzuH@E}&=+u|(-0>OfmYRDvAEq2jPd5uxzOettAFYy` zDTo@dx3+9ZkT3Hz8KlxP%t_T>xYb_)Bf7JJa-ImLGQrNp?Y(vV-X8Y)p0e}5C~WN2 z&`-)U-I3CE#$ZR4O7i;wk+xHKoOhLNr9Z2q>5ybSc{2$?%yanR^7>)XrU42!n zQujg5qqjKNns;&T9p`}_lGW?Y(fG4xv_dKfmFCj!B2(-Dz9lKcbs&#wG18x(LgnOU z+Q*Wc6TCw;R12Z<6Ht{$TkL{$0*jpjF6)s^=AfR?yOkB~On_h2zU(WJy|4@)MLx0n zA`6l}d_)vrPwOY|D(X#0=3wLcu^-lk(_6<{a%jhIi9*U>{BhQCatjP{d$MwE*U+iY zKVK|S{Co6u@lf56hh3Sz6ATqBa$(`?Cq(A7P?VqlTyQ(NHrgZA7;~jIDLlffVy!4S zKK*V&=1r-L9nm`HMMSk5PfoU@Z#F?C&&d}eFtTJ&9PKq%KDHR~a{6wUiOJTsm~s?Y zPT#cGF7HGCVDD&^w5*a0xmWbVdNIGCeY|b5Yo}Mrsq=6?>D5nJ=(Fl?rY`Fc!f*vUdPIQ_ z<`)~0{r&}sBHQ#h^X{YWR(@O5y6yd zZ@@j^62F5^LM3h~GP+D+uNLsN$NiyUzdG)lSF&KJ}* zuV96c{xQx^h&QH}+B-&gOx(DAW)8oXl!Opi_Q1i-p;uMd%Ajd~XtV-Vro~ELydOR~ zb<6Vzy7bD^CQ<#SM|gQf%MWz?W98c!fPm=$9W&=XG3tYhm7j0y$Eg5k12F#pKrFH~ zqcSP9b<&H>F)@yiH*d1BAb+;Ma@(B38e;r*Xm9NMZu)a4uQuog-S0VcpFCc-q8L8h zH?w&@ueE51@yuuu2#N`M=Ds=(he@piOqW@X`A6o~c2w$4i70WY8({Yz&WnrR*Mb!i z2hIYH%;sy)xOF9pm@e9GRlaijYpFt8`eGw(t`bm{?HIM zBEJ^*FD=8|Vq)j`iUoGqdV>GZRRF_t+v;4_KB$*Y-t?xApr&w9@n={63cSsH$wjkGF@^Y^rpW zoO^5z5PxWr%1}43z?>-n-^c<6SX_S)eTWau?4p79=;f}5$R6Pw-Er;A@C{*t}C^%uh#Nw1meMDaJ+J+E*xLpoG!&(=cDk~VbXK#Ze1XZI4_S#n9urdjahAn0Wt=@})nJTc+UTGd z;=VSAg|Huqv!4o;;s1t_8Hp8BTh2>Fuf2Tj`3$t8F-^aweZ1@3 zFD8wQn*L-P=Vw|toAg8=JD%v5Hhn8_qkP+Z58gh$?7EYl2jtE^qTZnvyBGQGKeQrQ zu&TDuTSRN@lyMG*gdCsW@p0ZX=9(OAnwhrwd%LDFd18KkgBYHscz=dN$$bC3|0F=$ z+~d4!<5pwIADUkg-_u%<8N8ccv|h}<507?fF6eWH9z^$jw)$|?QT>k4{8XJ*G@`+*MIXgp7IpmV*<)ePYQ0KR&ZqBZ-2_C7FI);8bUA+l zS0yZ;gxD9X632FCU&FQ)zMK9yeLQbI?t9u&ADFXC)#@Gx1peayGnHb0l@3l`#O)hF zcU8F?%V#Xkrp_I6j=YtCyptp3f^~I2wCv`=BLMs7VtJ( zkqwA->AUz^;j%@+4taD>*LGEI z)5oVg7E(y>u05;qn+9p)KUrXQ6egL;s!-*dYRSyCPifmsycs(nC5v#9$%s|B)1GL( zPyEIn(%0&YPbW#hGSmMwIf$q+#eS+@9g^QbaA`BzPv3qbM$`{-1OF5b3dSPuR6Kvcm4NMCQ)$zn$9i(G7kY|R{iO<{EI|{Wm z4tuX(uiGOecqo2#BC%)vW?~Pn&3BIP$Aj}5(4Xw8g|5=LXTP`EtP?|Yz-93ZNIyHH z8bCU-{^GFxfX1MLZARbX&giv9-*eL?s@5aaws_#oEL1CPrhs?&rvKle%`!LFeD<%` zmHhfcLtK-t)$cdn6Z6RUJnERSU-rGP)z#SUJ89$@<(A5=HTapXv1Ha){|-6Lmo^u0h|o;z8wsLdJ}EZFx;=zi z;ICbDuN}+mTEix^=v-U)Llf#RF@v@YfN!6$uk*$Bt=u$%5Y}Y+d^Ats+!u0qx-d(d7^t$d#?8-#^0AD& zTgOk^O;=MfGCspj8}zofwSI9|Crpln%LPSR@Dmqpyn5jg;JnxIvK7S58kWq+t2R5_ z$%@axfCrIni+8%bcqMZaRdY?7f7&jsgxS|m9bWA5YxP;io_&VO%}u4^7RG_TT7Orb z^0`W0f$-ui^RTD;X7@(iK+?E(e2x^hkvCUXvd1DLkd7&H9RbQt+Jf{pBE}+? zXOk{E^*5ik8`GHo^qqCP`|i$YJrFROmhZ`iit)>2itQlt^~$vOu(Ld0%0>BKoRVea zHuu>kzP|E0l)l1)^`w(h-ilso$^Gvhg0=2`ooroKU$36SotD>G8iGCbtxSdly>3hM@2 z^xReadKKQO5(Q|`4O@w9)1qn%lvJqNN23u}X%)fJt7G@dZ@OHpGGDKW4tZV_?b;4s z$jD(Hx9R!4b>ysA;VX(6>Uj(^qin**(8x9sEL=&yx6B8?^=a&k7g9WYRF|%3kEZ{( z;X*&H;|b=P-4--33+i?0LR8RNugE;GmmHSlzD(y>V8_*OnJ?piGdAaDO9e$|{$e%L zlikbC9#KTUunA9~!-QRP^uXAfJ*qkE+X-EPTc<_+TTi)@u*_!Eit9|SUO?!$>1@Na zLUwcGB;b{c3Mx?EjQuCuadA1Vxzdk&F290)+!e*t6v#|TBiSfBI#UF;RRtq$mCjza zgXjEz2~;?6N2t^nH}sLC{9C82 zD%y1>qpLtAmMy5_Lzzm35A(K$r~(6&bjf{l9eakISxRe;&e*f3`nFs<4U7F6sBO@y zE|vt+|IlI`OP3@oTlJO*KaVPN#GDC>*ooeu;@}{Y&2#LN@{E2fu}>&=&U<>=qM(Q9 zje)OU8-uzyPY1EHXiEVP8-O%QeYJ*TWbg9LhIp-qdN$*nV9*8njb`mXG*M~zo4q)r z{=KL}9V_wWV=U(K!yel-T1=X0!}ANG43vgjzPxrA6niSwHF1DZnbBCvz$(h5IlRZ# zoyk;5zp`k;=F{nmQb(H8pWO#G;W^X+n!1SkX%l)QTQoh1q8L$204Jv$Fzsyf@(nom z>)&cg{xQ;RyX9LDZ{HL9sfWpgD$3#vBqC?>yG&=%6H1T3az)HpTOAtR~o-~~(-SXv(jo0&&z|mC)WZXU~+6|`DJJx9yOUZn7 z3V$Rg8{>~5zOOOWSwHO2ag@@u+cMZb?5a4Jy*>Q7K^*Ezu$eak%hh75TDy!~!v|iD z!R9?v(+@jeKFm|<`>p6h&-bN<;i=)4Yr8{l0jJxjgDzC+Oba*r(^r$pL5IjF!%s8S z_;!*fE4wo_y8XDCyQ@GQIwY3@tbv&jb>lvbK`&;qU-%JJeMuyxx9!knECV{y`k63P zndZ9*3vwwIaEAK{AR6vE|MsECOc^f1T~zcls&s3)06lDuw!0bf?ByQ#PtCpUO3KLF zH1>Dl8@sE!i#HN}J_i0nGhV|hDPyWLKM`c+vil;4 z7f|PPgCk2Y9XVVp)X-6}*?7{?*Th)eb3~o`6Lc*#eM?w2V}z6b*|XjMacvj)z9iqG zSy6vd_)HkYznuPbAyDY5TUXa7)i=l74I?DyU3nb^>_3uuH+=-1nHN%jCv^<&R0qGA z(q3mSo(On=nM*15cKj__4t=!eVaO@)y8OrfbsGAMWbA5Qk#vS;CY)vd6P2X$uWeT& zvypyQcY2-Ul=Dh$!e)OQTzZ%ixj2>@*?WJQ$Dj;kxT>-H8+l``n&GB9TDs&cTK6&Y zpuLxXYM*Nc{}#d#w>`R2wNg*8k?J?vgIwDC-X$s*Mv5%C=Vgu&la9d^Ev^=rV6p`b z*iZWvHJc3tO~E$+$ixcat2N7`E0)&IVh>h|PG#jhdNCBdYTeUJ*LFF9dz( z+HDhbZ+(7eoZB(+Cxl{D0B-cNCpYofBId5Aph-Qcmw%Ym(uLNIx-L{yKu1tai-UB{;t_{1W z?#3|F)8p+Gfso6^o9Q;P&gi-FF!C&vnGB)M6MGE`+2h;x1d%d-U1f@XdC_ygV<Bsk9W*LsPq(slc@aFO(olb1@MA^KZ!kr{1NPcO#EshoA}l3yVzK3~Rc zO==~Q{U*X0v9umRf0uEO*N{Vhs(CN;%sQZ=QHkoGLe+U1dzki48#Pzp11=b0^fpOc z@T-tH1sBc8<)&^|bBBqz2BQA~gb!0aH$v!c4(iG)*EiW5e8>VR{%p7JYaD0^ekoA( z_R`VX)8#UyS1iRFj68=_KO%<%F@RE)%2-nKM|gDzrgvIPcA}VN*yimd+Z>l-?C_+{ z@pm-trWU+?`d~ZOhrJaL!n;7+I1fl}?|b^cU~anhz2>E;ljwMox=4k~{n^0lTz7%N z5z9?y!Fr8jDO(w*kIWhYDvYs6y>I+GhXo5O*emlcuk6V&!=7MUN6O&Kd%-fILj2GW zOS;IEg}!P;o)zcQ8(t*F(YJ479JVi5l*nXs!%T`HoDcr9F0cRFQjLcPZis#1T{Ffw zQkn|uS<+^>RFK4p@HJ1+&p$MkZvX$M|GRr4ChEz*wsifEXJ5t1N$2(7mGZr}|1t)_ zx>(^HO1o{4w((5y!Z{4>6Kpyys-CVeVL`zxqb$LRER45seF>w(UZvM5%R{xC>ZfaL>n|a`s(H>IECf=H zc|Z1G3+xFaxvM@d8Kh!iAg9KBlgGcVMCC9o{$P@!T~A%6qs!R+dFp+5^~){1yb8?p zq*jL$1$zuNG|`5fK!%5NwjUEHo;VQsE< zG{PdZReRv1HL~eamBfvIxg(f)nN(rnI6c+)eYHkttWh%4ADWe>*tIE)Sm;7=w=>!D z!NQE*LS{9Wo`TG=^K{mx6$>F zyNgxcN)|V=G{*lA7E=Ftnd!TNIT+WJGTn$&4QajA)q2Lh-sW`l*I7D1fuMeVKSjG% zj(XwUJApDsu?%I3A2#bdEBa=RC{1d4_SGrLCevJTd)c1VP^QplmG_wUc{5K!zA4pR zxmaJ5dHlIt;cB?4LRiK3aj;Ol3yTyz`HQ|o>SrVCN%Xw=y07=zDv!(ugPL#%X@has z3bM6y!YrcN4paq+`*c&90{-P|#^y2-wV+;P;t&LU)UluSNUhyaLJAFT`0bvlUa-*k ze7Q%5DDjvn_Vd~08l}|cHrD!ThmOY3fWZYN(oa*c)74227&03Jta*1QN3ArkQ@8!yB3P}4KOGB<|LU|{)!JP+vxv^S?K@! zkSDC)9vSRl%;-8k?epBvvmW27A7Y-V+E3pPv~SvA(Xzwuu_V<4{r!6lOqV!h?7mra zR}Sp#Sr$3&>kt}rFP*Zdew4Ie$nS01gX>@aLt`}2LZZHQs~*-a2atM6x{hbObpGH| zmed3k{oJDIN!V$tvLVQJ?O1VTM&%n2*frp_pJGP~;)^d|9XFQ!(7RP-qRgiB4iPen zvjP=xNo}6QaT~pu`g)irxSbPwtUHA=rXnah^bnJFg^09kwOPkn@=deAkWrggwzXr-0*j!(Et>5%^r3b zY7zUqV_adjd^yJ!f!GFAs&1oe{tA8k9*oudSR_$qv}aljI+{b;*Y=$~R{VeSb&IlxFW&d=vFg{W>BAphJXlGTUb26}SGP){3JV3lUrmKsZ&% z*~CZ?l=srge=X9!$xiG3_gDLc&l(C!TzTC3DvG*7js5b9FHRq?1UtIIEqRp)1J_e6gWa;A$^(5X=oY z=QE`;%<;$SRJ?09(c8=v&pj@CE2jSZ!HLg4lE)Z_^FMCQvO(ly&$&+JgYSgC9vpOl zf><(!2u{$^#j5*`^(oHq8opDjv8|~TQxvJ~e?9uOP=+MZ!etY!mXLl4S$K5fm zgmcqH_1VDT^S$nH&vl10 z_Iuw0+y+bTHm(P_tGx~!Uv(g7Re>xWgDk_gXrEXR9@S-FDIEK9mM=dyEgdxKHW=;) zYOVGuXz31(=7y}xt}fmCk!YabPe zK$6}jp>3MDZ>*`c)piK#*DqvbF2=4mDl)JXudaQ)N!y#`~;t)m(S^(Bs9NZ+hUA#N9*ESL>aASet<0;QMMCV$&+3 z0x@b%hTiM#0dd@4*gXO2B$`FWHUcvssYstT9)a4KT??-rvk_s3%!)Pb3a5#Hj#cse zcuXVIGU-btY>rOHR?Mpbt0{Emt9WqHB}#-bot$CAqm9PX*~{xn(JQ$AKvN2OAo*25 zcEG!s!ESOn`qKrP1Db?kmmLiwpL87+VIK*YS26T=Vvl277(ovzVpV%M?DsJof3M#y z@xar3ns{fZ!BJ-btt+6@lmu|`XqsJ5Km4B5|`89FmNPBRfu6||0!Ja z?=%`HnYP(`9y19>5*p%seme^iRNrPx2A|jSif0+J7I2LSC)ucyQQT7NcY60ax-66n z?ptrlox&cBdOH2+^ox0&@bj0f#a;pN8%$5D|lusRm!fhylz3t)@{!eNFA=xmcI-%99g!tuC}dh zNAP{way!^jPBMZtX4l0X*=+FIgM}toa(A-Om4|(~l>yBiD)||nXb4Y()1beY^;ddfhOYglAdisoQ?c>-jZsKtJ#2Z! ztE5Ui5p9%IycZK>O>RRlc>ew5W0$oUNdNEIjC&;l#}#K+nYgzVh3wOsl2H1q;R++d zpaHA%Jj=#BZ){^T;=MU28aI2t|DnnaJ$Xvy{{Boz>$%hJA;w_r{AUZ1AJI5*%$1plusr17wG}>?jRHPPk4lvxlp-7 z914rFab4{eG7mj@fBFT_^biV{jF#|Ms=2n?aD8=|6g*sx3^YAZ;OG!2`@NM)`^l{F zX~X{O)jRQzSb@7DmTS~P6Acjmdw=U;j8gj+_AUovDy7nO%BOEs{UC>RZDk_cjs+E~ zWLCG~6;AEJ=V(e+S^698!}W=zNMiEZCRJnYJGo~lhbvJe4-tlrL;6k;H%oJo7YH)1G{QV9ulFpO>?OZ!q zPXX&>z4F?Nwn9GIU8TW$x=YZvzGiHX<|x0hrl?vj;-FOuCS9FzIx)>o5;GpO57eu% zYHY~YoAJ+qrxNC6EWCXpian3xfBbz~yU^>C z^d}5o^i3ns-~e&YR%v7r%hz^U;JaFc7ZQOL0Bj*izrLZhwhe{D49$^=)TE8H`_au3 znJ1=OjoH_(ExO$bUdMmgwvfwq)uN-7`;i^Ga4TQ9dbsS0GDaB#Rw?&aEOu$TkYqejh&SI`TV&W-}-+qj__Z$k>Ze7Qd50kEzc2WI$s~9@_OdOADYd3aCszDuGRaC z^cN|btB?O;_;&3Yf8}u?Yf@^J)weDohcWdbIR@>YYQ$DgEc=#R6kAFrj{@3F8t2P` zEL8H$4lDu zWzy(;_($%M6D8v7@62MV-vzMdfUhyAr2e2J(Boq z-?kYvIh+gFV*OJ#M=NEjgWqn?47>lMaso8*c~40}xDK3ahj9Z8U?z1yQgD_@y;@V# z0}vg4wUa&H?0Oyle1Vo~qp3h=i6SNaa_;CHKeuz*M}xz4!yMc$ZI7ff-+rF`ayAkW zW~5yCNJaLl6r#m(^3J>`OgEs|L*b&+mGQgl?4Pb?6?n5!bI&sJ9R|vZDV_LP!PA)i z#o&FAEfx~|8%%~%ktj#XNEHwBv8)EL&>@T66pb|!Ud~WT<*cC9AF+u{dd#&A3TYg* zaB6b`W84N(GvzQzbjPmqwF;Oo%{u;>cUX$LL<1}0|C-&sEKl)pR$fPZ#Jj;jdg^1B z*qkOyoaKfqZq7DdN6Zp~6aFfhMX61LIOBp>Z|fXxXme`zpGYZw(QwVt)Rm7d492)} z3#?&r4?W&N0xd6$ZD#J@SN_KrZp%sM6pAa-yr(n!T!OAEiGW`G3TRMtt$c0gRe_ll z4}6B58$;Cxd}%jYFblHmv1hLdP)xq-GgI1yEGSH+z&OkgsPzQyWxmmQdQrnEVB#Gu zgEdkZWW9OC^Md%Sq6B^6@Y%KN8l+!? zgnrK*iQ_89S=tZ!APBvkqfH!=XLaoN;@Quh=WUFDM3+<-ZM5yF{Q}H$$KvN9=g(h# z#|*>HB*wYE!-AG(=3`HtC2NeOdiu0XCv7;vJFaPSoS1HX;VRn}(zPu}>(`-=H#L}z z51BR>_~3eACA>dfmb2!&x3;&>u>}Jaz8ZEt6+5<(8>j+|my_QpIPbLnp*hd&BEa5*O?m!U%(wqp~O(s+}C$Ye1FCQ$`S;lSt1kzZ{0g>9y2Ys}4hR%DM5 zxMBCfn3Y~#arUFuMluHwK(Z>*G;ut2N$p)WN8YG%98VDDHqB&L#n`k=Dvnk*a_Z*I zE(2UYIA^{*6+u-1cKk;CAB;9UaS;VvCd#Ern*mC|l3NeUgdt}QZ?^Yd+BvPe1JBtsc5bXI~3+ox#m0TF*sC6XOm(T z*Ulzxitc0Q?9RT2sj_ZNr|n{V59#f@+W7krSOm;$6n^aeK#H_kq-+lq9m3~g0@V8I z#_Q7ppRbI6YxUspw&e{E)W7D*Db#A+oM5ig17~RzF{M&#l`~bYWPtKA)W+}_RpZCj zuL(k$(!EC#P)U_llz-l-B87Wl80tu^_1A)auBoWhw{D6(a`k&Ev$=6o^#pYC!e@lc z^J+U>OkAI=DkTx=XYM@(&El~wa+ z=+XygH>$SUePn;wL{x|S)Wc6GGRH*(e1Mpu&0IPujH)_5WgI(23M(e}%nXeYkN6)p z-Pn?$_L7bD7% z99?}loURt5)qjL5Clu>o`DHqS>+{fyAKSDG?p7zfpV&^~Cu_P>l=@}q&InXKXVU;< z0ZWO@PpJ}x6ii*VSGr#iT_^gsPuQ>3Gw8$h(4;2AV+Duvl7K`ykz@ z;QOGn#+>C(vy*}zS3v^0L&Bl7Ul}!?t96pH3$NQhmBU=gtJ@zgl=_^d`Uukx<1JrN zIHIYY9ta@l1)NTan&xe2>>BOK&fa<5VJFo@zs}BIe`|mG6{7M{J%pa@*}U{UL3*gv zUuSH`F1xD0r6%Sisl>qQoA-#Q&RE=9M^yfL#Ms=l`^;-Xb$p*f+r)m>EOD9$hH12U zR(CnHIcmvpY+<5uyW^AG7#aC;gK%Yias^B`+u-8b(Zg9Et+&~}OR`ZWx-`ZgUZG4> z)SkH46XtW&ni4cMG8ImJ_NgRMX=#c6fZ#JEuE5=}d@MzTAUJ?_vD8_ZKX6x-9^CJ( z9g)FDWfgO*?KieN_S{yk85#BNBEcfaw|wYS1r=Vgq=Q4ld6`#q>0pfgGeY?lZTbVA zbDm%y#+N7N-UVS|twJ{aQ=o5D7-F|VeL>!?D3hx1<*al9)Abw{A_|lUl0{qiptz3h zfxGml1@l!J6^E(I@AfH!Hl>!()ZO_kbCSSl`W8D$OMoNm)x|v5G6-s?YrMt$w`or51{RYie6EZ|rU6j0BQo3`Zd_a_G2#QP;=jx97buu>-~}`Y!>OGxXutQg@&R+6)4i`@(6?;coW@cAM>#9FF^bW_o9Z2c5 zfBXnsij$tD>baAdew`WT7!APel>}z#ISkX<+79s@cF_jbV)Gc4B*IgyouII7^#|kqS`b|~WOdSx1_O#_^hokWi zwE}-*kA2EaaeZZlk5XTHb8&=gZ}WORTN{CCQCRRiC-0jR!VMEq*He~NfS**q+-`{zorr|uXbK2!bNf44}sK0#7N<#c4 z4{77VyjioMREC}uxj;e?%nz4EHV{}Uk})y~&B&p@TlCDdJvqjBEZG#%35&j*#Y3eK zIjG-Jwa$*2y+7amDzliEttN%BBxif3Pm&Z`8DjMNxuXZe9mP66-Bc{$h7BhvKJ+of z`S&hTkvsJL#A|EVAw4M=pVp}PB40>JU_QzSmT`#hdv7=^Hor%oT5IsA^=VtYcH26# zJ)N#G;2VLm;;#GQ=SEY;i2S0;O>ouaxDcnLP+bMywpF#)@$AT66ubLZj;l;s}`FuBN)mCl#3`khep-Z3}|&8(eYCxg4#a|i}K z)umc@IO&O*Kd0ys%%ItgAEUt}_qbVY4JH|u?VL^p{pzc)HI@3OHTHxF&-<{ci)px= z(|VkmGfQ&kz-IU2jS&5^F0OS)`U7?Ud*0iW0;?@iMxL@T<^m;IOhGAlmw#le__DLI zliYGHlI3Sl#@w$KEHUXQ?$mIlmx_1UalBeu<#s!Y`{mjCRb;NB5+^o+HFckyjzK-9 z2w&X3msb`&GK?syK3X-j0XU#Hpa@OGa9R#Cv!mlHT>G5?4V%TSIvv)(e3aklN03U$ zxeMu=;JA@TpN9hi1%&juGk>TselB4DIH2KUyMP(E$_gCb;;L9Mtf}ETXN_vr_owQip!q;>yD6W2?9dQPd(2{~{BG68x0R zcqmO+<(2Mh=9q{?Flma!w5758N?O_b+xfq*mV9xNHy!R0T~dN$bR-Y=i?#w8dvZX= zza{X=Ur|5m_!9F8>{0qvLNN!9DjK3dO|4xN3@c{IzT6=75K=|0tp1q1GK!m9))1b@ zNdR_UD!MNHRR_V6RtIEyN8c&zXpH|fOK8*ZPl`B;dZ7Cj7d<^EKIyfqU!VjC+G}-f zFcQeu+Gm-XvU%I}n0;;NL&l&*#X-1scpCNQh3T5$+J-jtM7f1UpQgriT&8_#1DtT> zbLE;~Cbw%l?o@WBf9!)H=UI*^r3q;-;Qe&k8?wkk3+@lqkzFh7>tWY6%z>>x*YWg3 z?_Fv>@w4NIq*<_fb;2Ukbq`eO5Ig&akUsB<2&@nJ%WBQGJ|jX@zqq#xzQ;cWxHUZJ zXWq~7(zNh;ac^A3!-_4GkTcmumN;L!-)qdxe=UN9#vAwqa(>%0H~2R1Zm@*AvzBJ2 zogRZ^YU<^59TsV2jXq=oGNKKZJf zd(=fD!vEtYT6If)c>N9``T&|0Td}Wbyk7Pq2d=|Siq9+B+MKj2u5PpvWYUVMx>)Oa z$(zEuJARftjt-P^)T@c=z_%`+53I9}k}%Cu%^H5%0sXqI!O9+|c+}7^$MQY@$(p?t zK4U-P|jAn)jaJSpTiZ#6F+F(V@Z9q*i1ZlrT)K z@4@%wl&ixrhCFw$Z468vn`XOL$B9u1fDW%gZUqW6QO69<7sQEh&%1 z+2sh>wBKA?z9+Hmsr#M$k5E88BBia?t9f$Y?&E-Zsb?vo^#dBm(-xeZAL!E1A+)^% xg8Yi?)#DC*`FoB4hH;0L0T-hZp9*zuUd*_fI___oTlXJg6#s`E!0>1MzX9Dw7{dSn literal 0 HcmV?d00001 diff --git a/public/oss_promo_presentations_dark.svg b/public/oss_promo_presentations_dark.svg new file mode 100644 index 0000000000..31a0eac6e6 --- /dev/null +++ b/public/oss_promo_presentations_dark.svg @@ -0,0 +1 @@ + diff --git a/public/oss_promo_presentations_light.svg b/public/oss_promo_presentations_light.svg new file mode 100644 index 0000000000..d9e7c93572 --- /dev/null +++ b/public/oss_promo_presentations_light.svg @@ -0,0 +1 @@ + From 95ddc663392d94cd22a17a982dde5060849038de Mon Sep 17 00:00:00 2001 From: zsviczian Date: Thu, 6 Nov 2025 22:33:11 +0100 Subject: [PATCH 057/176] fix: add toggle pen-mode to MobileMenu (#10293) * add toggle pen mode to MobileMenu * swap buttons --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/excalidraw/components/MobileMenu.tsx | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/packages/excalidraw/components/MobileMenu.tsx b/packages/excalidraw/components/MobileMenu.tsx index ac52fb6bcc..ed83263c3c 100644 --- a/packages/excalidraw/components/MobileMenu.tsx +++ b/packages/excalidraw/components/MobileMenu.tsx @@ -13,6 +13,8 @@ import { FixedSideContainer } from "./FixedSideContainer"; import { Island } from "./Island"; +import { PenModeButton } from "./PenModeButton"; + import type { ActionManager } from "../actions/manager"; import type { AppClassProperties, @@ -58,6 +60,7 @@ export const MobileMenu = ({ renderWelcomeScreen, UIOptions, app, + onPenModeToggle, }: MobileMenuProps) => { const { WelcomeScreenCenterTunnel, @@ -72,7 +75,18 @@ export const MobileMenu = ({ const topRightUI = (
{renderTopRightUI?.(true, appState) ?? - (!appState.viewModeEnabled && )} + (!appState.viewModeEnabled && ( + <> + onPenModeToggle(null)} + title={t("toolBar.penMode")} + isMobile + penDetected={appState.penDetected} + /> + + + ))} {appState.viewModeEnabled && ( )} From f2600fe3e835bad81b3c6eb9aeae58e7974ccea1 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 6 Nov 2025 22:39:39 +0100 Subject: [PATCH 058/176] fix: close floating sidebar on main menu open (#10295) --- .../components/dropdownMenu/DropdownMenu.tsx | 10 ++++++++-- .../components/dropdownMenu/DropdownMenuContent.tsx | 11 +++++++++-- .../components/dropdownMenu/DropdownMenuTrigger.tsx | 1 - packages/excalidraw/css/styles.scss | 2 +- packages/excalidraw/hooks/useOutsideClick.ts | 2 +- 5 files changed, 19 insertions(+), 7 deletions(-) diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx index 761d09b3f9..6f358311a2 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenu.tsx @@ -35,10 +35,16 @@ const DropdownMenu = ({ : MenuContentComp; return ( - <> +
{MenuTriggerComp} {open && MenuContentCompWithPlacement} - +
); }; diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx index 28f7c78fc0..f92c9df327 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuContent.tsx @@ -34,8 +34,15 @@ const MenuContent = ({ const callbacksRef = useStable({ onClickOutside }); - useOutsideClick(menuRef, () => { - callbacksRef.onClickOutside?.(); + useOutsideClick(menuRef, (event) => { + // prevents closing if clicking on the trigger button + if ( + !menuRef.current + ?.closest(".dropdown-menu-container") + ?.contains(event.target) + ) { + callbacksRef.onClickOutside?.(); + } }); useEffect(() => { diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx index f43e4493b1..e1f3ef202f 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuTrigger.tsx @@ -24,7 +24,6 @@ const MenuTrigger = ({ ).trim(); return ( + + ))} + + + +
+ )} +
+ ); +}; diff --git a/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx new file mode 100644 index 0000000000..64cfdded0b --- /dev/null +++ b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx @@ -0,0 +1,178 @@ +import React, { useRef, useEffect } from "react"; +import { KEYS } from "@excalidraw/common"; + +import { ArrowRightIcon, stop as StopIcon } from "../../icons"; +import { InlineIcon } from "../../InlineIcon"; + +import { t } from "../../../i18n"; + +import { ChatMessage } from "./ChatMessage"; + +import type { TChat, TTTDDialog } from "../types"; + +import type { FormEventHandler } from "react"; + +export const ChatInterface = ({ + chatId, + messages, + currentPrompt, + onPromptChange, + onSendMessage, + isGenerating, + rateLimits, + placeholder, + onAbort, + onMermaidTabClick, + onAiRepairClick, + onDeleteMessage, + onInsertMessage, + onRetry, + renderWarning, +}: { + chatId: string; + messages: TChat.ChatMessage[]; + currentPrompt: string; + onPromptChange: (prompt: string) => void; + onSendMessage: (message: string) => void; + isGenerating: boolean; + rateLimits?: { + rateLimit: number; + rateLimitRemaining: number; + } | null; + onViewAsMermaid?: () => void; + generatedResponse?: string | null; + placeholder: { + title: string; + description: string; + hint: string; + }; + onAbort?: () => void; + onMermaidTabClick?: (message: TChat.ChatMessage) => void; + onAiRepairClick?: (message: TChat.ChatMessage) => void; + onDeleteMessage?: (messageId: string) => void; + onInsertMessage?: (message: TChat.ChatMessage) => void; + onRetry?: (message: TChat.ChatMessage) => void; + renderWarning?: TTTDDialog.renderWarning; +}) => { + const messagesEndRef = useRef(null); + const textareaRef = useRef(null); + + useEffect(() => { + messagesEndRef.current?.scrollIntoView(); + }, [messages]); + + useEffect(() => { + if (textareaRef.current) { + textareaRef.current.focus(); + } + }, [chatId]); + + const handleInputChange = (event: React.ChangeEvent) => { + const value = event.target.value; + onPromptChange(value); + }; + + const handleSubmit = () => { + if (isGenerating && onAbort) { + onAbort(); + return; + } + + const trimmedPrompt = currentPrompt.trim(); + if (!trimmedPrompt) { + return; + } + + onSendMessage(trimmedPrompt); + onPromptChange(""); + }; + + const handleKeyDown = (event: React.KeyboardEvent) => { + if (event.key === KEYS.ENTER && !event.shiftKey) { + event.preventDefault(); + handleSubmit(); + } + }; + + const canSend = + currentPrompt.trim().length > 3 && + !isGenerating && + (rateLimits?.rateLimitRemaining ?? 1) > 0; + + const canStop = isGenerating && !!onAbort; + + const onInput: FormEventHandler = (ev) => { + const target = ev.target as HTMLTextAreaElement; + target.style.height = "auto"; + target.style.height = `${Math.min(target.scrollHeight, 120)}px`; + }; + + return ( +
+
+ {messages.length === 0 ? ( +
+
+

{placeholder.title}

+

{placeholder.description}

+

{placeholder.hint}

+
+
+ ) : ( + messages.map((message, index) => ( + + )) + )} +
+
+ +
+
+
+
Ctrl
Enter
" + C -->|Three| F[Car]
Ctrl
Enter
" `; exports[`Test > should show error in preview when mermaid library throws error 1`] = ` diff --git a/packages/excalidraw/tests/__snapshots__/export.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/export.test.tsx.snap index f03bea54d3..48cc148196 100644 --- a/packages/excalidraw/tests/__snapshots__/export.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/export.test.tsx.snap @@ -7,5 +7,5 @@ exports[`export > export svg-embedded scene > svg-embdedded scene export output exports[`export > exporting svg containing transformed images > svg export output 1`] = ` "" + " `; diff --git a/yarn.lock b/yarn.lock index 76ecf628ac..190c8c7d0e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15,6 +15,14 @@ "@jridgewell/gen-mapping" "^0.3.5" "@jridgewell/trace-mapping" "^0.3.24" +"@antfu/install-pkg@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@antfu/install-pkg/-/install-pkg-1.1.0.tgz#78fa036be1a6081b5a77a5cf59f50c7752b6ba26" + integrity sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ== + dependencies: + package-manager-detector "^1.3.0" + tinyexec "^1.0.1" + "@apideck/better-ajv-errors@^0.3.1": version "0.3.6" resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097" @@ -1050,10 +1058,42 @@ resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f" integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg== -"@braintree/sanitize-url@^6.0.1": - version "6.0.4" - resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz#923ca57e173c6b232bbbb07347b1be982f03e783" - integrity sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A== +"@braintree/sanitize-url@^7.1.1": + version "7.1.1" + resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-7.1.1.tgz#15e19737d946559289b915e5dad3b4c28407735e" + integrity sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw== + +"@chevrotain/cst-dts-gen@11.0.3": + version "11.0.3" + resolved "https://registry.yarnpkg.com/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz#5e0863cc57dc45e204ccfee6303225d15d9d4783" + integrity sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ== + dependencies: + "@chevrotain/gast" "11.0.3" + "@chevrotain/types" "11.0.3" + lodash-es "4.17.21" + +"@chevrotain/gast@11.0.3": + version "11.0.3" + resolved "https://registry.yarnpkg.com/@chevrotain/gast/-/gast-11.0.3.tgz#e84d8880323fe8cbe792ef69ce3ffd43a936e818" + integrity sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q== + dependencies: + "@chevrotain/types" "11.0.3" + lodash-es "4.17.21" + +"@chevrotain/regexp-to-ast@11.0.3": + version "11.0.3" + resolved "https://registry.yarnpkg.com/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.0.3.tgz#11429a81c74a8e6a829271ce02fc66166d56dcdb" + integrity sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA== + +"@chevrotain/types@11.0.3": + version "11.0.3" + resolved "https://registry.yarnpkg.com/@chevrotain/types/-/types-11.0.3.tgz#f8a03914f7b937f594f56eb89312b3b8f1c91848" + integrity sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ== + +"@chevrotain/utils@11.0.3": + version "11.0.3" + resolved "https://registry.yarnpkg.com/@chevrotain/utils/-/utils-11.0.3.tgz#e39999307b102cff3645ec4f5b3665f5297a2224" + integrity sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ== "@esbuild/aix-ppc64@0.19.10": version "0.19.10" @@ -1452,15 +1492,15 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@1.1.3": - version "1.1.3" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-1.1.3.tgz#3204642c99f3d49c2ad41108217a5d493ef7fd09" - integrity sha512-/50GUWlGotc+FCMX7nM1P1kWm9vNd3fuq38v7upBp9IHqlw6Zmfyj79eG/0vz1heifuYrSW9yzzv0q9jVALzxg== +"@excalidraw/mermaid-to-excalidraw@2.0.0-test2": + version "2.0.0-test2" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-test2.tgz#8779c483efd1cd0098e3c234fe81dc1db13bbeb1" + integrity sha512-uPGRdYjUzfbpgfKENHXXvDtigj4BXd/7CIQB4hT3LY3wDKlg5G4r5ncCW53eRdCGvesp9gK+0rkwtIToxGPOKQ== dependencies: "@excalidraw/markdown-to-text" "0.1.2" - mermaid "10.9.4" + "@mermaid-js/parser" "^0.6.3" + mermaid "^11.12.1" nanoid "4.0.2" - react-split "^2.0.14" "@excalidraw/prettier-config@1.0.2": version "1.0.2" @@ -1927,6 +1967,20 @@ resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45" integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA== +"@iconify/types@^2.0.0": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57" + integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg== + +"@iconify/utils@^3.0.1": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@iconify/utils/-/utils-3.1.0.tgz#fb41882915f97fee6f91a2fbb8263e8772ca0438" + integrity sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw== + dependencies: + "@antfu/install-pkg" "^1.1.0" + "@iconify/types" "^2.0.0" + mlly "^1.8.0" + "@isaacs/cliui@^8.0.2": version "8.0.2" resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550" @@ -1991,6 +2045,13 @@ "@jridgewell/resolve-uri" "^3.1.0" "@jridgewell/sourcemap-codec" "^1.4.14" +"@mermaid-js/parser@^0.6.3": + version "0.6.3" + resolved "https://registry.yarnpkg.com/@mermaid-js/parser/-/parser-0.6.3.tgz#3ce92dad2c5d696d29e11e21109c66a7886c824e" + integrity sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA== + dependencies: + langium "3.3.1" + "@next/env@14.1.4": version "14.1.4" resolved "https://registry.yarnpkg.com/@next/env/-/env-14.1.4.tgz#432e80651733fbd67230bf262aee28be65252674" @@ -2840,29 +2901,215 @@ resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.0.tgz#23509ebc1fa32f1b4d50d6a66c4032d5b8eaabdc" integrity sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw== -"@types/d3-scale-chromatic@^3.0.0": +"@types/d3-array@*": + version "3.2.2" + resolved "https://registry.yarnpkg.com/@types/d3-array/-/d3-array-3.2.2.tgz#e02151464d02d4a1b44646d0fcdb93faf88fde8c" + integrity sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw== + +"@types/d3-axis@*": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@types/d3-axis/-/d3-axis-3.0.6.tgz#e760e5765b8188b1defa32bc8bb6062f81e4c795" + integrity sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw== + dependencies: + "@types/d3-selection" "*" + +"@types/d3-brush@*": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@types/d3-brush/-/d3-brush-3.0.6.tgz#c2f4362b045d472e1b186cdbec329ba52bdaee6c" + integrity sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A== + dependencies: + "@types/d3-selection" "*" + +"@types/d3-chord@*": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@types/d3-chord/-/d3-chord-3.0.6.tgz#1706ca40cf7ea59a0add8f4456efff8f8775793d" + integrity sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg== + +"@types/d3-color@*": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-3.1.3.tgz#368c961a18de721da8200e80bf3943fb53136af2" + integrity sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A== + +"@types/d3-contour@*": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@types/d3-contour/-/d3-contour-3.0.6.tgz#9ada3fa9c4d00e3a5093fed0356c7ab929604231" + integrity sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg== + dependencies: + "@types/d3-array" "*" + "@types/geojson" "*" + +"@types/d3-delaunay@*": + version "6.0.4" + resolved "https://registry.yarnpkg.com/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz#185c1a80cc807fdda2a3fe960f7c11c4a27952e1" + integrity sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw== + +"@types/d3-dispatch@*": + version "3.0.7" + resolved "https://registry.yarnpkg.com/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz#ef004d8a128046cfce434d17182f834e44ef95b2" + integrity sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA== + +"@types/d3-drag@*": + version "3.0.7" + resolved "https://registry.yarnpkg.com/@types/d3-drag/-/d3-drag-3.0.7.tgz#b13aba8b2442b4068c9a9e6d1d82f8bcea77fc02" + integrity sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ== + dependencies: + "@types/d3-selection" "*" + +"@types/d3-dsv@*": + version "3.0.7" + resolved "https://registry.yarnpkg.com/@types/d3-dsv/-/d3-dsv-3.0.7.tgz#0a351f996dc99b37f4fa58b492c2d1c04e3dac17" + integrity sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g== + +"@types/d3-ease@*": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/d3-ease/-/d3-ease-3.0.2.tgz#e28db1bfbfa617076f7770dd1d9a48eaa3b6c51b" + integrity sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA== + +"@types/d3-fetch@*": + version "3.0.7" + resolved "https://registry.yarnpkg.com/@types/d3-fetch/-/d3-fetch-3.0.7.tgz#c04a2b4f23181aa376f30af0283dbc7b3b569980" + integrity sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA== + dependencies: + "@types/d3-dsv" "*" + +"@types/d3-force@*": + version "3.0.10" + resolved "https://registry.yarnpkg.com/@types/d3-force/-/d3-force-3.0.10.tgz#6dc8fc6e1f35704f3b057090beeeb7ac674bff1a" + integrity sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw== + +"@types/d3-format@*": + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/d3-format/-/d3-format-3.0.4.tgz#b1e4465644ddb3fdf3a263febb240a6cd616de90" + integrity sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g== + +"@types/d3-geo@*": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@types/d3-geo/-/d3-geo-3.1.0.tgz#b9e56a079449174f0a2c8684a9a4df3f60522440" + integrity sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ== + dependencies: + "@types/geojson" "*" + +"@types/d3-hierarchy@*": + version "3.1.7" + resolved "https://registry.yarnpkg.com/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz#6023fb3b2d463229f2d680f9ac4b47466f71f17b" + integrity sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg== + +"@types/d3-interpolate@*": + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz#412b90e84870285f2ff8a846c6eb60344f12a41c" + integrity sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA== + dependencies: + "@types/d3-color" "*" + +"@types/d3-path@*": + version "3.1.1" + resolved "https://registry.yarnpkg.com/@types/d3-path/-/d3-path-3.1.1.tgz#f632b380c3aca1dba8e34aa049bcd6a4af23df8a" + integrity sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg== + +"@types/d3-polygon@*": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/d3-polygon/-/d3-polygon-3.0.2.tgz#dfae54a6d35d19e76ac9565bcb32a8e54693189c" + integrity sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA== + +"@types/d3-quadtree@*": + version "3.0.6" + resolved "https://registry.yarnpkg.com/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz#d4740b0fe35b1c58b66e1488f4e7ed02952f570f" + integrity sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg== + +"@types/d3-random@*": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/d3-random/-/d3-random-3.0.3.tgz#ed995c71ecb15e0cd31e22d9d5d23942e3300cfb" + integrity sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ== + +"@types/d3-scale-chromatic@*": version "3.1.0" resolved "https://registry.yarnpkg.com/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz#dc6d4f9a98376f18ea50bad6c39537f1b5463c39" integrity sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ== -"@types/d3-scale@^4.0.3": +"@types/d3-scale@*": version "4.0.9" resolved "https://registry.yarnpkg.com/@types/d3-scale/-/d3-scale-4.0.9.tgz#57a2f707242e6fe1de81ad7bfcccaaf606179afb" integrity sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw== dependencies: "@types/d3-time" "*" +"@types/d3-selection@*": + version "3.0.11" + resolved "https://registry.yarnpkg.com/@types/d3-selection/-/d3-selection-3.0.11.tgz#bd7a45fc0a8c3167a631675e61bc2ca2b058d4a3" + integrity sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w== + +"@types/d3-shape@*": + version "3.1.7" + resolved "https://registry.yarnpkg.com/@types/d3-shape/-/d3-shape-3.1.7.tgz#2b7b423dc2dfe69c8c93596e673e37443348c555" + integrity sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg== + dependencies: + "@types/d3-path" "*" + +"@types/d3-time-format@*": + version "4.0.3" + resolved "https://registry.yarnpkg.com/@types/d3-time-format/-/d3-time-format-4.0.3.tgz#d6bc1e6b6a7db69cccfbbdd4c34b70632d9e9db2" + integrity sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg== + "@types/d3-time@*": version "3.0.4" resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-3.0.4.tgz#8472feecd639691450dd8000eb33edd444e1323f" integrity sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g== -"@types/debug@^4.0.0": - version "4.1.12" - resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.12.tgz#a155f21690871953410df4b6b6f53187f0500917" - integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ== +"@types/d3-timer@*": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/d3-timer/-/d3-timer-3.0.2.tgz#70bbda77dc23aa727413e22e214afa3f0e852f70" + integrity sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw== + +"@types/d3-transition@*": + version "3.0.9" + resolved "https://registry.yarnpkg.com/@types/d3-transition/-/d3-transition-3.0.9.tgz#1136bc57e9ddb3c390dccc9b5ff3b7d2b8d94706" + integrity sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg== dependencies: - "@types/ms" "*" + "@types/d3-selection" "*" + +"@types/d3-zoom@*": + version "3.0.8" + resolved "https://registry.yarnpkg.com/@types/d3-zoom/-/d3-zoom-3.0.8.tgz#dccb32d1c56b1e1c6e0f1180d994896f038bc40b" + integrity sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw== + dependencies: + "@types/d3-interpolate" "*" + "@types/d3-selection" "*" + +"@types/d3@^7.4.3": + version "7.4.3" + resolved "https://registry.yarnpkg.com/@types/d3/-/d3-7.4.3.tgz#d4550a85d08f4978faf0a4c36b848c61eaac07e2" + integrity sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww== + dependencies: + "@types/d3-array" "*" + "@types/d3-axis" "*" + "@types/d3-brush" "*" + "@types/d3-chord" "*" + "@types/d3-color" "*" + "@types/d3-contour" "*" + "@types/d3-delaunay" "*" + "@types/d3-dispatch" "*" + "@types/d3-drag" "*" + "@types/d3-dsv" "*" + "@types/d3-ease" "*" + "@types/d3-fetch" "*" + "@types/d3-force" "*" + "@types/d3-format" "*" + "@types/d3-geo" "*" + "@types/d3-hierarchy" "*" + "@types/d3-interpolate" "*" + "@types/d3-path" "*" + "@types/d3-polygon" "*" + "@types/d3-quadtree" "*" + "@types/d3-random" "*" + "@types/d3-scale" "*" + "@types/d3-scale-chromatic" "*" + "@types/d3-selection" "*" + "@types/d3-shape" "*" + "@types/d3-time" "*" + "@types/d3-time-format" "*" + "@types/d3-timer" "*" + "@types/d3-transition" "*" + "@types/d3-zoom" "*" "@types/eslint-scope@^3.7.7": version "3.7.7" @@ -2890,6 +3137,11 @@ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw== +"@types/geojson@*": + version "7946.0.16" + resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.16.tgz#8ebe53d69efada7044454e3305c19017d97ced2a" + integrity sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg== + "@types/jest@27.4.0": version "27.4.0" resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.4.0.tgz#037ab8b872067cae842a320841693080f9cb84ed" @@ -2927,18 +3179,6 @@ resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.16.tgz#94ae78fab4a38d73086e962d0b65c30d816bfb0a" integrity sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g== -"@types/mdast@^3.0.0": - version "3.0.15" - resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.15.tgz#49c524a263f30ffa28b71ae282f813ed000ab9f5" - integrity sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ== - dependencies: - "@types/unist" "^2" - -"@types/ms@*": - version "2.1.0" - resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78" - integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA== - "@types/node@*": version "22.13.10" resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.10.tgz#df9ea358c5ed991266becc3109dc2dc9125d77e4" @@ -3014,16 +3254,11 @@ resolved "https://registry.yarnpkg.com/@types/tinycolor2/-/tinycolor2-1.4.6.tgz#670cbc0caf4e58dd61d1e3a6f26386e473087f06" integrity sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw== -"@types/trusted-types@^2.0.2": +"@types/trusted-types@^2.0.2", "@types/trusted-types@^2.0.7": version "2.0.7" resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11" integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw== -"@types/unist@^2", "@types/unist@^2.0.0": - version "2.0.11" - resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.11.tgz#11af57b127e32487774841f7a4e54eab166d03c4" - integrity sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA== - "@types/yauzl@^2.9.1": version "2.10.3" resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.3.tgz#e9b2808b4f109504a03cda958259876f61017999" @@ -3403,6 +3638,11 @@ acorn@^8.14.0: resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb" integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg== +acorn@^8.15.0: + version "8.15.0" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816" + integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg== + acorn@^8.8.2: version "8.14.0" resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0" @@ -4006,11 +4246,6 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2: ansi-styles "^4.1.0" supports-color "^7.1.0" -character-entities@^2.0.0: - version "2.0.2" - resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22" - integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ== - check-error@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.3.tgz#a6502e4312a7ee969f646e83bb3ddd56281bd694" @@ -4023,6 +4258,25 @@ check-error@^2.1.1: resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc" integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw== +chevrotain-allstar@~0.3.0: + version "0.3.1" + resolved "https://registry.yarnpkg.com/chevrotain-allstar/-/chevrotain-allstar-0.3.1.tgz#b7412755f5d83cc139ab65810cdb00d8db40e6ca" + integrity sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw== + dependencies: + lodash-es "^4.17.21" + +chevrotain@~11.0.3: + version "11.0.3" + resolved "https://registry.yarnpkg.com/chevrotain/-/chevrotain-11.0.3.tgz#88ffc1fb4b5739c715807eaeedbbf200e202fc1b" + integrity sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw== + dependencies: + "@chevrotain/cst-dts-gen" "11.0.3" + "@chevrotain/gast" "11.0.3" + "@chevrotain/regexp-to-ast" "11.0.3" + "@chevrotain/types" "11.0.3" + "@chevrotain/utils" "11.0.3" + lodash-es "4.17.21" + "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3: version "3.6.0" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b" @@ -4175,6 +4429,11 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== +confbox@^0.1.8: + version "0.1.8" + resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06" + integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w== + confusing-browser-globals@^1.0.11: version "1.0.11" resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81" @@ -4219,6 +4478,13 @@ cose-base@^1.0.0: dependencies: layout-base "^1.0.0" +cose-base@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/cose-base/-/cose-base-2.2.0.tgz#1c395c35b6e10bb83f9769ca8b817d614add5c01" + integrity sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g== + dependencies: + layout-base "^2.0.0" + cosmiconfig@^7.0.0: version "7.1.0" resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6" @@ -4318,10 +4584,17 @@ cytoscape-cose-bilkent@^4.1.0: dependencies: cose-base "^1.0.0" -cytoscape@^3.28.1: - version "3.31.1" - resolved "https://registry.yarnpkg.com/cytoscape/-/cytoscape-3.31.1.tgz#29b12cac715fbb2aacc50cdf5cf1467aadde9c00" - integrity sha512-Hx5Mtb1+hnmAKaZZ/7zL1Y5HTFYOjdDswZy/jD+1WINRU8KVi1B7+vlHdsTwY+VCFucTreoyu1RDzQJ9u0d2Hw== +cytoscape-fcose@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz#e4d6f6490df4fab58ae9cea9e5c3ab8d7472f471" + integrity sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ== + dependencies: + cose-base "^2.2.0" + +cytoscape@^3.29.3: + version "3.33.1" + resolved "https://registry.yarnpkg.com/cytoscape/-/cytoscape-3.33.1.tgz#449e05d104b760af2912ab76482d24c01cdd4c97" + integrity sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ== "d3-array@1 - 2": version "2.12.1" @@ -4558,7 +4831,7 @@ d3-zoom@3: d3-selection "2 - 3" d3-transition "2 - 3" -d3@^7.4.0, d3@^7.8.2: +d3@^7.9.0: version "7.9.0" resolved "https://registry.yarnpkg.com/d3/-/d3-7.9.0.tgz#579e7acb3d749caf8860bd1741ae8d371070cd5d" integrity sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA== @@ -4594,12 +4867,12 @@ d3@^7.4.0, d3@^7.8.2: d3-transition "3" d3-zoom "3" -dagre-d3-es@7.0.10: - version "7.0.10" - resolved "https://registry.yarnpkg.com/dagre-d3-es/-/dagre-d3-es-7.0.10.tgz#19800d4be674379a3cd8c86a8216a2ac6827cadc" - integrity sha512-qTCQmEhcynucuaZgY5/+ti3X/rnszKZhEQH/ZdWdtP1tA/y3VoHJzcVrO9pjjJCNpigfscAtoUB5ONcd2wNn0A== +dagre-d3-es@7.0.13: + version "7.0.13" + resolved "https://registry.yarnpkg.com/dagre-d3-es/-/dagre-d3-es-7.0.13.tgz#acfb4b449f6dcdd48d8ea8081a6d8c59bc8128c3" + integrity sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q== dependencies: - d3 "^7.8.2" + d3 "^7.9.0" lodash-es "^4.17.21" damerau-levenshtein@^1.0.8: @@ -4643,12 +4916,12 @@ data-view-byte-offset@^1.0.1: es-errors "^1.3.0" is-data-view "^1.0.1" -dayjs@^1.11.7: - version "1.11.13" - resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c" - integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg== +dayjs@^1.11.18: + version "1.11.19" + resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.19.tgz#15dc98e854bb43917f12021806af897c58ae2938" + integrity sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw== -debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.3, debug@^4.3.4, debug@^4.3.6, debug@^4.4.0: +debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.3, debug@^4.3.4, debug@^4.3.6, debug@^4.4.0: version "4.4.0" resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a" integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA== @@ -4681,13 +4954,6 @@ decimal.js@^10.4.3: resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22" integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw== -decode-named-character-reference@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/decode-named-character-reference/-/decode-named-character-reference-1.1.0.tgz#5d6ce68792808901210dac42a8e9853511e2b8bf" - integrity sha512-Wy+JTSbFThEOXQIR2L6mxJvEs+veIzpmqD7ynWxMXGpnk3smkHQOp6forLdHsKpAMW9iJpaBBIxz285t1n1C3w== - dependencies: - character-entities "^2.0.0" - deep-eql@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-3.0.1.tgz#dfc9404400ad1c8fe023e7da1df1c147c4b444df" @@ -4740,7 +5006,7 @@ delayed-stream@~1.0.0: resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== -dequal@^2.0.0, dequal@^2.0.3: +dequal@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be" integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA== @@ -4770,11 +5036,6 @@ diff-sequences@^29.6.3: resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921" integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q== -diff@^5.0.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531" - integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A== - dir-glob@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f" @@ -4841,10 +5102,12 @@ domhandler@^4.2.0, domhandler@^4.3.1: dependencies: domelementtype "^2.2.0" -"dompurify@^3.0.5 <3.1.7": - version "3.1.6" - resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.1.6.tgz#43c714a94c6a7b8801850f82e756685300a027e2" - integrity sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ== +dompurify@^3.2.5: + version "3.3.1" + resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.3.1.tgz#c7e1ddebfe3301eacd6c0c12a4af284936dbbb86" + integrity sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q== + optionalDependencies: + "@types/trusted-types" "^2.0.7" domutils@^2.8.0: version "2.8.0" @@ -4904,11 +5167,6 @@ electron-to-chromium@^1.5.73: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.109.tgz#905a573d2b4cbb31412a2de6267fb22cf45e097e" integrity sha512-AidaH9JETVRr9DIPGfp1kAarm/W6hRJTPuCnkF+2MqhF4KaAgRIcBc8nvjk+YMXZhwfISof/7WG29eS4iGxQLQ== -elkjs@^0.9.0: - version "0.9.3" - resolved "https://registry.yarnpkg.com/elkjs/-/elkjs-0.9.3.tgz#16711f8ceb09f1b12b99e971b138a8384a529161" - integrity sha512-f/ZeWvW/BCXbhGEf1Ujp29EASo/lk1FDnETgNKwJrsVvGZhUWCZyg3xLJjAsxfOmt8KjswHmI5EwCQcPMpOYhQ== - emoji-regex@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" @@ -6766,10 +7024,10 @@ jsonpointer@^5.0.0: object.assign "^4.1.4" object.values "^1.1.6" -katex@^0.16.9: - version "0.16.21" - resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.21.tgz#8f63c659e931b210139691f2cc7bb35166b792a3" - integrity sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A== +katex@^0.16.22: + version "0.16.27" + resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.27.tgz#4ecf6f620e0ca1c1a5de722e85fcdcec49086a48" + integrity sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw== dependencies: commander "^8.3.0" @@ -6780,15 +7038,21 @@ keyv@^4.5.3: dependencies: json-buffer "3.0.1" -khroma@^2.0.0: +khroma@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/khroma/-/khroma-2.1.0.tgz#45f2ce94ce231a437cf5b63c2e886e6eb42bbbb1" integrity sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw== -kleur@^4.0.3: - version "4.1.5" - resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780" - integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ== +langium@3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/langium/-/langium-3.3.1.tgz#da745a40d5ad8ee565090fed52eaee643be4e591" + integrity sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w== + dependencies: + chevrotain "~11.0.3" + chevrotain-allstar "~0.3.0" + vscode-languageserver "~9.0.1" + vscode-languageserver-textdocument "~1.0.11" + vscode-uri "~3.0.8" language-subtag-registry@^0.3.20: version "0.3.23" @@ -6807,6 +7071,11 @@ layout-base@^1.0.0: resolved "https://registry.yarnpkg.com/layout-base/-/layout-base-1.0.2.tgz#1291e296883c322a9dd4c5dd82063721b53e26e2" integrity sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg== +layout-base@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/layout-base/-/layout-base-2.0.1.tgz#d0337913586c90f9c2c075292069f5c2da5dd285" + integrity sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg== + leven@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2" @@ -6881,7 +7150,7 @@ locate-path@^5.0.0: dependencies: p-locate "^4.1.0" -lodash-es@^4.17.21: +lodash-es@4.17.21, lodash-es@^4.17.21: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee" integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw== @@ -7023,36 +7292,16 @@ make-dir@^4.0.0: dependencies: semver "^7.5.3" +marked@^16.2.1: + version "16.4.2" + resolved "https://registry.yarnpkg.com/marked/-/marked-16.4.2.tgz#4959a64be6c486f0db7467ead7ce288de54290a3" + integrity sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA== + math-intrinsics@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9" integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g== -mdast-util-from-markdown@^1.3.0: - version "1.3.1" - resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz#9421a5a247f10d31d2faed2a30df5ec89ceafcf0" - integrity sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww== - dependencies: - "@types/mdast" "^3.0.0" - "@types/unist" "^2.0.0" - decode-named-character-reference "^1.0.0" - mdast-util-to-string "^3.1.0" - micromark "^3.0.0" - micromark-util-decode-numeric-character-reference "^1.0.0" - micromark-util-decode-string "^1.0.0" - micromark-util-normalize-identifier "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - unist-util-stringify-position "^3.0.0" - uvu "^0.5.0" - -mdast-util-to-string@^3.1.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz#66f7bb6324756741c5f47a53557f0cbf16b6f789" - integrity sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg== - dependencies: - "@types/mdast" "^3.0.0" - merge-stream@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60" @@ -7063,225 +7312,31 @@ merge2@^1.3.0, merge2@^1.4.1: resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== -mermaid@10.9.4: - version "10.9.4" - resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.9.4.tgz#985fd4b6d73ae795b87f0b32f620a56d3d6bf1f8" - integrity sha512-VIG2B0R9ydvkS+wShA8sXqkzfpYglM2Qwj7VyUeqzNVqSGPoP/tcaUr3ub4ESykv8eqQJn3p99bHNvYdg3gCHQ== +mermaid@^11.12.1: + version "11.12.2" + resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-11.12.2.tgz#48bbdb9f724bc2191e2128e1403bf964fff2bc3d" + integrity sha512-n34QPDPEKmaeCG4WDMGy0OT6PSyxKCfy2pJgShP+Qow2KLrvWjclwbc3yXfSIf4BanqWEhQEpngWwNp/XhZt6w== dependencies: - "@braintree/sanitize-url" "^6.0.1" - "@types/d3-scale" "^4.0.3" - "@types/d3-scale-chromatic" "^3.0.0" - cytoscape "^3.28.1" + "@braintree/sanitize-url" "^7.1.1" + "@iconify/utils" "^3.0.1" + "@mermaid-js/parser" "^0.6.3" + "@types/d3" "^7.4.3" + cytoscape "^3.29.3" cytoscape-cose-bilkent "^4.1.0" - d3 "^7.4.0" + cytoscape-fcose "^2.2.0" + d3 "^7.9.0" d3-sankey "^0.12.3" - dagre-d3-es "7.0.10" - dayjs "^1.11.7" - dompurify "^3.0.5 <3.1.7" - elkjs "^0.9.0" - katex "^0.16.9" - khroma "^2.0.0" + dagre-d3-es "7.0.13" + dayjs "^1.11.18" + dompurify "^3.2.5" + katex "^0.16.22" + khroma "^2.1.0" lodash-es "^4.17.21" - mdast-util-from-markdown "^1.3.0" - non-layered-tidy-tree-layout "^2.0.2" - stylis "^4.1.3" + marked "^16.2.1" + roughjs "^4.6.6" + stylis "^4.3.6" ts-dedent "^2.2.0" - uuid "^9.0.0" - web-worker "^1.2.0" - -micromark-core-commonmark@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz#1386628df59946b2d39fb2edfd10f3e8e0a75bb8" - integrity sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw== - dependencies: - decode-named-character-reference "^1.0.0" - micromark-factory-destination "^1.0.0" - micromark-factory-label "^1.0.0" - micromark-factory-space "^1.0.0" - micromark-factory-title "^1.0.0" - micromark-factory-whitespace "^1.0.0" - micromark-util-character "^1.0.0" - micromark-util-chunked "^1.0.0" - micromark-util-classify-character "^1.0.0" - micromark-util-html-tag-name "^1.0.0" - micromark-util-normalize-identifier "^1.0.0" - micromark-util-resolve-all "^1.0.0" - micromark-util-subtokenize "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.1" - uvu "^0.5.0" - -micromark-factory-destination@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz#eb815957d83e6d44479b3df640f010edad667b9f" - integrity sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg== - dependencies: - micromark-util-character "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-factory-label@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz#cc95d5478269085cfa2a7282b3de26eb2e2dec68" - integrity sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w== - dependencies: - micromark-util-character "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - uvu "^0.5.0" - -micromark-factory-space@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz#c8f40b0640a0150751d3345ed885a080b0d15faf" - integrity sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ== - dependencies: - micromark-util-character "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-factory-title@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz#dd0fe951d7a0ac71bdc5ee13e5d1465ad7f50ea1" - integrity sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ== - dependencies: - micromark-factory-space "^1.0.0" - micromark-util-character "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-factory-whitespace@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz#798fb7489f4c8abafa7ca77eed6b5745853c9705" - integrity sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ== - dependencies: - micromark-factory-space "^1.0.0" - micromark-util-character "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-util-character@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-1.2.0.tgz#4fedaa3646db249bc58caeb000eb3549a8ca5dcc" - integrity sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg== - dependencies: - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-util-chunked@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz#37a24d33333c8c69a74ba12a14651fd9ea8a368b" - integrity sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ== - dependencies: - micromark-util-symbol "^1.0.0" - -micromark-util-classify-character@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz#6a7f8c8838e8a120c8e3c4f2ae97a2bff9190e9d" - integrity sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw== - dependencies: - micromark-util-character "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-util-combine-extensions@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz#192e2b3d6567660a85f735e54d8ea6e3952dbe84" - integrity sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA== - dependencies: - micromark-util-chunked "^1.0.0" - micromark-util-types "^1.0.0" - -micromark-util-decode-numeric-character-reference@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz#b1e6e17009b1f20bc652a521309c5f22c85eb1c6" - integrity sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw== - dependencies: - micromark-util-symbol "^1.0.0" - -micromark-util-decode-string@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz#dc12b078cba7a3ff690d0203f95b5d5537f2809c" - integrity sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ== - dependencies: - decode-named-character-reference "^1.0.0" - micromark-util-character "^1.0.0" - micromark-util-decode-numeric-character-reference "^1.0.0" - micromark-util-symbol "^1.0.0" - -micromark-util-encode@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz#92e4f565fd4ccb19e0dcae1afab9a173bbeb19a5" - integrity sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw== - -micromark-util-html-tag-name@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz#48fd7a25826f29d2f71479d3b4e83e94829b3588" - integrity sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q== - -micromark-util-normalize-identifier@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz#7a73f824eb9f10d442b4d7f120fecb9b38ebf8b7" - integrity sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q== - dependencies: - micromark-util-symbol "^1.0.0" - -micromark-util-resolve-all@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz#4652a591ee8c8fa06714c9b54cd6c8e693671188" - integrity sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA== - dependencies: - micromark-util-types "^1.0.0" - -micromark-util-sanitize-uri@^1.0.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz#613f738e4400c6eedbc53590c67b197e30d7f90d" - integrity sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A== - dependencies: - micromark-util-character "^1.0.0" - micromark-util-encode "^1.0.0" - micromark-util-symbol "^1.0.0" - -micromark-util-subtokenize@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz#941c74f93a93eaf687b9054aeb94642b0e92edb1" - integrity sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A== - dependencies: - micromark-util-chunked "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.0" - uvu "^0.5.0" - -micromark-util-symbol@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz#813cd17837bdb912d069a12ebe3a44b6f7063142" - integrity sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag== - -micromark-util-types@^1.0.0, micromark-util-types@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-1.1.0.tgz#e6676a8cae0bb86a2171c498167971886cb7e283" - integrity sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg== - -micromark@^3.0.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/micromark/-/micromark-3.2.0.tgz#1af9fef3f995ea1ea4ac9c7e2f19c48fd5c006e9" - integrity sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA== - dependencies: - "@types/debug" "^4.0.0" - debug "^4.0.0" - decode-named-character-reference "^1.0.0" - micromark-core-commonmark "^1.0.1" - micromark-factory-space "^1.0.0" - micromark-util-character "^1.0.0" - micromark-util-chunked "^1.0.0" - micromark-util-combine-extensions "^1.0.0" - micromark-util-decode-numeric-character-reference "^1.0.0" - micromark-util-encode "^1.0.0" - micromark-util-normalize-identifier "^1.0.0" - micromark-util-resolve-all "^1.0.0" - micromark-util-sanitize-uri "^1.0.0" - micromark-util-subtokenize "^1.0.0" - micromark-util-symbol "^1.0.0" - micromark-util-types "^1.0.1" - uvu "^0.5.0" + uuid "^11.1.0" micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8: version "4.0.8" @@ -7361,6 +7416,16 @@ mkdirp@^0.5.6: dependencies: minimist "^1.2.6" +mlly@^1.7.4, mlly@^1.8.0: + version "1.8.0" + resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.8.0.tgz#e074612b938af8eba1eaf43299cbc89cb72d824e" + integrity sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g== + dependencies: + acorn "^8.15.0" + pathe "^2.0.3" + pkg-types "^1.3.1" + ufo "^1.6.1" + moo-color@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/moo-color/-/moo-color-1.0.3.tgz#d56435f8359c8284d83ac58016df7427febece74" @@ -7368,11 +7433,6 @@ moo-color@^1.0.2: dependencies: color-name "^1.1.4" -mri@^1.1.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b" - integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA== - mrmime@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.1.tgz#bc3e87f7987853a54c9850eeb1f1078cd44adddc" @@ -7494,11 +7554,6 @@ node-releases@^2.0.19: resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314" integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw== -non-layered-tidy-tree-layout@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz#57d35d13c356643fc296a55fb11ac15e74da7804" - integrity sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw== - normalize-path@^3.0.0, normalize-path@~3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" @@ -7673,6 +7728,11 @@ package-json-from-dist@^1.0.0: resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505" integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw== +package-manager-detector@^1.3.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-1.6.0.tgz#70d0cf0aa02c877eeaf66c4d984ede0be9130734" + integrity sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA== + pako@2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/pako/-/pako-2.0.3.tgz#cdf475e31b678565251406de9e759196a0ea7a43" @@ -7771,7 +7831,7 @@ pathe@^1.1.2: resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec" integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ== -pathe@^2.0.3: +pathe@^2.0.1, pathe@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716" integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w== @@ -7839,6 +7899,15 @@ pkg-dir@4.2.0: dependencies: find-up "^4.0.0" +pkg-types@^1.3.1: + version "1.3.1" + resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df" + integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ== + dependencies: + confbox "^0.1.8" + mlly "^1.7.4" + pathe "^2.0.1" + png-chunk-text@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/png-chunk-text/-/png-chunk-text-1.0.0.tgz#1c6006d8e34ba471d38e1c9c54b3f53e1085e18f" @@ -7964,7 +8033,7 @@ progress@2.0.3, progress@^2.0.0: resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8" integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA== -prop-types@^15.5.7, prop-types@^15.8.1: +prop-types@^15.8.1: version "15.8.1" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== @@ -8109,14 +8178,6 @@ react-remove-scroll@^2.6.3: use-callback-ref "^1.3.3" use-sidecar "^1.1.3" -react-split@^2.0.14: - version "2.0.14" - resolved "https://registry.yarnpkg.com/react-split/-/react-split-2.0.14.tgz#ef198259bf43264d605f792fb3384f15f5b34432" - integrity sha512-bKWydgMgaKTg/2JGQnaJPg51T6dmumTWZppFgEbbY0Fbme0F5TuatAScCLaqommbGQQf/ZT1zaejuPDriscISA== - dependencies: - prop-types "^15.5.7" - split.js "^1.6.0" - react-style-singleton@^2.2.2, react-style-singleton@^2.2.3: version "2.2.3" resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.3.tgz#4265608be69a4d70cfe3047f2c6c88b2c3ace388" @@ -8380,6 +8441,16 @@ roughjs@4.6.4: points-on-curve "^0.2.0" points-on-path "^0.2.1" +roughjs@^4.6.6: + version "4.6.6" + resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.6.6.tgz#1059f49a5e0c80dee541a005b20cc322b222158b" + integrity sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ== + dependencies: + hachure-fill "^0.5.2" + path-data-parser "^0.1.0" + points-on-curve "^0.2.0" + points-on-path "^0.2.1" + rrweb-cssom@^0.6.0: version "0.6.0" resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1" @@ -8404,13 +8475,6 @@ rxjs@^7.5.5: dependencies: tslib "^2.1.0" -sade@^1.7.3: - version "1.8.1" - resolved "https://registry.yarnpkg.com/sade/-/sade-1.8.1.tgz#0a78e81d658d394887be57d2a409bf703a3b2701" - integrity sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A== - dependencies: - mri "^1.1.0" - safari-14-idb-fix@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/safari-14-idb-fix/-/safari-14-idb-fix-3.0.0.tgz#450fc049b996ec7f3fd9ca2f89d32e0761583440" @@ -8756,11 +8820,6 @@ sourcemap-codec@^1.4.8: resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4" integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA== -split.js@^1.6.0: - version "1.6.5" - resolved "https://registry.yarnpkg.com/split.js/-/split.js-1.6.5.tgz#f7f61da1044c9984cb42947df4de4fadb5a3f300" - integrity sha512-mPTnGCiS/RiuTNsVhCm9De9cCAUsrNFFviRbADdKiiV+Kk8HKp/0fWu7Kr8pi3/yBmsqLFHuXGT9UUZ+CNLwFw== - sprintf-js@~1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" @@ -8950,7 +9009,7 @@ styled-jsx@5.1.1: dependencies: client-only "0.0.1" -stylis@^4.1.3: +stylis@^4.3.6: version "4.3.6" resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.6.tgz#7c7b97191cb4f195f03ecab7d52f7902ed378320" integrity sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ== @@ -9108,6 +9167,11 @@ tinyexec@^0.3.2: resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2" integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA== +tinyexec@^1.0.1: + version "1.0.2" + resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-1.0.2.tgz#bdd2737fe2ba40bd6f918ae26642f264b99ca251" + integrity sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg== + tinyglobby@^0.2.10: version "0.2.12" resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.12.tgz#ac941a42e0c5773bd0b5d08f32de82e74a1a61b5" @@ -9319,6 +9383,11 @@ typeson@^6.0.0, typeson@^6.1.0: resolved "https://registry.yarnpkg.com/typeson/-/typeson-6.1.0.tgz#5b2a53705a5f58ff4d6f82f965917cabd0d7448b" integrity sha512-6FTtyGr8ldU0pfbvW/eOZrEtEkczHRUtduBnA90Jh9kMPCiFNnXIon3vF41N0S4tV1HHQt4Hk1j4srpESziCaA== +ufo@^1.6.1: + version "1.6.1" + resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.1.tgz#ac2db1d54614d1b22c1d603e3aef44a85d8f146b" + integrity sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA== + unbox-primitive@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2" @@ -9384,13 +9453,6 @@ unique-string@^2.0.0: dependencies: crypto-random-string "^2.0.0" -unist-util-stringify-position@^3.0.0: - version "3.0.3" - resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz#03ad3348210c2d930772d64b489580c13a7db39d" - integrity sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg== - dependencies: - "@types/unist" "^2.0.0" - universalify@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0" @@ -9464,20 +9526,10 @@ util-deprecate@^1.0.1: resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== -uuid@^9.0.0: - version "9.0.1" - resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30" - integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA== - -uvu@^0.5.0: - version "0.5.6" - resolved "https://registry.yarnpkg.com/uvu/-/uvu-0.5.6.tgz#2754ca20bcb0bb59b64e9985e84d2e81058502df" - integrity sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA== - dependencies: - dequal "^2.0.0" - diff "^5.0.0" - kleur "^4.0.3" - sade "^1.7.3" +uuid@^11.1.0: + version "11.1.0" + resolved "https://registry.yarnpkg.com/uuid/-/uuid-11.1.0.tgz#9549028be1753bb934fc96e2bca09bb4105ae912" + integrity sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A== v8-compile-cache@^2.0.3: version "2.4.0" @@ -9625,6 +9677,11 @@ vscode-jsonrpc@6.0.0: resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz#108bdb09b4400705176b957ceca9e0880e9b6d4e" integrity sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg== +vscode-jsonrpc@8.2.0: + version "8.2.0" + resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz#f43dfa35fb51e763d17cd94dcca0c9458f35abf9" + integrity sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA== + vscode-languageclient@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/vscode-languageclient/-/vscode-languageclient-7.0.0.tgz#b505c22c21ffcf96e167799757fca07a6bad0fb2" @@ -9642,7 +9699,15 @@ vscode-languageserver-protocol@3.16.0: vscode-jsonrpc "6.0.0" vscode-languageserver-types "3.16.0" -vscode-languageserver-textdocument@^1.0.1: +vscode-languageserver-protocol@3.17.5: + version "3.17.5" + resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz#864a8b8f390835572f4e13bd9f8313d0e3ac4bea" + integrity sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg== + dependencies: + vscode-jsonrpc "8.2.0" + vscode-languageserver-types "3.17.5" + +vscode-languageserver-textdocument@^1.0.1, vscode-languageserver-textdocument@~1.0.11: version "1.0.12" resolved "https://registry.yarnpkg.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz#457ee04271ab38998a093c68c2342f53f6e4a631" integrity sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA== @@ -9652,6 +9717,11 @@ vscode-languageserver-types@3.16.0: resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz#ecf393fc121ec6974b2da3efb3155644c514e247" integrity sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA== +vscode-languageserver-types@3.17.5: + version "3.17.5" + resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz#3273676f0cf2eab40b3f44d085acbb7f08a39d8a" + integrity sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg== + vscode-languageserver@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/vscode-languageserver/-/vscode-languageserver-7.0.0.tgz#49b068c87cfcca93a356969d20f5d9bdd501c6b0" @@ -9659,11 +9729,23 @@ vscode-languageserver@^7.0.0: dependencies: vscode-languageserver-protocol "3.16.0" +vscode-languageserver@~9.0.1: + version "9.0.1" + resolved "https://registry.yarnpkg.com/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz#500aef82097eb94df90d008678b0b6b5f474015b" + integrity sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g== + dependencies: + vscode-languageserver-protocol "3.17.5" + vscode-uri@^3.0.2: version "3.1.0" resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.1.0.tgz#dd09ec5a66a38b5c3fffc774015713496d14e09c" integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ== +vscode-uri@~3.0.8: + version "3.0.8" + resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.8.tgz#1770938d3e72588659a172d0fd4642780083ff9f" + integrity sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw== + w3c-xmlserializer@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073" @@ -9691,11 +9773,6 @@ web-vitals@^4.2.4: resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.4.tgz#1d20bc8590a37769bd0902b289550936069184b7" integrity sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw== -web-worker@^1.2.0: - version "1.5.0" - resolved "https://registry.yarnpkg.com/web-worker/-/web-worker-1.5.0.tgz#71b2b0fbcc4293e8f0aa4f6b8a3ffebff733dcc5" - integrity sha512-RiMReJrTAiA+mBjGONMnjVDP2u3p9R1vkcGz6gDIrOMT3oGuYwX2WRMYI9ipkphSuE5XKEhydbhNEJh4NY9mlw== - webidl-conversions@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871" From 24a69418615196827688d7c495450740ba5c7a40 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 16 Jan 2026 09:52:18 +0100 Subject: [PATCH 095/176] fix: retries and related UX fixes (#10657) * fix: retries and related UX fixes * bump * fix package version * yarn.lock * naming and clearer type * ignore test flake --- .../TTDDialog/Chat/ChatInterface.tsx | 16 ++++--- .../components/TTDDialog/Chat/ChatMessage.tsx | 11 ++--- .../TTDDialog/Chat/TTDChatPanel.tsx | 6 +-- .../components/TTDDialog/TextToDiagram.tsx | 14 ++++-- .../TTDDialog/hooks/useTextGeneration.ts | 43 +++++++++---------- .../excalidraw/components/TTDDialog/types.ts | 5 +++ .../components/TTDDialog/useTTDChatStorage.ts | 2 +- .../components/TTDDialog/utils/chat.ts | 3 +- packages/excalidraw/locales/en.json | 2 +- packages/excalidraw/package.json | 2 +- packages/excalidraw/tests/library.test.tsx | 3 +- yarn.lock | 8 ++-- 12 files changed, 66 insertions(+), 49 deletions(-) diff --git a/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx index 64cfdded0b..b26aa9bc70 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useEffect } from "react"; +import React, { useRef, useEffect, useLayoutEffect } from "react"; import { KEYS } from "@excalidraw/common"; import { ArrowRightIcon, stop as StopIcon } from "../../icons"; @@ -17,7 +17,7 @@ export const ChatInterface = ({ messages, currentPrompt, onPromptChange, - onSendMessage, + onGenerate, isGenerating, rateLimits, placeholder, @@ -33,7 +33,7 @@ export const ChatInterface = ({ messages: TChat.ChatMessage[]; currentPrompt: string; onPromptChange: (prompt: string) => void; - onSendMessage: (message: string) => void; + onGenerate: TTTDDialog.OnGenerate; isGenerating: boolean; rateLimits?: { rateLimit: number; @@ -57,7 +57,7 @@ export const ChatInterface = ({ const messagesEndRef = useRef(null); const textareaRef = useRef(null); - useEffect(() => { + useLayoutEffect(() => { messagesEndRef.current?.scrollIntoView(); }, [messages]); @@ -83,7 +83,7 @@ export const ChatInterface = ({ return; } - onSendMessage(trimmedPrompt); + onGenerate({ prompt: trimmedPrompt }); onPromptChange(""); }; @@ -131,10 +131,14 @@ export const ChatInterface = ({ rateLimitRemaining={rateLimits?.rateLimitRemaining} isLastMessage={index === messages.length - 1} renderWarning={renderWarning} + // so we don't allow to repair parse errors which aren't the last message + allowFixingParseError={ + message.errorType === "parse" && index === messages.length - 1 + } /> )) )} -
+
diff --git a/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx b/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx index 07bc7a1e12..4f82eec0ae 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx @@ -17,6 +17,7 @@ export const ChatMessage: React.FC<{ rateLimitRemaining?: number; isLastMessage?: boolean; renderWarning?: TTTDDialog.renderWarning; + allowFixingParseError?: boolean; }> = ({ message, onMermaidTabClick, @@ -27,6 +28,7 @@ export const ChatMessage: React.FC<{ rateLimitRemaining, isLastMessage, renderWarning, + allowFixingParseError, }) => { const [canRetry, setCanRetry] = useState(false); @@ -119,10 +121,9 @@ export const ChatMessage: React.FC<{
{message.error ? ( -
- {message.content} -
{message.error}
- {message.errorType === "parse" && ( + <> +
{message.content}
+ {message.errorType === "parse" && allowFixingParseError && ( <>

{t("chat.errors.invalidDiagram")}

@@ -148,7 +149,7 @@ export const ChatMessage: React.FC<{
)} -
+ ) : (
{message.content} diff --git a/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx b/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx index 31d28574e4..a9e66df6e4 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx @@ -22,7 +22,7 @@ export const TTDChatPanel = ({ messages, currentPrompt, onPromptChange, - onSendMessage, + onGenerate, isGenerating, generatedResponse, isMenuOpen, @@ -46,7 +46,7 @@ export const TTDChatPanel = ({ messages: TChat.ChatMessage[]; currentPrompt: string; onPromptChange: (prompt: string) => void; - onSendMessage: (message: string, isRepairFlow?: boolean) => void; + onGenerate: TTTDDialog.OnGenerate; isGenerating: boolean; generatedResponse: string | null | undefined; @@ -141,7 +141,7 @@ export const TTDChatPanel = ({ messages={messages} currentPrompt={currentPrompt} onPromptChange={onPromptChange} - onSendMessage={onSendMessage} + onGenerate={onGenerate} isGenerating={isGenerating} generatedResponse={generatedResponse} onAbort={onAbort} diff --git a/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx b/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx index 390f2f00fb..df34dbceb3 100644 --- a/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx +++ b/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx @@ -131,7 +131,7 @@ const TextToDiagramContent = ({ const repairPrompt = `Fix the error in this Mermaid diagram. The diagram is:\n\n\`\`\`mermaid\n${mermaidContent}\n\`\`\`\n\nThe exception/error is: ${errorMessage}\n\nPlease fix the Mermaid syntax and regenerate a valid diagram.`; - await onGenerate(repairPrompt, true); + await onGenerate({ prompt: repairPrompt, isRepairFlow: true }); }; const handleRetry = async (message: TChat.ChatMessage) => { @@ -141,9 +141,15 @@ const TextToDiagramContent = ({ if (messageIndex > 0) { const previousMessage = chatHistory.messages[messageIndex - 1]; - if (previousMessage.type === "user" && previousMessage.content) { + if ( + previousMessage.type === "user" && + typeof previousMessage.content === "string" + ) { setLastRetryAttempt(); - await onGenerate(previousMessage.content, true); + await onGenerate({ + prompt: previousMessage.content, + isRepairFlow: true, + }); } } }; @@ -188,7 +194,7 @@ const TextToDiagramContent = ({ messages={chatHistory.messages} currentPrompt={chatHistory.currentPrompt} onPromptChange={handlePromptChange} - onSendMessage={onGenerate} + onGenerate={onGenerate} isGenerating={lastAssistantMessage?.isGenerating ?? false} generatedResponse={lastAssistantMessage?.content} isMenuOpen={isMenuOpen} diff --git a/packages/excalidraw/components/TTDDialog/hooks/useTextGeneration.ts b/packages/excalidraw/components/TTDDialog/hooks/useTextGeneration.ts index e7b1acd21c..47c91584e8 100644 --- a/packages/excalidraw/components/TTDDialog/hooks/useTextGeneration.ts +++ b/packages/excalidraw/components/TTDDialog/hooks/useTextGeneration.ts @@ -18,7 +18,7 @@ import { updateAssistantContent, } from "../utils/chat"; -import type { TTTDDialog } from "../types"; +import type { LLMMessage, TTTDDialog } from "../types"; const MIN_PROMPT_LENGTH = 3; const MAX_PROMPT_LENGTH = 10000; @@ -88,11 +88,11 @@ export const useTextGeneration = ({ setError(error); }; - const onGenerate = async ( - promptWithContext: string, + const onGenerate: TTTDDialog.OnGenerate = async ({ + prompt, isRepairFlow = false, - ) => { - if (!validatePrompt(promptWithContext)) { + }) => { + if (!validatePrompt(prompt)) { return; } @@ -106,21 +106,18 @@ export const useTextGeneration = ({ streamingAbortControllerRef.current = abortController; if (!isRepairFlow) { - addUserMessage(promptWithContext); + addUserMessage(prompt); addAssistantMessage(); } else { - const lastAsisstantMessage = getLastAssistantMessage(chatHistory); - - if (lastAsisstantMessage?.errorType === "network") { - setChatHistory((prev) => - updateAssistantContent(prev, { - isGenerating: true, - error: undefined, - errorType: undefined, - errorDetails: undefined, - }), - ); - } + setChatHistory((prev) => + updateAssistantContent(prev, { + isGenerating: true, + content: "", + error: undefined, + errorType: undefined, + errorDetails: undefined, + }), + ); } try { @@ -128,12 +125,14 @@ export const useTextGeneration = ({ const previousMessages = getMessagesForLLM(chatHistory); + const messages: LLMMessage[] = [ + ...previousMessages.slice(-3), + { role: "user", content: prompt }, + ]; + const { generatedResponse, error, rateLimit, rateLimitRemaining } = await onTextSubmit({ - messages: [ - ...previousMessages.slice(-3), - { role: "user", content: promptWithContext }, - ], + messages, onStreamCreated: () => { if (isRepairFlow) { setChatHistory((prev) => diff --git a/packages/excalidraw/components/TTDDialog/types.ts b/packages/excalidraw/components/TTDDialog/types.ts index 3913eb1708..c5a9f82027 100644 --- a/packages/excalidraw/components/TTDDialog/types.ts +++ b/packages/excalidraw/components/TTDDialog/types.ts @@ -64,6 +64,11 @@ export interface MermaidToExcalidrawLibProps { } export namespace TTTDDialog { + export type OnGenerate = (opts: { + prompt: string; + isRepairFlow?: boolean; + }) => Promise; + export type OnTextSubmitProps = { messages: LLMMessage[]; onChunk?: (chunk: string) => void; diff --git a/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts b/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts index 772e697a3c..d2f8990c59 100644 --- a/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts +++ b/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts @@ -65,7 +65,7 @@ export const useTTDChatStorage = (): UseTTDChatStorageReturn => { const firstUserMessage = chatHistory.messages.find( (msg) => msg.type === "user", ); - if (!firstUserMessage || !firstUserMessage.content) { + if (!firstUserMessage || typeof firstUserMessage.content !== "string") { return; } diff --git a/packages/excalidraw/components/TTDDialog/utils/chat.ts b/packages/excalidraw/components/TTDDialog/utils/chat.ts index 5d2c643f92..a00c650975 100644 --- a/packages/excalidraw/components/TTDDialog/utils/chat.ts +++ b/packages/excalidraw/components/TTDDialog/utils/chat.ts @@ -60,7 +60,8 @@ export const addMessages = ( }; export const removeLastAssistantMessage = (chatHistory: TChat.ChatHistory) => { - const lastMsgIdx = (chatHistory.messages ?? []).findLastIndex( + const lastMsgIdx = findLastIndex( + chatHistory.messages ?? [], (msg) => msg.type === "assistant", ); diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index d003aaca19..48cbc8b2d6 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -648,7 +648,7 @@ "promptTooShort": "Prompt is too short (min {{min}} characters)", "promptTooLong": "Prompt is too long (max {{max}} characters)", "generationFailed": "Generation failed", - "invalidDiagram": "Generated an invalid diagram :(. You may also try a different prompt.", + "invalidDiagram": "Generated an invalid diagram :(. You may edit manually, retry with auto-fix, or try a different prompt.", "fixInMermaid": "Edit Mermaid manually →", "aiRepair": "Regenerate (auto-fix) →", "requestAborted": "Request aborted", diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index 2249ac72cb..c7d8693d86 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -83,7 +83,7 @@ "@excalidraw/element": "0.18.0", "@excalidraw/laser-pointer": "1.3.1", "@excalidraw/math": "0.18.0", - "@excalidraw/mermaid-to-excalidraw": "2.0.0-test2", + "@excalidraw/mermaid-to-excalidraw": "2.0.0-rfc3", "@excalidraw/random-username": "1.1.0", "@radix-ui/react-popover": "1.1.6", "@radix-ui/react-tabs": "1.1.3", diff --git a/packages/excalidraw/tests/library.test.tsx b/packages/excalidraw/tests/library.test.tsx index 1905741efa..7a8dab860f 100644 --- a/packages/excalidraw/tests/library.test.tsx +++ b/packages/excalidraw/tests/library.test.tsx @@ -234,7 +234,8 @@ describe("library", () => { await waitFor(() => { expect(h.elements).toEqual([expect.objectContaining({ [ORIG_ID]: "A" })]); }); - expect(h.state.activeTool.type).toBe("selection"); + // this has a high flake + // expect(h.state.activeTool.type).toBe("selection"); }); }); diff --git a/yarn.lock b/yarn.lock index 190c8c7d0e..d7dc87028f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1492,10 +1492,10 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@2.0.0-test2": - version "2.0.0-test2" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-test2.tgz#8779c483efd1cd0098e3c234fe81dc1db13bbeb1" - integrity sha512-uPGRdYjUzfbpgfKENHXXvDtigj4BXd/7CIQB4hT3LY3wDKlg5G4r5ncCW53eRdCGvesp9gK+0rkwtIToxGPOKQ== +"@excalidraw/mermaid-to-excalidraw@2.0.0-rfc3": + version "2.0.0-rfc3" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-rfc3.tgz#2aed27280b135086d3d23878e66751819f47c3d4" + integrity sha512-OlKySL2aZwxgvO0wKpjq5fNNWWYwYGQAVMqwG3CJZ/zEf9NotTtX+Rl/WgL6qWvNgDq8/mavOnEstC+42gqnIQ== dependencies: "@excalidraw/markdown-to-text" "0.1.2" "@mermaid-js/parser" "^0.6.3" From 5a73b9a3634da128ab69778c59af638d1e779fee Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 16 Jan 2026 15:10:00 +0100 Subject: [PATCH 096/176] refactor: change TTD persistence to iDB (#10662) refactor: change ttd persistence to iDB --- excalidraw-app/app_constants.ts | 1 + excalidraw-app/components/AI.tsx | 3 + excalidraw-app/data/TTDStorage.ts | 51 +++++++ .../components/TTDDialog/TTDDialog.tsx | 9 +- .../components/TTDDialog/TextToDiagram.tsx | 16 ++- .../TTDDialog/hooks/useChatManagement.ts | 123 +++++++++------- .../excalidraw/components/TTDDialog/types.ts | 18 +++ .../components/TTDDialog/useTTDChatStorage.ts | 133 +++++++++++------- packages/excalidraw/index.tsx | 5 + 9 files changed, 256 insertions(+), 103 deletions(-) create mode 100644 excalidraw-app/data/TTDStorage.ts diff --git a/excalidraw-app/app_constants.ts b/excalidraw-app/app_constants.ts index 52c1ad7ba2..e4370e7986 100644 --- a/excalidraw-app/app_constants.ts +++ b/excalidraw-app/app_constants.ts @@ -46,6 +46,7 @@ export const STORAGE_KEYS = { VERSION_FILES: "version-files", IDB_LIBRARY: "excalidraw-library", + IDB_TTD_CHATS: "excalidraw-ttd-chats", // do not use apart from migrations __LEGACY_LOCAL_STORAGE_LIBRARY: "excalidraw-library", diff --git a/excalidraw-app/components/AI.tsx b/excalidraw-app/components/AI.tsx index e45773f8b4..546cfa18dc 100644 --- a/excalidraw-app/components/AI.tsx +++ b/excalidraw-app/components/AI.tsx @@ -11,6 +11,8 @@ import { safelyParseJSON } from "@excalidraw/common"; import type { ExcalidrawImperativeAPI } from "@excalidraw/excalidraw/types"; +import { TTDIndexedDBAdapter } from "../data/TTDStorage"; + export const AIComponents = ({ excalidrawAPI, }: { @@ -116,6 +118,7 @@ export const AIComponents = ({ return result; }} + persistenceAdapter={TTDIndexedDBAdapter} /> ); diff --git a/excalidraw-app/data/TTDStorage.ts b/excalidraw-app/data/TTDStorage.ts new file mode 100644 index 0000000000..d7fe5d89e7 --- /dev/null +++ b/excalidraw-app/data/TTDStorage.ts @@ -0,0 +1,51 @@ +import { createStore, get, set } from "idb-keyval"; + +import type { SavedChats } from "@excalidraw/excalidraw/components/TTDDialog/types"; + +import { STORAGE_KEYS } from "../app_constants"; + +/** + * IndexedDB adapter for TTD chat storage. + * Implements TTDPersistenceAdapter interface. + */ +export class TTDIndexedDBAdapter { + /** IndexedDB database name */ + private static idb_name = STORAGE_KEYS.IDB_TTD_CHATS; + /** Store key for chat data */ + private static key = "ttdChats"; + + private static store = createStore( + `${TTDIndexedDBAdapter.idb_name}-db`, + `${TTDIndexedDBAdapter.idb_name}-store`, + ); + + /** + * Load saved chats from IndexedDB. + * @returns Promise resolving to saved chats array (empty if none found) + */ + static async loadChats(): Promise { + try { + const data = await get( + TTDIndexedDBAdapter.key, + TTDIndexedDBAdapter.store, + ); + return data || []; + } catch (error) { + console.warn("Failed to load TTD chats from IndexedDB:", error); + return []; + } + } + + /** + * Save chats to IndexedDB. + * @param chats - The chats array to persist + */ + static async saveChats(chats: SavedChats): Promise { + try { + await set(TTDIndexedDBAdapter.key, chats, TTDIndexedDBAdapter.store); + } catch (error) { + console.warn("Failed to save TTD chats to IndexedDB:", error); + throw error; + } + } +} diff --git a/packages/excalidraw/components/TTDDialog/TTDDialog.tsx b/packages/excalidraw/components/TTDDialog/TTDDialog.tsx index a6263f2374..a77167613e 100644 --- a/packages/excalidraw/components/TTDDialog/TTDDialog.tsx +++ b/packages/excalidraw/components/TTDDialog/TTDDialog.tsx @@ -15,13 +15,18 @@ import { TTDDialogTab } from "./TTDDialogTab"; import "./TTDDialog.scss"; -import type { MermaidToExcalidrawLibProps, TTTDDialog } from "./types"; +import type { + MermaidToExcalidrawLibProps, + TTDPersistenceAdapter, + TTTDDialog, +} from "./types"; export const TTDDialog = ( props: | { onTextSubmit: TTTDDialog.onTextSubmit; renderWarning?: TTTDDialog.renderWarning; + persistenceAdapter: TTDPersistenceAdapter; } | { __fallback: true }, ) => { @@ -50,6 +55,7 @@ const TTDDialogBase = withInternalFallback( props: TTTDDialog.OnTextSubmitProps, ): Promise; renderWarning?: TTTDDialog.renderWarning; + persistenceAdapter: TTDPersistenceAdapter; } | { __fallback: true } )) => { @@ -105,6 +111,7 @@ const TTDDialogBase = withInternalFallback( mermaidToExcalidrawLib={mermaidToExcalidrawLib} onTextSubmit={rest.onTextSubmit} renderWarning={rest.renderWarning} + persistenceAdapter={rest.persistenceAdapter} /> )} diff --git a/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx b/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx index df34dbceb3..e93775a76b 100644 --- a/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx +++ b/packages/excalidraw/components/TTDDialog/TextToDiagram.tsx @@ -25,18 +25,25 @@ import { TTDPreviewPanel } from "./TTDPreviewPanel"; import { getLastAssistantMessage } from "./utils/chat"; import type { BinaryFiles } from "../../types"; -import type { MermaidToExcalidrawLibProps, TChat, TTTDDialog } from "./types"; +import type { + MermaidToExcalidrawLibProps, + TChat, + TTDPersistenceAdapter, + TTTDDialog, +} from "./types"; const TextToDiagramContent = ({ mermaidToExcalidrawLib, onTextSubmit, renderWarning, + persistenceAdapter, }: { mermaidToExcalidrawLib: MermaidToExcalidrawLibProps; onTextSubmit: ( props: TTTDDialog.OnTextSubmitProps, ) => Promise; renderWarning?: TTTDDialog.renderWarning; + persistenceAdapter: TTDPersistenceAdapter; }) => { const app = useApp(); const setAppState = useExcalidrawSetAppState(); @@ -46,7 +53,7 @@ const TextToDiagramContent = ({ const [chatHistory, setChatHistory] = useAtom(chatHistoryAtom); const showPreview = useAtomValue(showPreviewAtom); - const { savedChats } = useTTDChatStorage(); + const { savedChats } = useTTDChatStorage({ persistenceAdapter }); const lastAssistantMessage = getLastAssistantMessage(chatHistory); @@ -68,7 +75,7 @@ const TextToDiagramContent = ({ handleNewChat, handleMenuToggle, handleMenuClose, - } = useChatManagement(); + } = useChatManagement({ persistenceAdapter }); const onViewAsMermaid = () => { if (typeof lastAssistantMessage?.content === "string") { @@ -231,18 +238,21 @@ export const TextToDiagram = ({ mermaidToExcalidrawLib, onTextSubmit, renderWarning, + persistenceAdapter, }: { mermaidToExcalidrawLib: MermaidToExcalidrawLibProps; onTextSubmit( props: TTTDDialog.OnTextSubmitProps, ): Promise; renderWarning?: TTTDDialog.renderWarning; + persistenceAdapter: TTDPersistenceAdapter; }) => { return ( ); }; diff --git a/packages/excalidraw/components/TTDDialog/hooks/useChatManagement.ts b/packages/excalidraw/components/TTDDialog/hooks/useChatManagement.ts index fb563ce2b2..beba3e30e6 100644 --- a/packages/excalidraw/components/TTDDialog/hooks/useChatManagement.ts +++ b/packages/excalidraw/components/TTDDialog/hooks/useChatManagement.ts @@ -1,4 +1,4 @@ -import { useState } from "react"; +import { useCallback, useState } from "react"; import { useAtom, useSetAtom } from "../../../editor-jotai"; @@ -8,81 +8,100 @@ import { useTTDChatStorage } from "../useTTDChatStorage"; import { getLastAssistantMessage } from "../utils/chat"; -import type { SavedChat } from "../types"; +import type { SavedChat, TTDPersistenceAdapter } from "../types"; -export const useChatManagement = () => { +interface UseChatManagementProps { + persistenceAdapter: TTDPersistenceAdapter; +} + +export const useChatManagement = ({ + persistenceAdapter, +}: UseChatManagementProps) => { const setError = useSetAtom(errorAtom); const [chatHistory, setChatHistory] = useAtom(chatHistoryAtom); const [isMenuOpen, setIsMenuOpen] = useState(false); - const { restoreChat, deleteChat, createNewChatId } = useTTDChatStorage(); + const { restoreChat, deleteChat, createNewChatId } = useTTDChatStorage({ + persistenceAdapter, + }); - const resetChatState = () => { - const newSessionId = createNewChatId(); + const applyChatToState = useCallback( + (chat: SavedChat) => { + const restoredMessages = chat.messages.map((msg) => ({ + ...msg, + timestamp: + msg.timestamp instanceof Date + ? msg.timestamp + : new Date(msg.timestamp), + })); + + const history = { + id: chat.id, + messages: restoredMessages, + currentPrompt: "", + }; + + const lastAssistantMsg = getLastAssistantMessage(history); + + setError( + lastAssistantMsg?.error ? new Error(lastAssistantMsg?.error) : null, + ); + setChatHistory(history); + }, + [setError, setChatHistory], + ); + + const resetChatState = useCallback(async () => { + const newSessionId = await createNewChatId(); setChatHistory({ id: newSessionId, messages: [], currentPrompt: "", }); setError(null); - }; + }, [createNewChatId, setChatHistory, setError]); - const applyChatToState = (chat: SavedChat) => { - const restoredMessages = chat.messages.map((msg) => ({ - ...msg, - timestamp: - msg.timestamp instanceof Date ? msg.timestamp : new Date(msg.timestamp), - })); + const onRestoreChat = useCallback( + (chat: SavedChat) => { + const restoredChat = restoreChat(chat); + applyChatToState(restoredChat); - const history = { - id: chat.id, - messages: restoredMessages, - currentPrompt: "", - }; + setIsMenuOpen(false); + }, + [restoreChat, applyChatToState], + ); - const lastAssistantMsg = getLastAssistantMessage(history); + const handleDeleteChat = useCallback( + async (chatId: string, event: React.MouseEvent) => { + event.stopPropagation(); - setError( - lastAssistantMsg?.error ? new Error(lastAssistantMsg?.error) : null, - ); - setChatHistory(history); - }; + const isDeletingActiveChat = chatId === chatHistory.id; + const updatedChats = await deleteChat(chatId); - const onRestoreChat = (chat: SavedChat) => { - const restoredChat = restoreChat(chat); - applyChatToState(restoredChat); - - setIsMenuOpen(false); - }; - - const handleDeleteChat = (chatId: string, event: React.MouseEvent) => { - event.stopPropagation(); - - const isDeletingActiveChat = chatId === chatHistory.id; - const updatedChats = deleteChat(chatId); - - if (isDeletingActiveChat) { - if (updatedChats.length > 0) { - const nextChat = updatedChats[0]; - applyChatToState(nextChat); - } else { - resetChatState(); + if (isDeletingActiveChat) { + if (updatedChats.length > 0) { + const nextChat = updatedChats[0]; + applyChatToState(nextChat); + } else { + await resetChatState(); + } } - } - }; + }, + [chatHistory.id, deleteChat, applyChatToState, resetChatState], + ); - const handleNewChat = () => { - resetChatState(); + const handleNewChat = useCallback(async () => { + await resetChatState(); setIsMenuOpen(false); - }; + }, [resetChatState]); - const handleMenuToggle = () => { + const handleMenuToggle = useCallback(() => { setIsMenuOpen((prev) => !prev); - }; + }, []); - const handleMenuClose = () => { + const handleMenuClose = useCallback(() => { setIsMenuOpen(false); - }; + }, []); return { isMenuOpen, diff --git a/packages/excalidraw/components/TTDDialog/types.ts b/packages/excalidraw/components/TTDDialog/types.ts index c5a9f82027..d3c8e3061d 100644 --- a/packages/excalidraw/components/TTDDialog/types.ts +++ b/packages/excalidraw/components/TTDDialog/types.ts @@ -53,6 +53,24 @@ export interface SavedChat { timestamp: number; } +export type SavedChats = SavedChat[]; + +/** + * Interface for TTD chat persistence. Preferably should be stable + * (e.g. static class/singleton) + */ +export interface TTDPersistenceAdapter { + /** + * Load saved chats from storage. + */ + loadChats(): Promise; + + /** + * Save chats to storage. + */ + saveChats(chats: SavedChats): Promise; +} + export interface MermaidToExcalidrawLibProps { loaded: boolean; api: Promise<{ diff --git a/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts b/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts index d2f8990c59..ce55b120a2 100644 --- a/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts +++ b/packages/excalidraw/components/TTDDialog/useTTDChatStorage.ts @@ -1,44 +1,24 @@ -import { useEffect } from "react"; +import { useCallback, useEffect, useRef } from "react"; import { randomId } from "@excalidraw/common"; import { atom, useAtom } from "../../editor-jotai"; import { chatHistoryAtom } from "./TTDContext"; -import type { SavedChat } from "./types"; +import type { SavedChat, SavedChats, TTDPersistenceAdapter } from "./types"; -const TTD_CHATS_STORAGE_KEY = "excalidraw-ttd-chats"; +interface UseTTDChatStorageProps { + persistenceAdapter: TTDPersistenceAdapter; +} interface UseTTDChatStorageReturn { savedChats: SavedChats; - saveCurrentChat: () => void; - deleteChat: (chatId: string) => SavedChats; + saveCurrentChat: () => Promise; + deleteChat: (chatId: string) => Promise; restoreChat: (chat: SavedChat) => SavedChat; - createNewChatId: () => string; + createNewChatId: () => Promise; } -type SavedChats = SavedChat[]; - -const saveChatsToStorage = (chats: SavedChats) => { - try { - window.localStorage.setItem(TTD_CHATS_STORAGE_KEY, JSON.stringify(chats)); - } catch (error: any) { - console.warn(`Failed to save chats to localStorage: ${error.message}`); - } -}; - -const loadChatsFromStorage = (): SavedChats => { - try { - const data = window.localStorage.getItem(TTD_CHATS_STORAGE_KEY); - if (data) { - return JSON.parse(data) as SavedChats; - } - } catch (error: any) { - console.warn(`Failed to load chats from localStorage: ${error.message}`); - } - return []; -}; - const generateChatTitle = (firstMessage: string): string => { const trimmed = firstMessage.trim(); if (trimmed.length <= 50) { @@ -47,17 +27,60 @@ const generateChatTitle = (firstMessage: string): string => { return `${trimmed.substring(0, 47)}...`; }; -// Shared atom for saved chats - initialized once from localStorage -export const savedChatsAtom = atom(loadChatsFromStorage()); +// Shared atom for saved chats - starts empty, populated via onLoadChats +export const savedChatsAtom = atom([]); +export const isLoadingChatsAtom = atom(false); +export const chatsLoadedAtom = atom(false); -export const useTTDChatStorage = (): UseTTDChatStorageReturn => { +export const useTTDChatStorage = ({ + persistenceAdapter, +}: UseTTDChatStorageProps): UseTTDChatStorageReturn => { const [chatHistory] = useAtom(chatHistoryAtom); const [savedChats, setSavedChats] = useAtom(savedChatsAtom); + const [isLoading, setIsLoading] = useAtom(isLoadingChatsAtom); + const [chatsLoaded, setChatsLoaded] = useAtom(chatsLoadedAtom); + + // Ref to track latest savedChats for async operations + const savedChatsRef = useRef(savedChats); + savedChatsRef.current = savedChats; const lastMessageInHistory = chatHistory?.messages[chatHistory?.messages.length - 1]; - const saveCurrentChat = () => { + // Load chats on-demand + const loadChats = useCallback(async () => { + if (chatsLoaded || isLoading) { + return; + } + + setIsLoading(true); + try { + const chats = await persistenceAdapter.loadChats(); + setSavedChats(chats); + setChatsLoaded(true); + } catch (error) { + console.warn("Failed to load chats:", error); + setSavedChats([]); + setChatsLoaded(true); + } finally { + setIsLoading(false); + } + }, [ + chatsLoaded, + isLoading, + setSavedChats, + setIsLoading, + setChatsLoaded, + persistenceAdapter, + ]); + + // INITIAL LOAD + useEffect(() => { + loadChats(); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + + const saveCurrentChat = useCallback(async () => { if (chatHistory.messages.length === 0) { return; } @@ -71,7 +94,7 @@ export const useTTDChatStorage = (): UseTTDChatStorageReturn => { const title = generateChatTitle(firstUserMessage.content); - const currentSavedChats = loadChatsFromStorage(); + const currentSavedChats = savedChatsRef.current; const existingChat = currentSavedChats.find( (chat) => chat.id === chatHistory.id, ); @@ -111,9 +134,15 @@ export const useTTDChatStorage = (): UseTTDChatStorageReturn => { .slice(0, 10); setSavedChats(updatedChats); - saveChatsToStorage(updatedChats); - }; + try { + await persistenceAdapter.saveChats(updatedChats); + } catch (error) { + console.warn("Failed to save chats:", error); + } + }, [chatHistory, setSavedChats, persistenceAdapter]); + + // Auto-save when generation completes useEffect(() => { if (!lastMessageInHistory?.isGenerating) { saveCurrentChat(); @@ -125,23 +154,33 @@ export const useTTDChatStorage = (): UseTTDChatStorageReturn => { lastMessageInHistory?.isGenerating, ]); - const deleteChat = (chatId: string): SavedChats => { - const updatedChats = savedChats.filter((chat) => chat.id !== chatId); - setSavedChats(updatedChats); - saveChatsToStorage(updatedChats); + const deleteChat = useCallback( + async (chatId: string): Promise => { + const updatedChats = savedChatsRef.current.filter( + (chat) => chat.id !== chatId, + ); + setSavedChats(updatedChats); - return updatedChats; - }; + try { + await persistenceAdapter.saveChats(updatedChats); + } catch (error) { + console.warn("Failed to save after delete:", error); + } - const restoreChat = (chat: SavedChat): SavedChat => { - saveCurrentChat(); + return updatedChats; + }, + [setSavedChats, persistenceAdapter], + ); + + const restoreChat = useCallback((chat: SavedChat): SavedChat => { + // Save is handled by the caller after state update return chat; - }; + }, []); - const createNewChatId = (): string => { - saveCurrentChat(); + const createNewChatId = useCallback(async (): Promise => { + await saveCurrentChat(); return randomId(); - }; + }, [saveCurrentChat]); return { savedChats, diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 19e855f97e..44b83a5dca 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -290,6 +290,11 @@ export { DefaultSidebar } from "./components/DefaultSidebar"; export { TTDDialog } from "./components/TTDDialog/TTDDialog"; export { TTDDialogTrigger } from "./components/TTDDialog/TTDDialogTrigger"; export { TTDStreamFetch } from "./components/TTDDialog/utils/TTDStreamFetch"; +export type { + TTDPersistenceAdapter, + SavedChat, + SavedChats, +} from "./components/TTDDialog/types"; export { zoomToFitBounds } from "./actions/actionCanvas"; export { From 0443511954a8a557866a98a939e2a506acb4858b Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sat, 17 Jan 2026 18:17:04 +0100 Subject: [PATCH 097/176] fix: tweak error display in ttd (#10668) fix: better error handling for ttd --- .../components/TTDDialog/Chat/Chat.scss | 19 ++++++++++++++++++- .../components/TTDDialog/Chat/ChatMessage.tsx | 9 +++++++-- .../TTDDialog/utils/TTDStreamFetch.ts | 2 +- packages/excalidraw/css/theme.scss | 2 ++ 4 files changed, 28 insertions(+), 4 deletions(-) diff --git a/packages/excalidraw/components/TTDDialog/Chat/Chat.scss b/packages/excalidraw/components/TTDDialog/Chat/Chat.scss index 3eb706097d..01b5a96012 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/Chat.scss +++ b/packages/excalidraw/components/TTDDialog/Chat/Chat.scss @@ -339,12 +339,21 @@ $verticalBreakpoint: 861px; gap: 0.5rem; } + &__error_message { + background: var(--color-warning-background); + color: var(--color-warning-color); + + padding: 0.5rem 0.75rem; + border-radius: var(--border-radius-md); + margin-top: 1rem; + font-size: 0.875rem; + } + &__error-link { display: flex; align-items: center; background: none; border: none; - color: var(--color-primary); cursor: pointer; font-size: 0.875rem; font-weight: 500; @@ -352,6 +361,14 @@ $verticalBreakpoint: 861px; margin-top: 1rem; text-decoration: underline; font-family: inherit; + color: var(--link-color); + + &:hover { + color: var(--link-color-hover); + } + &:active { + color: var(--link-color-active); + } &:disabled { cursor: not-allowed; diff --git a/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx b/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx index 4f82eec0ae..ad2cf574b0 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/ChatMessage.tsx @@ -123,8 +123,13 @@ export const ChatMessage: React.FC<{ {message.error ? ( <>
{message.content}
+ {message.errorType !== "parse" && ( +
+ Error: {message.error || t("chat.errors.generationFailed")} +
+ )} {message.errorType === "parse" && allowFixingParseError && ( - <> +

{t("chat.errors.invalidDiagram")}

{onMermaidTabClick && ( @@ -147,7 +152,7 @@ export const ChatMessage: React.FC<{ )}
- +
)} ) : ( diff --git a/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts b/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts index 3e3d92741e..b30b803951 100644 --- a/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts +++ b/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts @@ -32,7 +32,7 @@ export type StreamChunk = type: "error"; error: { message: string; - code?: string; + status?: number; }; }; diff --git a/packages/excalidraw/css/theme.scss b/packages/excalidraw/css/theme.scss index 0ff89bc5b1..9d741bdc3e 100644 --- a/packages/excalidraw/css/theme.scss +++ b/packages/excalidraw/css/theme.scss @@ -26,6 +26,8 @@ --island-bg-color-alt: #fff; --keybinding-color: var(--color-gray-40); --link-color: #{$color-blue-7}; + --link-color-hover: #{$color-blue-8}; + --link-color-active: #{$color-blue-2}; --overlay-bg-color: #{color.adjust(#fff, $alpha: -0.12)}; --popup-bg-color: var(--island-bg-color); --popup-secondary-bg-color: #{$color-gray-1}; From 9d760336d195b13d4a237a1408743a38f7c0ca9a Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sun, 18 Jan 2026 21:55:14 +0100 Subject: [PATCH 098/176] feat: reduce max tablet MQ size (#10669) * feat: reduce max tablet MQ size * replace UIOptions.formFactor with getFormFactor --- packages/common/src/editorInterface.ts | 5 ++--- packages/excalidraw/components/App.tsx | 7 ++----- packages/excalidraw/index.tsx | 3 +++ packages/excalidraw/types.ts | 6 ++++-- 4 files changed, 11 insertions(+), 10 deletions(-) diff --git a/packages/common/src/editorInterface.ts b/packages/common/src/editorInterface.ts index 36b55d9182..d18b7a7d08 100644 --- a/packages/common/src/editorInterface.ts +++ b/packages/common/src/editorInterface.ts @@ -16,7 +16,6 @@ export type EditorInterface = Readonly<{ const DESKTOP_UI_MODE_STORAGE_KEY = "excalidraw.desktopUIMode"; // breakpoints -// mobile: up to 699px export const MQ_MAX_MOBILE = 599; export const MQ_MAX_WIDTH_LANDSCAPE = 1000; @@ -24,9 +23,9 @@ export const MQ_MAX_HEIGHT_LANDSCAPE = 500; // tablets export const MQ_MIN_TABLET = MQ_MAX_MOBILE + 1; // lower bound (excludes phones) -export const MQ_MAX_TABLET = 1400; // upper bound (excludes laptops/desktops) +export const MQ_MAX_TABLET = 1180; // ipad air -// desktop/laptop +// desktop/laptop (NOTE: not used for form factor detection) export const MQ_MIN_WIDTH_DESKTOP = 1440; // sidebar diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 5fec6ff4ab..c37d992e03 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -2780,7 +2780,7 @@ class App extends React.Component { private getFormFactor = (editorWidth: number, editorHeight: number) => { return ( - this.props.UIOptions.formFactor ?? + this.props.UIOptions.getFormFactor?.(editorWidth, editorHeight) ?? getFormFactor(editorWidth, editorHeight) ); }; @@ -2804,10 +2804,7 @@ class App extends React.Component { ? this.props.UIOptions.dockedSidebarBreakpoint : MQ_RIGHT_SIDEBAR_MIN_WIDTH; const nextEditorInterface = updateObject(this.editorInterface, { - desktopUIMode: - this.props.UIOptions.desktopUIMode ?? - storedDesktopUIMode ?? - this.editorInterface.desktopUIMode, + desktopUIMode: storedDesktopUIMode ?? this.editorInterface.desktopUIMode, formFactor: this.getFormFactor(editorWidth, editorHeight), userAgent: userAgentDescriptor, canFitSidebar: editorWidth > sidebarBreakpoint, diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 44b83a5dca..db0fe94cd8 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -187,6 +187,9 @@ const areEqual = (prevProps: ExcalidrawProps, nextProps: ExcalidrawProps) => { } const isUIOptionsSame = prevUIOptionsKeys.every((key) => { + if (key === "getFormFactor") { + return true; + } if (key === "canvasActions") { const canvasOptionKeys = Object.keys( prevUIOptions.canvasActions!, diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index ad7c46a6db..2f464d8683 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -682,8 +682,10 @@ export type UIOptions = Partial<{ * Optionally control the editor form factor and desktop UI mode from the host app. * If not provided, we will take care of it internally. */ - formFactor?: EditorInterface["formFactor"]; - desktopUIMode?: EditorInterface["desktopUIMode"]; + getFormFactor?: ( + editorWidth: number, + editorHeight: number, + ) => EditorInterface["formFactor"]; /** @deprecated does nothing. Will be removed in 0.15 */ welcomeScreen?: boolean; }>; From 1f47d61e8cbec7806f9cda4b2146ffa60bfe12a4 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Mon, 19 Jan 2026 09:23:50 +0100 Subject: [PATCH 099/176] chore: bump node in tests.yml (#10670) --- .github/workflows/test.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index 7d454ecfc4..8bebd6c1ee 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -9,10 +9,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - - name: Setup Node.js 18.x + - name: Setup Node.js uses: actions/setup-node@v4 with: - node-version: 18.x + node-version: 20.x - name: Install and test run: | yarn install From 0988ecfef40db7c965fd79c43454d154cf83aced Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Tue, 20 Jan 2026 12:11:58 +0100 Subject: [PATCH 100/176] fix: Angle-locked line history (#10677) * fix: Line history Signed-off-by: Mark Tolmacs * fix: More conservative condition Signed-off-by: Mark Tolmacs --------- Signed-off-by: Mark Tolmacs --- packages/excalidraw/components/App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index c37d992e03..2c9f2f7308 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -10052,7 +10052,7 @@ class App extends React.Component { }); } } else if (pointerDownState.drag.hasOccurred && !multiElement) { - if (isBindingElement(newElement, false)) { + if (isLinearElement(newElement)) { this.actionManager.executeAction(actionFinalize, "ui", { event: childEvent, sceneCoords, From 60ab14c2f633112613843eec3c049f6da0f566e8 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Tue, 20 Jan 2026 12:33:22 +0100 Subject: [PATCH 101/176] fix: fail gracefully during restore (#10673) * fix: fail gracefully during restore * tests --- packages/excalidraw/data/restore.ts | 207 +++++++++--------- .../data/__snapshots__/restore.test.ts.snap | 94 ++++++++ .../excalidraw/tests/data/restore.test.ts | 82 +++++++ 3 files changed, 284 insertions(+), 99 deletions(-) diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 31e3563dff..b78fa07f84 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -136,99 +136,103 @@ const repairBinding = ( existingElementsMap: Readonly | null | undefined, startOrEnd: "start" | "end", ): FixedPointBinding | null => { - if (!binding) { - return null; - } - - // --------------------------------------------------------------------------- - // elbow arrows - // --------------------------------------------------------------------------- - - if (isElbowArrow(element)) { - const fixedPointBinding: - | ExcalidrawElbowArrowElement["startBinding"] - | ExcalidrawElbowArrowElement["endBinding"] = { - ...binding, - fixedPoint: normalizeFixedPoint(binding.fixedPoint ?? [0, 0]), - mode: binding.mode || "orbit", - }; - - return fixedPointBinding; - } - - // --------------------------------------------------------------------------- - // simple arrows - // --------------------------------------------------------------------------- - - // binding schema v2 - // --------------------------------------------------------------------------- - - if (binding.mode) { - // if latest binding schema, don't check if binding.elementId exists - // (it's done in a separate pass) - if (binding.elementId) { - return { - elementId: binding.elementId, - mode: binding.mode, - fixedPoint: normalizeFixedPoint(binding.fixedPoint || [0.5, 0.5]), - } as FixedPointBinding | null; + try { + if (!binding) { + return null; } - return null; + + // --------------------------------------------------------------------------- + // elbow arrows + // --------------------------------------------------------------------------- + + if (isElbowArrow(element)) { + const fixedPointBinding: + | ExcalidrawElbowArrowElement["startBinding"] + | ExcalidrawElbowArrowElement["endBinding"] = { + ...binding, + fixedPoint: normalizeFixedPoint(binding.fixedPoint ?? [0, 0]), + mode: binding.mode || "orbit", + }; + + return fixedPointBinding; + } + + // --------------------------------------------------------------------------- + // simple arrows + // --------------------------------------------------------------------------- + + // binding schema v2 + // --------------------------------------------------------------------------- + + if (binding.mode) { + // if latest binding schema, don't check if binding.elementId exists + // (it's done in a separate pass) + if (binding.elementId) { + return { + elementId: binding.elementId, + mode: binding.mode, + fixedPoint: normalizeFixedPoint(binding.fixedPoint || [0.5, 0.5]), + } as FixedPointBinding | null; + } + return null; + } + + // binding schema v1 (legacy) -> attempt to migrate to v2 + // --------------------------------------------------------------------------- + + const targetBoundElement = + (targetElementsMap.get(binding.elementId) as ExcalidrawBindableElement) || + undefined; + const boundElement = + targetBoundElement || + (existingElementsMap?.get( + binding.elementId, + ) as ExcalidrawBindableElement) || + undefined; + const elementsMap = targetBoundElement + ? targetElementsMap + : existingElementsMap; + + // migrating legacy focus point bindings + if (boundElement && elementsMap) { + const p = LinearElementEditor.getPointAtIndexGlobalCoordinates( + element, + startOrEnd === "start" ? 0 : element.points.length - 1, + elementsMap, + ); + const mode = isPointInElement(p, boundElement, elementsMap) + ? "inside" + : "orbit"; + const focusPoint = + mode === "inside" + ? p + : projectFixedPointOntoDiagonal( + element, + p, + boundElement, + startOrEnd, + elementsMap, + ) || p; + const { fixedPoint } = calculateFixedPointForNonElbowArrowBinding( + element, + boundElement, + startOrEnd, + elementsMap, + focusPoint, + ); + + return { + mode, + elementId: binding.elementId, + fixedPoint, + }; + } + + console.error(`could not repair binding for element`); + } catch (error) { + console.error("Error repairing binding:", error); } - // binding schema v1 (legacy) -> attempt to migrate to v2 - // --------------------------------------------------------------------------- - - const targetBoundElement = - (targetElementsMap.get(binding.elementId) as ExcalidrawBindableElement) || - undefined; - const boundElement = - targetBoundElement || - (existingElementsMap?.get( - binding.elementId, - ) as ExcalidrawBindableElement) || - undefined; - const elementsMap = targetBoundElement - ? targetElementsMap - : existingElementsMap; - - // migrating legacy focus point bindings - if (boundElement && elementsMap) { - const p = LinearElementEditor.getPointAtIndexGlobalCoordinates( - element, - startOrEnd === "start" ? 0 : element.points.length - 1, - elementsMap, - ); - const mode = isPointInElement(p, boundElement, elementsMap) - ? "inside" - : "orbit"; - const focusPoint = - mode === "inside" - ? p - : projectFixedPointOntoDiagonal( - element, - p, - boundElement, - startOrEnd, - elementsMap, - ) || p; - const { fixedPoint } = calculateFixedPointForNonElbowArrowBinding( - element, - boundElement, - startOrEnd, - elementsMap, - focusPoint, - ); - - return { - mode, - elementId: binding.elementId, - fixedPoint, - }; - } - - console.error(`could not repair binding for element`); - return null; }; @@ -639,15 +643,20 @@ export const restoreElements = ( if (element.type === "selection") { return elements; } - - let migratedElement: ExcalidrawElement | null = restoreElement( - element, - targetElementsMap, - existingElementsMap, - { - deleteInvisibleElements: opts?.deleteInvisibleElements, - }, - ); + let migratedElement: ExcalidrawElement | null; + try { + migratedElement = restoreElement( + element, + targetElementsMap, + existingElementsMap, + { + deleteInvisibleElements: opts?.deleteInvisibleElements, + }, + ); + } catch (error) { + console.error("Error restoring element:", error); + migratedElement = null; + } if (migratedElement) { const localElement = existingElementsMap?.get(element.id); diff --git a/packages/excalidraw/tests/data/__snapshots__/restore.test.ts.snap b/packages/excalidraw/tests/data/__snapshots__/restore.test.ts.snap index 95826081f4..802edcc373 100644 --- a/packages/excalidraw/tests/data/__snapshots__/restore.test.ts.snap +++ b/packages/excalidraw/tests/data/__snapshots__/restore.test.ts.snap @@ -1,5 +1,52 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html +exports[`repairing bindings > should strip arrow binding if repair throws 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": [], + "customData": undefined, + "elbowed": false, + "endArrowhead": null, + "endBinding": null, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 100, + "id": "id-arrow01", + "index": "a0", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "points": [ + [ + 0, + 0, + ], + [ + 100, + 100, + ], + ], + "roughness": 1, + "roundness": null, + "seed": Any, + "startArrowhead": null, + "startBinding": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "arrow", + "updated": 1, + "version": 2, + "versionNonce": Any, + "width": 100, + "x": 0, + "y": 0, +} +`; + exports[`restoreElements > should restore arrow element correctly 1`] = ` { "angle": 0, @@ -381,3 +428,50 @@ exports[`restoreElements > should restore text element correctly with unknown fo "y": 0, } `; + +exports[`restoreElements > should strip arrow binding if repair throws 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": [], + "customData": undefined, + "elbowed": false, + "endArrowhead": null, + "endBinding": null, + "fillStyle": "solid", + "frameId": null, + "groupIds": [], + "height": 100, + "id": "id-arrow01", + "index": "a0", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "points": [ + [ + 0, + 0, + ], + [ + 100, + 100, + ], + ], + "roughness": 1, + "roundness": null, + "seed": Any, + "startArrowhead": null, + "startBinding": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "arrow", + "updated": 1, + "version": 2, + "versionNonce": Any, + "width": 100, + "x": 0, + "y": 0, +} +`; diff --git a/packages/excalidraw/tests/data/restore.test.ts b/packages/excalidraw/tests/data/restore.test.ts index d666e48e11..4b06601bb2 100644 --- a/packages/excalidraw/tests/data/restore.test.ts +++ b/packages/excalidraw/tests/data/restore.test.ts @@ -200,6 +200,36 @@ describe("restoreElements", () => { }); }); + it("should strip element if restore fails", () => { + const rect1 = API.createElement({ + type: "rectangle", + boundElements: [], + }); + const rect2 = API.createElement({ + type: "rectangle", + boundElements: [], + }); + + // define getter for a property we access during restoreElement that throws + Object.defineProperty(rect2, "seed", { + get: () => { + throw new Error("FORBIDDEN!"); + }, + }); + + const restoredElements = restore.restoreElements([rect1, rect2], null); + + expect(restoredElements.length).toBe(1); + + expect(restoredElements).toEqual( + expect.arrayContaining([ + expect.objectContaining({ + id: rect1.id, + }), + ]), + ); + }); + it("should remove imperceptibly small elements", () => { const arrowElement = API.createElement({ type: "arrow", @@ -717,6 +747,58 @@ describe("restoreAppState", () => { }); describe("repairing bindings", () => { + it("should strip arrow binding if repair throws", () => { + const container = API.createElement({ + type: "rectangle", + boundElements: [], + }); + const arrowElement = API.createElement({ + type: "arrow", + id: "id-arrow01", + endBinding: { + elementId: container.id, + fixedPoint: [0.5, 0.5], + mode: "inside", + }, + }); + + Object.assign(container, { + boundElements: [{ type: "arrow", id: arrowElement.id }], + }); + // make invalid binding -> throws during repair + Object.assign(arrowElement, { + endBinding: { + // invalid reference + elementId: 42, + }, + }); + + const restoredElements = restore.restoreElements( + [arrowElement, container], + null, + ); + + expect(restoredElements).toEqual( + expect.arrayContaining([ + expect.objectContaining({ + id: arrowElement.id, + endBinding: null, + }), + expect.objectContaining({ + id: container.id, + }), + ]), + ); + + const restoredArrow = restoredElements[0] as ExcalidrawLinearElement; + + expect(restoredArrow).toMatchSnapshot({ + seed: expect.any(Number), + versionNonce: expect.any(Number), + // endBinding: expect.any(Object), + }); + }); + it("should repair container boundElements when repair is true", () => { const container = API.createElement({ type: "rectangle", From 9ba0f5dbc9d551aad9277341a82449e04043c5ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Tue, 20 Jan 2026 12:38:40 +0100 Subject: [PATCH 102/176] fix: Arrow drag start in bindable area jumps across bindable (#10676) Signed-off-by: Mark Tolmacs --- packages/element/src/binding.ts | 8 +- .../tests/__snapshots__/history.test.tsx.snap | 220 +++++++++--------- .../tests/__snapshots__/move.test.tsx.snap | 20 +- packages/excalidraw/tests/history.test.tsx | 24 +- packages/excalidraw/tests/move.test.tsx | 11 +- 5 files changed, 137 insertions(+), 146 deletions(-) diff --git a/packages/element/src/binding.ts b/packages/element/src/binding.ts index 1a519b1c98..c29c870260 100644 --- a/packages/element/src/binding.ts +++ b/packages/element/src/binding.ts @@ -15,6 +15,7 @@ import { pointFrom, pointFromVector, pointRotateRads, + pointsEqual, vectorFromPoint, vectorNormalize, vectorScale, @@ -1602,7 +1603,12 @@ export const updateBoundPoint = ( if ( binding == null || // We only need to update the other end if this is a 2 point line element - (binding.elementId !== bindableElement.id && arrow.points.length > 2) + (binding.elementId !== bindableElement.id && arrow.points.length > 2) || + // Initial arrow created on pointer down needs to not update the points + pointsEqual( + arrow.points[arrow.points.length - 1], + pointFrom(0, 0), + ) ) { return null; } diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 7c0c8b500c..d87b67f8d7 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -2398,7 +2398,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "361.17383", + "height": "353.93938", "id": "id4", "index": "a2", "isDeleted": false, @@ -2412,8 +2412,8 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl 0, ], [ - "478.06757", - "-361.17383", + "478.03877", + "-353.93938", ], ], "roughness": 1, @@ -2424,8 +2424,8 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.54844", - "0.54844", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -2434,10 +2434,10 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 14, - "width": "478.06757", + "version": 12, + "width": "478.03877", "x": 11, - "y": "-37.61782", + "y": "-45.14705", } `; @@ -2566,7 +2566,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "361.17383", + "height": "353.93938", "index": "a2", "isDeleted": false, "link": null, @@ -2578,8 +2578,8 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl 0, ], [ - "478.06757", - "-361.17383", + "478.03877", + "-353.93938", ], ], "roughness": 1, @@ -2590,8 +2590,8 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.54844", - "0.54844", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -2599,14 +2599,14 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 14, - "width": "478.06757", + "version": 12, + "width": "478.03877", "x": 11, - "y": "-37.61782", + "y": "-45.14705", }, "inserted": { "isDeleted": true, - "version": 11, + "version": 9, }, }, }, @@ -16383,7 +16383,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "id": "id13", "index": "a3", "isDeleted": false, @@ -16397,8 +16397,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -16409,8 +16409,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -16419,10 +16419,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", } `; @@ -16467,12 +16467,12 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, - "version": 14, + "version": 12, }, "inserted": { "endBinding": { @@ -16487,12 +16487,12 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, - "version": 11, + "version": 9, }, }, }, @@ -16801,7 +16801,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00096", + "height": "0.00561", "index": "a3", "isDeleted": false, "link": null, @@ -16814,7 +16814,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "78.00000", - "0.00096", + "0.00561", ], ], "roughness": 1, @@ -16825,8 +16825,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -16834,14 +16834,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 10, + "version": 8, "width": "78.00000", "x": 11, - "y": "0.00830", + "y": 0, }, "inserted": { "isDeleted": true, - "version": 9, + "version": 7, }, }, }, @@ -17134,7 +17134,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "id": "id13", "index": "a3", "isDeleted": false, @@ -17148,8 +17148,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -17160,8 +17160,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -17170,10 +17170,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", } `; @@ -17442,7 +17442,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "index": "a3", "isDeleted": false, "link": null, @@ -17454,8 +17454,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -17466,8 +17466,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -17475,14 +17475,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", }, "inserted": { "isDeleted": true, - "version": 11, + "version": 9, }, }, }, @@ -17783,7 +17783,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "id": "id13", "index": "a3", "isDeleted": false, @@ -17797,8 +17797,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -17809,8 +17809,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -17819,10 +17819,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", } `; @@ -18091,7 +18091,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "index": "a3", "isDeleted": false, "link": null, @@ -18103,8 +18103,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -18115,8 +18115,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -18124,14 +18124,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", }, "inserted": { "isDeleted": true, - "version": 11, + "version": 9, }, }, }, @@ -18430,7 +18430,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "id": "id13", "index": "a3", "isDeleted": false, @@ -18444,8 +18444,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -18456,8 +18456,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -18466,10 +18466,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 14, - "width": 78, + "version": 12, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", } `; @@ -18530,12 +18530,12 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, - "version": 14, + "version": 12, }, "inserted": { "endBinding": { @@ -18547,7 +18547,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "mode": "orbit", }, "startBinding": null, - "version": 11, + "version": 9, }, }, "id2": { @@ -18824,7 +18824,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00096", + "height": "0.00561", "index": "a3", "isDeleted": false, "link": null, @@ -18837,7 +18837,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "78.00000", - "0.00096", + "0.00561", ], ], "roughness": 1, @@ -18848,8 +18848,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -18857,14 +18857,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 10, + "version": 8, "width": "78.00000", "x": 11, - "y": "0.00830", + "y": 0, }, "inserted": { "isDeleted": true, - "version": 9, + "version": 7, }, }, }, @@ -19185,7 +19185,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "1.22525", + "height": "0.00108", "id": "id13", "index": "a3", "isDeleted": false, @@ -19199,8 +19199,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding 0, ], [ - 78, - "-1.22525", + "78.00000", + "0.00108", ], ], "roughness": 1, @@ -19211,8 +19211,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -19221,10 +19221,10 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 15, - "width": 78, + "version": 13, + "width": "78.00000", "x": 11, - "y": "2.19362", + "y": "0.00807", } `; @@ -19296,17 +19296,17 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, - "version": 15, + "version": 13, }, "inserted": { "endBinding": null, "startBinding": null, - "version": 12, + "version": 10, }, }, }, @@ -19575,7 +19575,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00096", + "height": "0.00561", "index": "a3", "isDeleted": false, "link": null, @@ -19588,7 +19588,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "78.00000", - "0.00096", + "0.00561", ], ], "roughness": 1, @@ -19599,8 +19599,8 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "startBinding": { "elementId": "id0", "fixedPoint": [ - "0.53796", - "0.53796", + "0.50010", + "0.50010", ], "mode": "orbit", }, @@ -19608,14 +19608,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 10, + "version": 8, "width": "78.00000", "x": 11, - "y": "0.00830", + "y": 0, }, "inserted": { "isDeleted": true, - "version": 9, + "version": 7, }, }, }, diff --git a/packages/excalidraw/tests/__snapshots__/move.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/move.test.tsx.snap index fceb5f14a7..6678adef33 100644 --- a/packages/excalidraw/tests/__snapshots__/move.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/move.test.tsx.snap @@ -163,7 +163,7 @@ exports[`move element > rectangles with binding arrow 6`] = ` "type": "rectangle", "updated": 1, "version": 7, - "versionNonce": 888958951, + "versionNonce": 735304455, "width": 300, "x": 201, "y": 2, @@ -182,14 +182,14 @@ exports[`move element > rectangles with binding arrow 7`] = ` "elementId": "id3", "fixedPoint": [ "-0.03667", - "0.42773", + "0.43000", ], "mode": "orbit", }, "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "124.16785", + "height": "80.00000", "id": "id6", "index": "a2", "isDeleted": false, @@ -204,7 +204,7 @@ exports[`move element > rectangles with binding arrow 7`] = ` ], [ "79.00000", - "124.16785", + "80.00000", ], ], "roughness": 1, @@ -216,8 +216,8 @@ exports[`move element > rectangles with binding arrow 7`] = ` "startBinding": { "elementId": "id0", "fixedPoint": [ - "1.10000", - "-0.04577", + "1.11000", + "0.51000", ], "mode": "orbit", }, @@ -226,10 +226,10 @@ exports[`move element > rectangles with binding arrow 7`] = ` "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 12, - "versionNonce": 2066753033, + "version": 13, + "versionNonce": 271613161, "width": "79.00000", - "x": 111, - "y": "6.14995", + "x": "111.00000", + "y": "51.00000", } `; diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index d3c6e2d470..d3b0cf48f3 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -1590,9 +1590,7 @@ describe("history", () => { expect(API.getUndoStack().length).toBe(5); expect(arrow.startBinding).toEqual({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.5379561888991137, 0.5379561888991137, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), mode: "orbit", }); expect(arrow.endBinding).toEqual({ @@ -1615,9 +1613,7 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(1); expect(arrow.startBinding).toEqual({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.5379561888991137, 0.5379561888991137, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), mode: "orbit", }); expect(arrow.endBinding).toEqual({ @@ -1640,9 +1636,7 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(0); expect(arrow.startBinding).toEqual({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.5379561888991137, 0.5379561888991137, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), mode: "orbit", }); expect(arrow.endBinding).toEqual({ @@ -1673,9 +1667,7 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(0); expect(arrow.startBinding).toEqual({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.5379561888991137, 0.5379561888991137, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), mode: "orbit", }); expect(arrow.endBinding).toEqual({ @@ -1698,9 +1690,7 @@ describe("history", () => { expect(API.getRedoStack().length).toBe(1); expect(arrow.startBinding).toEqual({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.5379561888991137, 0.5379561888991137, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), mode: "orbit", }); expect(arrow.endBinding).toEqual({ @@ -5061,9 +5051,7 @@ describe("history", () => { id: arrowId, startBinding: expect.objectContaining({ elementId: rect1.id, - fixedPoint: expect.arrayContaining([ - 0.548442798411514, 0.548442798411514, - ]), + fixedPoint: expect.arrayContaining([0.5001, 0.5001]), }), endBinding: expect.objectContaining({ elementId: rect2.id, diff --git a/packages/excalidraw/tests/move.test.tsx b/packages/excalidraw/tests/move.test.tsx index a881bb83e6..659917da8c 100644 --- a/packages/excalidraw/tests/move.test.tsx +++ b/packages/excalidraw/tests/move.test.tsx @@ -110,11 +110,8 @@ describe("move element", () => { expect(h.state.selectedElementIds[rectB.id]).toBeTruthy(); expect([rectA.x, rectA.y]).toEqual([0, 0]); expect([rectB.x, rectB.y]).toEqual([200, 0]); - expect([[arrow.x, arrow.y]]).toCloselyEqualPoints([[110, -4.576537]], 0); - expect([[arrow.width, arrow.height]]).toCloselyEqualPoints( - [[79, 132.89433]], - 0, - ); + expect([[arrow.x, arrow.y]]).toCloselyEqualPoints([[111, 51]], 0); + expect([[arrow.width, arrow.height]]).toCloselyEqualPoints([[78, 78]], 0); renderInteractiveScene.mockClear(); renderStaticScene.mockClear(); @@ -132,10 +129,10 @@ describe("move element", () => { expect(h.state.selectedElementIds[rectB.id]).toBeTruthy(); expect([rectA.x, rectA.y]).toEqual([0, 0]); expect([rectB.x, rectB.y]).toEqual([201, 2]); - expect([[arrow.x, arrow.y]]).toCloselyEqualPoints([[111, 6.1499]], 0); + expect([[arrow.x, arrow.y]]).toCloselyEqualPoints([[111, 51]], 0); expect([[arrow.width, arrow.height]]).toCloselyEqualPoints( [[79, 124.1678]], - 0, + 2, ); h.elements.forEach((element) => expect(element).toMatchSnapshot()); From 3c8e893cab216eb1f748ec1245aeb059a1349639 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Tue, 20 Jan 2026 20:14:28 +0100 Subject: [PATCH 103/176] fix: keep input focus during generation (#10679) --- .../TTDDialog/Chat/ChatInterface.tsx | 19 +++++++++++++++---- packages/excalidraw/locales/en.json | 1 + 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx index b26aa9bc70..312c49ac9c 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/ChatInterface.tsx @@ -90,7 +90,9 @@ export const ChatInterface = ({ const handleKeyDown = (event: React.KeyboardEvent) => { if (event.key === KEYS.ENTER && !event.shiftKey) { event.preventDefault(); - handleSubmit(); + if (!isGenerating) { + handleSubmit(); + } } }; @@ -143,7 +145,14 @@ export const ChatInterface = ({
-
+
Ctrl
Enter
" -`; +exports[`Test > should open mermaid popup when active tool is mermaid 1`] = `""`; exports[`Test > should show error in preview when mermaid library throws error 1`] = ` "flowchart TD diff --git a/yarn.lock b/yarn.lock index 11de59df7d..5259da6288 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1095,6 +1095,45 @@ resolved "https://registry.yarnpkg.com/@chevrotain/utils/-/utils-11.0.3.tgz#e39999307b102cff3645ec4f5b3665f5297a2224" integrity sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ== +"@codemirror/commands@^6.0.0": + version "6.10.2" + resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-6.10.2.tgz#338bf53ab146de7bb26da4a1d32c6a6ff4d36b39" + integrity sha512-vvX1fsih9HledO1c9zdotZYUZnE4xV0m6i3m25s5DIfXofuprk6cRcLUZvSk3CASUbwjQX21tOGbkY2BH8TpnQ== + dependencies: + "@codemirror/language" "^6.0.0" + "@codemirror/state" "^6.4.0" + "@codemirror/view" "^6.27.0" + "@lezer/common" "^1.1.0" + +"@codemirror/language@^6.0.0": + version "6.12.2" + resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-6.12.2.tgz#7db5a46757411cf251e8f450474c05710c27d42c" + integrity sha512-jEPmz2nGGDxhRTg3lTpzmIyGKxz3Gp3SJES4b0nAuE5SWQoKdT5GoQ69cwMmFd+wvFUhYirtDTr0/DRHpQAyWg== + dependencies: + "@codemirror/state" "^6.0.0" + "@codemirror/view" "^6.23.0" + "@lezer/common" "^1.5.0" + "@lezer/highlight" "^1.0.0" + "@lezer/lr" "^1.0.0" + style-mod "^4.0.0" + +"@codemirror/state@^6.0.0", "@codemirror/state@^6.4.0", "@codemirror/state@^6.5.0": + version "6.5.4" + resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.5.4.tgz#f5be4b8c0d2310180d5f15a9f641c21ca69faf19" + integrity sha512-8y7xqG/hpB53l25CIoit9/ngxdfoG+fx+V3SHBrinnhOtLvKHRyAJJuHzkWrR4YXXLX8eXBsejgAAxHUOdW1yw== + dependencies: + "@marijn/find-cluster-break" "^1.0.0" + +"@codemirror/view@^6.0.0", "@codemirror/view@^6.23.0", "@codemirror/view@^6.27.0": + version "6.39.16" + resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.39.16.tgz#e9d876aba20b31df7858abd7c2a845319c70b302" + integrity sha512-m6S22fFpKtOWhq8HuhzsI1WzUP/hB9THbDj0Tl5KX4gbO6Y91hwBl7Yky33NdvB6IffuRFiBxf1R8kJMyXmA4Q== + dependencies: + "@codemirror/state" "^6.5.0" + crelt "^1.0.6" + style-mod "^4.1.0" + w3c-keyname "^2.2.4" + "@esbuild/aix-ppc64@0.19.10": version "0.19.10" resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.10.tgz#fb3922a0183d27446de00cf60d4f7baaadf98d84" @@ -1492,10 +1531,10 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@2.0.0-rfc3": - version "2.0.0-rfc3" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-rfc3.tgz#2aed27280b135086d3d23878e66751819f47c3d4" - integrity sha512-OlKySL2aZwxgvO0wKpjq5fNNWWYwYGQAVMqwG3CJZ/zEf9NotTtX+Rl/WgL6qWvNgDq8/mavOnEstC+42gqnIQ== +"@excalidraw/mermaid-to-excalidraw@2.0.0-rc4": + version "2.0.0-rc4" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-rc4.tgz#9d38568de8e403fefb6a162efa71e024ea1f7e03" + integrity sha512-92efu7VTYF6appGKgbDJAZEM/YXICpYPYOfl+j1E9SVilIFCJEAg7xH2lt/c44WFtffG+rWKrYwf9KUrPYy1Qw== dependencies: "@excalidraw/markdown-to-text" "0.1.2" "@mermaid-js/parser" "^0.6.3" @@ -2045,6 +2084,30 @@ "@jridgewell/resolve-uri" "^3.1.0" "@jridgewell/sourcemap-codec" "^1.4.14" +"@lezer/common@^1.0.0", "@lezer/common@^1.1.0", "@lezer/common@^1.3.0", "@lezer/common@^1.5.0": + version "1.5.1" + resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.5.1.tgz#6e8c114ff5d36a41148e146a253734d3bb8807d3" + integrity sha512-6YRVG9vBkaY7p1IVxL4s44n5nUnaNnGM2/AckNgYOnxTG2kWh1vR8BMxPseWPjRNpb5VtXnMpeYAEAADoRV1Iw== + +"@lezer/highlight@^1.0.0": + version "1.2.3" + resolved "https://registry.yarnpkg.com/@lezer/highlight/-/highlight-1.2.3.tgz#a20f324b71148a2ea9ba6ff42e58bbfaec702857" + integrity sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g== + dependencies: + "@lezer/common" "^1.3.0" + +"@lezer/lr@^1.0.0": + version "1.4.8" + resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.4.8.tgz#333de9bc9346057323ff09beb4cda47ccc38a498" + integrity sha512-bPWa0Pgx69ylNlMlPvBPryqeLYQjyJjqPx+Aupm5zydLIF3NE+6MMLT8Yi23Bd9cif9VS00aUebn+6fDIGBcDA== + dependencies: + "@lezer/common" "^1.0.0" + +"@marijn/find-cluster-break@^1.0.0": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz#775374306116d51c0c500b8c4face0f9a04752d8" + integrity sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g== + "@mermaid-js/parser@^0.6.3": version "0.6.3" resolved "https://registry.yarnpkg.com/@mermaid-js/parser/-/parser-0.6.3.tgz#3ce92dad2c5d696d29e11e21109c66a7886c824e" @@ -4968,6 +5031,11 @@ crc-32@^0.3.0: resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-0.3.0.tgz#6a3d3687f5baec41f7e9b99fe1953a2e5d19775e" integrity sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA== +crelt@^1.0.6: + version "1.0.6" + resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72" + integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g== + cross-env@7.0.3: version "7.0.3" resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf" @@ -9520,6 +9588,11 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== +style-mod@^4.0.0, style-mod@^4.1.0: + version "4.1.3" + resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.1.3.tgz#6e9012255bb799bdac37e288f7671b5d71bf9f73" + integrity sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ== + styled-jsx@5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f" @@ -10269,6 +10342,11 @@ vscode-uri@~3.0.8: resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.8.tgz#1770938d3e72588659a172d0fd4642780083ff9f" integrity sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw== +w3c-keyname@^2.2.4: + version "2.2.8" + resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.8.tgz#7b17c8c6883d4e8b86ac8aba79d39e880f8869c5" + integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ== + w3c-xmlserializer@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073" From 499e9d64a58b5641eb1d41678d922ea3010800ce Mon Sep 17 00:00:00 2001 From: Hendrik Horstmann <65970327+heinrich26@users.noreply.github.com> Date: Fri, 6 Mar 2026 09:41:49 +0100 Subject: [PATCH 149/176] fix: dropdownMenu item badge position (#10895) --- packages/excalidraw/components/MobileToolBar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/excalidraw/components/MobileToolBar.tsx b/packages/excalidraw/components/MobileToolBar.tsx index e439061217..7b541bb311 100644 --- a/packages/excalidraw/components/MobileToolBar.tsx +++ b/packages/excalidraw/components/MobileToolBar.tsx @@ -472,9 +472,9 @@ export const MobileToolBar = ({ onSelect={() => app.onMagicframeToolSelect()} icon={MagicIcon} data-testid="toolbar-magicframe" + badge={AI} > {t("toolBar.magicframe")} - AI )} From a0e93b60402f543ffb5c845dafd29d95d2f0ffc6 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 6 Mar 2026 18:37:28 +0100 Subject: [PATCH 150/176] feat(editor): sync export theme with ui theme (#10903) --- packages/excalidraw/actions/actionExport.tsx | 3 +- packages/excalidraw/components/App.tsx | 9 +++ .../components/ImageExportDialog.tsx | 63 ++++++++++++------- .../__snapshots__/excalidraw.test.tsx.snap | 4 +- packages/excalidraw/tests/excalidraw.test.tsx | 51 ++++++++++++++- packages/excalidraw/types.ts | 1 + 6 files changed, 106 insertions(+), 25 deletions(-) diff --git a/packages/excalidraw/actions/actionExport.tsx b/packages/excalidraw/actions/actionExport.tsx index e47a5bb84c..453a0be1f7 100644 --- a/packages/excalidraw/actions/actionExport.tsx +++ b/packages/excalidraw/actions/actionExport.tsx @@ -300,7 +300,8 @@ export const actionExportWithDarkMode = register< name: "exportWithDarkMode", label: "imageExportDialog.label.darkMode", trackEvent: { category: "export", action: "toggleTheme" }, - perform: (_elements, appState, value) => { + perform: (_elements, appState, value, app) => { + app.sessionExportThemeOverride = value ? THEME.DARK : THEME.LIGHT; return { appState: { ...appState, exportWithDarkMode: value }, captureUpdate: CaptureUpdateAction.EVENTUALLY, diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 0b361e0e70..75b850f8c2 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -595,6 +595,7 @@ const gesture: Gesture = { class App extends React.Component { canvas: AppClassProperties["canvas"]; interactiveCanvas: AppClassProperties["interactiveCanvas"] = null; + public sessionExportThemeOverride: AppState["theme"] | undefined; rc: RoughCanvas; unmounted: boolean = false; actionManager: ActionManager; @@ -710,6 +711,7 @@ class App extends React.Component { this.state = { ...defaultAppState, theme, + exportWithDarkMode: theme === THEME.DARK, isLoading: true, ...this.getCanvasOffsets(), viewModeEnabled, @@ -3241,6 +3243,13 @@ class App extends React.Component { const elements = this.scene.getElementsIncludingDeleted(); const elementsMap = this.scene.getElementsMapIncludingDeleted(); + const shouldExportWithDarkMode = + (this.sessionExportThemeOverride ?? this.state.theme) === THEME.DARK; + + if (this.state.exportWithDarkMode !== shouldExportWithDarkMode) { + this.setState({ exportWithDarkMode: shouldExportWithDarkMode }); + } + if (!this.state.showWelcomeScreen && !elements.length) { this.setState({ showWelcomeScreen: true }); } diff --git a/packages/excalidraw/components/ImageExportDialog.tsx b/packages/excalidraw/components/ImageExportDialog.tsx index 18831fa08e..48afbaa966 100644 --- a/packages/excalidraw/components/ImageExportDialog.tsx +++ b/packages/excalidraw/components/ImageExportDialog.tsx @@ -59,6 +59,7 @@ type ImageExportModalProps = { actionManager: ActionManager; onExportImage: AppClassProperties["onExportImage"]; name: string; + exportWithDarkMode: boolean; }; const ImageExportModal = ({ @@ -68,6 +69,7 @@ const ImageExportModal = ({ actionManager, onExportImage, name, + exportWithDarkMode, }: ImageExportModalProps) => { const hasSelection = isSomeElementSelected( elementsSnapshot, @@ -79,15 +81,13 @@ const ImageExportModal = ({ const [exportWithBackground, setExportWithBackground] = useState( appStateSnapshot.exportBackground, ); - const [exportDarkMode, setExportDarkMode] = useState( - appStateSnapshot.exportWithDarkMode, - ); const [embedScene, setEmbedScene] = useState( appStateSnapshot.exportEmbedScene, ); const [exportScale, setExportScale] = useState(appStateSnapshot.exportScale); const previewRef = useRef(null); + const previewRenderRequestIdRef = useRef(0); const [renderError, setRenderError] = useState(null); const { onCopy, copyStatus, resetCopyStatus } = useCopyStatus(); @@ -99,7 +99,7 @@ const ImageExportModal = ({ }, [ projectName, exportWithBackground, - exportDarkMode, + exportWithDarkMode, exportScale, embedScene, resetCopyStatus, @@ -122,13 +122,18 @@ const ImageExportModal = ({ return; } + const requestId = ++previewRenderRequestIdRef.current; + const isStaleRequest = () => { + return requestId !== previewRenderRequestIdRef.current; + }; + exportToCanvas({ elements: exportedElements, appState: { ...appStateSnapshot, name: projectName, exportBackground: exportWithBackground, - exportWithDarkMode: exportDarkMode, + exportWithDarkMode, exportScale, exportEmbedScene: embedScene, }, @@ -137,25 +142,41 @@ const ImageExportModal = ({ maxWidthOrHeight: Math.max(maxWidth, maxHeight), exportingFrame, }) - .then((canvas) => { + .then(async (canvas) => { + if (isStaleRequest()) { + return; + } + + // If converting to blob fails, there's some problem that will likely + // prevent preview and export (e.g. canvas too big). + try { + await canvasToBlob(canvas); + } catch (error: any) { + if (error.name === "CANVAS_POSSIBLY_TOO_BIG") { + throw new Error(t("canvasError.canvasTooBig")); + } + throw error; + } + + if (isStaleRequest()) { + return; + } + setRenderError(null); - // if converting to blob fails, there's some problem that will - // likely prevent preview and export (e.g. canvas too big) - return canvasToBlob(canvas) - .then(() => { - previewNode.replaceChildren(canvas); - }) - .catch((e) => { - if (e.name === "CANVAS_POSSIBLY_TOO_BIG") { - throw new Error(t("canvasError.canvasTooBig")); - } - throw e; - }); + previewNode.replaceChildren(canvas); }) .catch((error) => { + if (isStaleRequest()) { + return; + } + console.error(error); setRenderError(error); }); + + return () => { + previewRenderRequestIdRef.current += 1; + }; }, [ appStateSnapshot, files, @@ -163,7 +184,7 @@ const ImageExportModal = ({ exportingFrame, projectName, exportWithBackground, - exportDarkMode, + exportWithDarkMode, exportScale, embedScene, ]); @@ -233,9 +254,8 @@ const ImageExportModal = ({ > { - setExportDarkMode(checked); actionManager.executeAction( actionExportWithDarkMode, "ui", @@ -399,6 +419,7 @@ export const ImageExportDialog = ({ actionManager={actionManager} onExportImage={onExportImage} name={name} + exportWithDarkMode={appState.exportWithDarkMode} /> ); diff --git a/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap index ef0fb47e64..2ed8bc1c53 100644 --- a/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/excalidraw.test.tsx.snap @@ -2,7 +2,7 @@ exports[` > > should render main menu with host menu items if passed from host 1`] = `
> > should render main menu with host menu it data-state="open" data-testid="dropdown-menu" dir="ltr" - id="radix-:r7u:" + id="radix-:r86:" role="menu" style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); animation: none;" tabindex="-1" diff --git a/packages/excalidraw/tests/excalidraw.test.tsx b/packages/excalidraw/tests/excalidraw.test.tsx index 34135c618d..8c365dc0d3 100644 --- a/packages/excalidraw/tests/excalidraw.test.tsx +++ b/packages/excalidraw/tests/excalidraw.test.tsx @@ -6,8 +6,16 @@ import { THEME } from "@excalidraw/common"; import { t } from "../i18n"; import { Excalidraw, Footer, MainMenu } from "../index"; +import { actionExportWithDarkMode } from "../actions/actionExport"; -import { fireEvent, GlobalTestState, toggleMenu, render } from "./test-utils"; +import { + act, + fireEvent, + GlobalTestState, + toggleMenu, + render, + waitFor, +} from "./test-utils"; const { h } = window; @@ -304,6 +312,47 @@ describe("", () => { const darkModeToggle = queryByTestId(container, "toggle-dark-mode"); expect(darkModeToggle).toBe(null); }); + + it("should sync export theme with the UI theme when there is no session override", async () => { + await render(); + + expect(h.state.exportWithDarkMode).toBe(true); + + act(() => { + h.setState({ exportWithDarkMode: false }); + }); + + await waitFor(() => { + expect(h.state.exportWithDarkMode).toBe(true); + }); + }); + + it("should keep the export theme override for the current session", async () => { + await render(); + + act(() => { + (h.app as any).actionManager.executeAction( + actionExportWithDarkMode, + "ui", + true, + ); + }); + + expect(h.app.sessionExportThemeOverride).toBe(THEME.DARK); + expect(h.state.exportWithDarkMode).toBe(true); + + act(() => { + h.setState({ theme: THEME.DARK }); + }); + + act(() => { + h.setState({ theme: THEME.LIGHT }); + }); + + await waitFor(() => { + expect(h.state.exportWithDarkMode).toBe(true); + }); + }); }); describe("Test name prop", () => { diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index ac185ab563..0b654386bf 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -719,6 +719,7 @@ export type AppProps = Merge< export type AppClassProperties = { props: AppProps; state: AppState; + sessionExportThemeOverride: App["sessionExportThemeOverride"]; interactiveCanvas: HTMLCanvasElement | null; /** static canvas */ canvas: HTMLCanvasElement; From 757dfeb6ad64c2c58db8ce356a54e3f440e433c4 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 6 Mar 2026 20:40:36 +0100 Subject: [PATCH 151/176] fix(editor): call throttleRAF with lastArgs and remove trailing (#10905) Co-authored-by: Varun Chawla Co-authored-by: aziamimoh Co-authored-by: pgzcoa Co-authored-by: TinaZhang24 --- excalidraw-app/components/DebugCanvas.tsx | 1 - packages/common/src/utils.ts | 29 +++++++------------ .../renderer/renderNewElementScene.ts | 1 - packages/excalidraw/renderer/staticScene.ts | 1 - 4 files changed, 11 insertions(+), 21 deletions(-) diff --git a/excalidraw-app/components/DebugCanvas.tsx b/excalidraw-app/components/DebugCanvas.tsx index 2c157e34e7..d9279296f7 100644 --- a/excalidraw-app/components/DebugCanvas.tsx +++ b/excalidraw-app/components/DebugCanvas.tsx @@ -414,7 +414,6 @@ export const debugRenderer = throttleRAF( ) => { _debugRenderer(canvas, appState, elements, scale); }, - { trailing: true }, ); export const loadSavedDebugState = () => { diff --git a/packages/common/src/utils.ts b/packages/common/src/utils.ts index 6d3858a00d..26c75dcfa2 100644 --- a/packages/common/src/utils.ts +++ b/packages/common/src/utils.ts @@ -151,24 +151,19 @@ export const debounce = ( return ret; }; -// throttle callback to execute once per animation frame -export const throttleRAF = ( - fn: (...args: T) => void, - opts?: { trailing?: boolean }, -) => { +// throttle callback to execute once per animation frame using the latest args +export const throttleRAF = (fn: (...args: T) => void) => { let timerId: number | null = null; let lastArgs: T | null = null; - let lastArgsTrailing: T | null = null; - const scheduleFunc = (args: T) => { + const scheduleFunc = () => { timerId = window.requestAnimationFrame(() => { timerId = null; - fn(...args); + const args = lastArgs; lastArgs = null; - if (lastArgsTrailing) { - lastArgs = lastArgsTrailing; - lastArgsTrailing = null; - scheduleFunc(lastArgs); + + if (args) { + fn(...args); } }); }; @@ -180,9 +175,7 @@ export const throttleRAF = ( } lastArgs = args; if (timerId === null) { - scheduleFunc(lastArgs); - } else if (opts?.trailing) { - lastArgsTrailing = args; + scheduleFunc(); } }; ret.flush = () => { @@ -191,12 +184,12 @@ export const throttleRAF = ( timerId = null; } if (lastArgs) { - fn(...(lastArgsTrailing || lastArgs)); - lastArgs = lastArgsTrailing = null; + fn(...lastArgs); + lastArgs = null; } }; ret.cancel = () => { - lastArgs = lastArgsTrailing = null; + lastArgs = null; if (timerId !== null) { cancelAnimationFrame(timerId); timerId = null; diff --git a/packages/excalidraw/renderer/renderNewElementScene.ts b/packages/excalidraw/renderer/renderNewElementScene.ts index 07215dfc07..31aa721329 100644 --- a/packages/excalidraw/renderer/renderNewElementScene.ts +++ b/packages/excalidraw/renderer/renderNewElementScene.ts @@ -88,7 +88,6 @@ export const renderNewElementSceneThrottled = throttleRAF( (config: NewElementSceneRenderConfig) => { _renderNewElementScene(config); }, - { trailing: true }, ); export const renderNewElementScene = ( diff --git a/packages/excalidraw/renderer/staticScene.ts b/packages/excalidraw/renderer/staticScene.ts index 83e45a1227..48c72f8d37 100644 --- a/packages/excalidraw/renderer/staticScene.ts +++ b/packages/excalidraw/renderer/staticScene.ts @@ -483,7 +483,6 @@ export const renderStaticSceneThrottled = throttleRAF( (config: StaticSceneRenderConfig) => { _renderStaticScene(config); }, - { trailing: true }, ); /** From 3d8c12fba475bad8ebee4c238466c59f08a5458c Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Fri, 6 Mar 2026 20:44:57 +0100 Subject: [PATCH 152/176] fix(editor): do not conditionally disable midpoint snapping menu preference (#10906) --- packages/excalidraw/components/main-menu/DefaultItems.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/excalidraw/components/main-menu/DefaultItems.tsx b/packages/excalidraw/components/main-menu/DefaultItems.tsx index 9793b62e28..8865dfa7ae 100644 --- a/packages/excalidraw/components/main-menu/DefaultItems.tsx +++ b/packages/excalidraw/components/main-menu/DefaultItems.tsx @@ -469,7 +469,6 @@ const PreferencesToggleMidpointSnappingItem = () => { return ( { actionManager.executeAction(actionToggleMidpointSnapping); event.preventDefault(); From fa1f7d9f2258375214b02a442b130185a5a1540c Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sat, 7 Mar 2026 12:05:33 +0100 Subject: [PATCH 153/176] feat(packages/excalidraw): export throttleRAF (#10912) --- packages/common/src/utils.test.ts | 89 ++++++++++++++++++++ packages/common/src/utils.ts | 4 - packages/excalidraw/index.tsx | 1 + packages/excalidraw/tests/clipboard.test.tsx | 5 +- packages/excalidraw/tests/helpers/mocks.ts | 19 +++++ setupTests.ts | 10 +++ 6 files changed, 123 insertions(+), 5 deletions(-) diff --git a/packages/common/src/utils.test.ts b/packages/common/src/utils.test.ts index 25929722f7..677aaf2245 100644 --- a/packages/common/src/utils.test.ts +++ b/packages/common/src/utils.test.ts @@ -3,6 +3,12 @@ import { mapFind, reduceToCommonValue, } from "@excalidraw/common"; +import { vi } from "vitest"; + +// Import directly to avoid the @excalidraw/common throttleRAF mock from setupTests.ts. +import { throttleRAF } from "./utils"; + +type RafCallback = FrameRequestCallback; describe("@excalidraw/common/utils", () => { describe("isTransparent()", () => { @@ -79,4 +85,87 @@ describe("@excalidraw/common/utils", () => { expect(mapFind([1, 2], () => null)).toBe(undefined); }); }); + + describe("throttleRAF()", () => { + let frameCallbacks: Map; + let nextFrameId: number; + + const runScheduledFrame = (timestamp = 16) => { + const callbacks = [...frameCallbacks.values()]; + frameCallbacks.clear(); + callbacks.forEach((callback) => callback(timestamp)); + }; + + beforeEach(() => { + frameCallbacks = new Map(); + nextFrameId = 0; + + vi.spyOn(window, "requestAnimationFrame").mockImplementation( + (callback) => { + const frameId = ++nextFrameId; + frameCallbacks.set(frameId, callback); + return frameId; + }, + ); + + vi.spyOn(window, "cancelAnimationFrame").mockImplementation((frameId) => { + frameCallbacks.delete(frameId); + }); + }); + + afterEach(() => { + vi.restoreAllMocks(); + }); + + it("should invoke the callback with the last args from the same frame", () => { + const fn = vi.fn(); + const throttled = throttleRAF(fn); + + throttled("first", 1); + throttled("second", 2); + throttled("last", 3); + + expect(fn).not.toHaveBeenCalled(); + expect(window.requestAnimationFrame).toHaveBeenCalledTimes(1); + + runScheduledFrame(); + + expect(fn).toHaveBeenCalledTimes(1); + expect(fn).toHaveBeenCalledWith("last", 3); + }); + + it("should flush the pending callback immediately", () => { + const fn = vi.fn(); + const throttled = throttleRAF(fn); + + throttled("first"); + throttled("last"); + + throttled.flush(); + + expect(window.cancelAnimationFrame).toHaveBeenCalledTimes(1); + expect(fn).toHaveBeenCalledTimes(1); + expect(fn).toHaveBeenCalledWith("last"); + + runScheduledFrame(); + + expect(fn).toHaveBeenCalledTimes(1); + }); + + it("should cancel the pending callback", () => { + const fn = vi.fn(); + const throttled = throttleRAF(fn); + + throttled("first"); + throttled("last"); + + throttled.cancel(); + + expect(window.cancelAnimationFrame).toHaveBeenCalledTimes(1); + + runScheduledFrame(); + + expect(fn).not.toHaveBeenCalled(); + }); + }); }); diff --git a/packages/common/src/utils.ts b/packages/common/src/utils.ts index 26c75dcfa2..e979323649 100644 --- a/packages/common/src/utils.ts +++ b/packages/common/src/utils.ts @@ -169,10 +169,6 @@ export const throttleRAF = (fn: (...args: T) => void) => { }; const ret = (...args: T) => { - if (isTestEnv()) { - fn(...args); - return; - } lastArgs = args; if (timerId === null) { scheduleFunc(); diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index ab0054ee35..90ddfb896e 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -267,6 +267,7 @@ export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, getFormFactor, + throttleRAF, } from "@excalidraw/common"; export { diff --git a/packages/excalidraw/tests/clipboard.test.tsx b/packages/excalidraw/tests/clipboard.test.tsx index 7386b360cd..f3fda88d11 100644 --- a/packages/excalidraw/tests/clipboard.test.tsx +++ b/packages/excalidraw/tests/clipboard.test.tsx @@ -28,7 +28,9 @@ const { h } = window; const mouse = new Pointer("mouse"); vi.mock("@excalidraw/common", async (importOriginal) => { - const module: any = await importOriginal(); + const module = await importOriginal(); + const { mockThrottleRAF } = await import("./helpers/mocks"); + return { __esmodule: true, ...module, @@ -37,6 +39,7 @@ vi.mock("@excalidraw/common", async (importOriginal) => { ...module.KEYS, CTRL_OR_CMD: "ctrlKey", }, + throttleRAF: mockThrottleRAF, }; }); diff --git a/packages/excalidraw/tests/helpers/mocks.ts b/packages/excalidraw/tests/helpers/mocks.ts index a2f3e8f3f4..71aa020b0a 100644 --- a/packages/excalidraw/tests/helpers/mocks.ts +++ b/packages/excalidraw/tests/helpers/mocks.ts @@ -3,6 +3,25 @@ import React from "react"; import { vi } from "vitest"; import type { parseMermaidToExcalidraw } from "@excalidraw/mermaid-to-excalidraw"; +import type { throttleRAF as throttleRAFType } from "@excalidraw/common"; + +type ThrottledFn = ((...args: T) => void) & { + flush: () => void; + cancel: () => void; +}; + +export const mockThrottleRAF: typeof throttleRAFType = ( + fn: (...args: T) => void, +) => { + const ret = ((...args: T) => { + fn(...args); + }) as ThrottledFn; + + ret.flush = () => {}; + ret.cancel = () => {}; + + return ret; +}; export const mockMermaidToExcalidraw = (opts: { parseMermaidToExcalidraw: typeof parseMermaidToExcalidraw; diff --git a/setupTests.ts b/setupTests.ts index 245c573267..41bc8e165c 100644 --- a/setupTests.ts +++ b/setupTests.ts @@ -6,9 +6,19 @@ import "@testing-library/jest-dom"; import { vi } from "vitest"; import polyfill from "./packages/excalidraw/polyfill"; +import { mockThrottleRAF } from "./packages/excalidraw/tests/helpers/mocks"; import { yellow } from "./packages/excalidraw/tests/helpers/colorize"; import { testPolyfills } from "./packages/excalidraw/tests/helpers/polyfills"; +vi.mock("@excalidraw/common", async (importOriginal) => { + const module = await importOriginal(); + + return { + ...module, + throttleRAF: mockThrottleRAF, + }; +}); + // mock for pep.js not working with setPointerCapture() HTMLElement.prototype.setPointerCapture = vi.fn(); From 21dd1cfacc6beb5d259fdda5c50582a1d9b29894 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sun, 8 Mar 2026 23:15:18 +0100 Subject: [PATCH 154/176] feat(packages/excalidraw): state tracking, api hook, and others (#10870) --- .eslintrc.json | 23 +- examples/with-script-in-browser/package.json | 10 +- examples/with-script-in-browser/utils.ts | 36 - excalidraw-app/App.tsx | 112 ++- excalidraw-app/collab/Collab.tsx | 2 + excalidraw-app/data/FileManager.ts | 22 + excalidraw-app/data/LocalData.ts | 2 + excalidraw-app/data/fileStatusStore.ts | 48 ++ packages/common/src/appEventBus.test.ts | 74 ++ packages/common/src/appEventBus.ts | 136 ++++ packages/common/src/index.ts | 2 + packages/common/src/versionedSnapshotStore.ts | 70 ++ packages/excalidraw/CHANGELOG.md | 86 +++ .../actions/actionDeleteSelected.tsx | 2 +- .../actions/actionDuplicateSelection.tsx | 2 +- packages/excalidraw/actions/actionExport.tsx | 253 ++++++- packages/excalidraw/actions/actionHistory.tsx | 2 +- packages/excalidraw/clipboard.ts | 6 +- packages/excalidraw/components/App.tsx | 679 ++++++++++-------- .../excalidraw/components/AppStateObserver.ts | 208 ++++++ .../CommandPalette/CommandPalette.tsx | 7 +- .../components/ConvertElementTypePopup.tsx | 10 +- packages/excalidraw/components/LayerUI.tsx | 37 +- .../TTDDialog/Chat/TTDChatPanel.tsx | 2 +- .../TTDDialog/TTDDialogSubmitShortcut.tsx | 2 +- .../excalidraw/components/TTDDialog/common.ts | 15 +- .../TTDDialog/utils/TTDStreamFetch.ts | 7 +- packages/excalidraw/components/Toast.scss | 46 +- packages/excalidraw/components/Toast.tsx | 22 +- .../components/canvases/InteractiveCanvas.tsx | 3 +- packages/excalidraw/css/styles.scss | 20 + packages/excalidraw/data/blob.ts | 19 +- packages/excalidraw/data/filesystem.ts | 48 +- packages/excalidraw/data/index.ts | 4 +- packages/excalidraw/data/json.ts | 45 +- packages/excalidraw/data/resave.ts | 29 +- packages/excalidraw/global.d.ts | 2 +- packages/excalidraw/hooks/useAppStateValue.ts | 110 +++ packages/excalidraw/index.tsx | 96 ++- packages/excalidraw/locales/en.json | 4 + packages/excalidraw/package.json | 4 +- .../excalidraw/tests/packages/events.test.tsx | 83 ++- packages/excalidraw/tests/tool.test.tsx | 2 +- packages/excalidraw/types.ts | 80 ++- packages/utils/package.json | 2 +- yarn.lock | 8 +- 46 files changed, 1900 insertions(+), 582 deletions(-) create mode 100644 excalidraw-app/data/fileStatusStore.ts create mode 100644 packages/common/src/appEventBus.test.ts create mode 100644 packages/common/src/appEventBus.ts create mode 100644 packages/common/src/versionedSnapshotStore.ts create mode 100644 packages/excalidraw/components/AppStateObserver.ts create mode 100644 packages/excalidraw/hooks/useAppStateValue.ts diff --git a/.eslintrc.json b/.eslintrc.json index 89f8227361..708210535c 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -39,5 +39,26 @@ "allowReferrer": true } ] - } + }, + "overrides": [ + { + "files": ["packages/excalidraw/**/*.{ts,tsx}"], + "excludedFiles": ["packages/excalidraw/**/*.test.{ts,tsx}", "packages/excalidraw/**/*.test.*.{ts,tsx}"], + "rules": { + "@typescript-eslint/no-restricted-imports": [ + "error", + { + "patterns": [ + { + "group": ["@excalidraw/excalidraw"], + "message": "Do not import from the barrel 'index.tsx' files. Use direct relative imports to the specific module instead.", + "allowTypeImports": true + } + ], + "paths": [".", "..", "../..", "../../..", "../../../..", "../../../../..", "../index", "../../index", "../../../index", "../../../../index"] + } + ] + } + } + ] } diff --git a/examples/with-script-in-browser/package.json b/examples/with-script-in-browser/package.json index 653c2be40e..512786a659 100644 --- a/examples/with-script-in-browser/package.json +++ b/examples/with-script-in-browser/package.json @@ -3,14 +3,14 @@ "version": "1.0.0", "private": true, "dependencies": { - "react": "19.0.0", - "react-dom": "19.0.0", "@excalidraw/excalidraw": "*", - "browser-fs-access": "0.29.1" + "browser-fs-access": "0.38.0", + "react": "19.0.0", + "react-dom": "19.0.0" }, "devDependencies": { - "vite": "5.0.12", - "typescript": "^5" + "typescript": "^5", + "vite": "5.0.12" }, "scripts": { "start": "vite", diff --git a/examples/with-script-in-browser/utils.ts b/examples/with-script-in-browser/utils.ts index 285e9652d3..35f2c332c3 100644 --- a/examples/with-script-in-browser/utils.ts +++ b/examples/with-script-in-browser/utils.ts @@ -4,8 +4,6 @@ import { unstable_batchedUpdates } from "react-dom"; type FILE_EXTENSION = Exclude; -const INPUT_CHANGE_INTERVAL_MS = 500; - export type ResolvablePromise = Promise & { resolve: [T] extends [undefined] ? (value?: T) => void : (value: T) => void; reject: (error: Error) => void; @@ -54,40 +52,6 @@ export const fileOpen = (opts: { extensions, mimeTypes, multiple: opts.multiple ?? false, - legacySetup: (resolve, reject, input) => { - const scheduleRejection = debounce(reject, INPUT_CHANGE_INTERVAL_MS); - const focusHandler = () => { - checkForFile(); - document.addEventListener("keyup", scheduleRejection); - document.addEventListener("pointerup", scheduleRejection); - scheduleRejection(); - }; - const checkForFile = () => { - // this hack might not work when expecting multiple files - if (input.files?.length) { - const ret = opts.multiple ? [...input.files] : input.files[0]; - resolve(ret as RetType); - } - }; - requestAnimationFrame(() => { - window.addEventListener("focus", focusHandler); - }); - const interval = window.setInterval(() => { - checkForFile(); - }, INPUT_CHANGE_INTERVAL_MS); - return (rejectPromise) => { - clearInterval(interval); - scheduleRejection.cancel(); - window.removeEventListener("focus", focusHandler); - document.removeEventListener("keyup", scheduleRejection); - document.removeEventListener("pointerup", scheduleRejection); - if (rejectPromise) { - // so that something is shown in console if we need to debug this - console.warn("Opening the file was canceled (legacy-fs)."); - rejectPromise(new Error("Request Aborted")); - } - }; - }, }) as Promise; }; diff --git a/excalidraw-app/App.tsx b/excalidraw-app/App.tsx index 2e71cc6788..011379a4c1 100644 --- a/excalidraw-app/App.tsx +++ b/excalidraw-app/App.tsx @@ -5,6 +5,8 @@ import { CaptureUpdateAction, reconcileElements, useEditorInterface, + ExcalidrawAPIProvider, + useExcalidrawAPI, } from "@excalidraw/excalidraw"; import { trackEvent } from "@excalidraw/excalidraw/analytics"; import { getDefaultAppState } from "@excalidraw/excalidraw/appState"; @@ -34,7 +36,6 @@ import { import polyfill from "@excalidraw/excalidraw/polyfill"; import { useCallback, useEffect, useRef, useState } from "react"; import { loadFromBlob } from "@excalidraw/excalidraw/data/blob"; -import { useCallbackRefState } from "@excalidraw/excalidraw/hooks/useCallbackRefState"; import { t } from "@excalidraw/excalidraw/i18n"; import { @@ -74,6 +75,7 @@ import type { BinaryFiles, ExcalidrawInitialDataState, UIAppState, + ExcalidrawProps, } from "@excalidraw/excalidraw/types"; import type { ResolutionType } from "@excalidraw/common/utility-types"; import type { ResolvablePromise } from "@excalidraw/common/utils"; @@ -114,6 +116,7 @@ import { } from "./data"; import { updateStaleImageStatuses } from "./data/FileManager"; +import { FileStatusStore } from "./data/fileStatusStore"; import { importFromLocalStorage, importUsernameFromLocalStorage, @@ -369,6 +372,8 @@ const initializeScene = async (opts: { }; const ExcalidrawWrapper = () => { + const excalidrawAPI = useExcalidrawAPI(); + const [errorMessage, setErrorMessage] = useState(""); const isCollabDisabled = isRunningInIframe(); @@ -399,9 +404,6 @@ const ExcalidrawWrapper = () => { }, VERSION_TIMEOUT); }, []); - const [excalidrawAPI, excalidrawRefCallback] = - useCallbackRefState(); - const [, setShareDialogState] = useAtom(shareDialogStateAtom); const [collabAPI] = useAtom(collabAPIAtom); const [isCollaborating] = useAtomWithInitialValue(isCollaboratingAtom, () => { @@ -433,18 +435,15 @@ const ExcalidrawWrapper = () => { } }, [excalidrawAPI]); - useEffect(() => { - if (!excalidrawAPI || (!isCollabDisabled && !collabAPI)) { - return; - } - - const loadImages = ( - data: ResolutionType, - isInitialLoad = false, - ) => { - if (!data.scene) { + // --------------------------------------------------------------------------- + // Hoisted loadImages + // --------------------------------------------------------------------------- + const loadImages = useCallback( + (data: ResolutionType, isInitialLoad = false) => { + if (!data.scene || !excalidrawAPI) { return; } + if (collabAPI?.isCollaborating()) { if (data.scene.elements) { collabAPI @@ -471,6 +470,12 @@ const ExcalidrawWrapper = () => { }, [] as FileId[]) || []; if (data.isExternalScene) { + if (fileIds.length) { + // Direct Firebase call (not through FileManager), so track manually + FileStatusStore.updateStatuses( + fileIds.map((id) => [id, "loading"]), + ); + } loadFilesFromFirebase( `${FIREBASE_STORAGE_PREFIXES.shareLinkFiles}/${data.id}`, data.key, @@ -482,12 +487,18 @@ const ExcalidrawWrapper = () => { erroredFiles, elements: excalidrawAPI.getSceneElementsIncludingDeleted(), }); + FileStatusStore.updateStatuses([ + ...loadedFiles.map((f) => [f.id, "loaded"] as [FileId, "loaded"]), + ...[...erroredFiles.keys()].map( + (id) => [id, "error"] as [FileId, "error"], + ), + ]); }); } else if (isInitialLoad) { if (fileIds.length) { LocalData.fileStorage .getFiles(fileIds) - .then(({ loadedFiles, erroredFiles }) => { + .then(async ({ loadedFiles, erroredFiles }) => { if (loadedFiles.length) { excalidrawAPI.addFiles(loadedFiles); } @@ -500,10 +511,19 @@ const ExcalidrawWrapper = () => { } // on fresh load, clear unused files from IDB (from previous // session) - LocalData.fileStorage.clearObsoleteFiles({ currentFileIds: fileIds }); + LocalData.fileStorage.clearObsoleteFiles({ + currentFileIds: fileIds, + }); } } - }; + }, + [collabAPI, excalidrawAPI], + ); + + useEffect(() => { + if (!excalidrawAPI || (!isCollabDisabled && !collabAPI)) { + return; + } initializeScene({ collabAPI, excalidrawAPI }).then(async (data) => { loadImages(data, /* isInitialLoad */ true); @@ -628,7 +648,7 @@ const ExcalidrawWrapper = () => { false, ); }; - }, [isCollabDisabled, collabAPI, excalidrawAPI, setLangCode]); + }, [isCollabDisabled, collabAPI, excalidrawAPI, setLangCode, loadImages]); useEffect(() => { const unloadHandler = (event: BeforeUnloadEvent) => { @@ -773,6 +793,56 @@ const ExcalidrawWrapper = () => { [setShareDialogState], ); + // --------------------------------------------------------------------------- + // onExport — intercepts file save to wait for pending image loads + // --------------------------------------------------------------------------- + const onExport: Required["onExport"] = useCallback( + async function* () { + let snapshot = FileStatusStore.getSnapshot(); + const { pending, total } = FileStatusStore.getPendingCount( + snapshot.value, + ); + if (pending === 0) { + return; + } + + // Yield initial progress + yield { + type: "progress", + progress: (total - pending) / total, + message: `Loading images (${total - pending}/${total})...`, + }; + + // Wait for all pending images to finish + while (true) { + snapshot = await FileStatusStore.pull(snapshot.version); + const { pending: nowPending, total: nowTotal } = + FileStatusStore.getPendingCount(snapshot.value); + + yield { + type: "progress", + progress: (nowTotal - nowPending) / nowTotal, + message: `Loading images (${nowTotal - nowPending}/${nowTotal})...`, + }; + + if (nowPending === 0) { + await new Promise((r) => setTimeout(r, 500)); + yield { + type: "progress", + message: `Preparing export...`, + }; + return; + } + } + }, + [], + ); + + // const onExport = () => { + // return new Promise((r) => setTimeout(r, 2500)); + // // console.log("onExport"); + // }; + // browsers generally prevent infinite self-embedding, there are // cases where it still happens, and while we disallow self-embedding // by not whitelisting our own origin, this serves as an additional guard @@ -839,8 +909,8 @@ const ExcalidrawWrapper = () => { })} > { return ( - + + + ); diff --git a/excalidraw-app/collab/Collab.tsx b/excalidraw-app/collab/Collab.tsx index 6eef30d7f1..622f92fb5e 100644 --- a/excalidraw-app/collab/Collab.tsx +++ b/excalidraw-app/collab/Collab.tsx @@ -72,6 +72,7 @@ import { FileManager, updateStaleImageStatuses, } from "../data/FileManager"; +import { FileStatusStore } from "../data/fileStatusStore"; import { LocalData } from "../data/LocalData"; import { isSavedToFirebase, @@ -149,6 +150,7 @@ class Collab extends PureComponent { }; this.portal = new Portal(this); this.fileManager = new FileManager({ + onFileStatusChange: FileStatusStore.updateStatuses.bind(FileStatusStore), getFiles: async (fileIds) => { const { roomId, roomKey } = this.portal; if (!roomId || !roomKey) { diff --git a/excalidraw-app/data/FileManager.ts b/excalidraw-app/data/FileManager.ts index 435d813252..849e47bc92 100644 --- a/excalidraw-app/data/FileManager.ts +++ b/excalidraw-app/data/FileManager.ts @@ -40,10 +40,12 @@ export class FileManager { private _getFiles; private _saveFiles; + private _onFileStatusChange; constructor({ getFiles, saveFiles, + onFileStatusChange, }: { getFiles: (fileIds: FileId[]) => Promise<{ loadedFiles: BinaryFileData[]; @@ -53,9 +55,13 @@ export class FileManager { savedFiles: Map; erroredFiles: Map; }>; + onFileStatusChange?: ( + updates: Array<[FileId, "loading" | "loaded" | "error"]>, + ) => void; }) { this._getFiles = getFiles; this._saveFiles = saveFiles; + this._onFileStatusChange = onFileStatusChange; } /** @@ -146,6 +152,8 @@ export class FileManager { this.fetchingFiles.set(id, true); } + this._onFileStatusChange?.(ids.map((id) => [id, "loading"])); + try { const { loadedFiles, erroredFiles } = await this._getFiles(ids); @@ -156,6 +164,13 @@ export class FileManager { this.erroredFiles_fetch.set(fileId, true); } + this._onFileStatusChange?.([ + ...loadedFiles.map((f) => [f.id, "loaded"] as [FileId, "loaded"]), + ...[...erroredFiles.keys()].map( + (id) => [id, "error"] as [FileId, "error"], + ), + ]); + return { loadedFiles, erroredFiles }; } finally { for (const id of ids) { @@ -195,6 +210,13 @@ export class FileManager { }; reset() { + if (this._onFileStatusChange && this.fetchingFiles.size) { + this._onFileStatusChange( + [...this.fetchingFiles.keys()].map( + (id) => [id, "error"] as [FileId, "error"], + ), + ); + } this.fetchingFiles.clear(); this.savingFiles.clear(); this.savedFiles.clear(); diff --git a/excalidraw-app/data/LocalData.ts b/excalidraw-app/data/LocalData.ts index 13cdf09ac4..634fdc4f1c 100644 --- a/excalidraw-app/data/LocalData.ts +++ b/excalidraw-app/data/LocalData.ts @@ -42,6 +42,7 @@ import type { MaybePromise } from "@excalidraw/common/utility-types"; import { SAVE_TO_LOCAL_STORAGE_TIMEOUT, STORAGE_KEYS } from "../app_constants"; import { FileManager } from "./FileManager"; +import { FileStatusStore } from "./fileStatusStore"; import { Locker } from "./Locker"; import { updateBrowserStateVersion } from "./tabSync"; @@ -166,6 +167,7 @@ export class LocalData { // --------------------------------------------------------------------------- static fileStorage = new LocalFileManager({ + onFileStatusChange: FileStatusStore.updateStatuses.bind(FileStatusStore), getFiles(ids) { return getMany(ids, filesStore).then( async (filesData: (BinaryFileData | undefined)[]) => { diff --git a/excalidraw-app/data/fileStatusStore.ts b/excalidraw-app/data/fileStatusStore.ts new file mode 100644 index 0000000000..ff9363ed5d --- /dev/null +++ b/excalidraw-app/data/fileStatusStore.ts @@ -0,0 +1,48 @@ +import { VersionedSnapshotStore } from "@excalidraw/common"; + +import type { FileId } from "@excalidraw/element/types"; + +export type FileLoadingStatus = "loading" | "loaded" | "error"; + +export class FileStatusStore { + private static store = new VersionedSnapshotStore< + Map + >(new Map()); + + static getSnapshot() { + return this.store.getSnapshot(); + } + + static pull(sinceVersion?: number) { + return this.store.pull(sinceVersion); + } + + static updateStatuses(updates: Array<[FileId, FileLoadingStatus]>) { + if (!updates.length) { + return; + } + this.store.update((prev) => { + let changed = false; + const next = new Map(prev); + for (const [id, status] of updates) { + if (next.get(id) !== status) { + next.set(id, status); + changed = true; + } + } + return changed ? next : prev; + }); + } + + static getPendingCount(statuses: Map) { + let pending = 0; + let total = 0; + for (const status of statuses.values()) { + total++; + if (status === "loading") { + pending++; + } + } + return { pending, total }; + } +} diff --git a/packages/common/src/appEventBus.test.ts b/packages/common/src/appEventBus.test.ts new file mode 100644 index 0000000000..9a768c2ff7 --- /dev/null +++ b/packages/common/src/appEventBus.test.ts @@ -0,0 +1,74 @@ +import { AppEventBus } from "./appEventBus"; + +type TestEvents = { + initialize: [api: number]; + pointerUp: [pointerId: string]; + viewState: [zoom: number]; +}; + +const behavior = { + initialize: { cardinality: "once", replay: "last" }, + pointerUp: { cardinality: "many", replay: "none" }, + viewState: { cardinality: "many", replay: "last" }, +} as const; + +const flushMicrotasks = async () => Promise.resolve(); + +describe("AppEventBus", () => { + it("replays once events to late callback and Promise subscribers", async () => { + const bus = new AppEventBus(behavior); + bus.emit("initialize", 42); + + const calls: number[] = []; + bus.on("initialize", (value) => { + calls.push(value); + }); + + expect(calls).toEqual([]); + await flushMicrotasks(); + expect(calls).toEqual([42]); + + await expect(bus.on("initialize")).resolves.toBe(42); + }); + + it("does not replay stream events to late subscribers", async () => { + const bus = new AppEventBus(behavior); + bus.emit("pointerUp", "first"); + + const calls: string[] = []; + bus.on("pointerUp", (pointerId) => { + calls.push(pointerId); + }); + + await flushMicrotasks(); + expect(calls).toEqual([]); + + bus.emit("pointerUp", "second"); + expect(calls).toEqual(["second"]); + }); + + it("replays replay-last stream events and stays subscribed", async () => { + const bus = new AppEventBus(behavior); + bus.emit("viewState", 1); + + const calls: number[] = []; + bus.on("viewState", (zoom) => { + calls.push(zoom); + }); + + await flushMicrotasks(); + expect(calls).toEqual([1]); + + bus.emit("viewState", 2); + expect(calls).toEqual([1, 2]); + }); + + it("throws when emitting a once event twice", () => { + const bus = new AppEventBus(behavior); + bus.emit("initialize", 1); + + expect(() => { + bus.emit("initialize", 2); + }).toThrow('Event "initialize" can only be emitted once'); + }); +}); diff --git a/packages/common/src/appEventBus.ts b/packages/common/src/appEventBus.ts new file mode 100644 index 0000000000..e561419fed --- /dev/null +++ b/packages/common/src/appEventBus.ts @@ -0,0 +1,136 @@ +import type { UnsubscribeCallback } from "@excalidraw/excalidraw/types"; + +import { Emitter } from "./emitter"; +import { isProdEnv } from "./utils"; + +export type AppEventPayloadMap = Record; + +export type AppEventBehavior = { + cardinality: "once" | "many"; + replay: "none" | "last"; +}; + +export type AppEventBehaviorMap = { + [K in keyof Events]: AppEventBehavior; +}; + +type AwaitableAppEventKeys< + Events extends AppEventPayloadMap, + Behavior extends AppEventBehaviorMap, +> = { + [K in keyof Events]: Behavior[K]["cardinality"] extends "once" + ? Behavior[K]["replay"] extends "last" + ? K + : never + : never; +}[keyof Events]; + +type AppEventPromiseValue = Args extends [infer Only] + ? Only + : Args; + +export class AppEventBus< + Events extends AppEventPayloadMap, + Behavior extends AppEventBehaviorMap, +> { + private readonly emitters = new Map>(); + private readonly lastPayload = new Map(); + private readonly emittedOnce = new Set(); + + constructor(private readonly behavior: Behavior) {} + + private getEmitter(name: K): Emitter { + let emitter = this.emitters.get(name); + if (!emitter) { + emitter = new Emitter(); + this.emitters.set(name, emitter); + } + return emitter as Emitter; + } + + private toPromiseValue( + args: Args, + ): AppEventPromiseValue { + return (args.length === 1 ? args[0] : args) as AppEventPromiseValue; + } + + public on( + name: K, + callback: (...args: Events[K]) => void, + ): UnsubscribeCallback; + public on>( + name: K, + ): Promise>; + public on( + name: K, + callback?: (...args: Events[K]) => void, + ): UnsubscribeCallback | Promise> { + const eventBehavior = this.behavior[name]; + const cachedPayload = this.lastPayload.get(name) as Events[K] | undefined; + + if (callback) { + if (eventBehavior.replay === "last" && cachedPayload) { + queueMicrotask(() => callback(...cachedPayload)); + + if (eventBehavior.cardinality === "once") { + return () => {}; + } + } + + return this.getEmitter(name).on(callback); + } + + if ( + eventBehavior.cardinality !== "once" || + eventBehavior.replay !== "last" + ) { + throw new Error(`Event "${String(name)}" requires a callback`); + } + + if (cachedPayload) { + return Promise.resolve(this.toPromiseValue(cachedPayload)); + } + + return new Promise>((resolve) => { + this.getEmitter(name).once((...args: Events[K]) => { + resolve(this.toPromiseValue(args)); + }); + }); + } + + public emit(name: K, ...args: Events[K]) { + const eventBehavior = this.behavior[name]; + + if (!isProdEnv()) { + if (eventBehavior.cardinality === "once") { + if (this.emittedOnce.has(name)) { + throw new Error(`Event "${String(name)}" can only be emitted once`); + } + this.emittedOnce.add(name); + } + } + + if (eventBehavior.replay === "last") { + this.lastPayload.set(name, args); + } + + try { + this.getEmitter(name).trigger(...args); + } finally { + if (eventBehavior.cardinality === "once") { + this.getEmitter(name).clear(); + } + } + } + + public clear() { + this.lastPayload.clear(); + this.emittedOnce.clear(); + + for (const emitter of this.emitters.values()) { + emitter.clear(); + } + + this.emitters.clear(); + } +} diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts index ca5397ddd1..022f7714bb 100644 --- a/packages/common/src/index.ts +++ b/packages/common/src/index.ts @@ -11,5 +11,7 @@ export * from "./random"; export * from "./url"; export * from "./utils"; export * from "./emitter"; +export * from "./appEventBus"; export * from "./editorInterface"; +export * from "./versionedSnapshotStore"; export { Debug } from "../debug"; diff --git a/packages/common/src/versionedSnapshotStore.ts b/packages/common/src/versionedSnapshotStore.ts new file mode 100644 index 0000000000..979f017987 --- /dev/null +++ b/packages/common/src/versionedSnapshotStore.ts @@ -0,0 +1,70 @@ +export type VersionedSnapshot = Readonly<{ + version: number; + value: T; +}>; + +export class VersionedSnapshotStore { + private version = 0; + private value: T; + private readonly waiters = new Set< + (snapshot: VersionedSnapshot) => void + >(); + private readonly subscribers = new Set< + (snapshot: VersionedSnapshot) => void + >(); + + constructor( + initialValue: T, + private readonly isEqual: (prev: T, next: T) => boolean = Object.is, + ) { + this.value = initialValue; + } + + public getSnapshot(): VersionedSnapshot { + return { version: this.version, value: this.value }; + } + + public set(nextValue: T): boolean { + if (this.isEqual(this.value, nextValue)) { + return false; + } + + this.value = nextValue; + this.version += 1; + + const snapshot = this.getSnapshot(); + + for (const subscriber of this.subscribers) { + subscriber(snapshot); + } + for (const waiter of this.waiters) { + waiter(snapshot); + } + this.waiters.clear(); + + return true; + } + + public update(updater: (prev: T) => T): boolean { + return this.set(updater(this.value)); + } + + public subscribe( + subscriber: (snapshot: VersionedSnapshot) => void, + ): () => void { + this.subscribers.add(subscriber); + return () => { + this.subscribers.delete(subscriber); + }; + } + + public pull(sinceVersion = -1): Promise> { + if (this.version !== sinceVersion) { + return Promise.resolve(this.getSnapshot()); + } + + return new Promise((resolve) => { + this.waiters.add(resolve); + }); + } +} diff --git a/packages/excalidraw/CHANGELOG.md b/packages/excalidraw/CHANGELOG.md index e4a98d19e8..5d2fa482db 100644 --- a/packages/excalidraw/CHANGELOG.md +++ b/packages/excalidraw/CHANGELOG.md @@ -11,6 +11,92 @@ The change should be grouped under one of the below section and must contain PR Please add the latest change on the top under the correct section. --> +## Unreleased + +## Excalidraw API + +### Breaking changes + +- Renamed the `excalidrawAPI` prop to `onExcalidrawAPI`. + +### Features + +- Added `onMount` and `onInitialize` props. `onMount` receives `{ excalidrawAPI, container }` once the editor root is mounted, and `onInitialize` fires once the initial scene has loaded. + + ```tsx + { + console.log(container); + excalidrawAPI.scrollToContent(); + }} + onInitialize={(api) => { + api.refresh(); + }} + /> + ``` + +- Same events are also accessible imperatively through `api.onEvent(...)`. + + ```tsx + { + api.onEvent("editor:mount", ({ excalidrawAPI, container }) => { + excalidrawAPI.scrollToContent(); + console.log(container); + }); + + api.onEvent("editor:initialize").then((readyApi) => { + readyApi.scrollToContent(); + }); + }} + /> + ``` + + Note that in future releases, most, if not all, `excalidrawAPI.on*` subscriptions will be removed in favor of `excalidrawAPI.onEvent(name)`. + +- Exported `ExcalidrawAPIProvider`, `useExcalidrawAPI`, and `useAppStateValue` from the package entrypoint. The imperative API also now exposes `onStateChange`. + + ```tsx + + + + ; + + function Logger() { + const api = useExcalidrawAPI(); + + useAppStateValue("viewModeEnabled", (viewModeEnabled) => { + console.log("view mode changed:", viewModeEnabled); + }); + + React.useEffect(() => { + if (api) { + console.log("editor instance id:", api.id); + } + }, [api]); + + return null; + } + ``` + +- Added `onExport` so host apps can delay JSON export until async work completes. The handler receives the export data plus an `AbortSignal`, and may return a `Promise` or an async generator that yields progress updates for the built-in toast UI. + + ```tsx + + ``` + ## Excalidraw Library ## 0.18.0 (2025-03-11) diff --git a/packages/excalidraw/actions/actionDeleteSelected.tsx b/packages/excalidraw/actions/actionDeleteSelected.tsx index 9821abadc8..c25712eb94 100644 --- a/packages/excalidraw/actions/actionDeleteSelected.tsx +++ b/packages/excalidraw/actions/actionDeleteSelected.tsx @@ -30,7 +30,7 @@ import { getSelectedElements, isSomeElementSelected } from "../scene"; import { TrashIcon } from "../components/icons"; import { ToolButton } from "../components/ToolButton"; -import { useStylesPanelMode } from ".."; +import { useStylesPanelMode } from "../components/App"; import { register } from "./register"; diff --git a/packages/excalidraw/actions/actionDuplicateSelection.tsx b/packages/excalidraw/actions/actionDuplicateSelection.tsx index 462803d205..4c22a80ee7 100644 --- a/packages/excalidraw/actions/actionDuplicateSelection.tsx +++ b/packages/excalidraw/actions/actionDuplicateSelection.tsx @@ -27,7 +27,7 @@ import { t } from "../i18n"; import { isSomeElementSelected } from "../scene"; import { getShortcutKey } from "../shortcut"; -import { useStylesPanelMode } from ".."; +import { useStylesPanelMode } from "../components/App"; import { register } from "./register"; diff --git a/packages/excalidraw/actions/actionExport.tsx b/packages/excalidraw/actions/actionExport.tsx index 453a0be1f7..b7ed8974f1 100644 --- a/packages/excalidraw/actions/actionExport.tsx +++ b/packages/excalidraw/actions/actionExport.tsx @@ -9,18 +9,20 @@ import { getNonDeletedElements } from "@excalidraw/element"; import { CaptureUpdateAction } from "@excalidraw/element"; -import type { Theme } from "@excalidraw/element/types"; +import type { ExcalidrawElement, Theme } from "@excalidraw/element/types"; import { useEditorInterface } from "../components/App"; import { CheckboxItem } from "../components/CheckboxItem"; import { DarkModeToggle } from "../components/DarkModeToggle"; import { ProjectName } from "../components/ProjectName"; +import { Toast } from "../components/Toast"; import { ToolButton } from "../components/ToolButton"; import { Tooltip } from "../components/Tooltip"; import { ExportIcon, questionCircle, saveAs } from "../components/icons"; import { loadFromJSON, saveAsJSON } from "../data"; import { isImageFileHandle } from "../data/blob"; import { nativeFileSystemSupported } from "../data/filesystem"; + import { resaveAsImageWithScene } from "../data/resave"; import { t } from "../i18n"; @@ -31,7 +33,15 @@ import "../components/ToolIcon.scss"; import { register } from "./register"; -import type { AppState } from "../types"; +import type { JSONExportData } from "../data/json"; + +import type { + AppClassProperties, + AppState, + BinaryFiles, + ExcalidrawProps, + OnExportProgress, +} from "../types"; export const actionChangeProjectName = register({ name: "changeProjectName", @@ -150,6 +160,143 @@ export const actionChangeExportEmbedScene = register< ), }); +// --------------------------------------------------------------------------- +// onExport interception helpers +// --------------------------------------------------------------------------- + +let onExportInProgress = false; + +const onProgressToast = ( + app: AppClassProperties, + progress: { + message?: OnExportProgress["message"]; + progress?: number | null; + }, +) => { + const message = progress.message ?? t("progressDialog.defaultMessage"); + app.setAppState({ + toast: { + message: + progress.progress != null ? ( + <> + {message} + + + ) : ( + message + ), + duration: Infinity, + }, + }); +}; + +/** awaits host app's onExport result, and renders progress to the UI */ +async function handleOnExportResult( + onExportResult: ReturnType>, + opts: { + signal: AbortSignal; + app: AppClassProperties; + }, +): Promise { + if (opts.app.state.isLoading) { + onProgressToast(opts.app, { progress: null }); + await opts.app.onStateChange({ predicate: (state) => !state.isLoading }); + } + + if ( + onExportResult != null && + typeof onExportResult === "object" && + Symbol.asyncIterator in onExportResult + ) { + for await (const value of onExportResult) { + if (opts.signal.aborted) { + onExportResult.return(); + return; + } + if (value.type === "progress") { + onProgressToast(opts.app, { + message: value.message, + progress: value.progress ?? null, + }); + } else if (value.type === "done") { + return; + } + } + + // Generator completed without explicit "done" message + return; + } + + if (onExportResult instanceof Promise) { + onProgressToast(opts.app, { progress: null }); + await onExportResult; + } +} + +function prepareDataForJSONExport( + elements: readonly ExcalidrawElement[], + appState: AppState, + files: BinaryFiles, + app: AppClassProperties, +): { abortController: AbortController; data: Promise } { + const abortController = new AbortController(); + const signal = abortController.signal; + + const dataPromise = new Promise(async (resolve) => { + try { + if (app.props.onExport) { + await handleOnExportResult( + app.props.onExport( + "json", + { + elements, + appState, + files, + }, + { + signal, + }, + ), + { + app, + signal, + }, + ); + } + } catch (error: any) { + if (error?.name === "AbortError") { + // if abort error, assume it's a reaction on the signal being aborted + console.warn( + `onExport() aborted by host app (signal aborted: ${signal.aborted})`, + ); + } else { + // non-abort error + // + console.error("Error during props.onExport() handling", error); + } + + // either way, we currently don't allow host apps to cancel save actions + // so we resolve to orig data + } + + resolve({ + elements, + appState, + // return latest files in case they finished loading during onExport + files: app.files, + }); + }); + + return { + abortController, + data: dataPromise, + }; +} + +// --------------------------------------------------------------------------- +// Save actions +// --------------------------------------------------------------------------- + export const actionSaveToActiveFile = register({ name: "saveToActiveFile", label: "buttons.save", @@ -163,42 +310,62 @@ export const actionSaveToActiveFile = register({ ); }, perform: async (elements, appState, value, app) => { - const fileHandleExists = !!appState.fileHandle; + if (onExportInProgress) { + return false; + } + onExportInProgress = true; + + const previousFileHandle = appState.fileHandle; + const filename = app.getName(); + + const { abortController, data: exportedDataPromise } = + prepareDataForJSONExport(elements, appState, app.files, app); try { - const { fileHandle } = isImageFileHandle(appState.fileHandle) + const { fileHandle } = isImageFileHandle(previousFileHandle) ? await resaveAsImageWithScene( - elements, - appState, - app.files, - app.getName(), + exportedDataPromise, + previousFileHandle, + filename, ) - : await saveAsJSON(elements, appState, app.files, app.getName()); + : await saveAsJSON({ + data: exportedDataPromise, + filename, + fileHandle: previousFileHandle, + }); return { - captureUpdate: CaptureUpdateAction.EVENTUALLY, + captureUpdate: CaptureUpdateAction.NEVER, appState: { - ...appState, fileHandle, - toast: fileHandleExists - ? { - message: fileHandle?.name - ? t("toast.fileSavedToFilename").replace( - "{filename}", - `"${fileHandle.name}"`, - ) - : t("toast.fileSaved"), - } - : null, + toast: { + message: + previousFileHandle && fileHandle?.name + ? t("toast.fileSavedToFilename").replace( + "{filename}", + `"${fileHandle.name}"`, + ) + : t("toast.fileSaved"), + duration: 1500, + }, }, }; } catch (error: any) { + abortController.abort(); + if (error?.name !== "AbortError") { console.error(error); } else { console.warn(error); } - return { captureUpdate: CaptureUpdateAction.EVENTUALLY }; + return { + captureUpdate: CaptureUpdateAction.NEVER, + appState: { + toast: null, + }, + }; + } finally { + onExportInProgress = false; } }, keyTest: (event) => @@ -212,36 +379,50 @@ export const actionSaveFileToDisk = register({ viewMode: true, trackEvent: { category: "export" }, perform: async (elements, appState, value, app) => { + if (onExportInProgress) { + return false; + } + onExportInProgress = true; + + const { abortController, data: exportedDataPromise } = + prepareDataForJSONExport(elements, appState, app.files, app); + try { - const { fileHandle } = await saveAsJSON( - elements, - { - ...appState, - fileHandle: null, - }, - app.files, - app.getName(), - ); + const { fileHandle: savedFileHandle } = await saveAsJSON({ + data: exportedDataPromise, + filename: app.getName(), + fileHandle: null, + }); + return { - captureUpdate: CaptureUpdateAction.EVENTUALLY, + captureUpdate: CaptureUpdateAction.NEVER, appState: { - ...appState, openDialog: null, - fileHandle, + fileHandle: savedFileHandle, toast: { message: t("toast.fileSaved") }, }, }; } catch (error: any) { + abortController.abort(); if (error?.name !== "AbortError") { console.error(error); } else { console.warn(error); } - return { captureUpdate: CaptureUpdateAction.EVENTUALLY }; + return { + captureUpdate: CaptureUpdateAction.NEVER, + appState: { + toast: null, + }, + }; + } finally { + onExportInProgress = false; } }, keyTest: (event) => - event.key === KEYS.S && event.shiftKey && event[KEYS.CTRL_OR_CMD], + event.key.toLowerCase() === KEYS.S && + event.shiftKey && + event[KEYS.CTRL_OR_CMD], PanelComponent: ({ updateData }) => ( ; kind: "file"; file: File; - fileHandle: FileSystemHandle | null; + fileHandle: FileSystemFileHandle | null; } | { type: ValueOf; kind: "string"; value: string }; @@ -378,7 +376,7 @@ type ParsedDataTransferItem = type: string; kind: "file"; file: File; - fileHandle: FileSystemHandle | null; + fileHandle: FileSystemFileHandle | null; } | { type: string; kind: "string"; value: string }; diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 75b850f8c2..09f059d2ab 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -88,6 +88,7 @@ import { isShallowEqual, arrayToMap, applyDarkModeFilter, + AppEventBus, type EXPORT_IMAGE_TYPES, randomInteger, CLASSES, @@ -448,7 +449,7 @@ import { StaticCanvas, InteractiveCanvas } from "./canvases"; import NewElementCanvas from "./canvases/NewElementCanvas"; import { isPointHittingLink } from "./hyperlink/helpers"; import { MagicIcon, copyIcon, fullscreenIcon } from "./icons"; -import { Toast } from "./Toast"; +import { AppStateObserver, type OnStateChange } from "./AppStateObserver"; import { findShapeByKey } from "./shapes"; @@ -464,7 +465,6 @@ import type { import type { ClipboardData, PastedMixedContent } from "../clipboard"; import type { ExportedElements } from "../data"; import type { ContextMenuItems } from "./ContextMenu"; -import type { FileSystemHandle } from "../data/filesystem"; import type { AppClassProperties, @@ -488,6 +488,7 @@ import type { UnsubscribeCallback, EmbedsValidationStatus, ElementsPendingErasure, + ExcalidrawImperativeAPIEventMap, GenerateDiagramToCode, NullableGridSize, Offsets, @@ -513,6 +514,11 @@ const EditorInterfaceContext = React.createContext( ); EditorInterfaceContext.displayName = "EditorInterfaceContext"; +const editorLifecycleEventBehavior = { + "editor:mount": { cardinality: "once", replay: "last" }, + "editor:initialize": { cardinality: "once", replay: "last" }, +} as const; + export const ExcalidrawContainerContext = React.createContext<{ container: HTMLDivElement | null; id: string | null; @@ -545,6 +551,15 @@ const ExcalidrawActionManagerContext = React.createContext( ); ExcalidrawActionManagerContext.displayName = "ExcalidrawActionManagerContext"; +export const ExcalidrawAPIContext = + React.createContext(null); +ExcalidrawAPIContext.displayName = "ExcalidrawAPIContext"; + +export const ExcalidrawAPISetContext = React.createContext< + ((api: ExcalidrawImperativeAPI) => void) | null +>(null); +ExcalidrawAPISetContext.displayName = "ExcalidrawAPISetContext"; + export const useApp = () => useContext(AppContext); export const useAppProps = () => useContext(AppPropsContext); export const useEditorInterface = () => @@ -561,6 +576,10 @@ export const useExcalidrawSetAppState = () => useContext(ExcalidrawSetAppStateContext); export const useExcalidrawActionManager = () => useContext(ExcalidrawActionManagerContext); +/** + * Requires wrapping your component in + */ +export const useExcalidrawAPI = () => useContext(ExcalidrawAPIContext); let didTapTwice: boolean = false; let tappedTwiceTimer = 0; @@ -635,12 +654,26 @@ class App extends React.Component { * insert to DOM before user initially scrolls to them) */ private initializedEmbeds = new Set(); - private handleToastClose = () => { - this.setToast(null); - }; - private elementsPendingErasure: ElementsPendingErasure = new Set(); + private _initialized = false; + + private readonly editorLifecycleEvents = new AppEventBus< + ExcalidrawImperativeAPIEventMap, + typeof editorLifecycleEventBehavior + >(editorLifecycleEventBehavior); + + public onEvent = this.editorLifecycleEvents.on.bind( + this.editorLifecycleEvents, + ) as AppEventBus< + ExcalidrawImperativeAPIEventMap, + typeof editorLifecycleEventBehavior + >["on"]; + + private appStateObserver = new AppStateObserver(() => this.state); + + public onStateChange: OnStateChange = this.appStateObserver.onStateChange; + public flowChartCreator: FlowChartCreator = new FlowChartCreator(); private flowChartNavigator: FlowChartNavigator = new FlowChartNavigator(); @@ -696,11 +729,12 @@ class App extends React.Component { >(); onRemoveEventListenersEmitter = new Emitter<[]>(); + api: ExcalidrawImperativeAPI; + constructor(props: AppProps) { super(props); const defaultAppState = getDefaultAppState(); const { - excalidrawAPI, viewModeEnabled = false, zenModeEnabled = false, gridModeEnabled = false, @@ -708,6 +742,7 @@ class App extends React.Component { theme = defaultAppState.theme, name = `${t("labels.untitled")}-${getDateTime()}`, } = props; + this.state = { ...defaultAppState, theme, @@ -744,51 +779,6 @@ class App extends React.Component { this.store = new Store(this); this.history = new History(this.store); - if (excalidrawAPI) { - const api: ExcalidrawImperativeAPI = { - updateScene: this.updateScene, - applyDeltas: this.applyDeltas, - mutateElement: this.mutateElement, - updateLibrary: this.library.updateLibrary, - addFiles: this.addFiles, - resetScene: this.resetScene, - getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted, - getSceneElementsMapIncludingDeleted: - this.getSceneElementsMapIncludingDeleted, - history: { - clear: this.resetHistory, - }, - scrollToContent: this.scrollToContent, - getSceneElements: this.getSceneElements, - getAppState: () => this.state, - getFiles: () => this.files, - getName: this.getName, - registerAction: (action: Action) => { - this.actionManager.registerAction(action); - }, - refresh: this.refresh, - setToast: this.setToast, - id: this.id, - setActiveTool: this.setActiveTool, - setCursor: this.setCursor, - resetCursor: this.resetCursor, - getEditorInterface: () => this.editorInterface, - updateFrameRendering: this.updateFrameRendering, - toggleSidebar: this.toggleSidebar, - onChange: (cb) => this.onChangeEmitter.on(cb), - onIncrement: (cb) => this.store.onStoreIncrementEmitter.on(cb), - onPointerDown: (cb) => this.onPointerDownEmitter.on(cb), - onPointerUp: (cb) => this.onPointerUpEmitter.on(cb), - onScrollChange: (cb) => this.onScrollChangeEmitter.on(cb), - onUserFollow: (cb) => this.onUserFollowEmitter.on(cb), - } as const; - if (typeof excalidrawAPI === "function") { - excalidrawAPI(api); - } else { - console.error("excalidrawAPI should be a function!"); - } - } - this.excalidrawContainerValue = { container: this.excalidrawContainerRef.current, id: this.id, @@ -800,6 +790,48 @@ class App extends React.Component { this.actionManager.registerAll(actions); this.actionManager.registerAction(createUndoAction(this.history)); this.actionManager.registerAction(createRedoAction(this.history)); + + this.api = { + updateScene: this.updateScene, + applyDeltas: this.applyDeltas, + mutateElement: this.mutateElement, + updateLibrary: this.library.updateLibrary, + addFiles: this.addFiles, + resetScene: this.resetScene, + getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted, + getSceneElementsMapIncludingDeleted: + this.getSceneElementsMapIncludingDeleted, + history: { + clear: this.resetHistory, + }, + scrollToContent: this.scrollToContent, + getSceneElements: this.getSceneElements, + getAppState: () => this.state, + getFiles: () => this.files, + getName: this.getName, + registerAction: (action: Action) => { + this.actionManager.registerAction(action); + }, + refresh: this.refresh, + setToast: this.setToast, + id: this.id, + setActiveTool: this.setActiveTool, + setCursor: this.setCursor, + resetCursor: this.resetCursor, + getEditorInterface: () => this.editorInterface, + updateFrameRendering: this.updateFrameRendering, + toggleSidebar: this.toggleSidebar, + onChange: (cb) => this.onChangeEmitter.on(cb), + onIncrement: (cb) => this.store.onStoreIncrementEmitter.on(cb), + onPointerDown: (cb) => this.onPointerDownEmitter.on(cb), + onPointerUp: (cb) => this.onPointerUpEmitter.on(cb), + onScrollChange: (cb) => this.onScrollChangeEmitter.on(cb), + onUserFollow: (cb) => this.onUserFollowEmitter.on(cb), + onStateChange: this.onStateChange, + onEvent: this.onEvent, + } as const; + + props.onExcalidrawAPI?.(this.api); } updateEditorAtom = ( @@ -2042,282 +2074,279 @@ class App extends React.Component { onPointerEnter={this.toggleOverscrollBehavior} onPointerLeave={this.toggleOverscrollBehavior} > - - - - - - - - + + + + + + + - - {this.props.children} - + + {this.props.children} + -
-
-
- - {selectedElements.length === 1 && - this.state.openDialog?.name !== - "elementLinkSelector" && - this.state.showHyperlinkPopup && ( - +
+
+ + {selectedElements.length === 1 && + this.state.openDialog?.name !== + "elementLinkSelector" && + this.state.showHyperlinkPopup && ( + + )} + {this.props.aiEnabled !== false && + selectedElements.length === 1 && + isMagicFrameElement(firstSelectedElement) && ( + + + this.onMagicFrameGenerate( + firstSelectedElement, + "button", + ) + } + /> + + )} + {selectedElements.length === 1 && + isIframeElement(firstSelectedElement) && + firstSelectedElement.customData?.generationData + ?.status === "done" && ( + + + this.onIframeSrcCopy(firstSelectedElement) + } + /> + { + const iframe = + this.getHTMLIFrameElement( + firstSelectedElement, + ); + if (iframe) { + try { + iframe.requestFullscreen(); + this.setState({ + activeEmbeddable: { + element: firstSelectedElement, + state: "active", + }, + selectedElementIds: { + [firstSelectedElement.id]: true, + }, + newElement: null, + selectionElement: null, + }); + } catch (err: any) { + console.warn(err); + this.setState({ + errorMessage: + "Couldn't enter fullscreen", + }); + } + } + }} + /> + + )} + + {this.state.contextMenu && ( + { + this.setState({ contextMenu: null }, () => { + this.focusContainer(); + callback?.(); + }); + }} /> )} - {this.props.aiEnabled !== false && - selectedElements.length === 1 && - isMagicFrameElement(firstSelectedElement) && ( - - - this.onMagicFrameGenerate( - firstSelectedElement, - "button", - ) - } - /> - - )} - {selectedElements.length === 1 && - isIframeElement(firstSelectedElement) && - firstSelectedElement.customData?.generationData - ?.status === "done" && ( - - - this.onIframeSrcCopy(firstSelectedElement) - } - /> - { - const iframe = - this.getHTMLIFrameElement( - firstSelectedElement, - ); - if (iframe) { - try { - iframe.requestFullscreen(); - this.setState({ - activeEmbeddable: { - element: firstSelectedElement, - state: "active", - }, - selectedElementIds: { - [firstSelectedElement.id]: true, - }, - newElement: null, - selectionElement: null, - }); - } catch (err: any) { - console.warn(err); - this.setState({ - errorMessage: - "Couldn't enter fullscreen", - }); - } - } - }} - /> - - )} - - {this.state.toast !== null && ( - - )} - - {this.state.contextMenu && ( - { - this.setState({ contextMenu: null }, () => { - this.focusContainer(); - callback?.(); - }); - }} - /> - )} - - {this.state.newElement && ( - - )} - - {this.state.userToFollow && ( - - )} - {this.renderFrameNames()} - {this.state.activeLockedId && ( - + )} + - )} - {showShapeSwitchPanel && ( - - )} - - {this.renderEmbeddables()} - - - - - - - + {this.state.userToFollow && ( + + )} + {this.renderFrameNames()} + {this.state.activeLockedId && ( + + )} + {showShapeSwitchPanel && ( + + )} + + {this.renderEmbeddables()} + + + + + + + +
); } @@ -3015,12 +3044,10 @@ class App extends React.Component { this.history.record(increment.delta); }); - const { onIncrement } = this.props; - // per. optimmisation, only subscribe if there is the `onIncrement` prop registered, to avoid unnecessary computation - if (onIncrement) { + if (this.props.onIncrement) { this.store.onStoreIncrementEmitter.on((increment) => { - onIncrement(increment); + this.props.onIncrement?.(increment); }); } @@ -3054,6 +3081,14 @@ class App extends React.Component { errorMessage: , }); } + + const mountPayload = { + excalidrawAPI: this.api, + container: this.excalidrawContainerRef.current, + }; + + this.editorLifecycleEvents.emit("editor:mount", mountPayload); + this.props.onMount?.(mountPayload); } public componentWillUnmount() { @@ -3074,6 +3109,8 @@ class App extends React.Component { this.onChangeEmitter.clear(); this.store.onStoreIncrementEmitter.clear(); this.store.onDurableIncrementEmitter.clear(); + this.appStateObserver.clear(); + this.editorLifecycleEvents.clear(); ShapeCache.destroy(); SnapCache.destroy(); clearTimeout(touchTimeout); @@ -3239,6 +3276,15 @@ class App extends React.Component { } componentDidUpdate(prevProps: AppProps, prevState: AppState) { + // must be updated *before* state change listeners are triggered below + if (!this._initialized && !this.state.isLoading) { + this._initialized = true; + this.editorLifecycleEvents.emit("editor:initialize", this.api); + this.props.onInitialize?.(this.api); + } + + this.appStateObserver.flush(prevState); + this.updateEmbeddables(); const elements = this.scene.getElementsIncludingDeleted(); const elementsMap = this.scene.getElementsMapIncludingDeleted(); @@ -4324,13 +4370,7 @@ class App extends React.Component { this.setState(state); }; - setToast = ( - toast: { - message: string; - closable?: boolean; - duration?: number; - } | null, - ) => { + setToast = (toast: AppState["toast"]) => { this.setState({ toast }); }; @@ -5155,7 +5195,8 @@ class App extends React.Component { // eye dropper // ----------------------------------------------------------------------- const lowerCased = event.key.toLocaleLowerCase(); - const isPickingStroke = lowerCased === KEYS.S && event.shiftKey; + const isPickingStroke = + lowerCased === KEYS.S && event.shiftKey && !event[KEYS.CTRL_OR_CMD]; const isPickingBackground = event.key === KEYS.I || (lowerCased === KEYS.G && event.shiftKey); @@ -11602,7 +11643,7 @@ class App extends React.Component { loadFileToCanvas = async ( file: File, - fileHandle: FileSystemHandle | null, + fileHandle: FileSystemFileHandle | null, ) => { file = await normalizeFile(file); try { diff --git a/packages/excalidraw/components/AppStateObserver.ts b/packages/excalidraw/components/AppStateObserver.ts new file mode 100644 index 0000000000..68faabec58 --- /dev/null +++ b/packages/excalidraw/components/AppStateObserver.ts @@ -0,0 +1,208 @@ +import type { AppState, UnsubscribeCallback } from "../types"; + +type StateChangeSelector = + | keyof AppState + | (keyof AppState)[] + | ((appState: AppState) => unknown); + +type StateChangePredicateOptions = { + predicate: (appState: AppState) => boolean; + callback?: (appState: AppState) => void; + once?: boolean; +}; + +type StateChangeArg = StateChangeSelector | StateChangePredicateOptions; + +type StateChangeListener = { + predicate: (appState: AppState, prevState: AppState) => boolean; + getValue: (appState: AppState) => unknown; + callback: (value: any, appState: AppState) => void; + once: boolean; +}; + +type NormalizedStateChange = { + predicate: StateChangeListener["predicate"]; + getValue: StateChangeListener["getValue"]; + callback?: StateChangeListener["callback"]; + once: boolean; + matchesImmediately: boolean; +}; + +export type OnStateChange = { + ( + prop: K, + callback: (value: AppState[K], appState: AppState) => void, + opts?: { once: boolean }, + ): UnsubscribeCallback; + (prop: K): Promise; + ( + prop: (keyof AppState)[], + callback: (appState: AppState, appState2: AppState) => void, + opts?: { once: boolean }, + ): UnsubscribeCallback; + (prop: (keyof AppState)[]): Promise; + ( + prop: (appState: AppState) => T, + callback: (value: T, appState: AppState) => void, + opts?: { once: boolean }, + ): UnsubscribeCallback; + (prop: (appState: AppState) => T): Promise; + (opts: { + predicate: (appState: AppState) => boolean; + callback: (appState: AppState) => void; + once?: boolean; + }): UnsubscribeCallback; + (opts: { predicate: (appState: AppState) => boolean }): Promise; + ( + selector: StateChangeSelector, + callback: (value: any, appState: AppState) => void, + ): any; +}; + +export class AppStateObserver { + private listeners: StateChangeListener[] = []; + + constructor(private readonly getState: () => AppState) {} + + private isStateChangePredicateOptions( + propOrOpts: StateChangeArg, + ): propOrOpts is StateChangePredicateOptions { + return ( + typeof propOrOpts === "object" && + !Array.isArray(propOrOpts) && + "predicate" in propOrOpts + ); + } + + private subscribe(listener: StateChangeListener): UnsubscribeCallback { + this.listeners.push(listener); + return () => { + this.listeners = this.listeners.filter( + (existingListener) => existingListener !== listener, + ); + }; + } + + private normalize( + propOrOpts: StateChangeArg, + callback?: (value: any, appState: AppState) => void, + opts?: { once: boolean }, + ): NormalizedStateChange { + let predicate: StateChangeListener["predicate"]; + let getValue: StateChangeListener["getValue"]; + let normalizedCallback = callback; + let once = opts?.once ?? false; + let matchesImmediately = false; + + if (this.isStateChangePredicateOptions(propOrOpts)) { + const { + predicate: predicateFn, + callback: callbackFromOpts, + once: onceFromOpts, + } = propOrOpts; + + predicate = predicateFn; + getValue = (appState: AppState) => appState; + normalizedCallback = callbackFromOpts + ? (_value: AppState, appState: AppState) => callbackFromOpts(appState) + : undefined; + once = onceFromOpts ?? false; + matchesImmediately = predicateFn(this.getState()); + } else if (typeof propOrOpts === "function") { + const selector = propOrOpts; + predicate = (appState: AppState, prevState: AppState) => + selector(appState) !== selector(prevState); + getValue = (appState: AppState) => selector(appState); + } else if (Array.isArray(propOrOpts)) { + const keys = propOrOpts; + predicate = (appState: AppState, prevState: AppState) => + keys.some((key) => appState[key] !== prevState[key]); + getValue = (appState: AppState) => appState; + } else { + const key = propOrOpts; + predicate = (appState: AppState, prevState: AppState) => + appState[key] !== prevState[key]; + getValue = (appState: AppState) => appState[key]; + } + + return { + predicate, + getValue, + callback: normalizedCallback, + once, + matchesImmediately, + }; + } + + public onStateChange: OnStateChange = (( + propOrOpts: StateChangeArg, + callback?: any, + opts?: { once: boolean }, + ) => { + const { + predicate, + getValue, + callback: stateChangeCallback, + once, + matchesImmediately, + } = this.normalize(propOrOpts, callback, opts); + + if (stateChangeCallback) { + if (matchesImmediately) { + queueMicrotask(() => { + const state = this.getState(); + stateChangeCallback(getValue(state), state); + }); + if (once) { + return () => {}; + } + } + + return this.subscribe({ + predicate, + getValue, + callback: stateChangeCallback, + once, + }); + } + + if (matchesImmediately) { + return Promise.resolve(getValue(this.getState())); + } + + return new Promise((resolve) => { + this.subscribe({ + predicate, + getValue, + callback: (value) => resolve(value), + once: true, + }); + }); + }) as OnStateChange; + + public flush(prevState: AppState) { + if (!this.listeners.length) { + return; + } + + const state = this.getState(); + const listenersToKeep: StateChangeListener[] = []; + + for (const listener of this.listeners) { + if (listener.predicate(state, prevState)) { + listener.callback(listener.getValue(state), state); + if (!listener.once) { + listenersToKeep.push(listener); + } + } else { + listenersToKeep.push(listener); + } + } + + this.listeners = listenersToKeep; + } + + public clear() { + this.listeners = []; + } +} diff --git a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx index ed3d85be8b..7a2b7344cf 100644 --- a/packages/excalidraw/components/CommandPalette/CommandPalette.tsx +++ b/packages/excalidraw/components/CommandPalette/CommandPalette.tsx @@ -10,12 +10,11 @@ import { isWritableElement, } from "@excalidraw/common"; -import { actionToggleShapeSwitch } from "@excalidraw/excalidraw/actions/actionToggleShapeSwitch"; - -import { getShortcutKey } from "@excalidraw/excalidraw/shortcut"; - import type { MarkRequired } from "@excalidraw/common/utility-types"; +import { actionToggleShapeSwitch } from "../../actions/actionToggleShapeSwitch"; +import { getShortcutKey } from "../../shortcut"; + import { actionClearCanvas, actionLink, diff --git a/packages/excalidraw/components/ConvertElementTypePopup.tsx b/packages/excalidraw/components/ConvertElementTypePopup.tsx index 596456671c..48da586b05 100644 --- a/packages/excalidraw/components/ConvertElementTypePopup.tsx +++ b/packages/excalidraw/components/ConvertElementTypePopup.tsx @@ -1,7 +1,9 @@ import { type ReactNode, useEffect, useMemo, useRef, useState } from "react"; import { + bumpVersion, getLinearElementSubType, + mutateElement, updateElbowArrowPoints, } from "@excalidraw/element"; @@ -37,6 +39,8 @@ import { isProdEnv, mapFind, reduceToCommonValue, + ROUNDNESS, + sceneCoordsToViewportCoords, updateActiveTool, } from "@excalidraw/common"; @@ -71,12 +75,6 @@ import type { import type { Scene } from "@excalidraw/element"; -import { - bumpVersion, - mutateElement, - ROUNDNESS, - sceneCoordsToViewportCoords, -} from ".."; import { trackEvent } from "../analytics"; import { atom } from "../editor-jotai"; diff --git a/packages/excalidraw/components/LayerUI.tsx b/packages/excalidraw/components/LayerUI.tsx index 85d2701b11..bf774bfebc 100644 --- a/packages/excalidraw/components/LayerUI.tsx +++ b/packages/excalidraw/components/LayerUI.tsx @@ -60,6 +60,7 @@ import { ImageExportDialog } from "./ImageExportDialog"; import { Island } from "./Island"; import { JSONExportDialog } from "./JSONExportDialog"; import { LaserPointerButton } from "./LaserPointerButton"; +import { Toast } from "./Toast"; import "./LayerUI.scss"; import "./Toolbar.scss"; @@ -605,18 +606,30 @@ const LayerUI = ({ showExitZenModeBtn={showExitZenModeBtn} renderWelcomeScreen={renderWelcomeScreen} /> - {appState.scrolledOutside && ( - + {(appState.toast || appState.scrolledOutside) && ( +
+ {appState.toast && ( + setAppState({ toast: null })} + duration={appState.toast.duration} + closable={appState.toast.closable} + /> + )} + {!appState.toast && appState.scrolledOutside && ( + + )} +
)}
{renderSidebars()} diff --git a/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx b/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx index 25aa30df88..3c9d8c608e 100644 --- a/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx +++ b/packages/excalidraw/components/TTDDialog/Chat/TTDChatPanel.tsx @@ -11,7 +11,7 @@ import { rateLimitsAtom } from "../TTDContext"; import { ChatHistoryMenu } from "./ChatHistoryMenu"; -import { ChatInterface } from "."; +import { ChatInterface } from "./ChatInterface"; import type { TTDPanelAction } from "../TTDDialogPanel"; diff --git a/packages/excalidraw/components/TTDDialog/TTDDialogSubmitShortcut.tsx b/packages/excalidraw/components/TTDDialog/TTDDialogSubmitShortcut.tsx index 21a6f16948..251f5554f8 100644 --- a/packages/excalidraw/components/TTDDialog/TTDDialogSubmitShortcut.tsx +++ b/packages/excalidraw/components/TTDDialog/TTDDialogSubmitShortcut.tsx @@ -1,4 +1,4 @@ -import { getShortcutKey } from "@excalidraw/excalidraw/shortcut"; +import { getShortcutKey } from "../../shortcut"; export const TTDDialogSubmitShortcut = () => { return ( diff --git a/packages/excalidraw/components/TTDDialog/common.ts b/packages/excalidraw/components/TTDDialog/common.ts index f31987bc9b..d5bac53169 100644 --- a/packages/excalidraw/components/TTDDialog/common.ts +++ b/packages/excalidraw/components/TTDDialog/common.ts @@ -1,4 +1,12 @@ -import { DEFAULT_EXPORT_PADDING, EDITOR_LS_KEYS } from "@excalidraw/common"; +import { + DEFAULT_EXPORT_PADDING, + EDITOR_LS_KEYS, + THEME, +} from "@excalidraw/common"; + +import { convertToExcalidrawElements } from "@excalidraw/element"; + +import { exportToCanvas } from "@excalidraw/utils"; import type { NonDeletedExcalidrawElement, @@ -6,11 +14,6 @@ import type { } from "@excalidraw/element/types"; import { EditorLocalStorage } from "../../data/EditorLocalStorage"; -import { - convertToExcalidrawElements, - exportToCanvas, - THEME, -} from "../../index"; import type { MermaidToExcalidrawLibProps } from "./types"; diff --git a/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts b/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts index b30b803951..a2c421a867 100644 --- a/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts +++ b/packages/excalidraw/components/TTDDialog/utils/TTDStreamFetch.ts @@ -1,9 +1,6 @@ -import { RequestError } from "@excalidraw/excalidraw/errors"; +import { RequestError } from "../../../errors"; -import type { - LLMMessage, - TTTDDialog, -} from "@excalidraw/excalidraw/components/TTDDialog/types"; +import type { LLMMessage, TTTDDialog } from "../types"; interface RateLimitInfo { rateLimit?: number; diff --git a/packages/excalidraw/components/Toast.scss b/packages/excalidraw/components/Toast.scss index 5d8cc8c1d2..89ffc2ade5 100644 --- a/packages/excalidraw/components/Toast.scss +++ b/packages/excalidraw/components/Toast.scss @@ -1,35 +1,51 @@ -@use "../css/variables.module" as *; - .excalidraw { .Toast { $closeButtonSize: 1.2rem; $closeButtonPadding: 0.4rem; - animation: fade-in 0.5s; - background-color: var(--button-gray-1); - border-radius: 4px; - bottom: 10px; + animation: Toast-fade-in 0.5s; + min-width: 220px; + max-width: min(360px, calc(100vw - 32px)); + border-radius: var(--border-radius-lg); + border: 1px solid var(--default-border-color); + background-color: var(--island-bg-color); + color: var(--text-primary-color); + padding: 0.5rem 0.75rem; + box-shadow: 0 0 0 1px var(--color-surface-lowest); box-sizing: border-box; cursor: default; - left: 50%; - margin-left: -150px; - padding: 4px 0; - position: absolute; - text-align: center; - width: 300px; - z-index: 999999; + pointer-events: none; .Toast__message { + font-family: var(--ui-font); + font-size: 0.75rem; + line-height: 1.25rem; + text-align: center; padding: 0 $closeButtonSize + ($closeButtonPadding); - color: var(--popup-text-color); white-space: pre-wrap; } + .Toast__progress-bar { + margin-top: 0.35rem; + width: 100%; + height: 4px; + border-radius: 999px; + background-color: var(--button-gray-2); + overflow: hidden; + } + + .Toast__progress-bar-fill { + height: 100%; + border-radius: inherit; + background-color: var(--color-primary); + } + .close { position: absolute; top: 0; right: 0; padding: $closeButtonPadding; + pointer-events: auto; .ToolIcon__icon { width: $closeButtonSize; @@ -38,7 +54,7 @@ } } - @keyframes fade-in { + @keyframes Toast-fade-in { from { opacity: 0; } diff --git a/packages/excalidraw/components/Toast.tsx b/packages/excalidraw/components/Toast.tsx index a7167c00ff..e30b4b2fa0 100644 --- a/packages/excalidraw/components/Toast.tsx +++ b/packages/excalidraw/components/Toast.tsx @@ -5,11 +5,22 @@ import { ToolButton } from "./ToolButton"; import "./Toast.scss"; -import type { CSSProperties } from "react"; +import type { CSSProperties, ReactNode } from "react"; const DEFAULT_TOAST_TIMEOUT = 5000; -export const Toast = ({ +const ProgressBar = ({ progress }: { progress: number }) => ( +
+
+
+); + +const ToastComponent = ({ message, onClose, closable = false, @@ -17,7 +28,7 @@ export const Toast = ({ duration = DEFAULT_TOAST_TIMEOUT, style, }: { - message: string; + message: ReactNode; onClose: () => void; closable?: boolean; duration?: number; @@ -47,11 +58,12 @@ export const Toast = ({ return (
-

{message}

+
{message}
{closable && ( ); }; + +export const Toast = Object.assign(ToastComponent, { ProgressBar }); diff --git a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx index c6245953b9..a30088f30a 100644 --- a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx +++ b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx @@ -6,7 +6,6 @@ import { sceneCoordsToViewportCoords, type EditorInterface, } from "@excalidraw/common"; -import { AnimationController } from "@excalidraw/excalidraw/renderer/animation"; import type { InteractiveCanvasRenderConfig, @@ -24,6 +23,8 @@ import type { import { t } from "../../i18n"; import { renderInteractiveScene } from "../../renderer/interactiveScene"; +import { AnimationController } from "../../renderer/animation"; + import type { AppClassProperties, AppState, diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index e0d42fa716..1891a1f2ef 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -500,6 +500,26 @@ body.excalidraw-cursor-resize * { } } + .floating-status-stack { + position: absolute; + left: 50%; + bottom: 30px; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 0.5rem; + pointer-events: none; + + .scroll-back-to-content { + position: static; + left: auto; + bottom: auto; + transform: none; + pointer-events: var(--ui-pointerEvents); + } + } + .help-icon { @include outlineButtonStyles; @include filledButtonOnCanvas; diff --git a/packages/excalidraw/data/blob.ts b/packages/excalidraw/data/blob.ts index c520c33b1c..65f1809497 100644 --- a/packages/excalidraw/data/blob.ts +++ b/packages/excalidraw/data/blob.ts @@ -27,7 +27,6 @@ import { import type { AppState, DataURL, LibraryItem } from "../types"; -import type { FileSystemHandle } from "browser-fs-access"; import type { ImportedLibraryData } from "./types"; const parseFileContents = async (blob: Blob | File): Promise => { @@ -104,7 +103,7 @@ export const getMimeType = (blob: Blob | string): string => { return ""; }; -export const getFileHandleType = (handle: FileSystemHandle | null) => { +export const getFileHandleType = (handle: FileSystemFileHandle | null) => { if (!handle) { return null; } @@ -118,7 +117,9 @@ export const isImageFileHandleType = ( return type === "png" || type === "svg"; }; -export const isImageFileHandle = (handle: FileSystemHandle | null) => { +export const isImageFileHandle = ( + handle: FileSystemFileHandle | null, +): handle is FileSystemFileHandle => { const type = getFileHandleType(handle); return type === "png" || type === "svg"; }; @@ -139,8 +140,8 @@ export const loadSceneOrLibraryFromBlob = async ( /** @see restore.localAppState */ localAppState: AppState | null, localElements: readonly ExcalidrawElement[] | null, - /** FileSystemHandle. Defaults to `blob.handle` if defined, otherwise null. */ - fileHandle?: FileSystemHandle | null, + /** FileSystemFileHandle. Defaults to `blob.handle` if defined, otherwise null. */ + fileHandle?: FileSystemFileHandle | null, ) => { const contents = await parseFileContents(blob); let data; @@ -198,8 +199,8 @@ export const loadFromBlob = async ( /** @see restore.localAppState */ localAppState: AppState | null, localElements: readonly ExcalidrawElement[] | null, - /** FileSystemHandle. Defaults to `blob.handle` if defined, otherwise null. */ - fileHandle?: FileSystemHandle | null, + /** FileSystemFileHandle. Defaults to `blob.handle` if defined, otherwise null. */ + fileHandle?: FileSystemFileHandle | null, ) => { const ret = await loadSceneOrLibraryFromBlob( blob, @@ -392,7 +393,7 @@ export const ImageURLToFile = async ( export const getFileHandle = async ( event: DragEvent | React.DragEvent | DataTransferItem, -): Promise => { +): Promise => { if (nativeFileSystemSupported) { try { const dataTransferItem = @@ -400,7 +401,7 @@ export const getFileHandle = async ( ? event : (event as DragEvent).dataTransfer?.items?.[0]; - const handle: FileSystemHandle | null = + const handle: FileSystemFileHandle | null = (await (dataTransferItem as any).getAsFileSystemHandle()) || null; return handle; diff --git a/packages/excalidraw/data/filesystem.ts b/packages/excalidraw/data/filesystem.ts index 4a8d43c35f..36d2e4b3ca 100644 --- a/packages/excalidraw/data/filesystem.ts +++ b/packages/excalidraw/data/filesystem.ts @@ -4,18 +4,12 @@ import { supported as nativeFileSystemSupported, } from "browser-fs-access"; -import { EVENT, MIME_TYPES, debounce } from "@excalidraw/common"; - -import { AbortError } from "../errors"; +import { MIME_TYPES } from "@excalidraw/common"; import { normalizeFile } from "./blob"; -import type { FileSystemHandle } from "browser-fs-access"; - type FILE_EXTENSION = Exclude; -const INPUT_CHANGE_INTERVAL_MS = 5000; - export const fileOpen = async (opts: { extensions?: FILE_EXTENSION[]; description: string; @@ -42,40 +36,6 @@ export const fileOpen = async (opts: { extensions, mimeTypes, multiple: opts.multiple ?? false, - legacySetup: (resolve, reject, input) => { - const scheduleRejection = debounce(reject, INPUT_CHANGE_INTERVAL_MS); - const focusHandler = () => { - checkForFile(); - document.addEventListener(EVENT.KEYUP, scheduleRejection); - document.addEventListener(EVENT.POINTER_UP, scheduleRejection); - scheduleRejection(); - }; - const checkForFile = () => { - // this hack might not work when expecting multiple files - if (input.files?.length) { - const ret = opts.multiple ? [...input.files] : input.files[0]; - resolve(ret as RetType); - } - }; - requestAnimationFrame(() => { - window.addEventListener(EVENT.FOCUS, focusHandler); - }); - const interval = window.setInterval(() => { - checkForFile(); - }, INPUT_CHANGE_INTERVAL_MS); - return (rejectPromise) => { - clearInterval(interval); - scheduleRejection.cancel(); - window.removeEventListener(EVENT.FOCUS, focusHandler); - document.removeEventListener(EVENT.KEYUP, scheduleRejection); - document.removeEventListener(EVENT.POINTER_UP, scheduleRejection); - if (rejectPromise) { - // so that something is shown in console if we need to debug this - console.warn("Opening the file was canceled (legacy-fs)."); - rejectPromise(new AbortError()); - } - }; - }, }); if (Array.isArray(files)) { @@ -95,8 +55,8 @@ export const fileSave = ( extension: FILE_EXTENSION; mimeTypes?: string[]; description: string; - /** existing FileSystemHandle */ - fileHandle?: FileSystemHandle | null; + /** existing FileSystemFileHandle */ + fileHandle?: FileSystemFileHandle | null; }, ) => { return _fileSave( @@ -108,8 +68,8 @@ export const fileSave = ( mimeTypes: opts.mimeTypes, }, opts.fileHandle, + false, ); }; export { nativeFileSystemSupported }; -export type { FileSystemHandle }; diff --git a/packages/excalidraw/data/index.ts b/packages/excalidraw/data/index.ts index f655e5e8e6..1083a47897 100644 --- a/packages/excalidraw/data/index.ts +++ b/packages/excalidraw/data/index.ts @@ -33,8 +33,6 @@ import { canvasToBlob } from "./blob"; import { fileSave } from "./filesystem"; import { serializeAsJSON } from "./json"; -import type { FileSystemHandle } from "./filesystem"; - import type { ExportType } from "../scene/types"; import type { AppState, BinaryFiles } from "../types"; @@ -110,7 +108,7 @@ export const exportCanvas = async ( viewBackgroundColor: string; /** filename, if applicable */ name?: string; - fileHandle?: FileSystemHandle | null; + fileHandle?: FileSystemFileHandle | null; exportingFrame: ExcalidrawFrameLikeElement | null; }, ) => { diff --git a/packages/excalidraw/data/json.ts b/packages/excalidraw/data/json.ts index 047a2ccdec..fc34203262 100644 --- a/packages/excalidraw/data/json.ts +++ b/packages/excalidraw/data/json.ts @@ -1,12 +1,13 @@ import { - DEFAULT_FILENAME, EXPORT_DATA_TYPES, getExportSource, MIME_TYPES, VERSIONS, } from "@excalidraw/common"; -import type { ExcalidrawElement } from "@excalidraw/element/types"; +import type { ExcalidrawElement, NonDeleted } from "@excalidraw/element/types"; + +import type { MaybePromise } from "@excalidraw/common/utility-types"; import { cleanAppStateForExport, clearAppStateForDatabase } from "../appState"; @@ -21,6 +22,12 @@ import type { ImportedLibraryData, } from "./types"; +export type JSONExportData = { + elements: readonly NonDeleted[]; + appState: AppState; + files: BinaryFiles; +}; + /** * Strips out files which are only referenced by deleted elements */ @@ -67,27 +74,29 @@ export const serializeAsJSON = ( return JSON.stringify(data, null, 2); }; -export const saveAsJSON = async ( - elements: readonly ExcalidrawElement[], - appState: AppState, - files: BinaryFiles, - /** filename */ - name: string = appState.name || DEFAULT_FILENAME, -) => { - const serialized = serializeAsJSON(elements, appState, files, "local"); - const blob = new Blob([serialized], { - type: MIME_TYPES.excalidraw, +export const saveAsJSON = async ({ + data, + filename, + fileHandle, +}: { + data: MaybePromise; + filename: string; + fileHandle: AppState["fileHandle"]; +}) => { + const blob = Promise.resolve(data).then(({ elements, appState, files }) => { + const serialized = serializeAsJSON(elements, appState, files, "local"); + return new Blob([serialized], { + type: MIME_TYPES.excalidraw, + }); }); - const fileHandle = await fileSave(blob, { - name, + const savedFileHandle = await fileSave(blob, { + name: filename, extension: "excalidraw", description: "Excalidraw file", - fileHandle: isImageFileHandle(appState.fileHandle) - ? null - : appState.fileHandle, + fileHandle: isImageFileHandle(fileHandle) ? null : fileHandle, }); - return { fileHandle }; + return { fileHandle: savedFileHandle }; }; export const loadFromJSON = async ( diff --git a/packages/excalidraw/data/resave.ts b/packages/excalidraw/data/resave.ts index 188041d691..8c443e0e28 100644 --- a/packages/excalidraw/data/resave.ts +++ b/packages/excalidraw/data/resave.ts @@ -1,26 +1,39 @@ +import type { MaybePromise } from "@excalidraw/common/utility-types"; + import type { ExcalidrawElement } from "@excalidraw/element/types"; import { getFileHandleType, isImageFileHandleType } from "./blob"; +// eslint-disable-next-line @typescript-eslint/no-restricted-imports import { exportCanvas, prepareElementsForExport } from "."; import type { AppState, BinaryFiles } from "../types"; export const resaveAsImageWithScene = async ( - elements: readonly ExcalidrawElement[], - appState: AppState, - files: BinaryFiles, - name: string, + data: MaybePromise<{ + elements: readonly ExcalidrawElement[]; + appState: AppState; + files: BinaryFiles; + }>, + fileHandle: FileSystemFileHandle, + filename: string, ) => { - const { exportBackground, viewBackgroundColor, fileHandle } = appState; - const fileHandleType = getFileHandleType(fileHandle); - if (!fileHandle || !isImageFileHandleType(fileHandleType)) { + if (Math.random() < 1) { + throw new Error("OLALALALA"); + } + + if (!isImageFileHandleType(fileHandleType)) { throw new Error( "fileHandle should exist and should be of type svg or png when resaving", ); } + + let { elements, appState, files } = await data; + + const { exportBackground, viewBackgroundColor } = appState; + appState = { ...appState, exportEmbedScene: true, @@ -35,7 +48,7 @@ export const resaveAsImageWithScene = async ( await exportCanvas(fileHandleType, exportedElements, appState, files, { exportBackground, viewBackgroundColor, - name, + name: filename, fileHandle, exportingFrame, }); diff --git a/packages/excalidraw/global.d.ts b/packages/excalidraw/global.d.ts index 59157002da..025d3f88e8 100644 --- a/packages/excalidraw/global.d.ts +++ b/packages/excalidraw/global.d.ts @@ -52,7 +52,7 @@ declare module "png-chunks-extract" { // ----------------------------------------------------------------------------- interface Blob { - handle?: import("browser-fs-acces").FileSystemHandle; + handle?: FileSystemFileHandle; name?: string; } diff --git a/packages/excalidraw/hooks/useAppStateValue.ts b/packages/excalidraw/hooks/useAppStateValue.ts new file mode 100644 index 0000000000..2f4750a564 --- /dev/null +++ b/packages/excalidraw/hooks/useAppStateValue.ts @@ -0,0 +1,110 @@ +import { useEffect, useRef, useState } from "react"; + +import { useExcalidrawAPI } from "../components/App"; + +import { getDefaultAppState } from "../appState"; + +import type { AppState } from "../types"; + +/** + * Subscribes to specific appState changes. The component re-renders + * only when the specified prop(s) change — not on every appState update. + * + * Works both inside and outside the tree, as long as + * ExcalidrawAPIContext.Provider is an ancestor (automatically provided + * inside , or manually by the host app). + * + * Returns the narrowed value depending on prop form: + * - `keyof AppState` → `AppState[K]` + * - `(keyof AppState)[]` → whole `AppState` + * - selector function → selector's return type `T` + * + * Calls the optional callback with the latest value on every change (not called + * on initial render). + * + * If excalidrawAPI is not ready yet (host apps), hook is rerendered with latest + * value once available. + */ +export function useAppStateValue( + prop: K, + callback?: (value: AppState[K], appState: AppState) => void, + _internal?: boolean, +): AppState[K]; +export function useAppStateValue( + props: (keyof AppState)[], + callback?: (props: AppState, appState: AppState) => void, + _internal?: boolean, +): AppState; +export function useAppStateValue( + selector: (appState: AppState) => T, + callback?: (value: T, appState: AppState) => void, + _internal?: boolean, +): T; +export function useAppStateValue( + selector: + | keyof AppState + | (keyof AppState)[] + | ((appState: AppState) => unknown), + callback?: (value: any, appState: AppState) => void, + _internal: boolean = true, +): unknown { + const api = useExcalidrawAPI(); + + const getLatestValue = () => { + let appState = api?.getAppState(); + if (!appState) { + if (!_internal) { + return undefined; + } + console.warn( + "useAppStateValue: excalidrawAPI not defined yet for internal component in which case it should always be defined. Are you sure you're rendering inside of component tree?", + ); + // fall back in case there's a bug so we don't break the app + // (internal components using this internal useAppStateValue expect + // non-undefined values on init) + appState = Object.assign( + { width: 0, height: 0, offsetLeft: 0, offsetTop: 0 }, + getDefaultAppState(), + ); + } + if (typeof selector === "function") { + return selector(appState); + } + if (Array.isArray(selector)) { + return appState; + } + return appState[selector]; + }; + + const [value, setValue] = useState(getLatestValue); + + const stateRef = useRef({ + selector, + callback, + isInitialized: !!api, + latestValue: value, + }); + stateRef.current.selector = selector; + stateRef.current.callback = callback; + if (!stateRef.current.isInitialized && api) { + stateRef.current.isInitialized = true; + stateRef.current.latestValue = getLatestValue(); + } + + useEffect(() => { + if (!api) { + return; + } + + return api.onStateChange( + stateRef.current.selector, + (newValue: any, state: AppState) => { + stateRef.current.latestValue = newValue; + stateRef.current.callback?.(newValue, state); + setValue(newValue); + }, + ); + }, [api]); + + return stateRef.current.latestValue; +} diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 90ddfb896e..7671951c0e 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -1,14 +1,18 @@ -import React, { useEffect } from "react"; +import React, { useCallback, useContext, useEffect, useState } from "react"; import { DEFAULT_UI_OPTIONS, isShallowEqual } from "@excalidraw/common"; -import App from "./components/App"; +import App, { + ExcalidrawAPIContext, + ExcalidrawAPISetContext, +} from "./components/App"; import { InitializeApp } from "./components/InitializeApp"; import Footer from "./components/footer/FooterCenter"; import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollaborationTrigger"; import MainMenu from "./components/main-menu/MainMenu"; import WelcomeScreen from "./components/welcome-screen/WelcomeScreen"; import { defaultLang } from "./i18n"; +import { useAppStateValue as _useAppStateValue } from "./hooks/useAppStateValue"; import { EditorJotaiProvider, editorJotaiStore } from "./editor-jotai"; import polyfill from "./polyfill"; @@ -16,16 +20,44 @@ import "./css/app.scss"; import "./css/styles.scss"; import "./fonts/fonts.css"; -import type { AppProps, ExcalidrawProps } from "./types"; +import type { + AppProps, + AppState, + ExcalidrawImperativeAPI, + ExcalidrawProps, +} from "./types"; polyfill(); +/** + * Stateless provider that allows `useExcalidrawAPI()` (and hooks built + * on it, such as `useAppStateValue()`) to work outside the + * component tree. + */ +export const ExcalidrawAPIProvider = ({ + children, +}: { + children: React.ReactNode; +}) => { + const [api, setApi] = useState(null); + return ( + + + {children} + + + ); +}; + const ExcalidrawBase = (props: ExcalidrawProps) => { const { + onExport, onChange, onIncrement, initialData, - excalidrawAPI, + onExcalidrawAPI, + onMount, + onInitialize, isCollaborating = false, onPointerUpdate, renderTopLeftUI, @@ -86,6 +118,15 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { UIOptions.canvasActions.toggleTheme = true; } + const setExcalidrawAPI = useContext(ExcalidrawAPISetContext); + const handleExcalidrawAPI = useCallback( + (api: ExcalidrawImperativeAPI) => { + setExcalidrawAPI?.(api); + onExcalidrawAPI?.(api); + }, + [onExcalidrawAPI, setExcalidrawAPI], + ); + useEffect(() => { const importPolyfill = async () => { //@ts-ignore @@ -115,10 +156,13 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { ( + prop: K, + callback?: (value: AppState[K], appState: AppState) => void, +): AppState[K] | undefined; +export function useAppStateValue( + props: T[], + callback?: (values: AppState, appState: AppState) => void, +): AppState | undefined; +export function useAppStateValue( + selector: (appState: AppState) => T, + callback?: (value: T, appState: AppState) => void, +): T | undefined; +export function useAppStateValue( + selector: + | keyof AppState + | (keyof AppState)[] + | ((appState: AppState) => unknown), + callback?: (value: any, appState: AppState) => void, +) { + return _useAppStateValue(selector as any, callback, false); +} +// ----------------------------------------------------------------------------- diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index 66402f3fb7..bfdb476bba 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -403,6 +403,10 @@ "errorDialog": { "title": "Error" }, + "progressDialog": { + "title": "Saving", + "defaultMessage": "Preparing to save..." + }, "exportDialog": { "disk_title": "Save to disk", "disk_details": "Export the scene data to a file from which you can import later.", diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index d3be66cb37..f60ea96634 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -90,8 +90,7 @@ "@excalidraw/math": "0.18.0", "@excalidraw/mermaid-to-excalidraw": "2.0.0-rc4", "@excalidraw/random-username": "1.1.0", - "radix-ui": "1.4.3", - "browser-fs-access": "0.29.1", + "browser-fs-access": "0.38.0", "canvas-roundrect-polyfill": "0.0.1", "clsx": "1.1.1", "cross-env": "7.0.3", @@ -112,6 +111,7 @@ "png-chunks-extract": "1.0.0", "points-on-curve": "1.0.1", "pwacompat": "2.0.17", + "radix-ui": "1.4.3", "roughjs": "4.6.4", "sass": "1.51.0", "tunnel-rat": "0.1.2" diff --git a/packages/excalidraw/tests/packages/events.test.tsx b/packages/excalidraw/tests/packages/events.test.tsx index bc4441c40d..f30c8b092c 100644 --- a/packages/excalidraw/tests/packages/events.test.tsx +++ b/packages/excalidraw/tests/packages/events.test.tsx @@ -6,7 +6,7 @@ import { resolvablePromise } from "@excalidraw/common"; import { Excalidraw, CaptureUpdateAction } from "../../index"; import { API } from "../helpers/api"; import { Pointer } from "../helpers/ui"; -import { render } from "../test-utils"; +import { render, unmountComponent } from "../test-utils"; import type { ExcalidrawImperativeAPI } from "../../types"; @@ -21,12 +21,91 @@ describe("event callbacks", () => { const excalidrawAPIPromise = resolvablePromise(); await render( excalidrawAPIPromise.resolve(api as any)} + onExcalidrawAPI={(api) => excalidrawAPIPromise.resolve(api as any)} />, ); excalidrawAPI = await excalidrawAPIPromise; }); + it("should resolve editor:mount/editor:initialize when subscribed before mount", async () => { + unmountComponent(); + + const lifecyclePromise = resolvablePromise<{ + api: ExcalidrawImperativeAPI; + mount: Promise<{ + excalidrawAPI: ExcalidrawImperativeAPI; + container: HTMLDivElement | null; + }>; + initialize: Promise; + }>(); + + await render( + + lifecyclePromise.resolve({ + api: api as ExcalidrawImperativeAPI, + mount: api.onEvent("editor:mount"), + initialize: api.onEvent("editor:initialize"), + }) + } + />, + ); + + const { api, mount, initialize } = await lifecyclePromise; + await expect(mount).resolves.toEqual({ + excalidrawAPI: api, + container: expect.any(HTMLDivElement), + }); + await expect(initialize).resolves.toBe(api); + }); + + it("should replay editor:mount/editor:initialize to late subscribers", async () => { + const onMount = vi.fn(); + const onInitialize = vi.fn(); + + excalidrawAPI.onEvent("editor:mount", onMount); + excalidrawAPI.onEvent("editor:initialize", onInitialize); + + await Promise.resolve(); + + expect(onMount).toHaveBeenCalledTimes(1); + expect(onMount).toHaveBeenCalledWith({ + excalidrawAPI, + container: expect.any(HTMLDivElement), + }); + expect(onInitialize).toHaveBeenCalledTimes(1); + expect(onInitialize).toHaveBeenCalledWith(excalidrawAPI); + + await expect(excalidrawAPI.onEvent("editor:mount")).resolves.toEqual({ + excalidrawAPI, + container: expect.any(HTMLDivElement), + }); + await expect(excalidrawAPI.onEvent("editor:initialize")).resolves.toBe( + excalidrawAPI, + ); + }); + + it("should call onMount before onInitialize props", async () => { + unmountComponent(); + + const calls: string[] = []; + + await render( + { + expect(excalidrawAPI).toBeDefined(); + expect(container).toBeInstanceOf(HTMLDivElement); + calls.push("mount"); + }} + onInitialize={() => { + calls.push("initialize"); + }} + />, + ); + + expect(calls).toEqual(["mount", "initialize"]); + }); + it("should trigger onChange on render", async () => { const onChange = vi.fn(); diff --git a/packages/excalidraw/tests/tool.test.tsx b/packages/excalidraw/tests/tool.test.tsx index f7c101c1da..f82997dd7c 100644 --- a/packages/excalidraw/tests/tool.test.tsx +++ b/packages/excalidraw/tests/tool.test.tsx @@ -20,7 +20,7 @@ describe("setActiveTool()", () => { const excalidrawAPIPromise = resolvablePromise(); await render( excalidrawAPIPromise.resolve(api as any)} + onExcalidrawAPI={(api) => excalidrawAPIPromise.resolve(api as any)} />, ); excalidrawAPI = await excalidrawAPIPromise; diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index 0b654386bf..b1005d3dcd 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -53,7 +53,6 @@ import type { Spreadsheet } from "./charts"; import type { ClipboardData } from "./clipboard"; import type App from "./components/App"; import type Library from "./data/library"; -import type { FileSystemHandle } from "./data/filesystem"; import type { ContextMenuItems } from "./components/ContextMenu"; import type { SnapLine } from "./snapping"; import type { ImportedDataState } from "./data/types"; @@ -408,7 +407,11 @@ export interface AppState { previousSelectedElementIds: { [id: string]: true }; selectedElementsAreBeingDragged: boolean; shouldCacheIgnoreZoom: boolean; - toast: { message: string; closable?: boolean; duration?: number } | null; + toast: { + message: React.ReactNode; + closable?: boolean; + duration?: number; + } | null; zenModeEnabled: boolean; theme: Theme; /** grid cell px size */ @@ -427,7 +430,7 @@ export interface AppState { offsetTop: number; offsetLeft: number; - fileHandle: FileSystemHandle | null; + fileHandle: FileSystemFileHandle | null; collaborators: Map; stats: { open: boolean; @@ -546,17 +549,39 @@ export type OnUserFollowedPayload = { action: "FOLLOW" | "UNFOLLOW"; }; +export type OnExportProgress = { + type: "progress"; + message?: React.ReactNode; + /** 0-1 range */ + progress?: number; +}; + export interface ExcalidrawProps { onChange?: ( elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles, ) => void; + /** + * note: only subscribes if the props.onIncrement is defined on initial render + */ onIncrement?: (event: DurableIncrement | EphemeralIncrement) => void; initialData?: | (() => MaybePromise) | MaybePromise; - excalidrawAPI?: (api: ExcalidrawImperativeAPI) => void; + /** + * Invoked as soon as the Excalidraw API is available + * NOTE editor is not yet mounted, and state is not yet initialized + */ + onExcalidrawAPI?: (api: ExcalidrawImperativeAPI) => void; + /** + * Invoked once the editor root is mounted. + */ + onMount?: (payload: ExcalidrawMountPayload) => void; + /** + * Invoked once the initial scene is loaded. + */ + onInitialize?: (api: ExcalidrawImperativeAPI) => void; isCollaborating?: boolean; onPointerUpdate?: (payload: { pointer: { x: number; y: number; tool: "pointer" | "laser" }; @@ -641,6 +666,32 @@ export interface ExcalidrawProps { aiEnabled?: boolean; showDeprecatedFonts?: boolean; renderScrollbars?: boolean; + /** + * Called before exporting to a file. + * + * Allows the host app to intercept and delay saving until async operations + * (e.g., images are loaded) complete. + * + * If Promise/AsyncGenerator is returned, a progress toast will be shown + * until the operation completes. Generator can yield progress updates. + */ + onExport?: ( + /** type of export. Currently we only call for JSON exports or + * JSON-embedded PNG (which is also identified as `json` type here)*/ + type: "json", + data: { + elements: readonly ExcalidrawElement[]; + appState: AppState; + files: BinaryFiles; + }, + options: { + /** signal that gets aborted if user cancels the export (e.g. closes + * the native file picker dialog). In that case, you can either + * return immediately, or throw AbortError. + */ + signal: AbortSignal; + }, + ) => MaybePromise | AsyncGenerator; } export type SceneData = { @@ -719,6 +770,7 @@ export type AppProps = Merge< export type AppClassProperties = { props: AppProps; state: AppState; + api: App["api"]; sessionExportThemeOverride: App["sessionExportThemeOverride"]; interactiveCanvas: HTMLCanvasElement | null; /** static canvas */ @@ -764,9 +816,13 @@ export type AppClassProperties = { onPointerUpEmitter: App["onPointerUpEmitter"]; updateEditorAtom: App["updateEditorAtom"]; onPointerDownEmitter: App["onPointerDownEmitter"]; + onEvent: App["onEvent"]; + onStateChange: App["onStateChange"]; lastPointerMoveCoords: App["lastPointerMoveCoords"]; bindModeHandler: App["bindModeHandler"]; + + setAppState: App["setAppState"]; }; export type PointerDownState = Readonly<{ @@ -839,6 +895,20 @@ export type PointerDownState = Readonly<{ export type UnsubscribeCallback = () => void; +export type ExcalidrawMountPayload = { + excalidrawAPI: ExcalidrawImperativeAPI; + /* + *Excalidraw container. + * should never be null, but just to be safe + */ + container: HTMLDivElement | null; +}; + +export type ExcalidrawImperativeAPIEventMap = { + "editor:mount": [payload: ExcalidrawMountPayload]; + "editor:initialize": [api: ExcalidrawImperativeAPI]; +}; + export interface ExcalidrawImperativeAPI { updateScene: InstanceType["updateScene"]; applyDeltas: InstanceType["applyDeltas"]; @@ -905,6 +975,8 @@ export interface ExcalidrawImperativeAPI { onUserFollow: ( callback: (payload: OnUserFollowedPayload) => void, ) => UnsubscribeCallback; + onStateChange: InstanceType["onStateChange"]; + onEvent: InstanceType["onEvent"]; } export type FrameNameBounds = { diff --git a/packages/utils/package.json b/packages/utils/package.json index f571d42035..2439480042 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -50,7 +50,7 @@ "dependencies": { "@braintree/sanitize-url": "6.0.2", "@excalidraw/laser-pointer": "1.3.1", - "browser-fs-access": "0.29.1", + "browser-fs-access": "0.38.0", "pako": "2.0.3", "perfect-freehand": "1.2.0", "png-chunk-text": "1.0.0", diff --git a/yarn.lock b/yarn.lock index 5259da6288..f3a53e391e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4603,10 +4603,10 @@ braces@^3.0.3, braces@~3.0.2: dependencies: fill-range "^7.1.1" -browser-fs-access@0.29.1: - version "0.29.1" - resolved "https://registry.yarnpkg.com/browser-fs-access/-/browser-fs-access-0.29.1.tgz#8a9794c73cf86b9aec74201829999c597128379c" - integrity sha512-LSvVX5e21LRrXqVMhqtAwj5xPgDb+fXAIH80NsnCQ9xuZPs2xWsOREi24RKgZa1XOiQRbcmVrv87+ulOKsgjxw== +browser-fs-access@0.38.0: + version "0.38.0" + resolved "https://registry.yarnpkg.com/browser-fs-access/-/browser-fs-access-0.38.0.tgz#9024c5bf3d962287a08d14beebb86cb819cbb838" + integrity sha512-JveqW2w6pEZqFEEfMgCszXzYpE89dG+nPsmOdcs741mFFAROeL+iqjGEpR07RI+s0YY0EFr+4KnOoACprJTpOw== browserslist@^4.20.3, browserslist@^4.24.0, browserslist@^4.24.4: version "4.24.4" From e73a5b0116019a057a1dfa4b534e3e87784c6554 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 11 Mar 2026 09:49:12 +0100 Subject: [PATCH 155/176] docs(packages/excalidraw): improve readme (#10932) --- .../with-script-in-browser/initialData.tsx | 2 +- packages/excalidraw/README.md | 125 ++++++++++++++++-- 2 files changed, 112 insertions(+), 15 deletions(-) diff --git a/examples/with-script-in-browser/initialData.tsx b/examples/with-script-in-browser/initialData.tsx index 0db23d5f20..2b1a9d4820 100644 --- a/examples/with-script-in-browser/initialData.tsx +++ b/examples/with-script-in-browser/initialData.tsx @@ -1,4 +1,4 @@ -import type { ExcalidrawElementSkeleton } from "@excalidraw/excalidraw/data/transform"; +import type { ExcalidrawElementSkeleton } from "@excalidraw/excalidraw/element/transform"; import type { FileId } from "@excalidraw/excalidraw/element/types"; const elements: ExcalidrawElementSkeleton[] = [ diff --git a/packages/excalidraw/README.md b/packages/excalidraw/README.md index 5185185534..f7cec95f77 100644 --- a/packages/excalidraw/README.md +++ b/packages/excalidraw/README.md @@ -1,10 +1,10 @@ # Excalidraw -**Excalidraw** is exported as a component to be directly embedded in your project. +**Excalidraw** is exported as a React component that you can embed directly in your app. ## Installation -Use `npm` or `yarn` to install the package. +Install the package together with its React peer dependencies. ```bash npm install react react-dom @excalidraw/excalidraw @@ -12,34 +12,131 @@ npm install react react-dom @excalidraw/excalidraw yarn add react react-dom @excalidraw/excalidraw ``` -> **Note**: If you don't want to wait for the next stable release and try out the unreleased changes, use `@excalidraw/excalidraw@next`. +> **Note**: If you want to try unreleased changes, use `@excalidraw/excalidraw@next`. -#### Self-hosting fonts +## Quick start -By default, Excalidraw will try to download all the used fonts from the [CDN](https://esm.run/@excalidraw/excalidraw/dist/prod). +The minimum working setup has two easy-to-miss requirements: -For self-hosting purposes, you'll have to copy the content of the folder `node_modules/@excalidraw/excalidraw/dist/prod/fonts` to the path where your assets should be served from (i.e. `public/` directory in your project). In that case, you should also set `window.EXCALIDRAW_ASSET_PATH` to the very same path, i.e. `/` in case it's in the root: +1. Import the package CSS: -```js - +```ts +import "@excalidraw/excalidraw/index.css"; ``` -### Dimensions of Excalidraw +2. Render Excalidraw inside a container with a non-zero height. -Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions. +```tsx +import { Excalidraw } from "@excalidraw/excalidraw"; +import "@excalidraw/excalidraw/index.css"; + +export default function App() { + return ( +
+ +
+ ); +} +``` + +Excalidraw fills `100%` of the width and height of its parent. If the parent has no height, the canvas will not be visible. + +## Next.js / SSR frameworks + +Excalidraw should be rendered on the client. In SSR frameworks such as Next.js, use a client component and load it dynamically with SSR disabled. + +```tsx +// app/components/ExcalidrawClient.tsx +"use client"; + +import { Excalidraw } from "@excalidraw/excalidraw"; +import "@excalidraw/excalidraw/index.css"; + +export default function ExcalidrawClient() { + return ( +
+ +
+ ); +} +``` + +```tsx +// app/page.tsx +import dynamic from "next/dynamic"; + +const ExcalidrawClient = dynamic( + () => import("./components/ExcalidrawClient"), + { ssr: false }, +); + +export default function Page() { + return ; +} +``` + +See the local examples for complete setups: + +- [examples/with-nextjs](https://github.com/excalidraw/excalidraw/tree/master/examples/with-nextjs) +- [examples/with-script-in-browser](https://github.com/excalidraw/excalidraw/tree/master/examples/with-script-in-browser) + +## LLM / agent tips + +If an LLM or coding agent is setting up Excalidraw, these shortcuts usually save more time than re-prompting: + +- Start with a plain `` in a `100vh` container. Add refs, `initialData`, persistence, or custom UI only after the base embed works. +- If the canvas is blank, check the CSS import and parent height first. Those are the two most common integration failures. +- In Next.js or other SSR frameworks, assume client-only rendering first. Use `"use client"` and `dynamic(..., { ssr: false })` before debugging hydration or `window is not defined` errors. +- If imports or entrypoints are unclear, inspect `node_modules/@excalidraw/excalidraw/package.json`. The installed package exports are the source of truth. +- Do not set `window.EXCALIDRAW_ASSET_PATH` unless you are intentionally self-hosting fonts/assets. +- When docs and generated code drift, copy the nearest working example from this repo, especially `examples/with-nextjs` or `examples/with-script-in-browser`. + +## Migrating to `@excalidraw/excalidraw@0.18.x` + +Version `0.18.x` removes the old `types/`-prefixed deep import paths. If you were importing types from `@excalidraw/excalidraw/types/...`, switch to the new type-only subpaths below. + +| Old path | New path | +| --- | --- | +| `@excalidraw/excalidraw/types/data/transform.js` | `@excalidraw/excalidraw/element/transform` | +| `@excalidraw/excalidraw/types/data/types.js` | `@excalidraw/excalidraw/data/types` | +| `@excalidraw/excalidraw/types/element/types.js` | `@excalidraw/excalidraw/element/types` | +| `@excalidraw/excalidraw/types/utility-types.js` | `@excalidraw/excalidraw/common/utility-types` | +| `@excalidraw/excalidraw/types/types.js` | `@excalidraw/excalidraw/types` | + +Drop the `.js` extension. The new package `exports` map resolves these paths without it. + +These deep subpaths are for `import type` only. Runtime imports should come from the package root, plus `@excalidraw/excalidraw/index.css` for styles. + +For example: + +```ts +import { exportToSvg } from "@excalidraw/excalidraw"; +``` + +## Self-hosting fonts + +By default, Excalidraw downloads the fonts it needs from the [CDN](https://esm.run/@excalidraw/excalidraw/dist/prod). + +For self-hosting, copy the contents of `node_modules/@excalidraw/excalidraw/dist/prod/fonts` into the path where your app serves static assets, for example `public/`. Then set `window.EXCALIDRAW_ASSET_PATH` to that same path: + +```html + +``` ## Demo -Go to [CodeSandbox](https://codesandbox.io/p/sandbox/github/excalidraw/excalidraw/tree/master/examples/with-script-in-browser) example. +Try the [CodeSandbox example](https://codesandbox.io/p/sandbox/github/excalidraw/excalidraw/tree/master/examples/with-script-in-browser). ## Integration -Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration). +Read the [integration docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration). ## API -Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api). +Read the [API docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api). ## Contributing -Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing). +Read the [contributing docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing). From 92d25446d62296338d2bba053b90330e4a1fb8be Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 11 Mar 2026 16:51:03 +0100 Subject: [PATCH 156/176] feat(packages/excalidraw): tweak and expose more API around state and lifecycle (#10939) --- packages/excalidraw/CHANGELOG.md | 23 +-- packages/excalidraw/components/App.tsx | 120 +++++++----- packages/excalidraw/hooks/useAppStateValue.ts | 176 ++++++++++++------ packages/excalidraw/index.tsx | 47 +++-- .../excalidraw/tests/appStateHooks.test.tsx | 111 +++++++++++ .../excalidraw/tests/packages/events.test.tsx | 16 +- packages/excalidraw/types.ts | 9 +- 7 files changed, 364 insertions(+), 138 deletions(-) create mode 100644 packages/excalidraw/tests/appStateHooks.test.tsx diff --git a/packages/excalidraw/CHANGELOG.md b/packages/excalidraw/CHANGELOG.md index 5d2fa482db..16a98243ee 100644 --- a/packages/excalidraw/CHANGELOG.md +++ b/packages/excalidraw/CHANGELOG.md @@ -18,22 +18,13 @@ Please add the latest change on the top under the correct section. ### Breaking changes - Renamed the `excalidrawAPI` prop to `onExcalidrawAPI`. + - `onExcalidrawAPI` is now called on mount (instead of during constructor), and later on unmount (with `null` value). The API may be removed altogether in the future (you can use `onMount` & `onUmount` to manage the `ExcalidrawAPI` object (e.g. to cache it to a global state), already). ### Features -- Added `onMount` and `onInitialize` props. `onMount` receives `{ excalidrawAPI, container }` once the editor root is mounted, and `onInitialize` fires once the initial scene has loaded. +- Added `ExcalidrawAPI.isDestroyed` flag. Set to `true` once the editor unmounts. Calling any `get*` method, `onStateChange`, or `onEvent` on a destroyed API instance will throw in development and `console.error` in production. The `ExcalidrawAPI` will be reset to `null` on umount, but to be extra safe, you should check `ExcalidrawAPI.isDestroyed` before calling these methods to guard against subtle race conditions in your code. - ```tsx - { - console.log(container); - excalidrawAPI.scrollToContent(); - }} - onInitialize={(api) => { - api.refresh(); - }} - /> - ``` +- Added `onMount`, `onInitialize`, and `onUnmount` props. `onMount` receives `{ excalidrawAPI, container }` once the editor root is mounted. `onInitialize` fires once the initial scene has loaded. `onUnmount` fires just before unmounting. - Same events are also accessible imperatively through `api.onEvent(...)`. @@ -41,7 +32,6 @@ Please add the latest change on the top under the correct section. { api.onEvent("editor:mount", ({ excalidrawAPI, container }) => { - excalidrawAPI.scrollToContent(); console.log(container); }); @@ -54,7 +44,9 @@ Please add the latest change on the top under the correct section. Note that in future releases, most, if not all, `excalidrawAPI.on*` subscriptions will be removed in favor of `excalidrawAPI.onEvent(name)`. -- Exported `ExcalidrawAPIProvider`, `useExcalidrawAPI`, and `useAppStateValue` from the package entrypoint. The imperative API also now exposes `onStateChange`. +- Also added `"editor:unmount"` lifecycle event, only accessible via `api.onEvent("editor:unmount")`. + +- Exported ``, `useExcalidrawAPI()`, `useAppStateValue(prop | props | selectorFunction)`, and `useOnExcalidrawStateChange(prop | props | selectorFunction, callback)` from the package. The imperative API also now exposes `onStateChange(prop | props | selectorFunction, callback?)`, and `onEvent(name, callback)`. ```tsx @@ -63,6 +55,9 @@ Please add the latest change on the top under the correct section. ; function Logger() { + // initially null before the ExcalidrawAPIProvider initializes ater + // renders + // When unmounts, is reset back to null const api = useExcalidrawAPI(); useAppStateValue("viewModeEnabled", (viewModeEnabled) => { diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 09f059d2ab..4ee4141cd0 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -517,6 +517,7 @@ EditorInterfaceContext.displayName = "EditorInterfaceContext"; const editorLifecycleEventBehavior = { "editor:mount": { cardinality: "once", replay: "last" }, "editor:initialize": { cardinality: "once", replay: "last" }, + "editor:unmount": { cardinality: "once", replay: "last" }, } as const; export const ExcalidrawContainerContext = React.createContext<{ @@ -556,7 +557,7 @@ export const ExcalidrawAPIContext = ExcalidrawAPIContext.displayName = "ExcalidrawAPIContext"; export const ExcalidrawAPISetContext = React.createContext< - ((api: ExcalidrawImperativeAPI) => void) | null + ((api: ExcalidrawImperativeAPI | null) => void) | null >(null); ExcalidrawAPISetContext.displayName = "ExcalidrawAPISetContext"; @@ -731,6 +732,50 @@ class App extends React.Component { api: ExcalidrawImperativeAPI; + private createExcalidrawAPI(): ExcalidrawImperativeAPI { + const api: ExcalidrawImperativeAPI = { + isDestroyed: false, + updateScene: this.updateScene, + applyDeltas: this.applyDeltas, + mutateElement: this.mutateElement, + updateLibrary: this.library.updateLibrary, + addFiles: this.addFiles, + resetScene: this.resetScene, + getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted, + getSceneElementsMapIncludingDeleted: + this.getSceneElementsMapIncludingDeleted, + history: { + clear: this.resetHistory, + }, + scrollToContent: this.scrollToContent, + getSceneElements: this.getSceneElements, + getAppState: () => this.state, + getFiles: () => this.files, + getName: this.getName, + registerAction: (action: Action) => { + this.actionManager.registerAction(action); + }, + refresh: this.refresh, + setToast: this.setToast, + id: this.id, + setActiveTool: this.setActiveTool, + setCursor: this.setCursor, + resetCursor: this.resetCursor, + getEditorInterface: () => this.editorInterface, + updateFrameRendering: this.updateFrameRendering, + toggleSidebar: this.toggleSidebar, + onChange: (cb) => this.onChangeEmitter.on(cb), + onIncrement: (cb) => this.store.onStoreIncrementEmitter.on(cb), + onPointerDown: (cb) => this.onPointerDownEmitter.on(cb), + onPointerUp: (cb) => this.onPointerUpEmitter.on(cb), + onScrollChange: (cb) => this.onScrollChangeEmitter.on(cb), + onUserFollow: (cb) => this.onUserFollowEmitter.on(cb), + onStateChange: this.onStateChange, + onEvent: this.onEvent, + }; + return api; + } + constructor(props: AppProps) { super(props); const defaultAppState = getDefaultAppState(); @@ -791,47 +836,11 @@ class App extends React.Component { this.actionManager.registerAction(createUndoAction(this.history)); this.actionManager.registerAction(createRedoAction(this.history)); - this.api = { - updateScene: this.updateScene, - applyDeltas: this.applyDeltas, - mutateElement: this.mutateElement, - updateLibrary: this.library.updateLibrary, - addFiles: this.addFiles, - resetScene: this.resetScene, - getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted, - getSceneElementsMapIncludingDeleted: - this.getSceneElementsMapIncludingDeleted, - history: { - clear: this.resetHistory, - }, - scrollToContent: this.scrollToContent, - getSceneElements: this.getSceneElements, - getAppState: () => this.state, - getFiles: () => this.files, - getName: this.getName, - registerAction: (action: Action) => { - this.actionManager.registerAction(action); - }, - refresh: this.refresh, - setToast: this.setToast, - id: this.id, - setActiveTool: this.setActiveTool, - setCursor: this.setCursor, - resetCursor: this.resetCursor, - getEditorInterface: () => this.editorInterface, - updateFrameRendering: this.updateFrameRendering, - toggleSidebar: this.toggleSidebar, - onChange: (cb) => this.onChangeEmitter.on(cb), - onIncrement: (cb) => this.store.onStoreIncrementEmitter.on(cb), - onPointerDown: (cb) => this.onPointerDownEmitter.on(cb), - onPointerUp: (cb) => this.onPointerUpEmitter.on(cb), - onScrollChange: (cb) => this.onScrollChangeEmitter.on(cb), - onUserFollow: (cb) => this.onUserFollowEmitter.on(cb), - onStateChange: this.onStateChange, - onEvent: this.onEvent, - } as const; - - props.onExcalidrawAPI?.(this.api); + // in case internal editor APIs call this early, otherwise we need + // to construct this in componentDidMount because componentWillUnmount + // will invalidate it (so in StrictMode, doing this in constructor alone + // would be a problem) + this.api = this.createExcalidrawAPI(); } updateEditorAtom = ( @@ -3003,6 +3012,8 @@ class App extends React.Component { public async componentDidMount() { this.unmounted = false; + this.api = this.createExcalidrawAPI(); + this.excalidrawContainerValue.container = this.excalidrawContainerRef.current; @@ -3089,10 +3100,35 @@ class App extends React.Component { this.editorLifecycleEvents.emit("editor:mount", mountPayload); this.props.onMount?.(mountPayload); + this.props.onExcalidrawAPI?.(this.api); } public componentWillUnmount() { + // we're recreating the api object reference so that the + // picks up on it + this.api = { ...this.api, isDestroyed: true }; + + for (const key of Object.keys(this.api) as (keyof typeof this.api)[]) { + if ( + (key.startsWith("get") || + key === "onStateChange" || + key === "onEvent") && + typeof this.api[key] === "function" + ) { + (this.api as any)[key] = () => { + throw new Error( + "ExcalidrawAPI is no longer usable after the editor has been unmounted and will return invalid/empty data. You should check for `ExcalidrawAPI.isDestroyed` before calling get* methods on subscribing to state/event changes.", + ); + }; + } + } + + this.editorLifecycleEvents.emit("editor:unmount"); + this.props.onUnmount?.(); + this.props.onExcalidrawAPI?.(null); + (window as any).launchQueue?.setConsumer(() => {}); + this.renderer.destroy(); this.scene.destroy(); this.scene = new Scene(); diff --git a/packages/excalidraw/hooks/useAppStateValue.ts b/packages/excalidraw/hooks/useAppStateValue.ts index 2f4750a564..12ca1b5b92 100644 --- a/packages/excalidraw/hooks/useAppStateValue.ts +++ b/packages/excalidraw/hooks/useAppStateValue.ts @@ -6,6 +6,51 @@ import { getDefaultAppState } from "../appState"; import type { AppState } from "../types"; +type AppStateSelector = + | keyof AppState + | (keyof AppState)[] + | ((appState: AppState) => unknown); + +const getSelectedValue = (appState: AppState, selector: AppStateSelector) => { + if (typeof selector === "function") { + return selector(appState); + } + if (Array.isArray(selector)) { + return appState; + } + return appState[selector]; +}; + +const getLatestValue = ( + api: ReturnType, + selector: AppStateSelector, + _internal: boolean, +) => { + if (api?.isDestroyed) { + return; + } + + let appState = api?.getAppState(); + if (!appState) { + if (!_internal) { + return undefined; + } + + console.warn( + "useAppStateValue: excalidrawAPI not defined yet for internal component while it should always be defined. Are you sure you're rendering inside of component tree?", + ); + // fall back in case there's a bug so we don't break the app + // (internal components using this internal useAppStateValue expect + // non-undefined values on init) + appState = Object.assign( + { width: 0, height: 0, offsetLeft: 0, offsetTop: 0 }, + getDefaultAppState(), + ); + } + + return getSelectedValue(appState, selector); +}; + /** * Subscribes to specific appState changes. The component re-renders * only when the specified prop(s) change — not on every appState update. @@ -19,92 +64,109 @@ import type { AppState } from "../types"; * - `(keyof AppState)[]` → whole `AppState` * - selector function → selector's return type `T` * - * Calls the optional callback with the latest value on every change (not called - * on initial render). - * * If excalidrawAPI is not ready yet (host apps), hook is rerendered with latest * value once available. */ export function useAppStateValue( prop: K, - callback?: (value: AppState[K], appState: AppState) => void, _internal?: boolean, ): AppState[K]; export function useAppStateValue( props: (keyof AppState)[], - callback?: (props: AppState, appState: AppState) => void, _internal?: boolean, ): AppState; export function useAppStateValue( selector: (appState: AppState) => T, - callback?: (value: T, appState: AppState) => void, _internal?: boolean, ): T; export function useAppStateValue( - selector: - | keyof AppState - | (keyof AppState)[] - | ((appState: AppState) => unknown), - callback?: (value: any, appState: AppState) => void, + selector: AppStateSelector, _internal: boolean = true, ): unknown { const api = useExcalidrawAPI(); + const [, rerender] = useState(0); - const getLatestValue = () => { - let appState = api?.getAppState(); - if (!appState) { - if (!_internal) { - return undefined; - } - console.warn( - "useAppStateValue: excalidrawAPI not defined yet for internal component in which case it should always be defined. Are you sure you're rendering inside of component tree?", - ); - // fall back in case there's a bug so we don't break the app - // (internal components using this internal useAppStateValue expect - // non-undefined values on init) - appState = Object.assign( - { width: 0, height: 0, offsetLeft: 0, offsetTop: 0 }, - getDefaultAppState(), - ); - } - if (typeof selector === "function") { - return selector(appState); - } - if (Array.isArray(selector)) { - return appState; - } - return appState[selector]; - }; - - const [value, setValue] = useState(getLatestValue); - - const stateRef = useRef({ - selector, - callback, - isInitialized: !!api, - latestValue: value, - }); + const stateRef = useRef<{ + selector: AppStateSelector; + isInitialized: boolean; + latestValue: unknown; + } | null>(null); + if (!stateRef.current) { + stateRef.current = { + selector, + isInitialized: !!api, + latestValue: getLatestValue(api, selector, _internal), + }; + } stateRef.current.selector = selector; - stateRef.current.callback = callback; - if (!stateRef.current.isInitialized && api) { + if (!stateRef.current.isInitialized && api && !api.isDestroyed) { stateRef.current.isInitialized = true; - stateRef.current.latestValue = getLatestValue(); + stateRef.current.latestValue = getLatestValue(api, selector, _internal); } useEffect(() => { - if (!api) { + const currentStateRef = stateRef.current; + if (!api || api.isDestroyed || !currentStateRef) { return; } - return api.onStateChange( - stateRef.current.selector, - (newValue: any, state: AppState) => { - stateRef.current.latestValue = newValue; - stateRef.current.callback?.(newValue, state); - setValue(newValue); - }, - ); + return api.onStateChange(currentStateRef.selector, (newValue: any) => { + currentStateRef.latestValue = newValue; + rerender((value) => value + 1); + }); }, [api]); return stateRef.current.latestValue; } + +/** + * Subscribes to specific appState changes without causing component rerenders. + * + * The callback is called on every matching change, but also on initial render + * so you can initialize your state. + */ +export function useOnAppStateChange( + prop: K, + callback: (value: AppState[K], appState: AppState) => void, +): undefined; +export function useOnAppStateChange( + props: (keyof AppState)[], + callback: (props: AppState, appState: AppState) => void, +): undefined; +export function useOnAppStateChange( + selector: (appState: AppState) => T, + callback: (value: T, appState: AppState) => void, +): undefined; +export function useOnAppStateChange( + selector: AppStateSelector, + callback: (value: any, appState: AppState) => void, +): undefined { + const api = useExcalidrawAPI(); + + const stateRef = useRef({ + selector, + callback, + }); + stateRef.current.selector = selector; + stateRef.current.callback = callback; + + useEffect(() => { + if (!api || api.isDestroyed) { + return; + } + + stateRef.current.callback( + getLatestValue(api, stateRef.current.selector, true), + api.getAppState(), + ); + + return api.onStateChange( + stateRef.current.selector, + (newValue: any, state: AppState) => { + stateRef.current.callback(newValue, state); + }, + ); + }, [api]); + + return undefined; +} diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 7671951c0e..7ced19a337 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -1,4 +1,10 @@ -import React, { useCallback, useContext, useEffect, useState } from "react"; +import React, { + useCallback, + useContext, + useEffect, + useRef, + useState, +} from "react"; import { DEFAULT_UI_OPTIONS, isShallowEqual } from "@excalidraw/common"; @@ -12,7 +18,10 @@ import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollab import MainMenu from "./components/main-menu/MainMenu"; import WelcomeScreen from "./components/welcome-screen/WelcomeScreen"; import { defaultLang } from "./i18n"; -import { useAppStateValue as _useAppStateValue } from "./hooks/useAppStateValue"; +import { + useAppStateValue as _useAppStateValue, + useOnAppStateChange as _useOnAppStateChange, +} from "./hooks/useAppStateValue"; import { EditorJotaiProvider, editorJotaiStore } from "./editor-jotai"; import polyfill from "./polyfill"; @@ -31,8 +40,8 @@ polyfill(); /** * Stateless provider that allows `useExcalidrawAPI()` (and hooks built - * on it, such as `useAppStateValue()`) to work outside the - * component tree. + * on it, such as `useAppStateValue()` and `useOnAppStateChange()`) to work + * outside the component tree. */ export const ExcalidrawAPIProvider = ({ children, @@ -57,6 +66,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { initialData, onExcalidrawAPI, onMount, + onUnmount, onInitialize, isCollaborating = false, onPointerUpdate, @@ -119,12 +129,16 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { } const setExcalidrawAPI = useContext(ExcalidrawAPISetContext); + + const onExcalidrawAPIRef = useRef(onExcalidrawAPI); + onExcalidrawAPIRef.current = onExcalidrawAPI; + const handleExcalidrawAPI = useCallback( - (api: ExcalidrawImperativeAPI) => { + (api: ExcalidrawImperativeAPI | null) => { setExcalidrawAPI?.(api); - onExcalidrawAPI?.(api); + onExcalidrawAPIRef.current?.(api); }, - [onExcalidrawAPI, setExcalidrawAPI], + [setExcalidrawAPI], ); useEffect(() => { @@ -162,6 +176,7 @@ const ExcalidrawBase = (props: ExcalidrawProps) => { initialData={initialData} onExcalidrawAPI={handleExcalidrawAPI} onMount={onMount} + onUnmount={onUnmount} onInitialize={onInitialize} isCollaborating={isCollaborating} onPointerUpdate={onPointerUpdate} @@ -378,7 +393,7 @@ export { } from "./charts"; // ----------------------------------------------------------------------------- -// useAppStateValue() wrapper for host apps for the return type to reflect the +// useExcalidrawStateValue() wrapper for host apps for the return type to reflect the // the potentially `undefined` value for initial render before the excalidrawAPI // is ready. // @@ -388,25 +403,23 @@ export { * @param prop - appState prop(s) to subscribe to, or a selector function. * NOTE `prop/selector` is memoized and will not change after initial render */ -export function useAppStateValue( +export function useExcalidrawStateValue( prop: K, - callback?: (value: AppState[K], appState: AppState) => void, ): AppState[K] | undefined; -export function useAppStateValue( +export function useExcalidrawStateValue( props: T[], - callback?: (values: AppState, appState: AppState) => void, ): AppState | undefined; -export function useAppStateValue( +export function useExcalidrawStateValue( selector: (appState: AppState) => T, - callback?: (value: T, appState: AppState) => void, ): T | undefined; -export function useAppStateValue( +export function useExcalidrawStateValue( selector: | keyof AppState | (keyof AppState)[] | ((appState: AppState) => unknown), - callback?: (value: any, appState: AppState) => void, ) { - return _useAppStateValue(selector as any, callback, false); + return _useAppStateValue(selector as any, false); } // ----------------------------------------------------------------------------- + +export { _useOnAppStateChange as useOnExcalidrawStateChange }; diff --git a/packages/excalidraw/tests/appStateHooks.test.tsx b/packages/excalidraw/tests/appStateHooks.test.tsx new file mode 100644 index 0000000000..41f1fbba2b --- /dev/null +++ b/packages/excalidraw/tests/appStateHooks.test.tsx @@ -0,0 +1,111 @@ +import { act, cleanup, render, screen } from "@testing-library/react"; +import { vi } from "vitest"; + +import { getDefaultAppState } from "../appState"; +import { ExcalidrawAPIContext } from "../components/App"; +import { AppStateObserver } from "../components/AppStateObserver"; +import { + useAppStateValue, + useOnAppStateChange, +} from "../hooks/useAppStateValue"; + +import type { AppState, ExcalidrawImperativeAPI } from "../types"; + +const createAppState = (): AppState => ({ + ...getDefaultAppState(), + width: 0, + height: 0, + offsetLeft: 0, + offsetTop: 0, +}); + +const createMockAPI = (initialState: AppState) => { + let state = initialState; + const observer = new AppStateObserver(() => state); + + return { + api: { + isDestroyed: false, + getAppState: () => state, + onStateChange: observer.onStateChange, + } as Pick< + ExcalidrawImperativeAPI, + "isDestroyed" | "getAppState" | "onStateChange" + > as ExcalidrawImperativeAPI, + updateAppState: (partial: Partial) => { + const prevState = state; + state = { ...state, ...partial }; + observer.flush(prevState); + }, + }; +}; + +describe("app state hooks", () => { + afterEach(() => { + cleanup(); + }); + + it("useAppStateValue rerenders when the selected value changes", () => { + const renderSpy = vi.fn(); + const { api, updateAppState } = createMockAPI(createAppState()); + + const ValueConsumer = () => { + const value = useAppStateValue("viewModeEnabled"); + renderSpy(value); + return
{String(value)}
; + }; + + render( + + + , + ); + + expect(screen.getByTestId("value").textContent).toBe("false"); + expect(renderSpy).toHaveBeenCalledTimes(1); + + act(() => { + updateAppState({ viewModeEnabled: true }); + }); + + expect(screen.getByTestId("value").textContent).toBe("true"); + expect(renderSpy).toHaveBeenCalledTimes(2); + }); + + it("useOnAppStateChange notifies without rerendering", () => { + const renderSpy = vi.fn(); + const callback = vi.fn(); + const { api, updateAppState } = createMockAPI(createAppState()); + + const ChangeConsumer = () => { + const value = useOnAppStateChange("viewModeEnabled", callback); + renderSpy(value); + return
{String(value)}
; + }; + + render( + + + , + ); + + expect(screen.getByTestId("value").textContent).toBe("undefined"); + expect(renderSpy).toHaveBeenCalledTimes(1); + expect(callback).toHaveBeenCalledTimes(1); + expect(callback).toHaveBeenCalledWith( + false, + expect.objectContaining({ viewModeEnabled: false }), + ); + + act(() => { + updateAppState({ viewModeEnabled: true }); + }); + + expect(renderSpy).toHaveBeenCalledTimes(1); + expect(callback).toHaveBeenCalledTimes(2); + expect(callback).toHaveBeenLastCalledWith( + true, + expect.objectContaining({ viewModeEnabled: true }), + ); + }); +}); diff --git a/packages/excalidraw/tests/packages/events.test.tsx b/packages/excalidraw/tests/packages/events.test.tsx index f30c8b092c..17107decad 100644 --- a/packages/excalidraw/tests/packages/events.test.tsx +++ b/packages/excalidraw/tests/packages/events.test.tsx @@ -41,13 +41,15 @@ describe("event callbacks", () => { await render( - lifecyclePromise.resolve({ - api: api as ExcalidrawImperativeAPI, - mount: api.onEvent("editor:mount"), - initialize: api.onEvent("editor:initialize"), - }) - } + onExcalidrawAPI={(api) => { + if (api) { + lifecyclePromise.resolve({ + api, + mount: api.onEvent("editor:mount"), + initialize: api.onEvent("editor:initialize"), + }); + } + }} />, ); diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index b1005d3dcd..63397ea488 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -573,11 +573,15 @@ export interface ExcalidrawProps { * Invoked as soon as the Excalidraw API is available * NOTE editor is not yet mounted, and state is not yet initialized */ - onExcalidrawAPI?: (api: ExcalidrawImperativeAPI) => void; + onExcalidrawAPI?: (api: ExcalidrawImperativeAPI | null) => void; /** * Invoked once the editor root is mounted. */ onMount?: (payload: ExcalidrawMountPayload) => void; + /** + * Invoked when the editor root is unmounted. + */ + onUnmount?: () => void; /** * Invoked once the initial scene is loaded. */ @@ -907,9 +911,12 @@ export type ExcalidrawMountPayload = { export type ExcalidrawImperativeAPIEventMap = { "editor:mount": [payload: ExcalidrawMountPayload]; "editor:initialize": [api: ExcalidrawImperativeAPI]; + "editor:unmount": []; }; export interface ExcalidrawImperativeAPI { + /** Whether the editor has been unmounted and the API is no longer usable. */ + isDestroyed: boolean; updateScene: InstanceType["updateScene"]; applyDeltas: InstanceType["applyDeltas"]; mutateElement: InstanceType["mutateElement"]; From 816c81c12e41537373193140c1858fc10a871dae Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 11 Mar 2026 22:00:31 +0100 Subject: [PATCH 157/176] feat(editor): ERD arrowheads and diagrams (#10940) --- .../api/excalidraw-element-skeleton.mdx | 2 +- packages/element/src/arrowheads.ts | 32 ++ packages/element/src/bounds.ts | 65 ++-- packages/element/src/index.ts | 1 + packages/element/src/shape.ts | 309 +++++++++++++----- packages/element/src/types.ts | 21 +- packages/excalidraw/actions/actionExport.tsx | 2 +- .../excalidraw/actions/actionProperties.tsx | 216 +++++++----- packages/excalidraw/components/App.tsx | 2 +- .../excalidraw/components/IconPicker.scss | 17 +- packages/excalidraw/components/IconPicker.tsx | 227 +++++++++---- .../TTDDialog/MermaidToExcalidraw.tsx | 31 +- .../excalidraw/components/TTDDialog/common.ts | 2 +- packages/excalidraw/components/icons.tsx | 211 +++++++----- packages/excalidraw/css/theme.scss | 10 +- packages/excalidraw/data/restore.ts | 10 +- packages/excalidraw/locales/en.json | 11 +- packages/excalidraw/package.json | 2 +- .../MermaidToExcalidraw.test.tsx.snap | 2 +- .../excalidraw/tests/data/restore.test.ts | 20 ++ yarn.lock | 8 +- 21 files changed, 834 insertions(+), 367 deletions(-) create mode 100644 packages/element/src/arrowheads.ts diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/excalidraw-element-skeleton.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/excalidraw-element-skeleton.mdx index b633236aad..e1dd071eac 100644 --- a/dev-docs/docs/@excalidraw/excalidraw/api/excalidraw-element-skeleton.mdx +++ b/dev-docs/docs/@excalidraw/excalidraw/api/excalidraw-element-skeleton.mdx @@ -172,7 +172,7 @@ convertToExcalidrawElements([ type: "arrow", x: 450, y: 20, - startArrowhead: "dot", + startArrowhead: "circle", endArrowhead: "triangle", strokeColor: "#1971c2", strokeWidth: 2, diff --git a/packages/element/src/arrowheads.ts b/packages/element/src/arrowheads.ts new file mode 100644 index 0000000000..7e76b2b3bf --- /dev/null +++ b/packages/element/src/arrowheads.ts @@ -0,0 +1,32 @@ +import type { Arrowhead, AnyArrowhead } from "./types"; + +export const normalizeArrowhead = ( + arrowhead: AnyArrowhead | null | undefined, +): Arrowhead | null => { + switch (arrowhead) { + case undefined: + case null: + return null; + case "dot": + return "circle"; + case "crowfoot_one": + return "cardinality_one"; + case "crowfoot_many": + return "cardinality_many"; + case "crowfoot_one_or_many": + return "cardinality_one_or_many"; + default: + return arrowhead; + } +}; + +export const getArrowheadForPicker = ( + arrowhead: AnyArrowhead | null | undefined, +): Arrowhead | null => { + const normalizedArrowhead = normalizeArrowhead(arrowhead); + if (normalizedArrowhead === null) { + return null; + } + + return normalizedArrowhead; +}; diff --git a/packages/element/src/bounds.ts b/packages/element/src/bounds.ts index 0daa80f15d..a73a7d28bb 100644 --- a/packages/element/src/bounds.ts +++ b/packages/element/src/bounds.ts @@ -709,6 +709,9 @@ const getFreeDrawElementAbsoluteCoords = ( return [x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2]; }; +const CARDINALITY_MARKER_SIZE = 20; +const CROWFOOT_ARROWHEAD_SIZE = 15; + /** @returns number in pixels */ export const getArrowheadSize = (arrowhead: Arrowhead): number => { switch (arrowhead) { @@ -717,10 +720,14 @@ export const getArrowheadSize = (arrowhead: Arrowhead): number => { case "diamond": case "diamond_outline": return 12; - case "crowfoot_many": - case "crowfoot_one": - case "crowfoot_one_or_many": - return 20; + case "cardinality_many": + case "cardinality_one_or_many": + case "cardinality_zero_or_many": + return CROWFOOT_ARROWHEAD_SIZE; + case "cardinality_one": + case "cardinality_exactly_one": + case "cardinality_zero_or_one": + return CARDINALITY_MARKER_SIZE; default: return 15; } @@ -743,7 +750,12 @@ export const getArrowheadPoints = ( shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead, + offsetMultiplier = 0, ) => { + if (arrowhead === null) { + return null; + } + if (shape.length < 1) { return null; } @@ -824,29 +836,30 @@ export const getArrowheadPoints = ( const lengthMultiplier = arrowhead === "diamond" || arrowhead === "diamond_outline" ? 0.25 : 0.5; const minSize = Math.min(size, length * lengthMultiplier); - const xs = x2 - nx * minSize; - const ys = y2 - ny * minSize; + const tx = x2 - nx * minSize * offsetMultiplier; + const ty = y2 - ny * minSize * offsetMultiplier; + const xs = tx - nx * minSize; + const ys = ty - ny * minSize; - if ( - arrowhead === "dot" || - arrowhead === "circle" || - arrowhead === "circle_outline" - ) { - const diameter = Math.hypot(ys - y2, xs - x2) + element.strokeWidth - 2; - return [x2, y2, diameter]; + if (arrowhead === "circle" || arrowhead === "circle_outline") { + const diameter = Math.hypot(ys - ty, xs - tx) + element.strokeWidth - 2; + return [tx, ty, diameter]; } const angle = getArrowheadAngle(arrowhead); - if (arrowhead === "crowfoot_many" || arrowhead === "crowfoot_one_or_many") { + if ( + arrowhead === "cardinality_many" || + arrowhead === "cardinality_one_or_many" + ) { // swap (xs, ys) with (x2, y2) const [x3, y3] = pointRotateRads( - pointFrom(x2, y2), + pointFrom(tx, ty), pointFrom(xs, ys), degreesToRadians(-angle as Degrees), ); const [x4, y4] = pointRotateRads( - pointFrom(x2, y2), + pointFrom(tx, ty), pointFrom(xs, ys), degreesToRadians(angle), ); @@ -856,12 +869,12 @@ export const getArrowheadPoints = ( // Return points const [x3, y3] = pointRotateRads( pointFrom(xs, ys), - pointFrom(x2, y2), + pointFrom(tx, ty), ((-angle * Math.PI) / 180) as Radians, ); const [x4, y4] = pointRotateRads( pointFrom(xs, ys), - pointFrom(x2, y2), + pointFrom(tx, ty), degreesToRadians(angle), ); @@ -874,9 +887,9 @@ export const getArrowheadPoints = ( const [px, py] = element.points.length > 1 ? element.points[1] : [0, 0]; [ox, oy] = pointRotateRads( - pointFrom(x2 + minSize * 2, y2), - pointFrom(x2, y2), - Math.atan2(py - y2, px - x2) as Radians, + pointFrom(tx + minSize * 2, ty), + pointFrom(tx, ty), + Math.atan2(py - ty, px - tx) as Radians, ); } else { const [px, py] = @@ -885,16 +898,16 @@ export const getArrowheadPoints = ( : [0, 0]; [ox, oy] = pointRotateRads( - pointFrom(x2 - minSize * 2, y2), - pointFrom(x2, y2), - Math.atan2(y2 - py, x2 - px) as Radians, + pointFrom(tx - minSize * 2, ty), + pointFrom(tx, ty), + Math.atan2(ty - py, tx - px) as Radians, ); } - return [x2, y2, x3, y3, ox, oy, x4, y4]; + return [tx, ty, x3, y3, ox, oy, x4, y4]; } - return [x2, y2, x3, y3, x4, y4]; + return [tx, ty, x3, y3, x4, y4]; }; // TODO reuse shape.ts diff --git a/packages/element/src/index.ts b/packages/element/src/index.ts index 1ca1c1a289..c55537d451 100644 --- a/packages/element/src/index.ts +++ b/packages/element/src/index.ts @@ -99,3 +99,4 @@ export * from "./typeChecks"; export * from "./utils"; export * from "./zindex"; export * from "./arrows/helpers"; +export * from "./arrowheads"; diff --git a/packages/element/src/shape.ts b/packages/element/src/shape.ts index 176455bdf9..9bef1329af 100644 --- a/packages/element/src/shape.ts +++ b/packages/element/src/shape.ts @@ -69,10 +69,10 @@ import type { NonDeletedExcalidrawElement, ExcalidrawSelectionElement, ExcalidrawLinearElement, - Arrowhead, ExcalidrawFreeDrawElement, ElementsMap, ExcalidrawLineElement, + Arrowhead, } from "./types"; import type { Drawable, Options } from "roughjs/bin/core"; @@ -296,6 +296,82 @@ const modifyIframeLikeForRoughOptions = ( return element; }; +const generateArrowheadCardinalityOne = ( + generator: RoughGenerator, + arrowheadPoints: number[] | null, + lineOptions: Options, +) => { + if (arrowheadPoints === null) { + return []; + } + + const [, , x3, y3, x4, y4] = arrowheadPoints; + + return [generator.line(x3, y3, x4, y4, lineOptions)]; +}; + +const generateArrowheadLinesToTip = ( + generator: RoughGenerator, + arrowheadPoints: number[] | null, + lineOptions: Options, +) => { + if (arrowheadPoints === null) { + return []; + } + + const [x2, y2, x3, y3, x4, y4] = arrowheadPoints; + + return [ + generator.line(x3, y3, x2, y2, lineOptions), + generator.line(x4, y4, x2, y2, lineOptions), + ]; +}; + +const getArrowheadLineOptions = ( + element: ExcalidrawLinearElement, + options: Options, +) => { + const lineOptions = { ...options }; + + if (element.strokeStyle === "dotted") { + // for dotted arrows caps, reduce gap to make it more legible + const dash = getDashArrayDotted(element.strokeWidth - 1); + lineOptions.strokeLineDash = [dash[0], dash[1] - 1]; + } else { + // for solid/dashed, keep solid arrow cap + delete lineOptions.strokeLineDash; + } + lineOptions.roughness = Math.min(1, lineOptions.roughness || 0); + + return lineOptions; +}; + +const generateArrowheadOutlineCircle = ( + generator: RoughGenerator, + options: Options, + strokeColor: string, + arrowheadPoints: number[] | null, + fill: string, + diameterScale = 1, +) => { + if (arrowheadPoints === null) { + return []; + } + + const [x, y, diameter] = arrowheadPoints; + const circleOptions = { + ...options, + fill, + fillStyle: "solid" as const, + stroke: strokeColor, + roughness: Math.min(0.5, options.roughness || 0), + }; + + delete circleOptions.strokeLineDash; + + return [generator.circle(x, y, diameter * diameterScale, circleOptions)]; +}; + const getArrowheadShapes = ( element: ExcalidrawLinearElement, shape: Drawable[], @@ -306,63 +382,54 @@ const getArrowheadShapes = ( canvasBackgroundColor: string, isDarkMode: boolean, ) => { - const arrowheadPoints = getArrowheadPoints( - element, - shape, - position, - arrowhead, - ); - - if (arrowheadPoints === null) { + if (arrowhead === null) { return []; } - const generateCrowfootOne = ( - arrowheadPoints: number[] | null, - options: Options, - ) => { - if (arrowheadPoints === null) { - return []; - } - - const [, , x3, y3, x4, y4] = arrowheadPoints; - - return [generator.line(x3, y3, x4, y4, options)]; - }; - const strokeColor = isDarkMode ? applyDarkModeFilter(element.strokeColor) : element.strokeColor; + const backgroundFillColor = isDarkMode + ? applyDarkModeFilter(canvasBackgroundColor) + : canvasBackgroundColor; + const cardinalityOneOrManyOffset = -0.25; + const cardinalityZeroCircleScale = 0.8; switch (arrowhead) { - case "dot": case "circle": case "circle_outline": { - const [x, y, diameter] = arrowheadPoints; - - // always use solid stroke for arrowhead - delete options.strokeLineDash; - - return [ - generator.circle(x, y, diameter, { - ...options, - fill: - arrowhead === "circle_outline" - ? canvasBackgroundColor - : strokeColor, - - fillStyle: "solid", - stroke: strokeColor, - roughness: Math.min(0.5, options.roughness || 0), - }), - ]; + return generateArrowheadOutlineCircle( + generator, + options, + strokeColor, + getArrowheadPoints(element, shape, position, arrowhead), + arrowhead === "circle_outline" ? backgroundFillColor : strokeColor, + ); } case "triangle": case "triangle_outline": { + const arrowheadPoints = getArrowheadPoints( + element, + shape, + position, + arrowhead, + ); + + if (arrowheadPoints === null) { + return []; + } + const [x, y, x2, y2, x3, y3] = arrowheadPoints; + const triangleOptions = { + ...options, + fill: + arrowhead === "triangle_outline" ? backgroundFillColor : strokeColor, + fillStyle: "solid" as const, + roughness: Math.min(1, options.roughness || 0), + }; // always use solid stroke for arrowhead - delete options.strokeLineDash; + delete triangleOptions.strokeLineDash; return [ generator.polygon( @@ -372,24 +439,34 @@ const getArrowheadShapes = ( [x3, y3], [x, y], ], - { - ...options, - fill: - arrowhead === "triangle_outline" - ? canvasBackgroundColor - : strokeColor, - fillStyle: "solid", - roughness: Math.min(1, options.roughness || 0), - }, + triangleOptions, ), ]; } case "diamond": case "diamond_outline": { + const arrowheadPoints = getArrowheadPoints( + element, + shape, + position, + arrowhead, + ); + + if (arrowheadPoints === null) { + return []; + } + const [x, y, x2, y2, x3, y3, x4, y4] = arrowheadPoints; + const diamondOptions = { + ...options, + fill: + arrowhead === "diamond_outline" ? backgroundFillColor : strokeColor, + fillStyle: "solid" as const, + roughness: Math.min(1, options.roughness || 0), + }; // always use solid stroke for arrowhead - delete options.strokeLineDash; + delete diamondOptions.strokeLineDash; return [ generator.polygon( @@ -400,46 +477,106 @@ const getArrowheadShapes = ( [x4, y4], [x, y], ], - { - ...options, - fill: - arrowhead === "diamond_outline" - ? canvasBackgroundColor - : strokeColor, - fillStyle: "solid", - roughness: Math.min(1, options.roughness || 0), - }, + diamondOptions, + ), + ]; + } + case "cardinality_one": + return generateArrowheadCardinalityOne( + generator, + getArrowheadPoints(element, shape, position, arrowhead), + getArrowheadLineOptions(element, options), + ); + case "cardinality_many": + return generateArrowheadLinesToTip( + generator, + getArrowheadPoints(element, shape, position, arrowhead), + getArrowheadLineOptions(element, options), + ); + case "cardinality_one_or_many": { + const lineOptions = getArrowheadLineOptions(element, options); + + return [ + ...generateArrowheadLinesToTip( + generator, + getArrowheadPoints(element, shape, position, "cardinality_many"), + lineOptions, + ), + ...generateArrowheadCardinalityOne( + generator, + getArrowheadPoints( + element, + shape, + position, + "cardinality_one", + cardinalityOneOrManyOffset, + ), + lineOptions, + ), + ]; + } + case "cardinality_exactly_one": { + const lineOptions = getArrowheadLineOptions(element, options); + + return [ + ...generateArrowheadCardinalityOne( + generator, + getArrowheadPoints(element, shape, position, "cardinality_one", -0.5), + lineOptions, + ), + ...generateArrowheadCardinalityOne( + generator, + getArrowheadPoints(element, shape, position, "cardinality_one"), + lineOptions, + ), + ]; + } + case "cardinality_zero_or_one": { + const lineOptions = getArrowheadLineOptions(element, options); + + return [ + ...generateArrowheadOutlineCircle( + generator, + options, + strokeColor, + getArrowheadPoints(element, shape, position, "circle_outline", 1.5), + backgroundFillColor, + cardinalityZeroCircleScale, + ), + ...generateArrowheadCardinalityOne( + generator, + getArrowheadPoints(element, shape, position, "cardinality_one", -0.5), + lineOptions, + ), + ]; + } + case "cardinality_zero_or_many": { + const lineOptions = getArrowheadLineOptions(element, options); + + return [ + ...generateArrowheadLinesToTip( + generator, + getArrowheadPoints(element, shape, position, "cardinality_many"), + lineOptions, + ), + ...generateArrowheadOutlineCircle( + generator, + options, + strokeColor, + getArrowheadPoints(element, shape, position, "circle_outline", 1.5), + backgroundFillColor, + cardinalityZeroCircleScale, ), ]; } - case "crowfoot_one": - return generateCrowfootOne(arrowheadPoints, options); case "bar": case "arrow": - case "crowfoot_many": - case "crowfoot_one_or_many": default: { - const [x2, y2, x3, y3, x4, y4] = arrowheadPoints; - - if (element.strokeStyle === "dotted") { - // for dotted arrows caps, reduce gap to make it more legible - const dash = getDashArrayDotted(element.strokeWidth - 1); - options.strokeLineDash = [dash[0], dash[1] - 1]; - } else { - // for solid/dashed, keep solid arrow cap - delete options.strokeLineDash; - } - options.roughness = Math.min(1, options.roughness || 0); - return [ - generator.line(x3, y3, x2, y2, options), - generator.line(x4, y4, x2, y2, options), - ...(arrowhead === "crowfoot_one_or_many" - ? generateCrowfootOne( - getArrowheadPoints(element, shape, position, "crowfoot_one"), - options, - ) - : []), - ]; + return generateArrowheadLinesToTip( + generator, + getArrowheadPoints(element, shape, position, arrowhead), + getArrowheadLineOptions(element, options), + ); } } }; diff --git a/packages/element/src/types.ts b/packages/element/src/types.ts index 58e4469706..8d280f3141 100644 --- a/packages/element/src/types.ts +++ b/packages/element/src/types.ts @@ -303,19 +303,32 @@ export type PointsPositionUpdates = Map< { point: LocalPoint; isDragging?: boolean } >; +export type CardinalityArrowhead = + | "cardinality_one" + | "cardinality_many" + | "cardinality_one_or_many" + | "cardinality_exactly_one" + | "cardinality_zero_or_one" + | "cardinality_zero_or_many"; + +export type ArrowheadLegacy = + | "dot" + | "crowfoot_one" + | "crowfoot_many" + | "crowfoot_one_or_many"; + export type Arrowhead = | "arrow" | "bar" - | "dot" // legacy. Do not use for new elements. | "circle" | "circle_outline" | "triangle" | "triangle_outline" | "diamond" | "diamond_outline" - | "crowfoot_one" - | "crowfoot_many" - | "crowfoot_one_or_many"; + | CardinalityArrowhead; + +export type AnyArrowhead = Arrowhead | ArrowheadLegacy; export type ExcalidrawLinearElement = _ExcalidrawElementBase & Readonly<{ diff --git a/packages/excalidraw/actions/actionExport.tsx b/packages/excalidraw/actions/actionExport.tsx index b7ed8974f1..dceeee0e4c 100644 --- a/packages/excalidraw/actions/actionExport.tsx +++ b/packages/excalidraw/actions/actionExport.tsx @@ -399,7 +399,7 @@ export const actionSaveFileToDisk = register({ appState: { openDialog: null, fileHandle: savedFileHandle, - toast: { message: t("toast.fileSaved") }, + toast: { message: t("toast.fileSaved"), duration: 3000 }, }, }; } catch (error: any) { diff --git a/packages/excalidraw/actions/actionProperties.tsx b/packages/excalidraw/actions/actionProperties.tsx index 93fe0ada1a..bca2237940 100644 --- a/packages/excalidraw/actions/actionProperties.tsx +++ b/packages/excalidraw/actions/actionProperties.tsx @@ -36,6 +36,7 @@ import { import { LinearElementEditor } from "@excalidraw/element"; import { newElementWith } from "@excalidraw/element"; +import { getArrowheadForPicker } from "@excalidraw/element"; import { getBoundTextElement, @@ -124,9 +125,12 @@ import { sharpArrowIcon, roundArrowIcon, elbowArrowIcon, - ArrowheadCrowfootIcon, - ArrowheadCrowfootOneIcon, - ArrowheadCrowfootOneOrManyIcon, + ArrowheadCardinalityExactlyOneIcon, + ArrowheadCardinalityManyIcon, + ArrowheadCardinalityOneIcon, + ArrowheadCardinalityOneOrManyIcon, + ArrowheadCardinalityZeroOrManyIcon, + ArrowheadCardinalityZeroOrOneIcon, } from "../components/icons"; import { Fonts } from "../fonts"; @@ -1550,80 +1554,117 @@ export const actionChangeRoundness = register<"sharp" | "round">({ }); const getArrowheadOptions = (flip: boolean) => { - return [ - { - value: null, - text: t("labels.arrowhead_none"), - keyBinding: "q", - icon: , - }, - { - value: "arrow", - text: t("labels.arrowhead_arrow"), - keyBinding: "w", - icon: , - }, - { - value: "triangle", - text: t("labels.arrowhead_triangle"), - icon: , - keyBinding: "e", - }, - { - value: "triangle_outline", - text: t("labels.arrowhead_triangle_outline"), - icon: , - keyBinding: "r", - }, - { - value: "circle", - text: t("labels.arrowhead_circle"), - keyBinding: "a", - icon: , - }, - { - value: "circle_outline", - text: t("labels.arrowhead_circle_outline"), - keyBinding: "s", - icon: , - }, - { - value: "diamond", - text: t("labels.arrowhead_diamond"), - icon: , - keyBinding: "d", - }, - { - value: "diamond_outline", - text: t("labels.arrowhead_diamond_outline"), - icon: , - keyBinding: "f", - }, - { - value: "bar", - text: t("labels.arrowhead_bar"), - keyBinding: "z", - icon: , - }, - { - value: "crowfoot_one", - text: t("labels.arrowhead_crowfoot_one"), - icon: , - keyBinding: "x", - }, - { - value: "crowfoot_many", - text: t("labels.arrowhead_crowfoot_many"), - icon: , - keyBinding: "c", - }, - { - value: "crowfoot_one_or_many", - text: t("labels.arrowhead_crowfoot_one_or_many"), - icon: , - keyBinding: "v", - }, - ] as const; + return { + visibleSections: [ + { + name: "default", + options: [ + { + value: null, + text: t("labels.arrowhead_none"), + keyBinding: "q", + icon: , + }, + { + value: "arrow", + text: t("labels.arrowhead_arrow"), + keyBinding: "w", + icon: , + }, + { + value: "triangle", + text: t("labels.arrowhead_triangle"), + icon: , + keyBinding: "e", + }, + { + value: "triangle_outline", + text: t("labels.arrowhead_triangle_outline"), + icon: , + keyBinding: "r", + }, + ], + }, + ], + hiddenSections: [ + { + name: "default", + options: [ + { + value: "circle", + text: t("labels.arrowhead_circle"), + keyBinding: "a", + icon: , + }, + { + value: "circle_outline", + text: t("labels.arrowhead_circle_outline"), + keyBinding: "s", + icon: , + }, + { + value: "diamond", + text: t("labels.arrowhead_diamond"), + icon: , + keyBinding: "d", + }, + { + value: "diamond_outline", + text: t("labels.arrowhead_diamond_outline"), + icon: , + keyBinding: "f", + }, + { + value: "bar", + text: t("labels.arrowhead_bar"), + keyBinding: "z", + icon: , + }, + ], + }, + { + name: t("labels.cardinality"), + options: [ + { + value: "cardinality_one", + text: t("labels.arrowhead_cardinality_one"), + icon: , + keyBinding: "x", + }, + { + value: "cardinality_many", + text: t("labels.arrowhead_cardinality_many"), + icon: , + keyBinding: "c", + }, + { + value: "cardinality_one_or_many", + text: t("labels.arrowhead_cardinality_one_or_many"), + icon: , + keyBinding: "v", + }, + { + value: "cardinality_exactly_one", + text: t("labels.arrowhead_cardinality_exactly_one"), + icon: , + keyBinding: null, + }, + { + value: "cardinality_zero_or_one", + text: t("labels.arrowhead_cardinality_zero_or_one"), + icon: , + keyBinding: null, + }, + { + value: "cardinality_zero_or_many", + text: t("labels.arrowhead_cardinality_zero_or_many"), + icon: , + keyBinding: null, + }, + ], + }, + ], + } as const; }; export const actionChangeArrowhead = register<{ @@ -1667,45 +1708,52 @@ export const actionChangeArrowhead = register<{ }, PanelComponent: ({ elements, appState, updateData, app }) => { const isRTL = getLanguage().rtl; + const startArrowheadOptions = useMemo( + () => getArrowheadOptions(!isRTL), + [isRTL], + ); + const endArrowheadOptions = useMemo( + () => getArrowheadOptions(!!isRTL), + [isRTL], + ); return (
{t("labels.arrowheads")}
( elements, app, (element) => isLinearElement(element) && canHaveArrowheads(element.type) - ? element.startArrowhead + ? getArrowheadForPicker(element.startArrowhead) : appState.currentItemStartArrowhead, true, (hasSelection) => hasSelection ? null : appState.currentItemStartArrowhead, )} onChange={(value) => updateData({ position: "start", type: value })} - numberOfOptionsToAlwaysShow={4} /> ( elements, app, (element) => isLinearElement(element) && canHaveArrowheads(element.type) - ? element.endArrowhead + ? getArrowheadForPicker(element.endArrowhead) : appState.currentItemEndArrowhead, true, (hasSelection) => hasSelection ? null : appState.currentItemEndArrowhead, )} onChange={(value) => updateData({ position: "end", type: value })} - numberOfOptionsToAlwaysShow={4} />
diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 4ee4141cd0..ab2f4c708c 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -3703,7 +3703,7 @@ class App extends React.Component { if (!isPlainPaste && isMaybeMermaidDefinition(data.text)) { const api = await import("@excalidraw/mermaid-to-excalidraw"); try { - const { elements: skeletonElements, files } = + const { elements: skeletonElements, files = {} } = await api.parseMermaidToExcalidraw(data.text); const elements = convertToExcalidrawElements(skeletonElements, { diff --git a/packages/excalidraw/components/IconPicker.scss b/packages/excalidraw/components/IconPicker.scss index 80413e041d..2e9493f4b3 100644 --- a/packages/excalidraw/components/IconPicker.scss +++ b/packages/excalidraw/components/IconPicker.scss @@ -6,7 +6,7 @@ padding: 0.5rem; background: var(--popup-bg-color); border: 0 solid color.adjust(#fff, $alpha: -0.75); - box-shadow: var(--shadow-island); + box-shadow: var(--shadow-island-stronger); border-radius: 4px; position: absolute; :root[dir="rtl"] & { @@ -14,6 +14,13 @@ } } + .picker-sections, + .picker-section { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .picker-container button, .picker button { position: relative; @@ -62,7 +69,13 @@ .picker-collapsible { font-size: 0.75rem; - padding: 0.5rem 0; + padding: 0; + color: var(--text-primary-color); + } + + .picker-section-label { + font-size: 0.75rem; + color: var(--text-primary-color); } .picker-keybinding { diff --git a/packages/excalidraw/components/IconPicker.tsx b/packages/excalidraw/components/IconPicker.tsx index 0d644ca7e9..ad1b86625e 100644 --- a/packages/excalidraw/components/IconPicker.tsx +++ b/packages/excalidraw/components/IconPicker.tsx @@ -1,6 +1,6 @@ import { Popover } from "radix-ui"; import clsx from "clsx"; -import React, { useEffect } from "react"; +import React, { useEffect, useMemo } from "react"; import { isArrowKey, KEYS } from "@excalidraw/common"; @@ -15,6 +15,8 @@ import "./IconPicker.scss"; import type { JSX } from "react"; const moreOptionsAtom = atom(false); +const PICKER_COLUMNS = 4; +const DEFAULT_SECTION_NAME = "default"; type Option = { value: T; @@ -23,28 +25,74 @@ type Option = { keyBinding: string | null; }; +type PickerSection = { + name: string; + options: readonly Option[]; +}; + +const flattenOptions = (sections: readonly PickerSection[]) => + sections.flatMap((section) => section.options); + +const findOption = ( + sections: readonly PickerSection[], + predicate: (option: Option) => boolean, +) => { + for (const section of sections) { + const option = section.options.find(predicate); + if (option) { + return option; + } + } + + return null; +}; + +const hasOption = ( + sections: readonly PickerSection[], + predicate: (option: Option) => boolean, +) => sections.some((section) => section.options.some(predicate)); + +const getNavigationRows = (sections: readonly PickerSection[]) => + sections.flatMap((section) => + Array.from( + { length: Math.ceil(section.options.length / PICKER_COLUMNS) }, + (_, index) => + section.options.slice( + index * PICKER_COLUMNS, + index * PICKER_COLUMNS + PICKER_COLUMNS, + ), + ), + ); + function Picker({ - options, + visibleSections, + hiddenSections = [], value, label, onChange, onClose, - numberOfOptionsToAlwaysShow = options.length, }: { label: string; value: T; - options: readonly Option[]; + visibleSections: readonly PickerSection[]; + hiddenSections?: readonly PickerSection[]; onChange: (value: T) => void; onClose: () => void; - numberOfOptionsToAlwaysShow?: number; }) { const editorInterface = useEditorInterface(); const { container } = useExcalidrawContainer(); + const [showMoreOptions, setShowMoreOptions] = useAtom(moreOptionsAtom); + const allSections = [...visibleSections, ...hiddenSections]; + const allOptions = flattenOptions(allSections); + const navigationRows = getNavigationRows([ + ...visibleSections, + ...(showMoreOptions ? hiddenSections : []), + ]); const handleKeyDown = (event: React.KeyboardEvent) => { - const pressedOption = options.find( + const pressedOption = allOptions.find( (option) => option.keyBinding === event.key.toLowerCase(), - )!; + ); if (!(event.metaKey || event.altKey || event.ctrlKey) && pressedOption) { // Keybinding navigation @@ -52,17 +100,17 @@ function Picker({ event.preventDefault(); } else if (event.key === KEYS.TAB) { - const index = options.findIndex((option) => option.value === value); + const index = allOptions.findIndex((option) => option.value === value); const nextIndex = event.shiftKey - ? (options.length + index - 1) % options.length - : (index + 1) % options.length; - onChange(options[nextIndex].value); + ? (allOptions.length + index - 1) % allOptions.length + : (index + 1) % allOptions.length; + onChange(allOptions[nextIndex].value); } else if (isArrowKey(event.key)) { // Arrow navigation const isRTL = getLanguage().rtl; - const index = options.findIndex((option) => option.value === value); + const index = allOptions.findIndex((option) => option.value === value); if (index !== -1) { - const length = options.length; + const length = allOptions.length; let nextIndex = index; switch (event.key) { @@ -76,18 +124,60 @@ function Picker({ break; // Go the next row case KEYS.ARROW_DOWN: { - nextIndex = (index + (numberOfOptionsToAlwaysShow ?? 1)) % length; + const currentRowIndex = navigationRows.findIndex((row) => + row.some((option) => option.value === value), + ); + const currentRow = navigationRows[currentRowIndex]; + + if (currentRowIndex !== -1 && currentRow) { + const column = currentRow.findIndex( + (option) => option.value === value, + ); + const nextRow = + navigationRows[(currentRowIndex + 1) % navigationRows.length]; + const nextOption = + nextRow[Math.min(column, nextRow.length - 1)] ?? + allOptions[index]; + + onChange(nextOption.value); + event.preventDefault(); + event.nativeEvent.stopImmediatePropagation(); + event.stopPropagation(); + return; + } break; } // Go the previous row case KEYS.ARROW_UP: { - nextIndex = - (length + index - (numberOfOptionsToAlwaysShow ?? 1)) % length; + const currentRowIndex = navigationRows.findIndex((row) => + row.some((option) => option.value === value), + ); + const currentRow = navigationRows[currentRowIndex]; + + if (currentRowIndex !== -1 && currentRow) { + const column = currentRow.findIndex( + (option) => option.value === value, + ); + const previousRow = + navigationRows[ + (navigationRows.length + currentRowIndex - 1) % + navigationRows.length + ]; + const previousOption = + previousRow[Math.min(column, previousRow.length - 1)] ?? + allOptions[index]; + + onChange(previousOption.value); + event.preventDefault(); + event.nativeEvent.stopImmediatePropagation(); + event.stopPropagation(); + return; + } break; } } - onChange(options[nextIndex].value); + onChange(allOptions[nextIndex].value); } event.preventDefault(); } else if (event.key === KEYS.ESCAPE || event.key === KEYS.ENTER) { @@ -99,38 +189,29 @@ function Picker({ event.stopPropagation(); }; - const [showMoreOptions, setShowMoreOptions] = useAtom(moreOptionsAtom); - - const alwaysVisibleOptions = React.useMemo( - () => options.slice(0, numberOfOptionsToAlwaysShow), - [options, numberOfOptionsToAlwaysShow], - ); - const moreOptions = React.useMemo( - () => options.slice(numberOfOptionsToAlwaysShow), - [options, numberOfOptionsToAlwaysShow], - ); - useEffect(() => { - if (!alwaysVisibleOptions.some((option) => option.value === value)) { + if (hasOption(hiddenSections, (option) => option.value === value)) { setShowMoreOptions(true); } - }, [value, alwaysVisibleOptions, setShowMoreOptions]); + }, [value, hiddenSections, setShowMoreOptions]); - const renderOptions = (options: Option[]) => { + const renderOptions = (options: readonly Option[]) => { return (
- {options.map((option, i) => ( + {options.map((option) => (
); @@ -192,49 +291,45 @@ function Picker({ export function IconPicker({ value, label, - options, + visibleSections, + hiddenSections, onChange, - group = "", - numberOfOptionsToAlwaysShow, }: { label: string; value: T; - options: readonly { - value: T; - text: string; - icon: JSX.Element; - keyBinding: string | null; - }[]; + visibleSections: readonly PickerSection[]; + hiddenSections?: readonly PickerSection[]; onChange: (value: T) => void; - numberOfOptionsToAlwaysShow?: number; - group?: string; }) { const [isActive, setActive] = React.useState(false); - const rPickerButton = React.useRef(null); + const selectedOption = useMemo( + () => + findOption(visibleSections, (option) => option.value === value) ?? + findOption(hiddenSections ?? [], (option) => option.value === value), + [visibleSections, hiddenSections, value], + ); return (
setActive(open)}> setActive(!isActive)} - ref={rPickerButton} className={isActive ? "active" : ""} > - {options.find((option) => option.value === value)?.icon} + {selectedOption?.icon} {isActive && ( { setActive(false); }} - numberOfOptionsToAlwaysShow={numberOfOptionsToAlwaysShow} /> )} diff --git a/packages/excalidraw/components/TTDDialog/MermaidToExcalidraw.tsx b/packages/excalidraw/components/TTDDialog/MermaidToExcalidraw.tsx index 5f98637f47..4bf3f17767 100644 --- a/packages/excalidraw/components/TTDDialog/MermaidToExcalidraw.tsx +++ b/packages/excalidraw/components/TTDDialog/MermaidToExcalidraw.tsx @@ -236,15 +236,40 @@ const MermaidToExcalidraw = ({ ( - {el} + + {el} + )} sequenceLink={(el) => ( - + {el} )} classLink={(el) => ( - {el} + + {el} + + )} + erdLink={(el) => ( + + {el} + )} />
diff --git a/packages/excalidraw/components/TTDDialog/common.ts b/packages/excalidraw/components/TTDDialog/common.ts index d5bac53169..e02bafc1f6 100644 --- a/packages/excalidraw/components/TTDDialog/common.ts +++ b/packages/excalidraw/components/TTDDialog/common.ts @@ -94,7 +94,7 @@ export const convertMermaidToExcalidraw = async ({ } } - const { elements, files } = ret; + const { elements, files = {} } = ret; setError(null); data.current = { diff --git a/packages/excalidraw/components/icons.tsx b/packages/excalidraw/components/icons.tsx index 4a1691863f..7e2400728d 100644 --- a/packages/excalidraw/components/icons.tsx +++ b/packages/excalidraw/components/icons.tsx @@ -69,6 +69,11 @@ const modifiedTablerIconProps: Opts = { strokeLinejoin: "round", } as const; +const arrowheadPreviewIconProps: Opts = { + width: 40, + height: 20, +} as const; + // ----------------------------------------------------------------------------- // tabler-icons: present @@ -1291,16 +1296,17 @@ export const ArrowheadNoneIcon = React.memo( ({ flip = false }: { flip?: boolean }) => createIcon( - - - + + , - tablerIconProps, + arrowheadPreviewIconProps, ), ); @@ -1312,57 +1318,12 @@ export const ArrowheadArrowIcon = React.memo( stroke="currentColor" strokeWidth={2} fill="none" + strokeLinecap="round" + strokeLinejoin="round" > - - + , - { width: 40, height: 20 }, - ), -); - -export const ArrowheadCircleIcon = React.memo( - ({ flip = false }: { flip?: boolean }) => - createIcon( - - - - , - { width: 40, height: 20 }, - ), -); - -export const ArrowheadCircleOutlineIcon = React.memo( - ({ flip = false }: { flip?: boolean }) => - createIcon( - - - - , - { width: 40, height: 20 }, - ), -); - -export const ArrowheadBarIcon = React.memo( - ({ flip = false }: { flip?: boolean }) => - createIcon( - - - , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); @@ -1373,11 +1334,12 @@ export const ArrowheadTriangleIcon = React.memo( stroke="currentColor" fill="currentColor" transform={flip ? "translate(40, 0) scale(-1, 1)" : ""} + strokeLinejoin="round" > - - + + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); @@ -1390,12 +1352,43 @@ export const ArrowheadTriangleOutlineIcon = React.memo( transform={flip ? "translate(40, 0) scale(-1, 1)" : ""} strokeWidth={2} strokeLinejoin="round" + strokeLinecap="round" > - - + + , + arrowheadPreviewIconProps, + ), +); - { width: 40, height: 20 }, +export const ArrowheadCircleIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + + , + arrowheadPreviewIconProps, + ), +); + +export const ArrowheadCircleOutlineIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + + , + arrowheadPreviewIconProps, ), ); @@ -1407,12 +1400,11 @@ export const ArrowheadDiamondIcon = React.memo( fill="currentColor" transform={flip ? "translate(40, 0) scale(-1, 1)" : ""} strokeLinejoin="round" - strokeWidth={2} > - - + + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); @@ -1425,15 +1417,32 @@ export const ArrowheadDiamondOutlineIcon = React.memo( transform={flip ? "translate(40, 0) scale(-1, 1)" : ""} strokeLinejoin="round" strokeWidth={2} + strokeLinecap="round" > - - + + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); -export const ArrowheadCrowfootIcon = React.memo( +export const ArrowheadBarIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + , + arrowheadPreviewIconProps, + ), +); + +export const ArrowheadCardinalityOneIcon = React.memo( ({ flip = false }: { flip?: boolean }) => createIcon( - + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); -export const ArrowheadCrowfootOneIcon = React.memo( +export const ArrowheadCardinalityManyIcon = React.memo( ({ flip = false }: { flip?: boolean }) => createIcon( - + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, ), ); -export const ArrowheadCrowfootOneOrManyIcon = React.memo( +export const ArrowheadCardinalityOneOrManyIcon = React.memo( ({ flip = false }: { flip?: boolean }) => createIcon( - + , - { width: 40, height: 20 }, + arrowheadPreviewIconProps, + ), +); + +export const ArrowheadCardinalityExactlyOneIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + , + arrowheadPreviewIconProps, + ), +); + +export const ArrowheadCardinalityZeroOrOneIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + + , + arrowheadPreviewIconProps, + ), +); + +export const ArrowheadCardinalityZeroOrManyIcon = React.memo( + ({ flip = false }: { flip?: boolean }) => + createIcon( + + + + , + arrowheadPreviewIconProps, ), ); diff --git a/packages/excalidraw/css/theme.scss b/packages/excalidraw/css/theme.scss index 9d741bdc3e..36899229ac 100644 --- a/packages/excalidraw/css/theme.scss +++ b/packages/excalidraw/css/theme.scss @@ -34,9 +34,10 @@ --popup-text-color: #000; --popup-text-inverted-color: #fff; --select-highlight-color: #{$color-blue-5}; - --shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17), - 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08), - 0px 7px 14px 0px rgba(0, 0, 0, 0.05); + --shadow-island: 0px 0px 1px 0px rgba(0, 0, 0, 0.17), + 0px 0px 3px 0px rgba(0, 0, 0, 0.08), 0px 7px 14px 0px rgba(0, 0, 0, 0.05); + --shadow-island-stronger: 0px 0px 1px 0px rgba(0, 0, 0, 0.17), + 0px 0px 3px 0px rgba(0, 0, 0, 0.08), 0px 7px 14px 0px rgb(0 0 0 / 18%); --button-hover-bg: var(--color-surface-high); --button-active-bg: var(--color-surface-high); @@ -210,9 +211,6 @@ --popup-text-color: #{$color-gray-4}; --popup-text-inverted-color: #2c2c2c; --select-highlight-color: #{$color-blue-4}; - --shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17), - 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08), - 0px 7px 14px 0px rgba(0, 0, 0, 0.05); --modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index b77f010bd8..4550338edf 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -22,6 +22,7 @@ import { import { calculateFixedPointForNonElbowArrowBinding, getNonDeletedElements, + normalizeArrowhead, isPointInElement, isValidPolygon, projectFixedPointOntoDiagonal, @@ -426,7 +427,8 @@ export const restoreElement = ( // @ts-ignore LEGACY type // eslint-disable-next-line no-fallthrough case "draw": - const { startArrowhead = null, endArrowhead = null } = element; + const startArrowhead = normalizeArrowhead(element.startArrowhead); + const endArrowhead = normalizeArrowhead(element.endArrowhead); let x = element.x; let y = element.y; let points = // migrate old arrow model to new one @@ -458,7 +460,11 @@ export const restoreElement = ( ...getSizeFromPoints(points), }); case "arrow": { - const { startArrowhead = null, endArrowhead = "arrow" } = element; + const startArrowhead = normalizeArrowhead(element.startArrowhead); + const endArrowhead = + element.endArrowhead === undefined + ? "arrow" + : normalizeArrowhead(element.endArrowhead); const x: number | undefined = element.x; const y: number | undefined = element.y; const points: readonly LocalPoint[] | undefined = // migrate old arrow model to new one diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index bfdb476bba..b0a8761de4 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -53,7 +53,14 @@ "arrowhead_crowfoot_many": "Crow's foot (many)", "arrowhead_crowfoot_one": "Crow's foot (one)", "arrowhead_crowfoot_one_or_many": "Crow's foot (one or many)", + "arrowhead_cardinality_one": "Cardinality (one)", + "arrowhead_cardinality_many": "Cardinality (many)", + "arrowhead_cardinality_one_or_many": "Cardinality (one or many)", + "arrowhead_cardinality_exactly_one": "Cardinality (exactly one)", + "arrowhead_cardinality_zero_or_one": "Cardinality (zero or one)", + "arrowhead_cardinality_zero_or_many": "Cardinality (zero or many)", "more_options": "More options", + "cardinality": "Cardinality", "arrowtypes": "Arrow type", "arrowtype_sharp": "Sharp arrow", "arrowtype_round": "Curved arrow", @@ -624,7 +631,7 @@ "mermaid": { "title": "Mermaid to Excalidraw", "button": "Insert", - "description": "Currently only Flowchart, Sequence, and Class Diagrams are supported. The other types will be rendered as image in Excalidraw.", + "description": "Currently only Flowchart, Sequence, Class, and Entity Relationship Diagrams are supported. The other types will be rendered as image in Excalidraw.", "syntax": "Mermaid Syntax", "preview": "Preview", "label": "Mermaid", @@ -654,7 +661,7 @@ "placeholder": { "title": "Let's design your diagram", "description": "Describe the diagram you want to create, and we'll generate it for you.", - "hint": "At the moment we know Flowchart, Sequence, and Class diagrams." + "hint": "At the moment we know Flowchart, Sequence, Class, and Entity Relationship diagrams." }, "preview": "Preview", "insert": "Insert", diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index f60ea96634..b29cede9b4 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -88,7 +88,7 @@ "@excalidraw/element": "0.18.0", "@excalidraw/laser-pointer": "1.3.1", "@excalidraw/math": "0.18.0", - "@excalidraw/mermaid-to-excalidraw": "2.0.0-rc4", + "@excalidraw/mermaid-to-excalidraw": "2.1.0", "@excalidraw/random-username": "1.1.0", "browser-fs-access": "0.38.0", "canvas-roundrect-polyfill": "0.0.1", diff --git a/packages/excalidraw/tests/__snapshots__/MermaidToExcalidraw.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/MermaidToExcalidraw.test.tsx.snap index 294f32f86d..7882f0724c 100644 --- a/packages/excalidraw/tests/__snapshots__/MermaidToExcalidraw.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/MermaidToExcalidraw.test.tsx.snap @@ -1,6 +1,6 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Test > should open mermaid popup when active tool is mermaid 1`] = `""`; +exports[`Test > should open mermaid popup when active tool is mermaid 1`] = `""`; exports[`Test > should show error in preview when mermaid library throws error 1`] = ` "flowchart TD diff --git a/packages/excalidraw/tests/data/restore.test.ts b/packages/excalidraw/tests/data/restore.test.ts index 4b06601bb2..bd11424b6f 100644 --- a/packages/excalidraw/tests/data/restore.test.ts +++ b/packages/excalidraw/tests/data/restore.test.ts @@ -200,6 +200,26 @@ describe("restoreElements", () => { }); }); + it("should normalize legacy crowfoot arrowheads on restore", () => { + const arrowElement = API.createElement({ + type: "arrow", + }); + + const restoredArrow = restore.restoreElements( + [ + { + ...arrowElement, + startArrowhead: "crowfoot_one", + endArrowhead: "crowfoot_one_or_many", + } as any, + ], + null, + )[0] as ExcalidrawLinearElement; + + expect(restoredArrow.startArrowhead).toBe("cardinality_one"); + expect(restoredArrow.endArrowhead).toBe("cardinality_one_or_many"); + }); + it("should strip element if restore fails", () => { const rect1 = API.createElement({ type: "rectangle", diff --git a/yarn.lock b/yarn.lock index f3a53e391e..2bc70c4afd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1531,10 +1531,10 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@2.0.0-rc4": - version "2.0.0-rc4" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.0.0-rc4.tgz#9d38568de8e403fefb6a162efa71e024ea1f7e03" - integrity sha512-92efu7VTYF6appGKgbDJAZEM/YXICpYPYOfl+j1E9SVilIFCJEAg7xH2lt/c44WFtffG+rWKrYwf9KUrPYy1Qw== +"@excalidraw/mermaid-to-excalidraw@2.1.0": + version "2.1.0" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.1.0.tgz#a5b9cf87c3185558cda7f9687d87b9937f452358" + integrity sha512-RMd+c2b7WzzUjhERMpKwp8PhF2/XlHDjr/zK+Gxfp8K9sVlafPYJ5OEa/GkN6edi2rBUXRfW+41WdO6L56b6Kw== dependencies: "@excalidraw/markdown-to-text" "0.1.2" "@mermaid-js/parser" "^0.6.3" From b4ce7c713b8874ab328a4711af3a83d131bebcaf Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 12 Mar 2026 16:08:46 +0100 Subject: [PATCH 158/176] fix(editor): arrowhead picker overflowing viewport (#10943) --- .../excalidraw/components/IconPicker.scss | 1 - packages/excalidraw/components/IconPicker.tsx | 53 +++++++++---------- 2 files changed, 24 insertions(+), 30 deletions(-) diff --git a/packages/excalidraw/components/IconPicker.scss b/packages/excalidraw/components/IconPicker.scss index 2e9493f4b3..cf99f81329 100644 --- a/packages/excalidraw/components/IconPicker.scss +++ b/packages/excalidraw/components/IconPicker.scss @@ -8,7 +8,6 @@ border: 0 solid color.adjust(#fff, $alpha: -0.75); box-shadow: var(--shadow-island-stronger); border-radius: 4px; - position: absolute; :root[dir="rtl"] & { padding: 0.4rem; } diff --git a/packages/excalidraw/components/IconPicker.tsx b/packages/excalidraw/components/IconPicker.tsx index ad1b86625e..ac05a93d44 100644 --- a/packages/excalidraw/components/IconPicker.tsx +++ b/packages/excalidraw/components/IconPicker.tsx @@ -8,7 +8,7 @@ import { atom, useAtom } from "../editor-jotai"; import { getLanguage, t } from "../i18n"; import Collapsible from "./Stats/Collapsible"; -import { useEditorInterface, useExcalidrawContainer } from "./App"; +import { useExcalidrawContainer } from "./App"; import "./IconPicker.scss"; @@ -79,7 +79,6 @@ function Picker({ onChange: (value: T) => void; onClose: () => void; }) { - const editorInterface = useEditorInterface(); const { container } = useExcalidrawContainer(); const [showMoreOptions, setShowMoreOptions] = useAtom(moreOptionsAtom); const allSections = [...visibleSections, ...hiddenSections]; @@ -248,41 +247,37 @@ function Picker({ ), ); - const isMobile = editorInterface.formFactor === "phone"; - return ( -
-
- {renderSections(visibleSections)} +
+ {renderSections(visibleSections)} - {hiddenSections.length > 0 && ( - { - setShowMoreOptions((value) => !value); - }} - className="picker-collapsible" - > -
- {renderSections(hiddenSections)} -
- - )} -
+ {hiddenSections.length > 0 && ( + { + setShowMoreOptions((value) => !value); + }} + className="picker-collapsible" + > +
+ {renderSections(hiddenSections)} +
+ + )}
); From c9ba7f839cc3d9ba1d9c72d2dc6500088b7ff9f3 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 12 Mar 2026 17:32:13 +0100 Subject: [PATCH 159/176] chore(editor): bump @excalidraw/mermaid-to-excalidraw@2.1.1 (#10944) --- packages/excalidraw/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index b29cede9b4..3d8fe1daeb 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -88,7 +88,7 @@ "@excalidraw/element": "0.18.0", "@excalidraw/laser-pointer": "1.3.1", "@excalidraw/math": "0.18.0", - "@excalidraw/mermaid-to-excalidraw": "2.1.0", + "@excalidraw/mermaid-to-excalidraw": "2.1.1", "@excalidraw/random-username": "1.1.0", "browser-fs-access": "0.38.0", "canvas-roundrect-polyfill": "0.0.1", From 2b0e4c9623e44b3f2f7d02d532f23128e988cb5d Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sat, 14 Mar 2026 13:12:48 +0100 Subject: [PATCH 160/176] fix(editor): remove leftover debug code path (#10954) --- packages/excalidraw/data/resave.ts | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/excalidraw/data/resave.ts b/packages/excalidraw/data/resave.ts index 8c443e0e28..abeeb16a68 100644 --- a/packages/excalidraw/data/resave.ts +++ b/packages/excalidraw/data/resave.ts @@ -20,10 +20,6 @@ export const resaveAsImageWithScene = async ( ) => { const fileHandleType = getFileHandleType(fileHandle); - if (Math.random() < 1) { - throw new Error("OLALALALA"); - } - if (!isImageFileHandleType(fileHandleType)) { throw new Error( "fileHandle should exist and should be of type svg or png when resaving", From e8b4620a96b722646e6db9e98efd0ca2a0184767 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 18 Mar 2026 19:14:44 +0100 Subject: [PATCH 161/176] feat(editor): put caret at pointer coords when clicking on selected text element (#10970) --- packages/element/src/textElement.ts | 3 +- packages/element/src/textWrapping.ts | 244 +++++++++++++++--- packages/element/tests/textWrapping.test.ts | 71 ++++- packages/excalidraw/components/App.tsx | 152 +++++++++-- .../components/Stats/stats.test.tsx | 6 +- .../excalidraw/wysiwyg/textWysiwyg.test.tsx | 61 +++++ packages/excalidraw/wysiwyg/textWysiwyg.tsx | 205 ++++++++++++++- 7 files changed, 679 insertions(+), 63 deletions(-) diff --git a/packages/element/src/textElement.ts b/packages/element/src/textElement.ts index 523a8b8804..b891fdf2e9 100644 --- a/packages/element/src/textElement.ts +++ b/packages/element/src/textElement.ts @@ -441,7 +441,8 @@ const VALID_CONTAINER_TYPES = new Set([ export const isValidTextContainer = (element: { type: ExcalidrawElementType; -}) => VALID_CONTAINER_TYPES.has(element.type); +}): element is ExcalidrawTextContainer => + VALID_CONTAINER_TYPES.has(element.type); export const computeContainerDimensionForBoundText = ( dimension: number, diff --git a/packages/element/src/textWrapping.ts b/packages/element/src/textWrapping.ts index 5ec9bb42a9..b580f52ed1 100644 --- a/packages/element/src/textWrapping.ts +++ b/packages/element/src/textWrapping.ts @@ -4,6 +4,22 @@ import { charWidth, getLineWidth } from "./textMeasurements"; import type { FontString } from "./types"; +/** + * This module approximates browser-like soft wrapping for Excalidraw text. + * + * The flow is: + * 1. `parseTokens()` splits a hard line into breakable tokens using a unicode-aware regex. + * 2. `getWrappedTextLines()` reflows each hard line into one or more visual lines and + * records where each visual line came from in the source text. + * 3. `wrapLine()` assembles tokens into lines, and `wrapWord()` handles a single token + * that is wider than the available width. + * 4. `trimLine()` / `trimLineEndAtSoftBreak()` mirror browser behavior around trailing + * whitespace so the rendered text stays consistent with what users see on canvas. + * + * Mostly, you'll want to use wrapText(). getWrappedTextLines() is for callers + * that need metadata such as mapping visual lines back to `originalText` + * for caret placement or future editor features. + */ let cachedCjkRegex: RegExp | undefined; let cachedLineBreakRegex: RegExp | undefined; let cachedEmojiRegex: RegExp | undefined; @@ -358,6 +374,10 @@ const Break = { /** * Breaks the line into the tokens based on the found line break opporutnities. + * + * Note: tokenization normalizes to NFC first so decomposed graphemes are treated as + * their composed variants for wrapping. Any code that needs exact source offsets should + * keep in mind that this assumes the input text is already NFC-normalized. */ export const parseTokens = (line: string) => { const breakLineRegex = getLineBreakRegex(); @@ -370,56 +390,120 @@ export const parseTokens = (line: string) => { /** * Wraps the original text into the lines based on the given width. + * + * This is a convenience adapter over `getWrappedTextLines()` for call sites + * that only need the rendered wrapped string and not the source offsets. */ export const wrapText = ( text: string, font: FontString, maxWidth: number, ): string => { + return getWrappedTextLines(text, font, maxWidth) + .map((line) => line.text) + .join("\n"); +}; + +/** + * A single rendered visual line produced from the original text. + * + * `start` and `end` are end-exclusive code-unit offsets into the original text, and do + * not include synthetic soft line breaks inserted by this module. If trailing whitespace + * was trimmed away at a wrap boundary, `end` points to the last rendered character. + */ +export type WrappedTextLine = { + text: string; + start: number; + end: number; +}; + +/** + * Splits only on existing hard line breaks and preserves original offsets. + */ +const getHardLineBreaks = (text: string): WrappedTextLine[] => { + let offset = 0; + + return text.split("\n").map((line) => { + const start = offset; + const end = start + line.length; + + offset = end + 1; + + return { + text: line, + start, + end, + }; + }); +}; + +/** + * Returns the rendered visual lines together with their source offsets. + * + * This is the source-of-truth wrapping pipeline for callers that need more than the + * final wrapped string, for example caret placement or future editor/rich-text mapping. + */ +export const getWrappedTextLines = ( + text: string, + font: FontString, + maxWidth: number, +): WrappedTextLine[] => { // if maxWidth is not finite or NaN which can happen in case of bugs in // computation, we need to make sure we don't continue as we'll end up // in an infinite loop if (!Number.isFinite(maxWidth) || maxWidth < 0) { - return text; + return getHardLineBreaks(text); } - const lines: Array = []; - const originalLines = text.split("\n"); + const lines: WrappedTextLine[] = []; + let offset = 0; - for (const originalLine of originalLines) { - const currentLineWidth = getLineWidth(originalLine, font); + for (const originalLine of text.split("\n")) { + const originalLineWidth = getLineWidth(originalLine, font); - if (currentLineWidth <= maxWidth) { - lines.push(originalLine); - continue; + if (originalLineWidth <= maxWidth) { + lines.push({ + text: originalLine, + start: offset, + end: offset + originalLine.length, + }); + } else { + lines.push(...wrapLine(originalLine, font, maxWidth, offset)); } - const wrappedLine = wrapLine(originalLine, font, maxWidth); - lines.push(...wrappedLine); + offset += originalLine.length + 1; } - return lines.join("\n"); + return lines; }; /** - * Wraps the original line into the lines based on the given width. + * Wraps a single hard line into one or more visual lines. + * + * The line-local offsets are tracked in original-text code units so + * we can map the visual line back to the source. */ const wrapLine = ( line: string, font: FontString, maxWidth: number, -): string[] => { - const lines: Array = []; + lineStart: number, +): WrappedTextLine[] => { + const lines: WrappedTextLine[] = []; const tokens = parseTokens(line); - const tokenIterator = tokens[Symbol.iterator](); let currentLine = ""; + let currentLineStart = lineStart; + let currentLineEnd = lineStart; let currentLineWidth = 0; + // Tracks the next token's code-unit position in the original source string. + let tokenOffset = lineStart; + let tokenIndex = 0; - let iterator = tokenIterator.next(); - - while (!iterator.done) { - const token = iterator.value; + while (tokenIndex < tokens.length) { + const token = tokens[tokenIndex]; + const tokenStart = tokenOffset; + const tokenEnd = tokenStart + token.length; const testLine = currentLine + token; // cache single codepoint whitespace, CJK or emoji width calc. as kerning should not apply here @@ -429,37 +513,59 @@ const wrapLine = ( // build up the current line, skipping length check for possibly trailing whitespaces if (/\s/.test(token) || testLineWidth <= maxWidth) { + if (!currentLine) { + currentLineStart = tokenStart; + } currentLine = testLine; + currentLineEnd = tokenEnd; currentLineWidth = testLineWidth; - iterator = tokenIterator.next(); + tokenOffset = tokenEnd; + tokenIndex++; continue; } // current line is empty => just the token (word) is longer than `maxWidth` and needs to be wrapped if (!currentLine) { - const wrappedWord = wrapWord(token, font, maxWidth); - const trailingLine = wrappedWord[wrappedWord.length - 1] ?? ""; + const wrappedWord = wrapWord(token, font, maxWidth, tokenStart); + const trailingLine = wrappedWord[wrappedWord.length - 1] ?? { + text: "", + start: tokenStart, + end: tokenStart, + }; const precedingLines = wrappedWord.slice(0, -1); lines.push(...precedingLines); // trailing line of the wrapped word might still be joined with next token/s - currentLine = trailingLine; - currentLineWidth = getLineWidth(trailingLine, font); - iterator = tokenIterator.next(); + currentLine = trailingLine.text; + currentLineStart = trailingLine.start; + currentLineEnd = trailingLine.end; + currentLineWidth = getLineWidth(trailingLine.text, font); + tokenOffset = tokenEnd; + tokenIndex++; } else { // push & reset, but don't iterate on the next token, as we didn't use it yet! - lines.push(currentLine.trimEnd()); + lines.push( + trimLineEndAtSoftBreak(currentLine, currentLineStart, currentLineEnd), + ); // purposefully not iterating and not setting `currentLine` to `token`, so that we could use a simple !currentLine check above currentLine = ""; + currentLineStart = tokenStart; + currentLineEnd = tokenStart; currentLineWidth = 0; } } // iterator done, push the trailing line if exists if (currentLine) { - const trailingLine = trimLine(currentLine, font, maxWidth); + const trailingLine = trimLine( + currentLine, + currentLineStart, + currentLineEnd, + font, + maxWidth, + ); lines.push(trailingLine); } @@ -467,59 +573,100 @@ const wrapLine = ( }; /** - * Wraps the word into the lines based on the given width. + * Wraps a single word that could not be placed on an empty line as-is. */ const wrapWord = ( word: string, font: FontString, maxWidth: number, -): Array => { + wordStart: number, +): WrappedTextLine[] => { // multi-codepoint emojis are already broken apart and shouldn't be broken further if (getEmojiRegex().test(word)) { - return [word]; + return [ + { + text: word, + start: wordStart, + end: wordStart + word.length, + }, + ]; } satisfiesWordInvariant(word); - const lines: Array = []; + const lines: WrappedTextLine[] = []; const chars = Array.from(word); let currentLine = ""; + let currentLineStart = wordStart; + let currentLineEnd = wordStart; let currentLineWidth = 0; + let offset = wordStart; for (const char of chars) { + const charStart = offset; + const charEnd = charStart + char.length; const _charWidth = charWidth.calculate(char, font); const testLineWidth = currentLineWidth + _charWidth; if (testLineWidth <= maxWidth) { + if (!currentLine) { + currentLineStart = charStart; + } currentLine = currentLine + char; + currentLineEnd = charEnd; currentLineWidth = testLineWidth; + offset = charEnd; continue; } if (currentLine) { - lines.push(currentLine); + lines.push({ + text: currentLine, + start: currentLineStart, + end: currentLineEnd, + }); } currentLine = char; + currentLineStart = charStart; + currentLineEnd = charEnd; currentLineWidth = _charWidth; + offset = charEnd; } if (currentLine) { - lines.push(currentLine); + lines.push({ + text: currentLine, + start: currentLineStart, + end: currentLineEnd, + }); } return lines; }; /** - * Similarly to browsers, does not trim all trailing whitespaces, but only those exceeding the `maxWidth`. + * Trims trailing whitespace that is exceeding the `maxWidth`. + * + * Used for the trailing visual line of a hard line, where some trailing + * whitespace may still be visible if it fits into the available width. */ -const trimLine = (line: string, font: FontString, maxWidth: number) => { +const trimLine = ( + line: string, + start: number, + end: number, + font: FontString, + maxWidth: number, +): WrappedTextLine => { const shouldTrimWhitespaces = getLineWidth(line, font) > maxWidth; if (!shouldTrimWhitespaces) { - return line; + return { + text: line, + start, + end, + }; } // defensively default to `trimeEnd` in case the regex does not match @@ -543,7 +690,30 @@ const trimLine = (line: string, font: FontString, maxWidth: number) => { trimmedLineWidth = testLineWidth; } - return trimmedLine; + return { + text: trimmedLine, + start, + end: end - (line.length - trimmedLine.length), + }; +}; + +/** + * Used for internal soft-wrap boundaries, where trailing whitespace should not + * survive into the rendered line even though it still exists in the original + * text. + */ +const trimLineEndAtSoftBreak = ( + line: string, + start: number, + end: number, +): WrappedTextLine => { + const trimmedLine = line.trimEnd(); + + return { + text: trimmedLine, + start, + end: end - (line.length - trimmedLine.length), + }; }; /** diff --git a/packages/element/tests/textWrapping.test.ts b/packages/element/tests/textWrapping.test.ts index 87c96a4c91..2149dd5622 100644 --- a/packages/element/tests/textWrapping.test.ts +++ b/packages/element/tests/textWrapping.test.ts @@ -1,4 +1,8 @@ -import { wrapText, parseTokens } from "../src/textWrapping"; +import { + getWrappedTextLines, + parseTokens, + wrapText, +} from "../src/textWrapping"; import type { FontString } from "../src/types"; @@ -102,6 +106,71 @@ describe("Test wrapText", () => { expect(res2).toBe(`\tA)\none\ntab\n- two\ntabs\n- 8\nspace\ns`); }); + it("should retain original text offsets for wrapped lines", () => { + expect(getWrappedTextLines("Hello World!", font, 60)).toEqual([ + { + text: "Hello", + start: 0, + end: 5, + }, + { + text: "World!", + start: 6, + end: 12, + }, + ]); + }); + + it("should exclude whitespace trimmed away at soft-wrap boundaries from line offsets", () => { + expect(getWrappedTextLines(" Hello World", font, 90)).toEqual([ + { + text: " Hello", + start: 0, + end: 7, + }, + { + text: "World", + start: 9, + end: 14, + }, + ]); + }); + + it("should retain offsets when wrapping a single long token", () => { + expect(getWrappedTextLines("Excalidraw", font, 50)).toEqual([ + { + text: "Excal", + start: 0, + end: 5, + }, + { + text: "idraw", + start: 5, + end: 10, + }, + ]); + }); + + it("should preserve empty hard lines in metadata", () => { + expect(getWrappedTextLines("A\n\nB", font, 100)).toEqual([ + { + text: "A", + start: 0, + end: 1, + }, + { + text: "", + start: 2, + end: 2, + }, + { + text: "B", + start: 3, + end: 4, + }, + ]); + }); + describe("When text is CJK", () => { it("should break each CJK character when width is very small", () => { // "안녕하세요" (Hangul) + "こんにちは世界" (Hiragana, Kanji) + "ｺﾝﾆﾁハ" (Katakana) + "你好" (Han) = "Hello Hello World Hello Hi" diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index ab2f4c708c..905c17048f 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -684,6 +684,11 @@ class App extends React.Component { lastPointerDownEvent: React.PointerEvent | null = null; lastPointerUpEvent: React.PointerEvent | PointerEvent | null = null; + // TODO this is a hack and we should ideally unify touch and pointer events + // and implement our own double click handling end-to-end (currently we're + // using a mix of native browser for click events and manual for touch - + // and browser doubleClick sucks to begin with) + lastPointerUpIsDoubleClick: boolean = false; lastPointerMoveEvent: PointerEvent | null = null; /** current frame pointer cords */ lastPointerMoveCoords: { x: number; y: number } | null = null; @@ -1438,6 +1443,21 @@ class App extends React.Component { return true; } + private isDoubleClick = ( + lastPointerEvent: + | PointerEvent + | React.PointerEvent + | undefined + | null, + currentPointerEvent: PointerEvent | React.PointerEvent, + ) => { + return ( + lastPointerEvent != null && + currentPointerEvent.timeStamp - lastPointerEvent.timeStamp <= + TAP_TWICE_TIMEOUT + ); + }; + private isIframeLikeElementCenter( el: ExcalidrawIframeLikeElement | null, event: React.PointerEvent | PointerEvent, @@ -5617,8 +5637,14 @@ class App extends React.Component { element: ExcalidrawTextElement, { isExistingElement = false, + initialCaretSceneCoords = null, }: { isExistingElement?: boolean; + /** + * supply null if no caret positioning is desired, and instead + * text should be auto-selected + */ + initialCaretSceneCoords?: { x: number; y: number } | null; }, ) { const elementsMap = this.scene.getElementsMapIncludingDeleted(); @@ -5721,6 +5747,7 @@ class App extends React.Component { element, excalidrawContainer: this.excalidrawContainerRef.current, app: this, + initialCaretSceneCoords, // when text is selected, it's hard (at least on iOS) to re-position the // caret (i.e. deselect). There's not much use for always selecting // the text on edit anyway (and users can select-all from contextmenu @@ -5744,6 +5771,68 @@ class App extends React.Component { }); } + private getSelectedTextElement( + container?: ExcalidrawTextContainer | null, + ): NonDeleted | null { + const selectedElements = this.scene.getSelectedElements(this.state); + + if (selectedElements.length !== 1) { + return null; + } + + const selectedElement = selectedElements[0]!; + + if (isTextElement(selectedElement)) { + return selectedElement; + } + + if (!container) { + return null; + } + + return getBoundTextElement( + selectedElement, + this.scene.getNonDeletedElementsMap(), + ); + } + + private getSelectedTextEditingContainerAtPosition( + hitElement: NonDeletedExcalidrawElement | null, + sceneCoords: { x: number; y: number }, + ): ExcalidrawTextContainer | null | undefined { + const selectedElements = this.scene.getSelectedElements(this.state); + + if ( + selectedElements.length !== 1 || + !hitElement || + hitElement.id !== selectedElements[0]!.id + ) { + return null; + } + + const selectedElement = selectedElements[0]!; + + if (isTextElement(selectedElement)) { + return null; + } + + if (!isValidTextContainer(selectedElement)) { + return undefined; + } + + const textElement = this.getSelectedTextElement(selectedElement); + const hitTextElement = this.getTextElementAtPosition( + sceneCoords.x, + sceneCoords.y, + ); + + if (!textElement || hitTextElement?.id !== textElement.id) { + return undefined; + } + + return selectedElement; + } + private getTextElementAtPosition( x: number, y: number, @@ -5969,6 +6058,7 @@ class App extends React.Component { insertAtParentCenter = true, container, autoEdit = true, + initialCaretSceneCoords, }: { /** X position to insert text at */ sceneX: number; @@ -5978,6 +6068,7 @@ class App extends React.Component { insertAtParentCenter?: boolean; container?: ExcalidrawTextContainer | null; autoEdit?: boolean; + initialCaretSceneCoords?: { x: number; y: number }; }) => { let shouldBindToContainer = false; @@ -5998,24 +6089,9 @@ class App extends React.Component { shouldBindToContainer = true; } } - let existingTextElement: NonDeleted | null = null; - - const selectedElements = this.scene.getSelectedElements(this.state); - - if (selectedElements.length === 1) { - if (isTextElement(selectedElements[0])) { - existingTextElement = selectedElements[0]; - } else if (container) { - existingTextElement = getBoundTextElement( - selectedElements[0], - this.scene.getNonDeletedElementsMap(), - ); - } else { - existingTextElement = this.getTextElementAtPosition(sceneX, sceneY); - } - } else { - existingTextElement = this.getTextElementAtPosition(sceneX, sceneY); - } + const existingTextElement = + this.getSelectedTextElement(container) || + this.getTextElementAtPosition(sceneX, sceneY); const fontFamily = existingTextElement?.fontFamily || this.state.currentItemFontFamily; @@ -6116,6 +6192,9 @@ class App extends React.Component { if (autoEdit || existingTextElement || container) { this.handleTextWysiwyg(element, { isExistingElement: !!existingTextElement, + initialCaretSceneCoords: existingTextElement + ? initialCaretSceneCoords + : null, }); } else { this.setState({ @@ -6144,6 +6223,9 @@ class App extends React.Component { private handleCanvasDoubleClick = ( event: React.MouseEvent, ) => { + if (this.state.editingTextElement) { + return; + } // case: double-clicking with arrow/line tool selected would both create // text and enter multiElement mode if (this.state.multiElement) { @@ -7680,6 +7762,10 @@ class App extends React.Component { } this.removePointer(event); + this.lastPointerUpIsDoubleClick = this.isDoubleClick( + this.lastPointerUpEvent, + event, + ); this.lastPointerUpEvent = event; if (!event.ctrlKey) { @@ -8516,6 +8602,7 @@ class App extends React.Component { insertAtParentCenter: !event.altKey, container, autoEdit: false, + initialCaretSceneCoords: { x: sceneX, y: sceneY }, }); resetCursor(this.interactiveCanvas); @@ -11001,6 +11088,35 @@ class App extends React.Component { return; } + const selectedTextEditingContainer = + this.getSelectedTextEditingContainerAtPosition(hitElement, sceneCoords); + + if ( + activeTool.type === this.state.preferredSelectionTool.type && + !this.state.editingTextElement && + !pointerDownState.drag.hasOccurred && + !pointerDownState.hit.wasAddedToSelection && + !childEvent.shiftKey && + !childEvent[KEYS.CTRL_OR_CMD] && + !childEvent.altKey && + childEvent.pointerType !== "touch" && + hitElement && + ((isTextElement(hitElement) && + this.state.selectedElementIds[hitElement.id] && + this.scene.getSelectedElements(this.state).length === 1) || + selectedTextEditingContainer) + ) { + this.startTextEditing({ + sceneX: sceneCoords.x, + sceneY: sceneCoords.y, + container: selectedTextEditingContainer, + initialCaretSceneCoords: this.lastPointerUpIsDoubleClick + ? undefined + : sceneCoords, + }); + return; + } + if (!activeTool.locked && activeTool.type !== "freedraw" && newElement) { this.setState((prevState) => ({ selectedElementIds: makeNextSelectedElementIds( diff --git a/packages/excalidraw/components/Stats/stats.test.tsx b/packages/excalidraw/components/Stats/stats.test.tsx index a43a5fb600..283bdb40d3 100644 --- a/packages/excalidraw/components/Stats/stats.test.tsx +++ b/packages/excalidraw/components/Stats/stats.test.tsx @@ -361,12 +361,10 @@ describe("stats for a non-generic element", () => { mouse.clickAt(20, 30); const editor = await getTextEditor(); updateTextEditor(editor, "Hello!"); - act(() => { - editor.blur(); - }); + Keyboard.exitTextEditor(editor); const text = h.elements[0] as ExcalidrawTextElement; - mouse.clickOn(text); + API.setSelectedElements([text]); elementStats = stats?.querySelector("#elementStats"); diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx index 7d3da4d049..352b1a1529 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx @@ -232,6 +232,67 @@ describe("textWysiwyg", () => { expect(h.elements.length).toBe(1); }); + it("should edit selected bound text on single click", async () => { + const container = API.createElement({ + type: "rectangle", + width: 160, + height: 70, + boundElements: [], + }); + const text = API.createElement({ + type: "text", + text: "Hello World!", + x: container.x + 20, + y: container.y + 20, + width: 120, + height: 25, + containerId: container.id, + }); + + API.setElements([container, text]); + API.updateElement(container, { + boundElements: [{ type: "text", id: text.id }], + }); + API.setSelectedElements([container]); + UI.clickTool("selection"); + + mouse.clickAt(text.x + 26, text.y + 10); + + const editor = await getTextEditor(); + + expect(editor).not.toBe(null); + }); + + it("should not edit selected bound text container when only the container was single-clicked", async () => { + const container = API.createElement({ + type: "rectangle", + width: 160, + height: 70, + boundElements: [], + }); + const text = API.createElement({ + type: "text", + text: "Hello World!", + x: container.x + 20, + y: container.y + 20, + width: 120, + height: 25, + containerId: container.id, + }); + + API.setElements([container, text]); + API.updateElement(container, { + boundElements: [{ type: "text", id: text.id }], + }); + API.setSelectedElements([container]); + UI.clickTool("selection"); + + mouse.clickAt(container.x + 5, container.y + 10); + + expect(h.state.editingTextElement).toBe(null); + expect(await getTextEditor({ waitForEditor: false })).toBe(null); + }); + // FIXME too flaky. No one knows why. it.skip("should bump the version of a labeled arrow when the label is updated", async () => { const arrow = UI.createElement("arrow", { diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.tsx index 27086e07b9..262558727c 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.tsx @@ -10,7 +10,9 @@ import { isTestEnv, MIME_TYPES, applyDarkModeFilter, + isRTL, } from "@excalidraw/common"; +import { pointFrom, pointRotateRads, type Radians } from "@excalidraw/math"; import { getTextFromElements, @@ -33,8 +35,11 @@ import { getBoundTextElement, } from "@excalidraw/element"; import { getTextWidth } from "@excalidraw/element"; +import { getLineHeightInPx } from "@excalidraw/element"; +import { getLineWidth } from "@excalidraw/element"; import { normalizeText } from "@excalidraw/element"; import { wrapText } from "@excalidraw/element"; +import { getWrappedTextLines } from "@excalidraw/element"; import { isArrowElement, isBoundToContainer, @@ -91,6 +96,103 @@ const getTransform = ( return `translate(${translateX}px, ${translateY}px) scale(${zoom.value}) rotate(${degree}deg)`; }; +const getLineDirection = (text: string, offset: number) => { + const hardLineStart = text.lastIndexOf("\n", Math.max(0, offset - 1)) + 1; + const hardLineEnd = text.indexOf("\n", offset); + const hardLineText = text.slice( + hardLineStart, + hardLineEnd === -1 ? text.length : hardLineEnd, + ); + + return isRTL(hardLineText) ? "rtl" : "ltr"; +}; + +const getCaretBoundaryOffsets = (text: string) => { + const offsets = [0]; + let offset = 0; + + for (const char of Array.from(text)) { + offset += char.length; + offsets.push(offset); + } + + return offsets; +}; + +const getLineCaretOffsetFromNativeLayout = ({ + text, + font, + lineHeightPx, + direction, + targetX, +}: { + text: string; + font: ReturnType; + lineHeightPx: number; + direction: "ltr" | "rtl"; + targetX: number; +}) => { + if (!text || !document.body || typeof document.createRange !== "function") { + return null; + } + + const offsets = getCaretBoundaryOffsets(text); + const mirror = document.createElement("div"); + const textNode = document.createTextNode(text); + const range = document.createRange(); + const positions: number[] = []; + + mirror.dir = direction; + Object.assign(mirror.style, { + position: "fixed", + top: "0", + left: "0", + margin: 0, + padding: 0, + border: 0, + opacity: "0", + pointerEvents: "none", + whiteSpace: "pre", + font, + lineHeight: `${lineHeightPx}px`, + }); + mirror.append(textNode); + document.body.append(mirror); + + try { + for (const offset of offsets) { + range.setStart(textNode, offset); + range.setEnd(textNode, offset); + const caretRect = range.getBoundingClientRect(); + + if (!Number.isFinite(caretRect.left)) { + return null; + } + + positions.push(caretRect.left); + } + } catch { + return null; + } finally { + mirror.remove(); + } + + const leftEdge = Math.min(...positions); + let closestOffset = offsets[0]; + let closestDistance = Infinity; + + for (let index = 0; index < offsets.length; index++) { + const distance = Math.abs(positions[index] - leftEdge - targetX); + + if (distance < closestDistance) { + closestDistance = distance; + closestOffset = offsets[index]; + } + } + + return closestOffset; +}; + type SubmitHandler = () => void; export const textWysiwyg = ({ @@ -103,6 +205,7 @@ export const textWysiwyg = ({ excalidrawContainer, app, autoSelect = true, + initialCaretSceneCoords = null, }: { id: ExcalidrawElement["id"]; /** @@ -119,7 +222,19 @@ export const textWysiwyg = ({ excalidrawContainer: HTMLDivElement | null; app: App; autoSelect?: boolean; + initialCaretSceneCoords?: { x: number; y: number } | null; }): SubmitHandler => { + let currentTextLayout: { + angle: Radians; + font: ReturnType; + height: number; + lineHeightPx: number; + textAlign: ExcalidrawTextElement["textAlign"]; + width: number; + x: number; + y: number; + } | null = null; + const textPropertiesUpdated = ( updatedTextElement: ExcalidrawTextElement, editable: HTMLTextAreaElement, @@ -254,6 +369,7 @@ export const textWysiwyg = ({ height *= 1.05; const font = getFontString(updatedTextElement); + const angle = getTextElementAngle(updatedTextElement, container); // Make sure text editor height doesn't go beyond viewport const editorMaxHeight = @@ -269,7 +385,7 @@ export const textWysiwyg = ({ transform: getTransform( width, height, - getTextElementAngle(updatedTextElement, container), + angle, appState, maxWidth, editorMaxHeight, @@ -283,6 +399,19 @@ export const textWysiwyg = ({ opacity: updatedTextElement.opacity / 100, maxHeight: `${editorMaxHeight}px`, }); + currentTextLayout = { + angle: angle as Radians, + font, + height: updatedTextElement.height, + lineHeightPx: getLineHeightInPx( + updatedTextElement.fontSize, + updatedTextElement.lineHeight, + ), + textAlign, + width: updatedTextElement.width, + x: coordX, + y: coordY, + }; editable.scrollTop = 0; // For some reason updating font attribute doesn't set font family // hence updating font family explicitly for test environment @@ -333,6 +462,71 @@ export const textWysiwyg = ({ editable.value = element.originalText; updateWysiwygStyle(); + const getCaretIndexFromInitialSceneCoords = () => { + if (!initialCaretSceneCoords || !currentTextLayout) { + return null; + } + + const layout = currentTextLayout; + const center = pointFrom( + layout.x + layout.width / 2, + layout.y + layout.height / 2, + ); + const [unrotatedX, unrotatedY] = pointRotateRads( + pointFrom(initialCaretSceneCoords.x, initialCaretSceneCoords.y), + center, + -layout.angle as Radians, + ); + const localX = unrotatedX - layout.x; + const localY = unrotatedY - layout.y; + const lines = getWrappedTextLines( + editable.value, + layout.font, + whiteSpace === "pre-wrap" ? layout.width : Infinity, + ); + const lineIndex = Math.max( + 0, + Math.min(lines.length - 1, Math.floor(localY / layout.lineHeightPx)), + ); + const line = lines[lineIndex]; + const direction = getLineDirection(editable.value, line.start); + const lineWidth = getLineWidth(line.text, layout.font); + const lineStartX = + layout.textAlign === "center" + ? (layout.width - lineWidth) / 2 + : layout.textAlign === "right" + ? layout.width - lineWidth + : 0; + const relativeX = localX - lineStartX; + + if (!line.text) { + return line.start; + } + + const lineCaretOffset = getLineCaretOffsetFromNativeLayout({ + text: line.text, + font: layout.font, + lineHeightPx: layout.lineHeightPx, + direction, + targetX: relativeX, + }); + + return line.start + (lineCaretOffset || 0); + }; + + let pendingInitialSelection = (() => { + const caretIndex = getCaretIndexFromInitialSceneCoords(); + + if (caretIndex === null) { + return null; + } + + return { + start: caretIndex, + end: caretIndex, + }; + })(); + if (onChange) { editable.onpaste = async (event) => { // we need to synchronously get the MIME types so we can preventDefault() @@ -696,6 +890,13 @@ export const textWysiwyg = ({ // Otherwise, re-enable submit on blur and refocus the editor. editable.onblur = handleSubmit; editable.focus(); + if (pendingInitialSelection) { + editable.setSelectionRange( + pendingInitialSelection.start, + pendingInitialSelection.end, + ); + pendingInitialSelection = null; + } }); }; @@ -786,7 +987,7 @@ export const textWysiwyg = ({ let isDestroyed = false; - if (autoSelect) { + if (autoSelect && !pendingInitialSelection) { // select on init (focusing is done separately inside the bindBlurEvent() // because we need it to happen *after* the blur event from `pointerdown`) editable.select(); From 81ab857a6fc66254239947524faccf45d5925f69 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Thu, 19 Mar 2026 16:00:58 +0100 Subject: [PATCH 162/176] feat(editor): various text related improvements (#10979) --- packages/element/src/selection.ts | 18 ++ .../excalidraw/actions/actionProperties.tsx | 31 ++- .../actions/actionTextAutoResize.ts | 17 +- packages/excalidraw/components/App.tsx | 183 +++++++++++++++++- packages/excalidraw/components/Range.tsx | 70 +++---- .../components/canvases/InteractiveCanvas.tsx | 2 + .../excalidraw/renderer/interactiveScene.ts | 71 ++++++- .../tests/__snapshots__/history.test.tsx.snap | 68 +++---- packages/excalidraw/tests/helpers/ui.ts | 14 +- packages/excalidraw/textAutoResizeHandle.ts | 88 +++++++++ packages/excalidraw/types.ts | 8 +- .../excalidraw/wysiwyg/textWysiwyg.test.tsx | 43 +++- packages/math/src/point.ts | 9 +- 13 files changed, 518 insertions(+), 104 deletions(-) create mode 100644 packages/excalidraw/textAutoResizeHandle.ts diff --git a/packages/element/src/selection.ts b/packages/element/src/selection.ts index bb94166dbd..ea7fdb1b77 100644 --- a/packages/element/src/selection.ts +++ b/packages/element/src/selection.ts @@ -11,6 +11,7 @@ import { isBoundToContainer, isFrameLikeElement, isLinearElement, + isTextElement, } from "./typeChecks"; import { elementOverlapsWithFrame, @@ -25,6 +26,7 @@ import type { ElementsMap, ElementsMapOrArray, ExcalidrawElement, + NonDeleted, NonDeletedExcalidrawElement, } from "./types"; @@ -288,3 +290,19 @@ export const getSelectionStateForElements = ( ), }; }; + +/** + * Returns editing or single-selected text element, if any. + */ +export const getActiveTextElement = ( + selectedElements: readonly NonDeleted[], + appState: Pick, +) => { + const activeTextElement = + appState.editingTextElement || + (selectedElements.length === 1 && + isTextElement(selectedElements[0]) && + selectedElements[0]); + + return activeTextElement || null; +}; diff --git a/packages/excalidraw/actions/actionProperties.tsx b/packages/excalidraw/actions/actionProperties.tsx index bca2237940..a046db6ea8 100644 --- a/packages/excalidraw/actions/actionProperties.tsx +++ b/packages/excalidraw/actions/actionProperties.tsx @@ -191,7 +191,7 @@ export const getFormValue = function ( elements: readonly ExcalidrawElement[], app: AppClassProperties, getAttribute: (element: ExcalidrawElement) => T, - isRelevantElement: true | ((element: ExcalidrawElement) => boolean), + elementPredicate: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T), ): T { const editingTextElement = app.state.editingTextElement; @@ -209,9 +209,9 @@ export const getFormValue = function ( if (hasSelection) { const selectedElements = app.scene.getSelectedElements(app.state); const targetElements = - isRelevantElement === true + elementPredicate === true ? selectedElements - : selectedElements.filter((el) => isRelevantElement(el)); + : selectedElements.filter((el) => elementPredicate(el)); ret = reduceToCommonValue(targetElements, getAttribute) ?? @@ -730,9 +730,28 @@ export const actionChangeOpacity = register({ captureUpdate: CaptureUpdateAction.IMMEDIATELY, }; }, - PanelComponent: ({ app, updateData }) => ( - - ), + PanelComponent: ({ elements, appState, app, updateData }) => { + const opacity = getFormValue( + elements, + app, + (element) => element.opacity, + true, + (hasSelection) => (hasSelection ? null : appState.currentItemOpacity), + ); + + return ( + + ); + }, }); export const actionChangeFontSize = register( diff --git a/packages/excalidraw/actions/actionTextAutoResize.ts b/packages/excalidraw/actions/actionTextAutoResize.ts index d4338e7797..dcc0f16955 100644 --- a/packages/excalidraw/actions/actionTextAutoResize.ts +++ b/packages/excalidraw/actions/actionTextAutoResize.ts @@ -1,24 +1,24 @@ import { getFontString } from "@excalidraw/common"; -import { newElementWith } from "@excalidraw/element"; +import { isExcalidrawElement, newElementWith } from "@excalidraw/element"; import { measureText } from "@excalidraw/element"; import { isTextElement } from "@excalidraw/element"; import { CaptureUpdateAction } from "@excalidraw/element"; +import type { ExcalidrawElement } from "@excalidraw/element/types"; + import { getSelectedElements } from "../scene"; import { register } from "./register"; -import type { AppClassProperties } from "../types"; - export const actionTextAutoResize = register({ name: "autoResize", label: "labels.autoResize", icon: null, trackEvent: { category: "element" }, - predicate: (elements, appState, _: unknown, app: AppClassProperties) => { + predicate: (elements, appState, _: unknown) => { const selectedElements = getSelectedElements(elements, appState); return ( selectedElements.length === 1 && @@ -26,13 +26,18 @@ export const actionTextAutoResize = register({ !selectedElements[0].autoResize ); }, - perform: (elements, appState, _, app) => { + perform: (elements, appState, targetElement) => { const selectedElements = getSelectedElements(elements, appState); + const targetTextElement = + isExcalidrawElement(targetElement) && isTextElement(targetElement) + ? targetElement + : (selectedElements[0] as ExcalidrawElement | undefined); + return { appState, elements: elements.map((element) => { - if (element.id === selectedElements[0].id && isTextElement(element)) { + if (element.id === targetTextElement?.id && isTextElement(element)) { const metrics = measureText( element.originalText, getFontString(element), diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 905c17048f..480dae2f7b 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -257,6 +257,7 @@ import { handleFocusPointPointerUp, maybeHandleArrowPointlikeDrag, getUncroppedWidthAndHeight, + getActiveTextElement, } from "@excalidraw/element"; import type { GlobalPoint, LocalPoint, Radians } from "@excalidraw/math"; @@ -416,6 +417,7 @@ import { import { ElementCanvasButtons } from "../components/ElementCanvasButtons"; import { LaserTrails } from "../laser-trails"; import { withBatchedUpdates, withBatchedUpdatesThrottled } from "../reactUtils"; +import { isPointHittingTextAutoResizeHandle } from "../textAutoResizeHandle"; import { textWysiwyg } from "../wysiwyg/textWysiwyg"; import { isOverScrollBars } from "../scene/scrollbars"; @@ -692,6 +694,7 @@ class App extends React.Component { lastPointerMoveEvent: PointerEvent | null = null; /** current frame pointer cords */ lastPointerMoveCoords: { x: number; y: number } | null = null; + private lastCompletedCanvasClicks: { x: number; y: number }[] = []; /** previous frame pointer coords */ previousPointerMoveCoords: { x: number; y: number } | null = null; lastViewportPosition = { x: 0, y: 0 }; @@ -1253,6 +1256,26 @@ class App extends React.Component { ) as NullableGridSize; }; + private getTextCreationGridPoint = (x: number, y: number) => { + const effectiveGridSize = this.getEffectiveGridSize(); + + if (effectiveGridSize === null) { + return null; + } + + const getTextCreationGridCoordinate = (coordinate: number) => { + const topLeftGridPoint = + Math.floor(coordinate / effectiveGridSize) * effectiveGridSize; + + return topLeftGridPoint; + }; + + return { + x: getTextCreationGridCoordinate(x), + y: getTextCreationGridCoordinate(y), + }; + }; + private getHTMLIFrameElement( element: ExcalidrawIframeLikeElement, ): HTMLIFrameElement | undefined { @@ -2341,6 +2364,7 @@ class App extends React.Component { } handleCanvasRef={this.handleInteractiveCanvasRef} onContextMenu={this.handleCanvasContextMenu} + onClick={this.handleCanvasClick} onPointerMove={this.handleCanvasPointerMove} onPointerUp={this.handleCanvasPointerUp} onPointerCancel={this.removePointer} @@ -3594,10 +3618,14 @@ class App extends React.Component { this.lassoTrail.endPath(); this.deselectElements(); - // @ts-ignore this.handleCanvasDoubleClick({ clientX: touch.clientX, clientY: touch.clientY, + type: "touch", + altKey: false, + ctrlKey: false, + metaKey: false, + shiftKey: false, }); } didTapTwice = false; @@ -5846,6 +5874,58 @@ class App extends React.Component { return null; } + private isHittingTextAutoResizeHandle = ( + selectedElements: NonDeleted[], + point: Readonly<{ x: number; y: number }>, + ): boolean => { + const activeTextElement = getActiveTextElement( + selectedElements, + this.state, + ); + + if ( + activeTextElement && + !activeTextElement.isDeleted && + !activeTextElement.autoResize && + isPointHittingTextAutoResizeHandle( + point, + activeTextElement, + this.state.zoom.value, + this.editorInterface.formFactor, + ) + ) { + return true; + } + + return false; + }; + + private handleTextAutoResizeHandlePointerDown = ( + selectedElements: NonDeleted[], + point: Readonly<{ x: number; y: number }>, + ) => { + const activeTextElement = getActiveTextElement( + selectedElements, + this.state, + ); + if ( + !activeTextElement || + !this.isHittingTextAutoResizeHandle(selectedElements, point) + ) { + return false; + } + + this.actionManager.executeAction( + actionTextAutoResize, + "ui", + // we need to pass down the element since it may already be deselected + // due to the pointerdown + activeTextElement, + ); + this.resetCursor(); + return true; + }; + // NOTE: Hot path for hit testing, so avoid unnecessary computations private getElementAtPosition( x: number, @@ -6138,11 +6218,32 @@ class App extends React.Component { y: sceneY, }); + const textCreationGridPoint = this.getTextCreationGridPoint(sceneX, sceneY); + + const newTextElementPosition = parentCenterPosition + ? { + x: parentCenterPosition.elementCenterX, + y: parentCenterPosition.elementCenterY, + } + : !existingTextElement + ? { + x: textCreationGridPoint?.x ?? sceneX, + y: + textCreationGridPoint === null + ? // Free text starts from a point cursor, so center the first line box on it. + sceneY - getLineHeightInPx(fontSize, lineHeight) / 2 + : textCreationGridPoint.y, + } + : { + x: sceneX, + y: sceneY, + }; + const element = existingTextElement || newTextElement({ - x: parentCenterPosition ? parentCenterPosition.elementCenterX : sceneX, - y: parentCenterPosition ? parentCenterPosition.elementCenterY : sceneY, + x: newTextElementPosition.x, + y: newTextElementPosition.y, strokeColor: this.state.currentItemStrokeColor, backgroundColor: this.state.currentItemBackgroundColor, fillStyle: this.state.currentItemFillStyle, @@ -6220,10 +6321,46 @@ class App extends React.Component { } }; + private shouldHandleBrowserCanvasDoubleClick = (type: string) => { + // TODO remove this once we consolidate double-click logic and handle + // ourselves for all event types together + if (type === "touch") { + return true; + } + if (this.lastCompletedCanvasClicks.length === 0) { + return true; + } + + if (this.lastCompletedCanvasClicks.length < 2) { + return false; + } + + const [firstClick, secondClick] = this.lastCompletedCanvasClicks; + + return ( + pointDistance( + pointFrom(firstClick.x, firstClick.y), + pointFrom(secondClick.x, secondClick.y), + ) <= DOUBLE_TAP_POSITION_THRESHOLD + ); + }; + private handleCanvasDoubleClick = ( - event: React.MouseEvent, + event: Pick< + React.MouseEvent, + | "type" + | "clientX" + | "clientY" + | "altKey" + | "ctrlKey" + | "metaKey" + | "shiftKey" + >, ) => { - if (this.state.editingTextElement) { + if ( + this.state.editingTextElement || + !this.shouldHandleBrowserCanvasDoubleClick(event.type) + ) { return; } // case: double-clicking with arrow/line tool selected would both create @@ -6413,6 +6550,21 @@ class App extends React.Component { } }; + private handleCanvasClick = (event: React.MouseEvent) => { + if (event.button !== POINTER_BUTTON.MAIN) { + this.lastCompletedCanvasClicks = []; + return; + } + + this.lastCompletedCanvasClicks = [ + ...this.lastCompletedCanvasClicks.slice(-1), + { + x: event.clientX, + y: event.clientY, + }, + ]; + }; + private getElementLinkAtPosition = ( scenePointer: Readonly<{ x: number; y: number }>, hitElementMightBeLocked: NonDeletedExcalidrawElement | null, @@ -6949,6 +7101,12 @@ class App extends React.Component { const elements = this.scene.getNonDeletedElements(); const selectedElements = this.scene.getSelectedElements(this.state); + + if (this.isHittingTextAutoResizeHandle(selectedElements, scenePointer)) { + setCursor(this.interactiveCanvas, CURSOR_TYPE.POINTER); + return; + } + if ( selectedElements.length === 1 && !isOverScrollBar && @@ -7093,7 +7251,9 @@ class App extends React.Component { setCursor(this.interactiveCanvas, CURSOR_TYPE.AUTO); } else if ( // if using cmd/ctrl, we're not dragging - !event[KEYS.CTRL_OR_CMD] + !event[KEYS.CTRL_OR_CMD] && + // editing text -> don't show move cursor when hovering over its bbox + hitElement?.id !== this.state.editingTextElement?.id ) { if ( (hitElement || @@ -7314,6 +7474,8 @@ class App extends React.Component { private handleCanvasPointerDown = ( event: React.PointerEvent, ) => { + const selectedElements = this.scene.getSelectedElements(this.state); + // If Ctrl is not held, ensure isBindingEnabled reflects the user preference. if (!event.ctrlKey) { const preferenceEnabled = this.state.bindingPreference === "enabled"; @@ -7537,6 +7699,15 @@ class App extends React.Component { selectedElementsAreBeingDragged: false, }); + if ( + this.handleTextAutoResizeHandlePointerDown( + selectedElements, + pointerDownState.origin, + ) + ) { + return; + } + if (this.handleDraggingScrollBar(event, pointerDownState)) { return; } diff --git a/packages/excalidraw/components/Range.tsx b/packages/excalidraw/components/Range.tsx index 501ad7d188..7a4bf397e7 100644 --- a/packages/excalidraw/components/Range.tsx +++ b/packages/excalidraw/components/Range.tsx @@ -1,74 +1,78 @@ import React, { useEffect } from "react"; -import { t } from "../i18n"; - import "./Range.scss"; -import type { AppClassProperties } from "../types"; - export type RangeProps = { - updateData: (value: number) => void; - app: AppClassProperties; + label: React.ReactNode; + value: number; + onChange: (value: number) => void; + min?: number; + max?: number; + step?: number; + minLabel?: React.ReactNode; + hasCommonValue?: boolean; testId?: string; }; -export const Range = ({ updateData, app, testId }: RangeProps) => { +export const Range = ({ + label, + value, + onChange, + min = 0, + max = 100, + step = 10, + minLabel = min, + hasCommonValue = true, + testId, +}: RangeProps) => { const rangeRef = React.useRef(null); const valueRef = React.useRef(null); - const selectedElements = app.scene.getSelectedElements(app.state); - let hasCommonOpacity = true; - const firstElement = selectedElements.at(0); - const leastCommonOpacity = selectedElements.reduce((acc, element) => { - if (acc != null && acc !== element.opacity) { - hasCommonOpacity = false; - } - if (acc == null || acc > element.opacity) { - return element.opacity; - } - return acc; - }, firstElement?.opacity ?? null); - - const value = leastCommonOpacity ?? app.state.currentItemOpacity; useEffect(() => { if (rangeRef.current && valueRef.current) { const rangeElement = rangeRef.current; const valueElement = valueRef.current; const inputWidth = rangeElement.offsetWidth; - const thumbWidth = 15; // 15 is the width of the thumb + const thumbWidth = + parseFloat( + getComputedStyle(rangeElement).getPropertyValue( + "--slider-thumb-size", + ), + ) || 16; + const progress = ((value - min) / (max - min || 1)) * 100; const position = - (value / 100) * (inputWidth - thumbWidth) + thumbWidth / 2; + (progress / 100) * (inputWidth - thumbWidth) + thumbWidth / 2; valueElement.style.left = `${position}px`; - rangeElement.style.background = `linear-gradient(to right, var(--color-slider-track) 0%, var(--color-slider-track) ${value}%, var(--button-bg) ${value}%, var(--button-bg) 100%)`; + rangeElement.style.background = `linear-gradient(to right, var(--color-slider-track) 0%, var(--color-slider-track) ${progress}%, var(--button-bg) ${progress}%, var(--button-bg) 100%)`; } - }, [value]); + }, [max, min, value]); return ( ); diff --git a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx index a30088f30a..2aabddfbab 100644 --- a/packages/excalidraw/components/canvases/InteractiveCanvas.tsx +++ b/packages/excalidraw/components/canvases/InteractiveCanvas.tsx @@ -54,6 +54,7 @@ type InteractiveCanvasProps = { DOMAttributes["onContextMenu"], undefined >; + onClick: Exclude["onClick"], undefined>; onPointerMove: Exclude< DOMAttributes["onPointerMove"], undefined @@ -213,6 +214,7 @@ const InteractiveCanvas = (props: InteractiveCanvasProps) => { height={props.appState.height * props.scale} ref={props.handleCanvasRef} onContextMenu={props.onContextMenu} + onClick={props.onClick} onPointerMove={props.onPointerMove} onPointerUp={props.onPointerUp} onPointerCancel={props.onPointerCancel} diff --git a/packages/excalidraw/renderer/interactiveScene.ts b/packages/excalidraw/renderer/interactiveScene.ts index 56c308713e..7d31bf9a32 100644 --- a/packages/excalidraw/renderer/interactiveScene.ts +++ b/packages/excalidraw/renderer/interactiveScene.ts @@ -41,6 +41,7 @@ import { maxBindingDistance_simple, isTextElement, LinearElementEditor, + getActiveTextElement, } from "@excalidraw/element"; import { renderSelectionElement } from "@excalidraw/element"; @@ -58,6 +59,8 @@ import { isFocusPointVisible, } from "@excalidraw/element"; +import type { EditorInterface } from "@excalidraw/common"; + import type { TransformHandles, TransformHandleType, @@ -86,6 +89,10 @@ import { } from "../scene/scrollbars"; import { getClientColor, renderRemoteCursors } from "../clients"; +import { + getTextAutoResizeHandle, + getTextBoxPadding, +} from "../textAutoResizeHandle"; import { bootstrapCanvas, @@ -1489,21 +1496,58 @@ const renderTextBox = ( selectionColor: InteractiveCanvasRenderConfig["selectionColor"], ) => { context.save(); - const padding = (DEFAULT_TRANSFORM_HANDLE_SPACING * 2) / appState.zoom.value; + const padding = getTextBoxPadding(appState.zoom.value); const width = text.width + padding * 2; const height = text.height + padding * 2; - const cx = text.x + width / 2; - const cy = text.y + height / 2; - const shiftX = -(width / 2 + padding); - const shiftY = -(height / 2 + padding); + const cx = text.x + text.width / 2; + const cy = text.y + text.height / 2; + const shiftX = -(text.width / 2 + padding); + const shiftY = -(text.height / 2 + padding); context.translate(cx + appState.scrollX, cy + appState.scrollY); context.rotate(text.angle); context.lineWidth = 1 / appState.zoom.value; context.strokeStyle = selectionColor; + context.globalAlpha = 0.5; + context.setLineDash([6 / appState.zoom.value, 4 / appState.zoom.value]); context.strokeRect(shiftX, shiftY, width, height); context.restore(); }; +const renderResetAutoResizeHandle = ( + text: NonDeleted, + context: CanvasRenderingContext2D, + appState: InteractiveCanvasAppState, + selectionColor: InteractiveCanvasRenderConfig["selectionColor"], + formFactor: EditorInterface["formFactor"], +) => { + const autoResizeHandle = getTextAutoResizeHandle( + text, + appState.zoom.value, + formFactor, + ); + + if (!autoResizeHandle) { + return; + } + + context.save(); + context.globalAlpha = 0.5; + context.lineWidth = 1.5 / appState.zoom.value; + context.lineCap = "round"; + context.strokeStyle = selectionColor; + context.beginPath(); + context.moveTo( + autoResizeHandle.start[0] + appState.scrollX, + autoResizeHandle.start[1] + appState.scrollY, + ); + context.lineTo( + autoResizeHandle.end[0] + appState.scrollX, + autoResizeHandle.end[1] + appState.scrollY, + ); + context.stroke(); + context.restore(); +}; + const _renderInteractiveScene = ({ app, canvas, @@ -1584,10 +1628,19 @@ const _renderInteractiveScene = ({ } } - if ( - appState.editingTextElement && - isTextElement(appState.editingTextElement) - ) { + const activeTextElement = getActiveTextElement(selectedElements, appState); + + if (activeTextElement && !activeTextElement.autoResize) { + renderResetAutoResizeHandle( + activeTextElement, + context, + appState, + renderConfig.selectionColor, + editorInterface.formFactor, + ); + } + + if (appState.editingTextElement) { const textElement = allElementsMap.get(appState.editingTextElement.id) as | ExcalidrawTextElement | undefined; diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index c81459c1c4..050a20878b 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -224,7 +224,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 29, + "version": 28, "width": "94.00000", "x": 0, "y": 0, @@ -350,7 +350,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 28, + "version": 27, "width": "88.00000", }, "inserted": { @@ -381,7 +381,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 25, + "version": 24, "width": "88.00000", }, }, @@ -437,7 +437,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], ], "startBinding": null, - "version": 29, + "version": 28, "width": "94.00000", "x": 0, "y": 0, @@ -462,7 +462,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 28, + "version": 27, "width": "88.00000", "x": 6, "y": "7.20923", @@ -1360,9 +1360,9 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 8, + "version": 7, "width": 88, - "x": 6, + "x": "6.00000", "y": "2.00947", } `; @@ -1537,12 +1537,12 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 8, + "version": 7, }, "inserted": { "endBinding": null, "startBinding": null, - "version": 7, + "version": 6, }, }, }, @@ -1722,7 +1722,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "updated": 1, "version": 8, "width": 88, - "x": 6, + "x": "6.00000", "y": "38.80379", } `; @@ -1867,7 +1867,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "type": "arrow", "version": 8, "width": 88, - "x": 6, + "x": "6.00000", "y": "38.80379", }, "inserted": { @@ -2416,7 +2416,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 12, + "version": 11, "width": 488, "x": 6, "y": "-5.39000", @@ -2581,7 +2581,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 12, + "version": 11, "width": 488, "x": 6, "y": "-5.39000", @@ -16254,7 +16254,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", @@ -16307,7 +16307,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 10, + "version": 11, }, "inserted": { "endBinding": { @@ -16327,7 +16327,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 8, + "version": 9, }, }, }, @@ -16669,14 +16669,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 7, + "version": 8, "width": "88.00000", "x": 6, "y": "0.00880", }, "inserted": { "isDeleted": true, - "version": 6, + "version": 7, }, }, }, @@ -17002,7 +17002,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", @@ -17307,14 +17307,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 8, + "version": 9, }, }, }, @@ -17648,7 +17648,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", @@ -17953,14 +17953,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 8, + "version": 9, }, }, }, @@ -18292,7 +18292,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 10, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", @@ -18361,7 +18361,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 10, + "version": 11, }, "inserted": { "endBinding": { @@ -18373,7 +18373,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "mode": "orbit", }, "startBinding": null, - "version": 8, + "version": 9, }, }, "id2": { @@ -18683,14 +18683,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 7, + "version": 8, "width": "88.00000", "x": 6, "y": "0.00880", }, "inserted": { "isDeleted": true, - "version": 6, + "version": 7, }, }, }, @@ -19044,7 +19044,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 12, "width": "88.00000", "x": 6, "y": "0.01000", @@ -19124,12 +19124,12 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 11, + "version": 12, }, "inserted": { "endBinding": null, "startBinding": null, - "version": 9, + "version": 10, }, }, }, @@ -19431,14 +19431,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 7, + "version": 8, "width": "88.00000", "x": 6, "y": "0.00880", }, "inserted": { "isDeleted": true, - "version": 6, + "version": 7, }, }, }, diff --git a/packages/excalidraw/tests/helpers/ui.ts b/packages/excalidraw/tests/helpers/ui.ts index 80a7e4c561..079af75969 100644 --- a/packages/excalidraw/tests/helpers/ui.ts +++ b/packages/excalidraw/tests/helpers/ui.ts @@ -4,6 +4,7 @@ import { elementCenterPoint, getCommonBounds, getElementPointsCoords, + getLineHeightInPx, } from "@excalidraw/element"; import { cropElement } from "@excalidraw/element"; import { @@ -20,7 +21,7 @@ import { isTextElement, isFrameLikeElement, } from "@excalidraw/element"; -import { KEYS, arrayToMap } from "@excalidraw/common"; +import { KEYS, arrayToMap, getLineHeight } from "@excalidraw/common"; import type { GlobalPoint, LocalPoint, Radians } from "@excalidraw/math"; @@ -516,8 +517,17 @@ export class UI { UI.clickTool(type); if (type === "text") { + const clickY = h.state.gridModeEnabled + ? y + : y + + getLineHeightInPx( + h.state.currentItemFontSize, + getLineHeight(h.state.currentItemFontFamily), + ) / + 2; + mouse.reset(); - mouse.click(x, y); + mouse.click(x, clickY); } else if ((type === "line" || type === "arrow") && points.length > 2) { points.forEach((point) => { mouse.reset(); diff --git a/packages/excalidraw/textAutoResizeHandle.ts b/packages/excalidraw/textAutoResizeHandle.ts new file mode 100644 index 0000000000..abf1e76ddc --- /dev/null +++ b/packages/excalidraw/textAutoResizeHandle.ts @@ -0,0 +1,88 @@ +import { DEFAULT_TRANSFORM_HANDLE_SPACING } from "@excalidraw/common"; +import { + pointFrom, + pointRotateRads, + type GlobalPoint, + type Radians, +} from "@excalidraw/math"; + +import type { EditorInterface } from "@excalidraw/common"; + +import type { ExcalidrawTextElement } from "@excalidraw/element/types"; + +const TEXT_AUTO_RESIZE_HANDLE_GAP = 12; +const TEXT_AUTO_RESIZE_HANDLE_LENGTH = 16; +const TEXT_AUTO_RESIZE_HANDLE_HITBOX_WIDTH = 10; +const TEXT_AUTO_RESIZE_HANDLE_HITBOX_HEIGHT = + TEXT_AUTO_RESIZE_HANDLE_LENGTH + 2; +const MAX_HANDLE_HEIGHT_RATIO = 0.8; + +export const getTextBoxPadding = (zoomValue: number) => + (DEFAULT_TRANSFORM_HANDLE_SPACING * 2) / zoomValue; + +export const getTextAutoResizeHandle = ( + textElement: ExcalidrawTextElement, + zoomValue: number, + formFactor: EditorInterface["formFactor"], +) => { + if ( + formFactor !== "desktop" || + TEXT_AUTO_RESIZE_HANDLE_LENGTH > + textElement.height * zoomValue * MAX_HANDLE_HEIGHT_RATIO + ) { + return null; + } + + const padding = getTextBoxPadding(zoomValue); + const gap = TEXT_AUTO_RESIZE_HANDLE_GAP / zoomValue; + const length = TEXT_AUTO_RESIZE_HANDLE_LENGTH / zoomValue; + const center = pointFrom( + textElement.x + textElement.width / 2, + textElement.y + textElement.height / 2, + ); + const handleCenter = pointRotateRads( + pointFrom(center[0] + textElement.width / 2 + padding + gap, center[1]), + center, + textElement.angle, + ); + + return { + center: handleCenter, + start: pointRotateRads( + pointFrom(handleCenter[0], handleCenter[1] - length / 2), + handleCenter, + textElement.angle, + ) as GlobalPoint, + end: pointRotateRads( + pointFrom(handleCenter[0], handleCenter[1] + length / 2), + handleCenter, + textElement.angle, + ) as GlobalPoint, + hitboxWidth: TEXT_AUTO_RESIZE_HANDLE_HITBOX_WIDTH / zoomValue, + hitboxHeight: TEXT_AUTO_RESIZE_HANDLE_HITBOX_HEIGHT / zoomValue, + }; +}; + +export const isPointHittingTextAutoResizeHandle = ( + point: Readonly<{ x: number; y: number }>, + textElement: ExcalidrawTextElement, + zoomValue: number, + formFactor: EditorInterface["formFactor"], +) => { + const handle = getTextAutoResizeHandle(textElement, zoomValue, formFactor); + + if (!handle) { + return false; + } + + const unrotatedPoint = pointRotateRads( + pointFrom(point.x, point.y), + handle.center, + -textElement.angle as Radians, + ); + + return ( + Math.abs(unrotatedPoint[0] - handle.center[0]) <= handle.hitboxWidth / 2 && + Math.abs(unrotatedPoint[1] - handle.center[1]) <= handle.hitboxHeight / 2 + ); +}; diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index 63397ea488..cae4e7b93f 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -32,6 +32,7 @@ import type { OrderedExcalidrawElement, ExcalidrawNonSelectionElement, BindMode, + ExcalidrawTextElement, } from "@excalidraw/element/types"; import type { @@ -327,7 +328,7 @@ export interface AppState { /** * set when a new text is created or when an existing text is being edited */ - editingTextElement: NonDeletedExcalidrawElement | null; + editingTextElement: ExcalidrawTextElement | null; activeTool: { /** * indicates a previous tool we should revert back to if we deselect the @@ -876,9 +877,8 @@ export type PointerDownState = Readonly<{ // by default same as PointerDownState.origin. On alt-duplication, reset // to current pointer position at time of duplication. origin: { x: number; y: number }; - // Whether to block drag after lasso selection - // this is meant to be used to block dragging after lasso selection on PCs - // until the next pointer down + // explicit flag for specific scenarios such as: + // - after lasso selection until the next pointer down blockDragging: boolean; }; // We need to have these in the state so that we can unsubscribe them diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx index 352b1a1529..2a0e5b73c7 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx @@ -1,7 +1,10 @@ import { queryByText } from "@testing-library/react"; import { pointFrom } from "@excalidraw/math"; -import { getOriginalContainerHeightFromCache } from "@excalidraw/element"; +import { + getLineHeightInPx, + getOriginalContainerHeightFromCache, +} from "@excalidraw/element"; import { CODES, @@ -210,6 +213,42 @@ describe("textWysiwyg", () => { expect(h.elements.length).toBe(1); }); + it("should vertically center newly created text on the cursor when clicked with text tool", async () => { + API.setAppState({ + currentItemFontFamily: FONT_FAMILY.Cascadia, + currentItemFontSize: 40, + }); + UI.clickTool("text"); + + mouse.clickAt(120, 80); + + const editor = await getTextEditor(); + const text = h.elements[0] as ExcalidrawTextElement; + const lineHeightPx = getLineHeightInPx(text.fontSize, text.lineHeight); + + expect(editor).not.toBe(null); + expect(text.y + lineHeightPx / 2).toBe(80); + }); + + it("should snap newly created text top-left to the current grid cell when clicked with text tool in grid mode", async () => { + API.setAppState({ + currentItemFontFamily: FONT_FAMILY.Cascadia, + currentItemFontSize: 40, + gridModeEnabled: true, + gridSize: 24, + }); + UI.clickTool("text"); + + mouse.clickAt(113, 86); + + const editor = await getTextEditor(); + const text = h.elements[0] as ExcalidrawTextElement; + + expect(editor).not.toBe(null); + expect(text.x).toBe(96); + expect(text.y).toBe(72); + }); + it("should edit text under cursor when double-clicked with selection tool", async () => { const text = API.createElement({ type: "text", @@ -1572,7 +1611,7 @@ describe("textWysiwyg", () => { version: 2, width: 610, x: 15, - y: 25, + y: 12.5, }), ); expect(h.elements[2] as ExcalidrawTextElement).toEqual( diff --git a/packages/math/src/point.ts b/packages/math/src/point.ts index ed25a713d8..13121d681b 100644 --- a/packages/math/src/point.ts +++ b/packages/math/src/point.ts @@ -123,10 +123,15 @@ export function pointsEqual( * @returns The rotated point */ export function pointRotateRads( - [x, y]: Point, - [cx, cy]: Point, + point: Point, + center: Point, angle: Radians, ): Point { + if (!angle) { + return point; + } + const [x, y] = point; + const [cx, cy] = center; return pointFrom( (x - cx) * Math.cos(angle) - (y - cy) * Math.sin(angle) + cx, (x - cx) * Math.sin(angle) + (y - cy) * Math.cos(angle) + cy, From 987173b52f8a889984c3ff98450f24b9e65c70fa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Sat, 21 Mar 2026 19:26:47 +0100 Subject: [PATCH 163/176] fix: Arrow point index Out-of-Bounds (#10922) * fix: Make OOB not fatal Signed-off-by: Mark Tolmacs * fix: More conservative temp arrow state update Signed-off-by: Mark Tolmacs * chore: Capture condition variables in binding restoration failure Signed-off-by: Mark Tolmacs --------- Signed-off-by: Mark Tolmacs --- packages/element/src/linearElementEditor.ts | 26 +++++++++++++-------- packages/excalidraw/components/App.tsx | 26 +++++++++------------ packages/excalidraw/data/restore.ts | 4 +++- 3 files changed, 30 insertions(+), 26 deletions(-) diff --git a/packages/element/src/linearElementEditor.ts b/packages/element/src/linearElementEditor.ts index e57211abbc..2ef5d53776 100644 --- a/packages/element/src/linearElementEditor.ts +++ b/packages/element/src/linearElementEditor.ts @@ -476,16 +476,22 @@ export class LinearElementEditor { }); } - invariant( - lastClickedPoint > -1 && - selectedPointsIndices.includes(lastClickedPoint) && - element.points[lastClickedPoint], - `There must be a valid lastClickedPoint in order to drag it. selectedPointsIndices(${JSON.stringify( - selectedPointsIndices, - )}) points(0..${ - element.points.length - 1 - }) lastClickedPoint(${lastClickedPoint})`, - ); + if ( + lastClickedPoint < 0 || + !selectedPointsIndices.includes(lastClickedPoint) || + !element.points[lastClickedPoint] + ) { + console.error( + `There must be a valid lastClickedPoint in order to drag it. selectedPointsIndices(${JSON.stringify( + selectedPointsIndices, + )}) points(0..${ + element.points.length - 1 + }) lastClickedPoint(${lastClickedPoint})`, + ); + + // Fall back to the actual last point as a last resort. + lastClickedPoint = element.points.length - 1; + } // point that's being dragged (out of all selected points) const draggingPoint = element.points[lastClickedPoint]; diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 480dae2f7b..4a79e93baf 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -6995,27 +6995,23 @@ class App extends React.Component { }, { informMutation: false, isDragging: false }, ); + const newLastIdx = multiElement.points.length - 1; this.setState({ selectedLinearElement: { ...selectedLinearElement, - selectedPointsIndices: - selectedLinearElement.selectedPointsIndices?.includes( - multiElement.points.length, - ) - ? [ - ...selectedLinearElement.selectedPointsIndices.filter( - (idx) => - idx !== multiElement.points.length && - idx !== multiElement.points.length - 1, + selectedPointsIndices: selectedLinearElement.selectedPointsIndices + ? [ + ...new Set( + selectedLinearElement.selectedPointsIndices.map((idx) => + Math.min(idx, newLastIdx), ), - multiElement.points.length - 1, - ] - : selectedLinearElement.selectedPointsIndices, - lastCommittedPoint: - multiElement.points[multiElement.points.length - 1], + ), + ] + : selectedLinearElement.selectedPointsIndices, + lastCommittedPoint: multiElement.points[newLastIdx], initialState: { ...selectedLinearElement.initialState, - lastClickedPoint: multiElement.points.length - 1, + lastClickedPoint: newLastIdx, }, }, }); diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 4550338edf..1ed068dc1c 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -251,7 +251,9 @@ const repairBinding = ( }; } - console.error(`could not repair binding for element`); + console.error( + `Could not repair binding for element "${boundElement?.id}" out of (${elementsMap?.size}) elements`, + ); } catch (error) { console.error("Error repairing binding:", error); } From a9ca16eb42c2fd7f06065be7b5238b40e08bf8d3 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Sat, 21 Mar 2026 22:44:27 +0100 Subject: [PATCH 164/176] chore(packages/excalidraw): export Fonts helper class (#11008) --- packages/excalidraw/index.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/excalidraw/index.tsx b/packages/excalidraw/index.tsx index 7ced19a337..c935f31468 100644 --- a/packages/excalidraw/index.tsx +++ b/packages/excalidraw/index.tsx @@ -382,6 +382,8 @@ export { DiagramToCodePlugin } from "./components/DiagramToCodePlugin/DiagramToC export { getDataURL } from "./data/blob"; export { isElementLink } from "@excalidraw/element"; +export { Fonts } from "./fonts/Fonts"; + export { setCustomTextMetricsProvider } from "@excalidraw/element"; export { CommandPalette } from "./components/CommandPalette/CommandPalette"; From 75789f620d9f61d392027a4d4b317adcedf72056 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Mon, 23 Mar 2026 15:54:44 +0100 Subject: [PATCH 165/176] fix: Other endpoint is not immediately updated on midpoint snap (#10933) Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/element/src/linearElementEditor.ts | 4 +- .../tests/__snapshots__/history.test.tsx.snap | 72 ++++++++++--------- yarn.lock | 8 +-- 3 files changed, 43 insertions(+), 41 deletions(-) diff --git a/packages/element/src/linearElementEditor.ts b/packages/element/src/linearElementEditor.ts index 2ef5d53776..9390d56e58 100644 --- a/packages/element/src/linearElementEditor.ts +++ b/packages/element/src/linearElementEditor.ts @@ -2406,7 +2406,7 @@ const pointDraggingUpdates = ( ? nextArrow.points[0] : endBindable ? updateBoundPoint( - element, + nextArrow, "endBinding", nextArrow.endBinding, endBindable, @@ -2437,7 +2437,7 @@ const pointDraggingUpdates = ( ? endLocalPoint : startBindable ? updateBoundPoint( - element, + nextArrow, "startBinding", nextArrow.startBinding, startBindable, diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 050a20878b..e3218fd575 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -224,7 +224,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 28, + "version": 22, "width": "94.00000", "x": 0, "y": 0, @@ -350,8 +350,9 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 27, + "version": 21, "width": "88.00000", + "y": "7.20923", }, "inserted": { "endBinding": { @@ -381,8 +382,9 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 24, + "version": 20, "width": "88.00000", + "y": "0.01000", }, }, }, @@ -437,7 +439,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], ], "startBinding": null, - "version": 28, + "version": 22, "width": "94.00000", "x": 0, "y": 0, @@ -462,7 +464,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl ], "mode": "orbit", }, - "version": 27, + "version": 21, "width": "88.00000", "x": 6, "y": "7.20923", @@ -16254,7 +16256,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", @@ -16307,7 +16309,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 11, + "version": 10, }, "inserted": { "endBinding": { @@ -16327,7 +16329,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 9, + "version": 8, }, }, }, @@ -16636,7 +16638,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00120", + "height": 0, "index": "a3", "isDeleted": false, "link": null, @@ -16649,7 +16651,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "88.00000", - "0.00120", + 0, ], ], "roughness": 1, @@ -16669,14 +16671,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 8, + "version": 7, "width": "88.00000", "x": 6, - "y": "0.00880", + "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 7, + "version": 6, }, }, }, @@ -17002,7 +17004,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", @@ -17307,14 +17309,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 9, + "version": 8, }, }, }, @@ -17648,7 +17650,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", @@ -17953,14 +17955,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 9, + "version": 8, }, }, }, @@ -18292,7 +18294,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 11, + "version": 10, "width": "88.00000", "x": 6, "y": "0.01000", @@ -18361,7 +18363,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 11, + "version": 10, }, "inserted": { "endBinding": { @@ -18373,7 +18375,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "mode": "orbit", }, "startBinding": null, - "version": 9, + "version": 8, }, }, "id2": { @@ -18650,7 +18652,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00120", + "height": 0, "index": "a3", "isDeleted": false, "link": null, @@ -18663,7 +18665,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "88.00000", - "0.00120", + 0, ], ], "roughness": 1, @@ -18683,14 +18685,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 8, + "version": 7, "width": "88.00000", "x": 6, - "y": "0.00880", + "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 7, + "version": 6, }, }, }, @@ -19044,7 +19046,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeWidth": 2, "type": "arrow", "updated": 1, - "version": 12, + "version": 11, "width": "88.00000", "x": 6, "y": "0.01000", @@ -19124,12 +19126,12 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], "mode": "orbit", }, - "version": 12, + "version": 11, }, "inserted": { "endBinding": null, "startBinding": null, - "version": 10, + "version": 9, }, }, }, @@ -19398,7 +19400,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "fillStyle": "solid", "frameId": null, "groupIds": [], - "height": "0.00120", + "height": 0, "index": "a3", "isDeleted": false, "link": null, @@ -19411,7 +19413,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding ], [ "88.00000", - "0.00120", + 0, ], ], "roughness": 1, @@ -19431,14 +19433,14 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", - "version": 8, + "version": 7, "width": "88.00000", "x": 6, - "y": "0.00880", + "y": "0.01000", }, "inserted": { "isDeleted": true, - "version": 7, + "version": 6, }, }, }, diff --git a/yarn.lock b/yarn.lock index 2bc70c4afd..3b2d6cddc9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1531,10 +1531,10 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@2.1.0": - version "2.1.0" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.1.0.tgz#a5b9cf87c3185558cda7f9687d87b9937f452358" - integrity sha512-RMd+c2b7WzzUjhERMpKwp8PhF2/XlHDjr/zK+Gxfp8K9sVlafPYJ5OEa/GkN6edi2rBUXRfW+41WdO6L56b6Kw== +"@excalidraw/mermaid-to-excalidraw@2.1.1": + version "2.1.1" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.1.1.tgz#659c934a607dd2cf57f2a69282588ee2b0722959" + integrity sha512-jU+frqcxazsY+t5yOBf2mgrQy+WUrbrzA36if3SQB/Vwaf2qOJjnWxucNafgZZk/3+9xGmRotUeOviSOJG+wYA== dependencies: "@excalidraw/markdown-to-text" "0.1.2" "@mermaid-js/parser" "^0.6.3" From d6f0f34fe91a7fab25106f2b31b074c132815d36 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Mon, 23 Mar 2026 15:54:59 +0100 Subject: [PATCH 166/176] fix: Rotated rounded arrow center point (#10962) --- packages/element/src/collision.ts | 13 +++++++++-- packages/element/src/distance.ts | 8 +++++-- packages/element/src/linearElementEditor.ts | 15 ++++++++++-- packages/element/src/shape.ts | 23 ++++++------------- packages/element/src/textElement.ts | 1 + packages/element/src/utils.ts | 6 ++--- .../excalidraw/renderer/interactiveScene.ts | 1 + 7 files changed, 41 insertions(+), 26 deletions(-) diff --git a/packages/element/src/collision.ts b/packages/element/src/collision.ts index 46d2dbd46a..b17d563dbe 100644 --- a/packages/element/src/collision.ts +++ b/packages/element/src/collision.ts @@ -465,7 +465,12 @@ export const intersectElementWithLineSegment = ( case "line": case "freedraw": case "arrow": - return intersectLinearOrFreeDrawWithLineSegment(element, line, onlyFirst); + return intersectLinearOrFreeDrawWithLineSegment( + element, + line, + elementsMap, + onlyFirst, + ); } }; @@ -532,11 +537,15 @@ const lineIntersections = ( const intersectLinearOrFreeDrawWithLineSegment = ( element: ExcalidrawLinearElement | ExcalidrawFreeDrawElement, segment: LineSegment, + elementsMap: ElementsMap, onlyFirst = false, ): GlobalPoint[] => { // NOTE: This is the only one which return the decomposed elements // rotated! This is due to taking advantage of roughjs definitions. - const [lines, curves] = deconstructLinearOrFreeDrawElement(element); + const [lines, curves] = deconstructLinearOrFreeDrawElement( + element, + elementsMap, + ); const intersections: GlobalPoint[] = []; for (const l of lines) { diff --git a/packages/element/src/distance.ts b/packages/element/src/distance.ts index 4766ac9eef..c94652a1aa 100644 --- a/packages/element/src/distance.ts +++ b/packages/element/src/distance.ts @@ -48,7 +48,7 @@ export const distanceToElement = ( case "line": case "arrow": case "freedraw": - return distanceToLinearOrFreeDraElement(element, p); + return distanceToLinearOrFreeDraElement(element, elementsMap, p); } }; @@ -133,9 +133,13 @@ const distanceToEllipseElement = ( const distanceToLinearOrFreeDraElement = ( element: ExcalidrawLinearElement | ExcalidrawFreeDrawElement, + elementsMap: ElementsMap, p: GlobalPoint, ) => { - const [lines, curves] = deconstructLinearOrFreeDrawElement(element); + const [lines, curves] = deconstructLinearOrFreeDrawElement( + element, + elementsMap, + ); return Math.min( ...lines.map((s) => distanceToLineSegment(p, s)), ...curves.map((a) => curvePointDistance(a, p)), diff --git a/packages/element/src/linearElementEditor.ts b/packages/element/src/linearElementEditor.ts index 9390d56e58..8af8ecd858 100644 --- a/packages/element/src/linearElementEditor.ts +++ b/packages/element/src/linearElementEditor.ts @@ -800,6 +800,7 @@ export class LinearElementEditor { element.points[index + 1], index, appState.zoom, + elementsMap, ) ) { midpoints.push(null); @@ -809,6 +810,7 @@ export class LinearElementEditor { const segmentMidPoint = LinearElementEditor.getSegmentMidPoint( element, index + 1, + elementsMap, ); midpoints.push(segmentMidPoint); index++; @@ -896,6 +898,7 @@ export class LinearElementEditor { endPoint: P, index: number, zoom: Zoom, + elementsMap: ElementsMap, ) { if (isElbowArrow(element)) { if (index >= 0 && index < element.points.length) { @@ -910,7 +913,10 @@ export class LinearElementEditor { let distance = pointDistance(startPoint, endPoint); if (element.points.length > 2 && element.roundness) { - const [lines, curves] = deconstructLinearOrFreeDrawElement(element); + const [lines, curves] = deconstructLinearOrFreeDrawElement( + element, + elementsMap, + ); invariant( lines.length === 0 && curves.length > 0, @@ -930,6 +936,7 @@ export class LinearElementEditor { static getSegmentMidPoint( element: NonDeleted, index: number, + elementsMap: ElementsMap, ): GlobalPoint { if (isElbowArrow(element)) { invariant( @@ -942,7 +949,10 @@ export class LinearElementEditor { return pointFrom(element.x + p[0], element.y + p[1]); } - const [lines, curves] = deconstructLinearOrFreeDrawElement(element); + const [lines, curves] = deconstructLinearOrFreeDrawElement( + element, + elementsMap, + ); invariant( (lines.length === 0 && curves.length > 0) || @@ -1857,6 +1867,7 @@ export class LinearElementEditor { const midSegmentMidpoint = LinearElementEditor.getSegmentMidPoint( element, index + 1, + elementsMap, ); x = midSegmentMidpoint[0] - boundTextElement.width / 2; diff --git a/packages/element/src/shape.ts b/packages/element/src/shape.ts index 9bef1329af..158ace7519 100644 --- a/packages/element/src/shape.ts +++ b/packages/element/src/shape.ts @@ -57,8 +57,8 @@ import { headingForPointIsHorizontal } from "./heading"; import { canChangeRoundness } from "./comparisons"; import { + elementCenterPoint, getArrowheadPoints, - getCenterForBounds, getDiamondPoints, getElementAbsoluteCoords, } from "./bounds"; @@ -583,7 +583,11 @@ const getArrowheadShapes = ( export const generateLinearCollisionShape = ( element: ExcalidrawLinearElement | ExcalidrawFreeDrawElement, -) => { + elementsMap: ElementsMap, +): { + op: string; + data: number[]; +}[] => { const generator = new RoughGenerator(); const options: Options = { seed: element.seed, @@ -592,20 +596,7 @@ export const generateLinearCollisionShape = ( roughness: 0, preserveVertices: true, }; - const center = getCenterForBounds( - // Need a non-rotated center point - element.points.reduce( - (acc, point) => { - return [ - Math.min(element.x + point[0], acc[0]), - Math.min(element.y + point[1], acc[1]), - Math.max(element.x + point[0], acc[2]), - Math.max(element.y + point[1], acc[3]), - ]; - }, - [Infinity, Infinity, -Infinity, -Infinity], - ), - ); + const center = elementCenterPoint(element, elementsMap); switch (element.type) { case "line": diff --git a/packages/element/src/textElement.ts b/packages/element/src/textElement.ts index b891fdf2e9..9ff53d035c 100644 --- a/packages/element/src/textElement.ts +++ b/packages/element/src/textElement.ts @@ -347,6 +347,7 @@ export const getContainerCenter = ( midSegmentMidpoint = LinearElementEditor.getSegmentMidPoint( container, index + 1, + elementsMap, ); } return { x: midSegmentMidpoint[0], y: midSegmentMidpoint[1] }; diff --git a/packages/element/src/utils.ts b/packages/element/src/utils.ts index 96e09bcbf1..819cad562f 100644 --- a/packages/element/src/utils.ts +++ b/packages/element/src/utils.ts @@ -124,6 +124,7 @@ const setElementShapesCacheEntry = ( */ export function deconstructLinearOrFreeDrawElement( element: ExcalidrawLinearElement | ExcalidrawFreeDrawElement, + elementsMap: ElementsMap, ): [LineSegment[], Curve[]] { const cachedShape = getElementShapesCacheEntry(element, 0); @@ -131,10 +132,7 @@ export function deconstructLinearOrFreeDrawElement( return cachedShape; } - const ops = generateLinearCollisionShape(element) as { - op: string; - data: number[]; - }[]; + const ops = generateLinearCollisionShape(element, elementsMap); const lines = []; const curves = []; diff --git a/packages/excalidraw/renderer/interactiveScene.ts b/packages/excalidraw/renderer/interactiveScene.ts index 7d31bf9a32..30cadb0ef7 100644 --- a/packages/excalidraw/renderer/interactiveScene.ts +++ b/packages/excalidraw/renderer/interactiveScene.ts @@ -1156,6 +1156,7 @@ const renderLinearPointHandles = ( points[idx], idx, appState.zoom, + elementsMap, ) ) { renderSingleLinearPoint( From 1c292e4936795b8e2ac0b46bbccedf612e060a2b Mon Sep 17 00:00:00 2001 From: Kundan Date: Tue, 24 Mar 2026 23:31:08 +0530 Subject: [PATCH 167/176] fix(math): correctly validate second point in isLineSegment (#11007) Co-authored-by: Mark Tolmacs --- packages/math/src/segment.ts | 2 +- packages/math/tests/segment.test.ts | 26 +++++++++++++++++++++++++- 2 files changed, 26 insertions(+), 2 deletions(-) diff --git a/packages/math/src/segment.ts b/packages/math/src/segment.ts index ae282bfee5..7523ef3f2f 100644 --- a/packages/math/src/segment.ts +++ b/packages/math/src/segment.ts @@ -40,7 +40,7 @@ export const isLineSegment = ( Array.isArray(segment) && segment.length === 2 && isPoint(segment[0]) && - isPoint(segment[0]); + isPoint(segment[1]); /** * Return the coordinates resulting from rotating the given line about an origin by an angle in radians diff --git a/packages/math/tests/segment.test.ts b/packages/math/tests/segment.test.ts index 6b29bba591..a7091521df 100644 --- a/packages/math/tests/segment.test.ts +++ b/packages/math/tests/segment.test.ts @@ -1,5 +1,9 @@ import { pointFrom } from "../src/point"; -import { lineSegment, lineSegmentIntersectionPoints } from "../src/segment"; +import { + lineSegment, + lineSegmentIntersectionPoints, + isLineSegment, +} from "../src/segment"; describe("line-segment intersections", () => { it("should correctly detect intersection", () => { @@ -19,3 +23,23 @@ describe("line-segment intersections", () => { ).toEqual(null); }); }); +describe("isLineSegment validation", () => { + it("should return true for a valid segment", () => { + expect( + isLineSegment([ + [0, 0], + [1, 1], + ]), + ).toBe(true); + }); + + it("should return false if second element is not a point", () => { + const invalidSegment = [[0, 0], "not-a-point"] as any; + + expect(isLineSegment(invalidSegment)).toBe(false); + }); + + it("should return false for wrong length", () => { + expect(isLineSegment([[0, 0]])).toBe(false); + }); +}); From c1082923eedf62e2df7821fe8c772d839c46438d Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Tue, 24 Mar 2026 20:20:28 +0100 Subject: [PATCH 168/176] feat(editor): support mermaid staate diagrams (#11031) --- packages/excalidraw/locales/en.json | 2 +- packages/excalidraw/package.json | 2 +- yarn.lock | 8 ++++---- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index b0a8761de4..42e87bdf82 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -661,7 +661,7 @@ "placeholder": { "title": "Let's design your diagram", "description": "Describe the diagram you want to create, and we'll generate it for you.", - "hint": "At the moment we know Flowchart, Sequence, Class, and Entity Relationship diagrams." + "hint": "At the moment we know Flowchart, Sequence, Class, State, and Entity Relationship diagrams." }, "preview": "Preview", "insert": "Insert", diff --git a/packages/excalidraw/package.json b/packages/excalidraw/package.json index 3d8fe1daeb..1d01b82bd8 100644 --- a/packages/excalidraw/package.json +++ b/packages/excalidraw/package.json @@ -88,7 +88,7 @@ "@excalidraw/element": "0.18.0", "@excalidraw/laser-pointer": "1.3.1", "@excalidraw/math": "0.18.0", - "@excalidraw/mermaid-to-excalidraw": "2.1.1", + "@excalidraw/mermaid-to-excalidraw": "2.2.2", "@excalidraw/random-username": "1.1.0", "browser-fs-access": "0.38.0", "canvas-roundrect-polyfill": "0.0.1", diff --git a/yarn.lock b/yarn.lock index 3b2d6cddc9..dd87b52426 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1531,10 +1531,10 @@ resolved "https://registry.yarnpkg.com/@excalidraw/markdown-to-text/-/markdown-to-text-0.1.2.tgz#1703705e7da608cf478f17bfe96fb295f55a23eb" integrity sha512-1nDXBNAojfi3oSFwJswKREkFm5wrSjqay81QlyRv2pkITG/XYB5v+oChENVBQLcxQwX4IUATWvXM5BcaNhPiIg== -"@excalidraw/mermaid-to-excalidraw@2.1.1": - version "2.1.1" - resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.1.1.tgz#659c934a607dd2cf57f2a69282588ee2b0722959" - integrity sha512-jU+frqcxazsY+t5yOBf2mgrQy+WUrbrzA36if3SQB/Vwaf2qOJjnWxucNafgZZk/3+9xGmRotUeOviSOJG+wYA== +"@excalidraw/mermaid-to-excalidraw@2.2.2": + version "2.2.2" + resolved "https://registry.yarnpkg.com/@excalidraw/mermaid-to-excalidraw/-/mermaid-to-excalidraw-2.2.2.tgz#ee6b597a0d95b9a76f7ae41ce0e3733a9b96e4a0" + integrity sha512-5VKQq5CdRocC82vOIUpQ5ufJOVV9FpBTdHGA+ULqazeIVV+cr299877omQCibsdS3Bpitz2fsnTwnIXEmLVDSg== dependencies: "@excalidraw/markdown-to-text" "0.1.2" "@mermaid-js/parser" "^0.6.3" From c09e170bdd50f9e08a82deba2c037043b8fce9e0 Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 25 Mar 2026 17:14:24 +0100 Subject: [PATCH 169/176] feat(editor): deselect on esc (#11035) Co-authored-by: Jawahar Co-authored-by: Andrew Aquino --- packages/excalidraw/actions/actionDeselect.ts | 145 ++++++ .../excalidraw/actions/actionFinalize.tsx | 4 +- packages/excalidraw/actions/index.ts | 1 + packages/excalidraw/actions/types.ts | 1 + packages/excalidraw/components/App.tsx | 12 +- .../tests/__snapshots__/history.test.tsx.snap | 483 ++++++++++++++++++ packages/excalidraw/tests/history.test.tsx | 76 +++ packages/excalidraw/tests/selection.test.tsx | 65 ++- .../excalidraw/wysiwyg/textWysiwyg.test.tsx | 83 +++ 9 files changed, 856 insertions(+), 14 deletions(-) create mode 100644 packages/excalidraw/actions/actionDeselect.ts diff --git a/packages/excalidraw/actions/actionDeselect.ts b/packages/excalidraw/actions/actionDeselect.ts new file mode 100644 index 0000000000..2b48eb825e --- /dev/null +++ b/packages/excalidraw/actions/actionDeselect.ts @@ -0,0 +1,145 @@ +import { + getElementsInGroup, + isSomeElementSelected, + makeNextSelectedElementIds, + selectGroupsForSelectedElements, +} from "@excalidraw/element"; +import { CaptureUpdateAction } from "@excalidraw/element"; +import { KEYS, isWritableElement, updateActiveTool } from "@excalidraw/common"; + +import type { GroupId } from "@excalidraw/element/types"; + +import { register } from "./register"; + +import type { AppClassProperties, AppState } from "../types"; + +const getNextActiveTool = ( + appState: Readonly, + app: AppClassProperties, +) => { + if (appState.activeTool.type === "eraser") { + return updateActiveTool(appState, { + ...(appState.activeTool.lastActiveTool || { + type: app.state.preferredSelectionTool.type, + }), + lastActiveToolBeforeEraser: null, + }); + } + + return updateActiveTool(appState, { + type: app.state.preferredSelectionTool.type, + }); +}; + +const getParentEditingGroupId = ( + appState: Readonly, + app: AppClassProperties, + selectedElementIds: AppState["selectedElementIds"], +): GroupId | null => { + if (!appState.editingGroupId) { + return null; + } + + const nonDeletedElements = app.scene.getNonDeletedElements(); + const selectedElements = app.scene.getSelectedElements({ + selectedElementIds, + elements: nonDeletedElements, + }); + const candidateElements = selectedElements.length + ? selectedElements + : getElementsInGroup(nonDeletedElements, appState.editingGroupId); + + for (const element of candidateElements) { + const editingGroupIndex = element.groupIds.indexOf(appState.editingGroupId); + if (editingGroupIndex !== -1 && element.groupIds[editingGroupIndex + 1]) { + return element.groupIds[editingGroupIndex + 1] as GroupId; + } + } + + return null; +}; + +export const actionDeselect = register({ + name: "deselect", + label: "", + trackEvent: false, + perform: (_elements, appState, _, app) => { + const activeTool = getNextActiveTool(appState, app); + + if (appState.editingGroupId) { + const nonDeletedElements = app.scene.getNonDeletedElements(); + const selectedElementIds = + Object.keys(appState.selectedElementIds).length > 0 + ? appState.selectedElementIds + : getElementsInGroup( + nonDeletedElements, + appState.editingGroupId, + ).reduce((acc, element) => { + acc[element.id] = true; + return acc; + }, {} as Record); + + return { + appState: { + ...appState, + ...selectGroupsForSelectedElements( + { + editingGroupId: getParentEditingGroupId( + appState, + app, + selectedElementIds, + ), + selectedElementIds, + }, + nonDeletedElements, + appState, + app, + ), + activeEmbeddable: null, + activeTool, + selectedLinearElement: null, + selectionElement: null, + showHyperlinkPopup: false, + suggestedBinding: null, + }, + captureUpdate: CaptureUpdateAction.IMMEDIATELY, + }; + } + + return { + appState: { + ...appState, + activeEmbeddable: null, + activeTool, + editingGroupId: null, + selectedElementIds: makeNextSelectedElementIds({}, appState), + selectedGroupIds: {}, + selectedLinearElement: null, + selectionElement: null, + showHyperlinkPopup: false, + suggestedBinding: null, + }, + captureUpdate: CaptureUpdateAction.IMMEDIATELY, + }; + }, + keyTest: (event, appState, _, app) => { + if (event.key !== KEYS.ESCAPE) { + return false; + } + + if (isWritableElement(event.target)) { + return false; + } + + return ( + !appState.newElement && + appState.multiElement === null && + !appState.selectedLinearElement?.isEditing && + (appState.activeEmbeddable !== null || + appState.activeTool.type !== app.state.preferredSelectionTool.type || + !!appState.editingGroupId || + !!appState.selectedLinearElement || + isSomeElementSelected(app.scene.getNonDeletedElements(), appState)) + ); + }, +}); diff --git a/packages/excalidraw/actions/actionFinalize.tsx b/packages/excalidraw/actions/actionFinalize.tsx index 9e529621a7..37332c4124 100644 --- a/packages/excalidraw/actions/actionFinalize.tsx +++ b/packages/excalidraw/actions/actionFinalize.tsx @@ -348,9 +348,7 @@ export const actionFinalize = register({ }; }, keyTest: (event, appState) => - (event.key === KEYS.ESCAPE && - (appState.selectedLinearElement?.isEditing || - (!appState.newElement && appState.multiElement === null))) || + (event.key === KEYS.ESCAPE && appState.selectedLinearElement?.isEditing) || ((event.key === KEYS.ESCAPE || event.key === KEYS.ENTER) && appState.multiElement !== null), PanelComponent: ({ appState, updateData, data }) => ( diff --git a/packages/excalidraw/actions/index.ts b/packages/excalidraw/actions/index.ts index cc9ca1789c..d630c6ecaa 100644 --- a/packages/excalidraw/actions/index.ts +++ b/packages/excalidraw/actions/index.ts @@ -34,6 +34,7 @@ export { export { actionSetEmbeddableAsActiveTool } from "./actionEmbeddable"; export { actionFinalize } from "./actionFinalize"; +export { actionDeselect } from "./actionDeselect"; export { actionChangeProjectName, diff --git a/packages/excalidraw/actions/types.ts b/packages/excalidraw/actions/types.ts index ae80e4107c..02c67d34f3 100644 --- a/packages/excalidraw/actions/types.ts +++ b/packages/excalidraw/actions/types.ts @@ -114,6 +114,7 @@ export type ActionName = | "distributeVertically" | "flipHorizontal" | "flipVertical" + | "deselect" | "viewMode" | "exportWithDarkMode" | "toggleTheme" diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 4a79e93baf..5561594cb0 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -5725,13 +5725,13 @@ class App extends React.Component { const isDeleted = !nextOriginalText.trim(); updateElement(nextOriginalText, isDeleted); - // select the created text element only if submitting via keyboard - // (when submitting via click it should act as signal to deselect) - if (!isDeleted && viaKeyboard) { - const elementIdToSelect = element.containerId - ? element.containerId - : element.id; + // keyboard-submit keeps focus on the edited object. For bound text, keep + // the container selected even if the text becomes empty and is deleted. + const elementIdToSelect = viaKeyboard + ? element.containerId || (!isDeleted ? element.id : null) + : null; + if (elementIdToSelect) { // needed to ensure state is updated before "finalize" action // that's invoked on keyboard-submit as well // TODO either move this into finalize as well, or handle all state diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index e3218fd575..3a400a0128 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -11222,6 +11222,489 @@ exports[`history > multiplayer undo/redo > should redraw arrows on undo > [end o exports[`history > multiplayer undo/redo > should redraw arrows on undo > [end of test] undo stack 1`] = `[]`; +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] appState 1`] = ` +{ + "activeEmbeddable": null, + "activeLockedId": null, + "activeTool": { + "customType": null, + "fromSelection": false, + "lastActiveTool": null, + "locked": false, + "type": "selection", + }, + "bindMode": "orbit", + "bindingPreference": "enabled", + "collaborators": Map {}, + "contextMenu": null, + "croppingElementId": null, + "currentHoveredFontFamily": null, + "currentItemArrowType": "round", + "currentItemBackgroundColor": "transparent", + "currentItemEndArrowhead": "arrow", + "currentItemFillStyle": "solid", + "currentItemFontFamily": 5, + "currentItemFontSize": 20, + "currentItemOpacity": 100, + "currentItemRoughness": 1, + "currentItemRoundness": "sharp", + "currentItemStartArrowhead": null, + "currentItemStrokeColor": "#1e1e1e", + "currentItemStrokeStyle": "solid", + "currentItemStrokeWidth": 2, + "currentItemTextAlign": "left", + "cursorButton": "up", + "defaultSidebarDockedPreference": false, + "editingFrame": null, + "editingGroupId": null, + "editingTextElement": null, + "elementsToHighlight": null, + "errorMessage": null, + "exportBackground": true, + "exportEmbedScene": false, + "exportScale": 1, + "exportWithDarkMode": false, + "fileHandle": null, + "followedBy": Set {}, + "frameRendering": { + "clip": true, + "enabled": true, + "name": true, + "outline": true, + }, + "frameToHighlight": null, + "gridModeEnabled": false, + "gridSize": 20, + "gridStep": 5, + "height": 0, + "hoveredElementIds": {}, + "isBindingEnabled": true, + "isCropping": false, + "isLoading": false, + "isMidpointSnappingEnabled": true, + "isResizing": false, + "isRotating": false, + "lastPointerDownWith": "mouse", + "lockedMultiSelections": {}, + "multiElement": null, + "newElement": null, + "objectsSnapModeEnabled": false, + "offsetLeft": 0, + "offsetTop": 0, + "openDialog": null, + "openMenu": null, + "openPopup": null, + "openSidebar": null, + "originSnapOffset": null, + "penDetected": false, + "penMode": false, + "preferredSelectionTool": { + "initialized": true, + "type": "selection", + }, + "previousSelectedElementIds": {}, + "resizingElement": null, + "scrollX": 0, + "scrollY": 0, + "searchMatches": null, + "selectedElementIds": {}, + "selectedElementsAreBeingDragged": false, + "selectedGroupIds": {}, + "selectionElement": null, + "shouldCacheIgnoreZoom": false, + "showHyperlinkPopup": false, + "showWelcomeScreen": true, + "snapLines": [], + "startBoundElement": null, + "stats": { + "open": false, + "panels": 3, + }, + "suggestedBinding": null, + "theme": "light", + "toast": null, + "userToFollow": null, + "viewBackgroundColor": "#ffffff", + "viewModeEnabled": false, + "width": 0, + "zenModeEnabled": false, + "zoom": { + "value": 1, + }, +} +`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] element 0 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "inner", + "outer", + ], + "height": 100, + "id": "id0", + "index": "a0", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "updated": 1, + "version": 2, + "width": 100, + "x": 0, + "y": 0, +} +`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] element 1 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "outer", + ], + "height": 100, + "id": "id1", + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "updated": 1, + "version": 2, + "width": 100, + "x": 100, + "y": 100, +} +`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] element 2 1`] = ` +{ + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "inner", + "outer", + ], + "height": 100, + "id": "id2", + "index": "a2", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "updated": 1, + "version": 2, + "width": 100, + "x": 200, + "y": 200, +} +`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] number of elements 1`] = `3`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] number of renders 1`] = `16`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] redo stack 1`] = `[]`; + +exports[`history > multiplayer undo/redo > should support undo and redo when escape unwinds nested group editing > [end of test] undo stack 1`] = ` +[ + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "selectedElementIds": { + "id0": true, + "id1": true, + "id2": true, + }, + "selectedGroupIds": { + "outer": true, + }, + }, + "inserted": { + "selectedElementIds": {}, + "selectedGroupIds": {}, + }, + }, + }, + "elements": { + "added": {}, + "removed": { + "id0": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "inner", + "outer", + ], + "height": 100, + "index": "a0", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 2, + "width": 100, + "x": 0, + "y": 0, + }, + "inserted": { + "isDeleted": true, + "version": 1, + }, + }, + "id1": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "outer", + ], + "height": 100, + "index": "a1", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 2, + "width": 100, + "x": 100, + "y": 100, + }, + "inserted": { + "isDeleted": true, + "version": 1, + }, + }, + "id2": { + "deleted": { + "angle": 0, + "backgroundColor": "transparent", + "boundElements": null, + "customData": undefined, + "fillStyle": "solid", + "frameId": null, + "groupIds": [ + "inner", + "outer", + ], + "height": 100, + "index": "a2", + "isDeleted": false, + "link": null, + "locked": false, + "opacity": 100, + "roughness": 1, + "roundness": null, + "strokeColor": "#1e1e1e", + "strokeStyle": "solid", + "strokeWidth": 2, + "type": "rectangle", + "version": 2, + "width": 100, + "x": 200, + "y": 200, + }, + "inserted": { + "isDeleted": true, + "version": 1, + }, + }, + }, + "updated": {}, + }, + "id": "id5", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "editingGroupId": "outer", + "selectedElementIds": {}, + "selectedGroupIds": { + "inner": true, + }, + }, + "inserted": { + "editingGroupId": null, + "selectedElementIds": { + "id1": true, + }, + "selectedGroupIds": { + "outer": true, + }, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id7", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "editingGroupId": "inner", + "selectedElementIds": {}, + "selectedGroupIds": {}, + }, + "inserted": { + "editingGroupId": "outer", + "selectedElementIds": { + "id2": true, + }, + "selectedGroupIds": { + "inner": true, + }, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id9", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "editingGroupId": "outer", + "selectedElementIds": { + "id2": true, + }, + "selectedGroupIds": { + "inner": true, + }, + }, + "inserted": { + "editingGroupId": "inner", + "selectedElementIds": {}, + "selectedGroupIds": {}, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id19", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "editingGroupId": null, + "selectedElementIds": { + "id1": true, + }, + "selectedGroupIds": { + "outer": true, + }, + }, + "inserted": { + "editingGroupId": "outer", + "selectedElementIds": {}, + "selectedGroupIds": { + "inner": true, + }, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id20", + }, + { + "appState": AppStateDelta { + "delta": Delta { + "deleted": { + "selectedElementIds": {}, + "selectedGroupIds": {}, + }, + "inserted": { + "selectedElementIds": { + "id0": true, + "id1": true, + "id2": true, + }, + "selectedGroupIds": { + "outer": true, + }, + }, + }, + }, + "elements": { + "added": {}, + "removed": {}, + "updated": {}, + }, + "id": "id21", + }, +] +`; + exports[`history > multiplayer undo/redo > should update history entries after remote changes on the same properties > [end of test] appState 1`] = ` { "activeEmbeddable": null, diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index 96e948958e..f6706a0f99 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -2971,6 +2971,82 @@ describe("history", () => { expect(h.state.editingGroupId).toBeNull(); }); + // TODO mark with "noncritical" tag once we migrate to vitest 4 + it.skip("should support undo and redo when escape unwinds nested group editing", async () => { + const rectA = API.createElement({ + type: "rectangle", + groupIds: ["inner", "outer"], + x: 0, + }); + const rectB = API.createElement({ + type: "rectangle", + groupIds: ["outer"], + x: 100, + }); + const rectC = API.createElement({ + type: "rectangle", + groupIds: ["inner", "outer"], + x: 200, + }); + + API.setElements([rectA, rectB, rectC]); + mouse.select(rectA); + mouse.doubleClickOn(rectA); + mouse.doubleClickOn(rectA); + + assertSelectedElements([rectA]); + expect(h.state.editingGroupId).toBe("inner"); + expect(API.getUndoStack().length).toBe(3); + expect(API.getRedoStack().length).toBe(0); + + Keyboard.keyPress(KEYS.ESCAPE); + assertSelectedElements([rectA, rectC]); + expect(h.state.editingGroupId).toBe("outer"); + expect(API.getUndoStack().length).toBe(4); + expect(API.getRedoStack().length).toBe(0); + + Keyboard.keyPress(KEYS.ESCAPE); + assertSelectedElements([rectA, rectB, rectC]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({ outer: true }); + expect(API.getUndoStack().length).toBe(5); + expect(API.getRedoStack().length).toBe(0); + + Keyboard.keyPress(KEYS.ESCAPE); + expect(API.getSelectedElements()).toEqual([]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({}); + expect(API.getUndoStack().length).toBe(6); + expect(API.getRedoStack().length).toBe(0); + + Keyboard.undo(); + assertSelectedElements([rectA, rectB, rectC]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({ outer: true }); + + Keyboard.undo(); + assertSelectedElements([rectA, rectC]); + expect(h.state.editingGroupId).toBe("outer"); + + Keyboard.undo(); + assertSelectedElements([rectA]); + expect(h.state.editingGroupId).toBe("inner"); + + Keyboard.redo(); + assertSelectedElements([rectA, rectC]); + expect(h.state.editingGroupId).toBe("outer"); + + Keyboard.redo(); + assertSelectedElements([rectA, rectB, rectC]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({ outer: true }); + + Keyboard.redo(); + expect(API.getSelectedElements()).toEqual([]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({}); + }); + it("should iterate through the history when selected or editing linear element was remotely deleted", async () => { // create three point arrow UI.clickTool("arrow"); diff --git a/packages/excalidraw/tests/selection.test.tsx b/packages/excalidraw/tests/selection.test.tsx index 93135fb2e1..64204f1a00 100644 --- a/packages/excalidraw/tests/selection.test.tsx +++ b/packages/excalidraw/tests/selection.test.tsx @@ -326,7 +326,7 @@ describe("select single element on the scene", () => { fireEvent.pointerUp(canvas); expect(renderInteractiveScene).toHaveBeenCalledTimes(8); - expect(renderStaticScene).toHaveBeenCalledTimes(6); + expect(renderStaticScene).toHaveBeenCalledTimes(7); expect(h.state.selectionElement).toBeNull(); expect(h.elements.length).toEqual(1); expect(h.state.selectedElementIds[h.elements[0].id]).toBeTruthy(); @@ -359,7 +359,7 @@ describe("select single element on the scene", () => { fireEvent.pointerUp(canvas); expect(renderInteractiveScene).toHaveBeenCalledTimes(8); - expect(renderStaticScene).toHaveBeenCalledTimes(6); + expect(renderStaticScene).toHaveBeenCalledTimes(7); expect(h.state.selectionElement).toBeNull(); expect(h.elements.length).toEqual(1); expect(h.state.selectedElementIds[h.elements[0].id]).toBeTruthy(); @@ -392,7 +392,7 @@ describe("select single element on the scene", () => { fireEvent.pointerUp(canvas); expect(renderInteractiveScene).toHaveBeenCalledTimes(8); - expect(renderStaticScene).toHaveBeenCalledTimes(6); + expect(renderStaticScene).toHaveBeenCalledTimes(7); expect(h.state.selectionElement).toBeNull(); expect(h.elements.length).toEqual(1); expect(h.state.selectedElementIds[h.elements[0].id]).toBeTruthy(); @@ -438,7 +438,7 @@ describe("select single element on the scene", () => { fireEvent.pointerUp(canvas); expect(renderInteractiveScene).toHaveBeenCalledTimes(10); - expect(renderStaticScene).toHaveBeenCalledTimes(8); + expect(renderStaticScene).toHaveBeenCalledTimes(9); expect(h.state.selectionElement).toBeNull(); expect(h.elements.length).toEqual(1); expect(h.state.selectedElementIds[h.elements[0].id]).toBeTruthy(); @@ -483,7 +483,7 @@ describe("select single element on the scene", () => { fireEvent.pointerUp(canvas); expect(renderInteractiveScene).toHaveBeenCalledTimes(10); - expect(renderStaticScene).toHaveBeenCalledTimes(8); + expect(renderStaticScene).toHaveBeenCalledTimes(9); expect(h.state.selectionElement).toBeNull(); expect(h.elements.length).toEqual(1); expect(h.state.selectedElementIds[h.elements[0].id]).toBeTruthy(); @@ -558,3 +558,58 @@ describe("selectedElementIds stability", () => { expect(h.state.selectedElementIds).toBe(selectedElementIds_2); }); }); + +describe("deselecting", () => { + beforeEach(async () => { + await render(); + }); + + it("esc unwinds nested group editing before deselecting", () => { + const rectA = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + groupIds: ["inner", "outer"], + }); + const rectB = API.createElement({ + type: "rectangle", + x: 100, + y: 0, + groupIds: ["outer"], + }); + const rectC = API.createElement({ + type: "rectangle", + x: 200, + y: 0, + groupIds: ["inner", "outer"], + }); + + API.setElements([rectA, rectB, rectC]); + + mouse.select(rectA); + assertSelectedElements(rectA, rectB, rectC); + expect(h.state.editingGroupId).toBeNull(); + + mouse.doubleClickOn(rectA); + assertSelectedElements(rectA, rectC); + expect(h.state.editingGroupId).toBe("outer"); + + mouse.doubleClickOn(rectA); + assertSelectedElements(rectA); + expect(h.state.editingGroupId).toBe("inner"); + + Keyboard.keyPress(KEYS.ESCAPE); + assertSelectedElements(rectA, rectC); + expect(h.state.editingGroupId).toBe("outer"); + + Keyboard.keyPress(KEYS.ESCAPE); + assertSelectedElements(rectA, rectB, rectC); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({ outer: true }); + + Keyboard.keyPress(KEYS.ESCAPE); + expect(API.getSelectedElements()).toEqual([]); + expect(h.state.editingGroupId).toBeNull(); + expect(h.state.selectedGroupIds).toEqual({}); + }); +}); diff --git a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx index 2a0e5b73c7..a092576de0 100644 --- a/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx +++ b/packages/excalidraw/wysiwyg/textWysiwyg.test.tsx @@ -45,6 +45,28 @@ unmountComponent(); const tab = " "; const mouse = new Pointer("mouse"); +const exitTextEditorAndAssertSelection = async ({ + editor, + selectedIds, + nextText, +}: { + editor: HTMLTextAreaElement; + selectedIds: string[]; + nextText?: string; +}) => { + if (nextText !== undefined) { + updateTextEditor(editor, nextText); + } + + Keyboard.exitTextEditor(editor); + + expect(await getTextEditor({ waitForEditor: false })).toBe(null); + expect(window.h.state.editingTextElement).toBeNull(); + expect(API.getSelectedElements().map((element) => element.id)).toEqual( + selectedIds, + ); +}; + describe("textWysiwyg", () => { describe("start text editing", () => { const { h } = window; @@ -271,6 +293,33 @@ describe("textWysiwyg", () => { expect(h.elements.length).toBe(1); }); + it("should reselect text after exiting wysiwyg with escape", async () => { + const text = API.createElement({ + type: "text", + text: "ola", + x: 60, + y: 0, + width: 100, + height: 100, + }); + + API.setElements([text]); + API.setSelectedElements([text]); + UI.clickTool("selection"); + + Keyboard.keyPress(KEYS.ENTER); + + const editor = await getTextEditor(); + + expect(editor).not.toBe(null); + expect(h.state.editingTextElement?.id).toBe(text.id); + + await exitTextEditorAndAssertSelection({ + editor, + selectedIds: [text.id], + }); + }); + it("should edit selected bound text on single click", async () => { const container = API.createElement({ type: "rectangle", @@ -1305,6 +1354,40 @@ describe("textWysiwyg", () => { ); }); + it.each([ + { + label: "container", + createElements: () => API.createTextContainer(), + }, + { + label: "arrow", + createElements: () => API.createLabeledArrow(), + }, + ])( + "should reselect $label after deleting bound text with escape", + async ({ createElements }) => { + const [selectedElement, text] = createElements(); + API.setElements([selectedElement, text]); + API.setSelectedElements([selectedElement]); + + Keyboard.keyPress(KEYS.ENTER); + const editor = await getTextEditor(); + + await exitTextEditorAndAssertSelection({ + editor, + nextText: "", + selectedIds: [selectedElement.id], + }); + + expect(selectedElement.boundElements).toStrictEqual([]); + expect(h.elements[1]).toEqual( + expect.objectContaining({ + isDeleted: true, + }), + ); + }, + ); + it("should restore original container height and clear cache once text is unbind", async () => { const container = API.createElement({ type: "rectangle", From 4a5c9e990ca2dca3106b7bbe674b21cf58acec7d Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 25 Mar 2026 17:56:48 +0100 Subject: [PATCH 170/176] fix(editor): ensure font picker font names are not quoted (#11036) --- .../components/FontPicker/FontPickerList.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/excalidraw/components/FontPicker/FontPickerList.tsx b/packages/excalidraw/components/FontPicker/FontPickerList.tsx index e5e7b85aea..5d107cbeb1 100644 --- a/packages/excalidraw/components/FontPicker/FontPickerList.tsx +++ b/packages/excalidraw/components/FontPicker/FontPickerList.tsx @@ -46,6 +46,7 @@ import { import { fontPickerKeyHandler } from "./keyboardNavHandlers"; import type { JSX } from "react"; +import type { ExcalidrawFontFace } from "../../fonts/ExcalidrawFontFace"; export interface FontDescriptor { value: number; @@ -86,6 +87,15 @@ const getFontFamilyIcon = (fontFamily: FontFamilyValues): JSX.Element => { } }; +const getFontFamilyLabel = ( + fontFamily: FontFamilyValues, + fontFaces: ExcalidrawFontFace[], +) => + // prefer our config as the browser resolved names may be wrapped in quotes and such + Object.entries(FONT_FAMILY).find(([, id]) => id === fontFamily)?.[0] ?? + fontFaces[0]?.fontFace?.family ?? + "Unknown"; + export const FontPickerList = React.memo( ({ selectedFontFamily, @@ -114,7 +124,7 @@ export const FontPickerList = React.memo( const fontDescriptor = { value: familyId, icon: getFontFamilyIcon(familyId), - text: fontFaces[0]?.fontFace?.family ?? "Unknown", + text: getFontFamilyLabel(familyId, fontFaces), }; if (metadata.deprecated) { From 4be4cc0ed03e8bd3af23bb07b7f4a04debdb7bdf Mon Sep 17 00:00:00 2001 From: dagecko Date: Mon, 30 Mar 2026 10:49:27 -0400 Subject: [PATCH 171/176] fix: pin 9 actions to commit SHA (#11075) --- .github/workflows/cancel.yml | 2 +- .github/workflows/locales-coverage.yml | 2 +- .github/workflows/publish-docker.yml | 8 ++++---- .github/workflows/semantic-pr-title.yml | 2 +- .github/workflows/size-limit.yml | 2 +- .github/workflows/test-coverage-pr.yml | 2 +- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/.github/workflows/cancel.yml b/.github/workflows/cancel.yml index e1ef216651..a572df9bed 100644 --- a/.github/workflows/cancel.yml +++ b/.github/workflows/cancel.yml @@ -11,7 +11,7 @@ jobs: runs-on: ubuntu-latest timeout-minutes: 3 steps: - - uses: styfle/cancel-workflow-action@0.6.0 + - uses: styfle/cancel-workflow-action@ce177499ccf9fd2aded3b0426c97e5434c2e8a73 # 0.6.0 with: workflow_id: 400555, 400556, 905313, 1451724, 1710116, 3185001, 3438604 access_token: ${{ secrets.GITHUB_TOKEN }} diff --git a/.github/workflows/locales-coverage.yml b/.github/workflows/locales-coverage.yml index d69f1b1449..67a942438b 100644 --- a/.github/workflows/locales-coverage.yml +++ b/.github/workflows/locales-coverage.yml @@ -40,7 +40,7 @@ jobs: echo ::set-output name=body::$body - name: Update description with coverage - uses: kt3k/update-pr-description@v1.0.1 + uses: kt3k/update-pr-description@1b35a6dcd84d81aa0bc1889610efdcde7f37b0c0 # v1.0.1 with: pr_body: ${{ steps.getCommentBody.outputs.body }} pr_title: "chore: Update translations from Crowdin" diff --git a/.github/workflows/publish-docker.yml b/.github/workflows/publish-docker.yml index 68eee27755..d0aedcb26b 100644 --- a/.github/workflows/publish-docker.yml +++ b/.github/workflows/publish-docker.yml @@ -13,16 +13,16 @@ jobs: - name: Checkout repository uses: actions/checkout@v3 - name: Login to DockerHub - uses: docker/login-action@v2 + uses: docker/login-action@465a07811f14bebb1938fbed4728c6a1ff8901fc # v2 with: username: ${{ secrets.DOCKER_USERNAME }} password: ${{ secrets.DOCKER_PASSWORD }} - name: Set up QEMU - uses: docker/setup-qemu-action@v3 + uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3 - name: Set up Docker Buildx - uses: docker/setup-buildx-action@v3 + uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3 - name: Build and push - uses: docker/build-push-action@v5 + uses: docker/build-push-action@ca052bb54ab0790a636c9b5f226502c73d547a25 # v5 with: context: . push: true diff --git a/.github/workflows/semantic-pr-title.yml b/.github/workflows/semantic-pr-title.yml index 34a6413fe2..8bfc1327b4 100644 --- a/.github/workflows/semantic-pr-title.yml +++ b/.github/workflows/semantic-pr-title.yml @@ -11,6 +11,6 @@ jobs: semantic: runs-on: ubuntu-latest steps: - - uses: amannn/action-semantic-pull-request@v5 + - uses: amannn/action-semantic-pull-request@e32d7e603df1aa1ba07e981f2a23455dee596825 # v5 env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/.github/workflows/size-limit.yml b/.github/workflows/size-limit.yml index ded07f91fb..2a24507630 100644 --- a/.github/workflows/size-limit.yml +++ b/.github/workflows/size-limit.yml @@ -20,7 +20,7 @@ jobs: working-directory: packages/excalidraw env: CI: true - - uses: andresz1/size-limit-action@v1 + - uses: andresz1/size-limit-action@e7493a72a44b113341c0cf6186ab49c17c4b65c1 # v1 with: github_token: ${{ secrets.GITHUB_TOKEN }} build_script: build:esm diff --git a/.github/workflows/test-coverage-pr.yml b/.github/workflows/test-coverage-pr.yml index 227991a7bc..0cb6327564 100644 --- a/.github/workflows/test-coverage-pr.yml +++ b/.github/workflows/test-coverage-pr.yml @@ -21,6 +21,6 @@ jobs: run: yarn test:coverage - name: "Report Coverage" if: always() # Also generate the report if tests are failing - uses: davelosert/vitest-coverage-report-action@v2 + uses: davelosert/vitest-coverage-report-action@2500dafcee7dd64f85ab689c0b83798a8359770e # v2 with: github-token: ${{ secrets.GITHUB_TOKEN }} From d9e8a33aa4b48d920ecb9d3fde15cf0e8b72fd5c Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Wed, 1 Apr 2026 18:41:11 +0200 Subject: [PATCH 172/176] feat(editor): implement overlap box selection (#11053) Co-authored-by: Mark Tolmacs --- packages/element/src/bounds.ts | 28 +- packages/element/src/collision.ts | 43 +- packages/element/src/frame.ts | 20 +- packages/element/src/selection.ts | 300 +++++++++-- packages/element/tests/collision.test.tsx | 4 +- packages/excalidraw/appState.ts | 2 + packages/excalidraw/components/App.tsx | 48 +- .../excalidraw/components/RadioGroup.scss | 5 +- .../components/Stats/stats.test.tsx | 2 +- .../components/dropdownMenu/DropdownMenu.scss | 2 +- .../DropdownMenuItemContentRadio.tsx | 8 +- .../components/main-menu/DefaultItems.tsx | 43 +- packages/excalidraw/data/index.ts | 8 +- packages/excalidraw/data/restore.ts | 6 + packages/excalidraw/locales/en.json | 3 + packages/excalidraw/scene/export.ts | 6 +- .../__snapshots__/contextmenu.test.tsx.snap | 29 +- .../tests/__snapshots__/history.test.tsx.snap | 63 +++ .../regressionTests.test.tsx.snap | 52 ++ packages/excalidraw/tests/history.test.tsx | 2 +- .../excalidraw/tests/regressionTests.test.tsx | 6 +- packages/excalidraw/tests/selection.test.tsx | 509 +++++++++++++++++- packages/excalidraw/types.ts | 4 + packages/math/src/curve.ts | 44 +- .../tests/__snapshots__/export.test.ts.snap | 1 + scripts/woff2/woff2-vite-plugins.js | 7 + 26 files changed, 1141 insertions(+), 104 deletions(-) diff --git a/packages/element/src/bounds.ts b/packages/element/src/bounds.ts index a73a7d28bb..a072b81a90 100644 --- a/packages/element/src/bounds.ts +++ b/packages/element/src/bounds.ts @@ -680,8 +680,9 @@ export const getMinMaxXYFromCurvePathOps = ( return [minX, minY, maxX, maxY]; }; -export const getBoundsFromPoints = ( - points: ExcalidrawFreeDrawElement["points"], +export const getBoundsFromPoints =

( + points: readonly P[], + padding: number = 0, ): Bounds => { let minX = Infinity; let minY = Infinity; @@ -695,7 +696,7 @@ export const getBoundsFromPoints = ( maxY = Math.max(maxY, y); } - return [minX, minY, maxX, maxY]; + return [minX - padding, minY - padding, maxX + padding, maxY + padding]; }; const getFreeDrawElementAbsoluteCoords = ( @@ -1261,6 +1262,17 @@ export const pointInsideBounds =

( ): boolean => p[0] > bounds[0] && p[0] < bounds[2] && p[1] > bounds[1] && p[1] < bounds[3]; +// TODO make pointInsideBounds inclusive and remove this function once we +// test nothing is breaking +export const pointInsideBoundsInclusive =

( + p: P, + bounds: Bounds, +): boolean => + p[0] >= bounds[0] && + p[0] <= bounds[2] && + p[1] >= bounds[1] && + p[1] <= bounds[3]; + export const doBoundsIntersect = ( bounds1: Bounds | null, bounds2: Bounds | null, @@ -1275,13 +1287,21 @@ export const doBoundsIntersect = ( return minX1 < maxX2 && maxX1 > minX2 && minY1 < maxY2 && maxY1 > minY2; }; +export const boundsContainBounds = (outerBounds: Bounds, innerBounds: Bounds) => + [ + pointFrom(innerBounds[0], innerBounds[1]), + pointFrom(innerBounds[0], innerBounds[3]), + pointFrom(innerBounds[2], innerBounds[1]), + pointFrom(innerBounds[2], innerBounds[3]), + ].every((point) => pointInsideBoundsInclusive(point, outerBounds)); + export const elementCenterPoint = ( element: ExcalidrawElement, elementsMap: ElementsMap, xOffset: number = 0, yOffset: number = 0, ) => { - if (isLinearElement(element)) { + if (isLinearElement(element) || isFreeDrawElement(element)) { const [x1, y1, x2, y2] = getElementAbsoluteCoords(element, elementsMap); const [x, y] = pointFrom((x1 + x2) / 2, (y1 + y2) / 2); diff --git a/packages/element/src/collision.ts b/packages/element/src/collision.ts index b17d563dbe..c260ae5267 100644 --- a/packages/element/src/collision.ts +++ b/packages/element/src/collision.ts @@ -154,14 +154,11 @@ export const hitElementItself = ({ // Hit test against the extended, rotated bounding box of the element first const bounds = getElementBounds(element, elementsMap, true); - const hitBounds = isPointWithinBounds( - pointFrom(bounds[0] - threshold, bounds[1] - threshold), - pointRotateRads( - point, - getCenterForBounds(bounds), - -element.angle as Radians, - ), - pointFrom(bounds[2] + threshold, bounds[3] + threshold), + const hitBounds = isPointInRotatedBounds( + point, + bounds, + element.angle, + threshold, ); // PERF: Bail out early if the point is not even in the @@ -192,18 +189,32 @@ export const hitElementItself = ({ return result; }; +const isPointInRotatedBounds = ( + point: GlobalPoint, + bounds: Bounds, + angle: Radians, + tolerance = 0, +) => { + const adjustedPoint = + angle === 0 + ? point + : pointRotateRads(point, getCenterForBounds(bounds), -angle as Radians); + + return isPointWithinBounds( + pointFrom(bounds[0] - tolerance, bounds[1] - tolerance), + adjustedPoint, + pointFrom(bounds[2] + tolerance, bounds[3] + tolerance), + ); +}; + export const hitElementBoundingBox = ( point: GlobalPoint, element: ExcalidrawElement, elementsMap: ElementsMap, tolerance = 0, ) => { - let [x1, y1, x2, y2] = getElementBounds(element, elementsMap); - x1 -= tolerance; - y1 -= tolerance; - x2 += tolerance; - y2 += tolerance; - return isPointWithinBounds(pointFrom(x1, y1), point, pointFrom(x2, y2)); + const bounds = getElementBounds(element, elementsMap, true); + return isPointInRotatedBounds(point, bounds, element.angle, tolerance); }; export const hitElementBoundingBoxOnly = ( @@ -573,7 +584,9 @@ const intersectLinearOrFreeDrawWithLineSegment = ( continue; } - const hits = curveIntersectLineSegment(c, segment); + const hits = curveIntersectLineSegment(c, segment, { + iterLimit: 10, + }); if (hits.length > 0) { intersections.push(...hits); diff --git a/packages/element/src/frame.ts b/packages/element/src/frame.ts index 3c82099546..787c2692f9 100644 --- a/packages/element/src/frame.ts +++ b/packages/element/src/frame.ts @@ -1,7 +1,6 @@ import { arrayToMap } from "@excalidraw/common"; import { isPointWithinBounds, pointFrom } from "@excalidraw/math"; import { doLineSegmentsIntersect } from "@excalidraw/utils/bbox"; -import { elementsOverlappingBBox } from "@excalidraw/utils/withinBounds"; import type { AppClassProperties, @@ -18,6 +17,8 @@ import { getElementLineSegments, getCommonBounds, getElementAbsoluteCoords, + doBoundsIntersect, + getElementBounds, } from "./bounds"; import { mutateElement } from "./mutateElement"; import { getBoundTextElement, getContainerElement } from "./textElement"; @@ -920,16 +921,17 @@ export const getFrameLikeTitle = (element: ExcalidrawFrameLikeElement) => { export const getElementsOverlappingFrame = ( elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameLikeElement, + elementsMap: ElementsMap, ) => { - return ( - elementsOverlappingBBox({ - elements, - bounds: frame, - type: "overlap", - }) - // removes elements who are overlapping, but are in a different frame, + return elements.filter( + (el) => + // exclude elements which are overlapping, but are in a different frame, // and thus invisible in target frame - .filter((el) => !el.frameId || el.frameId === frame.id) + (!el.frameId || el.frameId === frame.id) && + doBoundsIntersect( + getElementBounds(el, elementsMap), + getElementBounds(frame, elementsMap), + ), ); }; diff --git a/packages/element/src/selection.ts b/packages/element/src/selection.ts index ea7fdb1b77..8e9c4e8086 100644 --- a/packages/element/src/selection.ts +++ b/packages/element/src/selection.ts @@ -1,15 +1,32 @@ -import { arrayToMap, isShallowEqual } from "@excalidraw/common"; +import { arrayToMap, isShallowEqual, type Bounds } from "@excalidraw/common"; +import { + lineSegment, + pointFrom, + pointRotateRads, + type GlobalPoint, +} from "@excalidraw/math"; import type { AppState, + BoxSelectionMode, InteractiveCanvasAppState, } from "@excalidraw/excalidraw/types"; -import { getElementAbsoluteCoords, getElementBounds } from "./bounds"; +import { + boundsContainBounds, + doBoundsIntersect, + elementCenterPoint, + getElementAbsoluteCoords, + getElementBounds, + pointInsideBounds, +} from "./bounds"; +import { intersectElementWithLineSegment } from "./collision"; import { isElementInViewport } from "./sizeHelpers"; import { + isArrowElement, isBoundToContainer, isFrameLikeElement, + isFreeDrawElement, isLinearElement, isTextElement, } from "./typeChecks"; @@ -17,19 +34,38 @@ import { elementOverlapsWithFrame, getContainingFrame, getFrameChildren, + isElementIntersectingFrame, } from "./frame"; import { LinearElementEditor } from "./linearElementEditor"; import { selectGroupsForSelectedElements } from "./groups"; +import { getBoundTextElement } from "./textElement"; import type { ElementsMap, ElementsMapOrArray, ExcalidrawElement, + ExcalidrawFrameLikeElement, NonDeleted, NonDeletedExcalidrawElement, } from "./types"; +const shouldIgnoreElementFromSelection = ( + element: NonDeletedExcalidrawElement, +) => element.locked || isBoundToContainer(element); + +const excludeElementsFromFrames = ( + selectedElements: readonly T[], + framesInSelection: Set, +) => { + return selectedElements.filter((element) => { + if (element.frameId && framesInSelection.has(element.frameId)) { + return false; + } + return true; + }); +}; + /** * Frames and their containing elements are not to be selected at the same time. * Given an array of selected elements, if there are frames and their containing elements @@ -49,55 +85,243 @@ export const excludeElementsInFramesFromSelection = < } }); - return selectedElements.filter((element) => { - if (element.frameId && framesInSelection.has(element.frameId)) { - return false; - } - return true; - }); + return excludeElementsFromFrames(selectedElements, framesInSelection); }; export const getElementsWithinSelection = ( elements: readonly NonDeletedExcalidrawElement[], selection: NonDeletedExcalidrawElement, elementsMap: ElementsMap, + // TODO remove (this flag is effectively unused AFAIK) excludeElementsInFrames: boolean = true, -) => { - const [selectionX1, selectionY1, selectionX2, selectionY2] = + boxSelectionMode: BoxSelectionMode = "contain", +): NonDeletedExcalidrawElement[] => { + const [selectionStartX, selectionStartY, selectionEndX, selectionEndY] = getElementAbsoluteCoords(selection, elementsMap); + const selectionX1 = Math.min(selectionStartX, selectionEndX); + const selectionY1 = Math.min(selectionStartY, selectionEndY); + const selectionX2 = Math.max(selectionStartX, selectionEndX); + const selectionY2 = Math.max(selectionStartY, selectionEndY); + const selectionBounds = [ + selectionX1, + selectionY1, + selectionX2, + selectionY2, + ] as Bounds; + const selectionEdges = [ + lineSegment( + pointFrom(selectionX1, selectionY1), + pointFrom(selectionX2, selectionY1), + ), + lineSegment( + pointFrom(selectionX2, selectionY1), + pointFrom(selectionX2, selectionY2), + ), + lineSegment( + pointFrom(selectionX2, selectionY2), + pointFrom(selectionX1, selectionY2), + ), + lineSegment( + pointFrom(selectionX1, selectionY2), + pointFrom(selectionX1, selectionY1), + ), + ]; - let elementsInSelection = elements.filter((element) => { - let [elementX1, elementY1, elementX2, elementY2] = getElementBounds( - element, - elementsMap, - ); + const framesInSelection = excludeElementsInFrames + ? new Set() + : null; + let elementsInSelection: NonDeletedExcalidrawElement[] = []; - const containingFrame = getContainingFrame(element, elementsMap); - if (containingFrame) { - const [fx1, fy1, fx2, fy2] = getElementBounds( - containingFrame, - elementsMap, - ); - - elementX1 = Math.max(fx1, elementX1); - elementY1 = Math.max(fy1, elementY1); - elementX2 = Math.min(fx2, elementX2); - elementY2 = Math.min(fy2, elementY2); + for (const element of elements) { + if (shouldIgnoreElementFromSelection(element)) { + continue; } - return ( - element.locked === false && - element.type !== "selection" && - !isBoundToContainer(element) && - selectionX1 <= elementX1 && - selectionY1 <= elementY1 && - selectionX2 >= elementX2 && - selectionY2 >= elementY2 - ); - }); + const strokeWidth = element.strokeWidth; + let labelAABB: Bounds | null = null; + let elementAABB = getElementBounds(element, elementsMap); - elementsInSelection = excludeElementsInFrames - ? excludeElementsInFramesFromSelection(elementsInSelection) + elementAABB = [ + elementAABB[0] - strokeWidth / 2, + elementAABB[1] - strokeWidth / 2, + elementAABB[2] + strokeWidth / 2, + elementAABB[3] + strokeWidth / 2, + ] as Bounds; + + // Whether the element bounds should include the bound text element bounds + const boundTextElement = + isArrowElement(element) && getBoundTextElement(element, elementsMap); + if (boundTextElement) { + const { x, y } = LinearElementEditor.getBoundTextElementPosition( + element, + boundTextElement, + elementsMap, + ); + labelAABB = [ + x, + y, + x + boundTextElement.width, + y + boundTextElement.height, + ] as Bounds; + } + + // Clip element bounds by its containing frame (if any), since only the + // visible (frame-clipped) portion of the element is relevant for selection. + const associatedFrame = getContainingFrame(element, elementsMap); + if ( + associatedFrame && + isElementIntersectingFrame(element, associatedFrame, elementsMap) + ) { + const frameAABB = getElementBounds(associatedFrame, elementsMap); + elementAABB = [ + Math.max(elementAABB[0], frameAABB[0]), + Math.max(elementAABB[1], frameAABB[1]), + Math.min(elementAABB[2], frameAABB[2]), + Math.min(elementAABB[3], frameAABB[3]), + ] as Bounds; + + labelAABB = labelAABB + ? ([ + Math.max(labelAABB[0], frameAABB[0]), + Math.max(labelAABB[1], frameAABB[1]), + Math.min(labelAABB[2], frameAABB[2]), + Math.min(labelAABB[3], frameAABB[3]), + ] as Bounds) + : null; + } + + const commonAABB = labelAABB + ? ([ + Math.min(labelAABB[0], elementAABB[0]), + Math.min(labelAABB[1], elementAABB[1]), + Math.max(labelAABB[2], elementAABB[2]), + Math.max(labelAABB[3], elementAABB[3]), + ] as Bounds) + : elementAABB; + + // ============== Evaluation ============== + + // 1. If the selection box WRAPs the element's AABB, then add it to the + // selection and move on, regardless of the selection mode. + // + // PERF: This trick only works with axis-aligned box selection and the + // current convex element shapes! + if (boundsContainBounds(selectionBounds, commonAABB)) { + if (framesInSelection && isFrameLikeElement(element)) { + framesInSelection.add(element.id); + } else { + elementsInSelection.push(element); + continue; + } + } + + // 2. Handle the case where the label is overlapped by the selection box + if ( + boxSelectionMode === "overlap" && + labelAABB && + doBoundsIntersect(selectionBounds, labelAABB) + ) { + elementsInSelection.push(element); + continue; + } + + // 3. Handle the case where the selection is not wrapping the element, but + // it does intersect the element's outline (non-AABB). + if ( + boxSelectionMode === "overlap" && + doBoundsIntersect(selectionBounds, elementAABB) + ) { + let hasIntersection = false; + + // Preliminary check potential intersection imprecision + if (isLinearElement(element) || isFreeDrawElement(element)) { + const center = elementCenterPoint(element, elementsMap); + hasIntersection = element.points.some((point) => { + const rotatedPoint = pointRotateRads( + pointFrom(element.x + point[0], element.y + point[1]), + center, + element.angle, + ); + + return pointInsideBounds(rotatedPoint, selectionBounds); + }); + } else { + const nonRotatedElementBounds = getElementBounds( + element, + elementsMap, + true, + ); + const center = elementCenterPoint(element, elementsMap); + hasIntersection = [ + pointRotateRads( + pointFrom( + (nonRotatedElementBounds[0] + nonRotatedElementBounds[2]) / 2, + nonRotatedElementBounds[1], + ), + center, + element.angle, + ), + pointRotateRads( + pointFrom( + nonRotatedElementBounds[2], + (nonRotatedElementBounds[1] + nonRotatedElementBounds[3]) / 2, + ), + center, + element.angle, + ), + pointRotateRads( + pointFrom( + (nonRotatedElementBounds[0] + nonRotatedElementBounds[2]) / 2, + nonRotatedElementBounds[3], + ), + center, + element.angle, + ), + pointRotateRads( + pointFrom( + nonRotatedElementBounds[0], + (nonRotatedElementBounds[1] + nonRotatedElementBounds[3]) / 2, + ), + center, + element.angle, + ), + ].some((point) => { + return pointInsideBounds( + pointRotateRads(point, center, element.angle), + selectionBounds, + ); + }); + } + + if (!hasIntersection) { + hasIntersection = selectionEdges.some( + (selectionEdge) => + intersectElementWithLineSegment( + element, + elementsMap, + selectionEdge, + strokeWidth / 2, + true, // Stop at first hit for better performance + ).length > 0, + ); + } + + if (hasIntersection) { + if (framesInSelection && isFrameLikeElement(element)) { + framesInSelection.add(element.id); + } + + elementsInSelection.push(element); + continue; + } + } + + // 4. We don't need to handle when the selection is inside the element + // as it is separately handled in App. + } + + elementsInSelection = framesInSelection + ? excludeElementsFromFrames(elementsInSelection, framesInSelection) : elementsInSelection; elementsInSelection = elementsInSelection.filter((element) => { diff --git a/packages/element/tests/collision.test.tsx b/packages/element/tests/collision.test.tsx index 4061a16cb6..a44f1f7bb0 100644 --- a/packages/element/tests/collision.test.tsx +++ b/packages/element/tests/collision.test.tsx @@ -1,4 +1,4 @@ -import { arrayToMap } from "@excalidraw/common"; +import { arrayToMap, reseed } from "@excalidraw/common"; import { type GlobalPoint, type LocalPoint, pointFrom } from "@excalidraw/math"; import { Excalidraw } from "@excalidraw/excalidraw"; import { API } from "@excalidraw/excalidraw/tests/helpers/api"; @@ -12,6 +12,7 @@ import { hitElementItself } from "../src/collision"; describe("check rotated elements can be hit:", () => { beforeEach(async () => { localStorage.clear(); + reseed(7); await render(); }); @@ -56,6 +57,7 @@ describe("hitElementItself cache", () => { }); localStorage.clear(); + reseed(7); await render(); }); diff --git a/packages/excalidraw/appState.ts b/packages/excalidraw/appState.ts index e51865b2ea..93fe770286 100644 --- a/packages/excalidraw/appState.ts +++ b/packages/excalidraw/appState.ts @@ -128,6 +128,7 @@ export const getDefaultAppState = (): Omit< lockedMultiSelections: {}, activeLockedId: null, bindMode: "orbit", + boxSelectionMode: "contain", }; }; @@ -193,6 +194,7 @@ const APP_STATE_STORAGE_CONF = (< gridModeEnabled: { browser: true, export: true, server: true }, height: { browser: false, export: false, server: false }, isBindingEnabled: { browser: true, export: false, server: false }, + boxSelectionMode: { browser: true, export: false, server: false }, bindingPreference: { browser: true, export: false, server: false }, isMidpointSnappingEnabled: { browser: true, export: false, server: false }, defaultSidebarDockedPreference: { diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx index 5561594cb0..4db823c2d4 100644 --- a/packages/excalidraw/components/App.tsx +++ b/packages/excalidraw/components/App.tsx @@ -27,6 +27,7 @@ import { KEYS, APP_NAME, CURSOR_TYPE, + DEFAULT_TRANSFORM_HANDLE_SPACING, DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT, DEFAULT_VERTICAL_ALIGN, DRAGGING_THRESHOLD, @@ -2524,6 +2525,7 @@ class App extends React.Component { const magicFrameChildren = getElementsOverlappingFrame( this.scene.getNonDeletedElements(), magicFrame, + this.scene.getNonDeletedElementsMap(), ).filter((el) => !isMagicFrameElement(el)); if (!magicFrameChildren.length) { @@ -7239,6 +7241,14 @@ class App extends React.Component { this.interactiveCanvas, isTextElement(hitElement) ? CURSOR_TYPE.TEXT : CURSOR_TYPE.CROSSHAIR, ); + } else if ( + !event[KEYS.CTRL_OR_CMD] && + this.isHittingCommonBoundingBoxOfSelectedElements( + scenePointer, + selectedElements, + ) + ) { + setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE); } else if (this.state.viewModeEnabled) { setCursor(this.interactiveCanvas, CURSOR_TYPE.GRAB); } else if (this.state.openDialog?.name === "elementLinkSelector") { @@ -7730,17 +7740,24 @@ class App extends React.Component { const hitSelectedElement = pointerDownState.hit.element && this.isASelectedElement(pointerDownState.hit.element); + const shouldForceLassoReselect = + event.altKey && + event[KEYS.CTRL_OR_CMD] && + !pointerDownState.resize.handleType; + const shouldStartLassoSelection = + shouldForceLassoReselect || + (!pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements && + !pointerDownState.resize.handleType && + !hitSelectedElement); - if ( - !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements && - !pointerDownState.resize.handleType && - !hitSelectedElement - ) { - this.lassoTrail.startPath( - pointerDownState.origin.x, - pointerDownState.origin.y, - event.shiftKey, - ); + if (shouldStartLassoSelection) { + if (!this.lassoTrail.hasCurrentTrail) { + this.lassoTrail.startPath( + pointerDownState.origin.x, + pointerDownState.origin.y, + event.shiftKey, + ); + } // block dragging after lasso selection on PCs until the next pointer down // (on mobile or tablet, we want to allow user to drag immediately) @@ -8729,12 +8746,14 @@ class App extends React.Component { DEFAULT_COLLISION_THRESHOLD / this.state.zoom.value, 1, ); + const boundsPadding = + (DEFAULT_TRANSFORM_HANDLE_SPACING * 2) / this.state.zoom.value; const [x1, y1, x2, y2] = getCommonBounds(selectedElements); return ( - point.x > x1 - threshold && - point.x < x2 + threshold && - point.y > y1 - threshold && - point.y < y2 + threshold + point.x > x1 - boundsPadding - threshold && + point.x < x2 + boundsPadding + threshold && + point.y > y1 - boundsPadding - threshold && + point.y < y2 + boundsPadding + threshold ); } @@ -10267,6 +10286,7 @@ class App extends React.Component { this.state.selectionElement, this.scene.getNonDeletedElementsMap(), false, + this.state.boxSelectionMode, ) : []; diff --git a/packages/excalidraw/components/RadioGroup.scss b/packages/excalidraw/components/RadioGroup.scss index 28ddc8889b..d550d95b3b 100644 --- a/packages/excalidraw/components/RadioGroup.scss +++ b/packages/excalidraw/components/RadioGroup.scss @@ -26,13 +26,16 @@ background: var(--RadioGroup-background); border: 1px solid var(--RadioGroup-border); + gap: 2px; + &__choice { position: relative; display: flex; align-items: center; justify-content: center; - width: 32px; + min-width: 20px; height: 24px; + padding: 0 0.375rem; color: var(--RadioGroup-choice-color-off); background: var(--RadioGroup-choice-background-off); diff --git a/packages/excalidraw/components/Stats/stats.test.tsx b/packages/excalidraw/components/Stats/stats.test.tsx index 283bdb40d3..24d739afa9 100644 --- a/packages/excalidraw/components/Stats/stats.test.tsx +++ b/packages/excalidraw/components/Stats/stats.test.tsx @@ -750,7 +750,7 @@ describe("frame resizing behavior", () => { x: 0, y: 0, width: 100, - height: 100, + height: 103, }); // Create a rectangle outside the frame diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss index e207203d60..3080314250 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenu.scss @@ -2,7 +2,7 @@ .excalidraw { .dropdown-menu { - max-width: 16rem; + max-width: 20rem; z-index: 1; &--placement-top { diff --git a/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx b/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx index 4f2986c30e..63646745fb 100644 --- a/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx +++ b/packages/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.tsx @@ -1,4 +1,5 @@ import { useEditorInterface } from "../App"; +import { Ellipsify } from "../Ellipsify"; import { RadioGroup } from "../RadioGroup"; type Props = { @@ -12,6 +13,7 @@ type Props = { onChange: (value: T) => void; children: React.ReactNode; name: string; + icon?: React.ReactNode; }; const DropdownMenuItemContentRadio = ({ @@ -21,13 +23,17 @@ const DropdownMenuItemContentRadio = ({ choices, children, name, + icon, }: Props) => { const editorInterface = useEditorInterface(); return ( <>

- + {icon &&
{icon}
} + { ); }; +const PreferencesBoxSelectionModeItem = () => { + const { t } = useI18n(); + const appState = useUIAppState(); + const setAppState = useExcalidrawSetAppState(); + + return ( + + name="boxSelectionMode" + icon={emptyIcon} + value={appState.boxSelectionMode} + onChange={(value) => { + setAppState({ + boxSelectionMode: value, + }); + }} + choices={[ + { + value: "contain", + label: t("labels.boxSelectionContain"), + ariaLabel: t("labels.boxSelectionContain"), + }, + { + value: "overlap", + label: t("labels.boxSelectionOverlap"), + ariaLabel: t("labels.boxSelectionOverlap"), + }, + ]} + > + {t("labels.boxSelectionMode")} + + ); +}; + const PreferencesToggleSnapModeItem = () => { const { t } = useI18n(); const actionManager = useExcalidrawActionManager(); @@ -568,6 +607,7 @@ export const Preferences = ({ {children || ( <> + @@ -585,6 +625,7 @@ export const Preferences = ({ }; Preferences.ToggleToolLock = PreferencesToggleToolLockItem; +Preferences.BoxSelectionMode = PreferencesBoxSelectionModeItem; Preferences.ToggleSnapMode = PreferencesToggleSnapModeItem; Preferences.ToggleArrowBinding = PreferencesToggleArrowBindingItem; Preferences.ToggleMidpointSnapping = PreferencesToggleMidpointSnappingItem; diff --git a/packages/excalidraw/data/index.ts b/packages/excalidraw/data/index.ts index 1083a47897..d31ab931fd 100644 --- a/packages/excalidraw/data/index.ts +++ b/packages/excalidraw/data/index.ts @@ -6,6 +6,7 @@ import { MIME_TYPES, cloneJSON, SVG_DOCUMENT_PREAMBLE, + arrayToMap, } from "@excalidraw/common"; import { getNonDeletedElements } from "@excalidraw/element"; @@ -49,6 +50,7 @@ export const prepareElementsForExport = ( exportSelectionOnly: boolean, ) => { elements = getNonDeletedElements(elements); + const elementsMap = arrayToMap(elements); const isExportingSelection = exportSelectionOnly && @@ -71,7 +73,11 @@ export const prepareElementsForExport = ( isFrameLikeElement(exportedElements[0]) ) { exportingFrame = exportedElements[0]; - exportedElements = getElementsOverlappingFrame(elements, exportingFrame); + exportedElements = getElementsOverlappingFrame( + elements, + exportingFrame, + elementsMap, + ); } else if (exportedElements.length > 1) { exportedElements = getSelectedElements( elements, diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 1ed068dc1c..7a8b9e586c 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -936,6 +936,12 @@ export const restoreAppState = ( : defaultValue; } + const boxSelectionMode = + appState.boxSelectionMode ?? localAppState?.boxSelectionMode; + if (boxSelectionMode !== undefined) { + nextAppState.boxSelectionMode = boxSelectionMode; + } + return { ...nextAppState, cursorButton: localAppState?.cursorButton || "up", diff --git a/packages/excalidraw/locales/en.json b/packages/excalidraw/locales/en.json index 42e87bdf82..05d3bf702e 100644 --- a/packages/excalidraw/locales/en.json +++ b/packages/excalidraw/locales/en.json @@ -185,6 +185,9 @@ "shapeSwitch": "Switch shape", "preferences": "Preferences", "preferences_toolLock": "Tool lock", + "boxSelectionMode": "Select on", + "boxSelectionContain": "Wrap", + "boxSelectionOverlap": "Overlap", "arrowBinding": "Arrow binding", "midpointSnapping": "Snap to midpoints" }, diff --git a/packages/excalidraw/scene/export.ts b/packages/excalidraw/scene/export.ts index 7cf111f6ce..8d8c405e82 100644 --- a/packages/excalidraw/scene/export.ts +++ b/packages/excalidraw/scene/export.ts @@ -157,7 +157,11 @@ const prepareElementsForRender = ({ let nextElements: readonly ExcalidrawElement[]; if (exportingFrame) { - nextElements = getElementsOverlappingFrame(elements, exportingFrame); + nextElements = getElementsOverlappingFrame( + elements, + exportingFrame, + arrayToMap(elements), + ); } else if (frameRendering.enabled && frameRendering.name) { nextElements = addFrameLabelsAsTextElements(elements, { exportWithDarkMode, diff --git a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap index 15458fa366..cb548f5b62 100644 --- a/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/contextmenu.test.tsx.snap @@ -13,6 +13,7 @@ exports[`contextMenu element > right-clicking on a group should select whole gro }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ @@ -1086,6 +1087,7 @@ exports[`contextMenu element > selecting 'Add to library' in context menu adds e }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1300,6 +1302,7 @@ exports[`contextMenu element > selecting 'Bring forward' in context menu brings }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1631,6 +1634,7 @@ exports[`contextMenu element > selecting 'Bring to front' in context menu brings }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1962,6 +1966,7 @@ exports[`contextMenu element > selecting 'Copy styles' in context menu copies st }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2176,6 +2181,7 @@ exports[`contextMenu element > selecting 'Delete' in context menu deletes elemen }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2417,6 +2423,7 @@ exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2715,6 +2722,7 @@ exports[`contextMenu element > selecting 'Group selection' in context menu group }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3087,6 +3095,7 @@ exports[`contextMenu element > selecting 'Paste styles' in context menu pastes s }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3580,6 +3589,7 @@ exports[`contextMenu element > selecting 'Send backward' in context menu sends e }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3903,6 +3913,7 @@ exports[`contextMenu element > selecting 'Send to back' in context menu sends el }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4226,6 +4237,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4358,7 +4370,7 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung "type": "rectangle", "updated": 1, "version": 5, - "versionNonce": 760410951, + "versionNonce": 1006504105, "width": 20, "x": -10, "y": 0, @@ -4383,14 +4395,14 @@ exports[`contextMenu element > selecting 'Ungroup selection' in context menu ung "opacity": 100, "roughness": 1, "roundness": null, - "seed": 238820263, + "seed": 400692809, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, - "versionNonce": 1006504105, + "versionNonce": 289600103, "width": 20, "x": 20, "y": 30, @@ -4637,6 +4649,7 @@ exports[`contextMenu element > shows 'Group selection' in context menu for multi }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ @@ -5854,6 +5867,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ @@ -6864,7 +6878,7 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro "type": "rectangle", "updated": 1, "version": 4, - "versionNonce": 747212839, + "versionNonce": 1723083209, "width": 10, "x": -10, "y": 0, @@ -6891,14 +6905,14 @@ exports[`contextMenu element > shows 'Ungroup selection' in context menu for gro "opacity": 100, "roughness": 1, "roundness": null, - "seed": 238820263, + "seed": 400692809, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, - "versionNonce": 1723083209, + "versionNonce": 760410951, "width": 10, "x": 12, "y": 0, @@ -7122,6 +7136,7 @@ exports[`contextMenu element > shows context menu for canvas > [end of test] app }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ @@ -7811,6 +7826,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ @@ -8802,6 +8818,7 @@ exports[`contextMenu element > shows context menu for element > [end of test] ap }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": { "items": [ diff --git a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap index 3a400a0128..2923e9b321 100644 --- a/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/history.test.tsx.snap @@ -13,6 +13,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -646,6 +647,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1207,6 +1209,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1567,6 +1570,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1929,6 +1933,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2192,6 +2197,7 @@ exports[`history > multiplayer undo/redo > conflicts in arrows and their bindabl }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2645,6 +2651,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2948,6 +2955,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3267,6 +3275,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3561,6 +3570,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3847,6 +3857,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4082,6 +4093,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4339,6 +4351,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4610,6 +4623,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4839,6 +4853,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5068,6 +5083,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5315,6 +5331,7 @@ exports[`history > multiplayer undo/redo > conflicts in bound text elements and }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5571,6 +5588,7 @@ exports[`history > multiplayer undo/redo > conflicts in frames and their childre }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5829,6 +5847,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -6158,6 +6177,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -6585,6 +6605,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -6959,6 +6980,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7271,6 +7293,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7563,6 +7586,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7793,6 +7817,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8145,6 +8170,7 @@ exports[`history > multiplayer undo/redo > should iterate through the history wh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8497,6 +8523,7 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8903,6 +8930,7 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9182,6 +9210,7 @@ exports[`history > multiplayer undo/redo > should not let remote changes to inte }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9446,6 +9475,7 @@ exports[`history > multiplayer undo/redo > should not override remote changes on }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9711,6 +9741,7 @@ exports[`history > multiplayer undo/redo > should not override remote changes on }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9943,6 +9974,7 @@ exports[`history > multiplayer undo/redo > should override remotely added groups }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10240,6 +10272,7 @@ exports[`history > multiplayer undo/redo > should override remotely added points }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10557,6 +10590,7 @@ exports[`history > multiplayer undo/redo > should redistribute deltas when eleme }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10793,6 +10827,7 @@ exports[`history > multiplayer undo/redo > should redraw arrows on undo > [end o }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11718,6 +11753,7 @@ exports[`history > multiplayer undo/redo > should update history entries after r }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11978,6 +12014,7 @@ exports[`history > singleplayer undo/redo > remounting undo/redo buttons should }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -12213,6 +12250,7 @@ exports[`history > singleplayer undo/redo > should clear the redo stack on eleme }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -12450,6 +12488,7 @@ exports[`history > singleplayer undo/redo > should create entry when selecting f }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -12841,6 +12880,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on e }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13051,6 +13091,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on e }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13258,6 +13299,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13559,6 +13601,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on i }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13857,6 +13900,7 @@ exports[`history > singleplayer undo/redo > should create new history entry on s }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14102,6 +14146,7 @@ exports[`history > singleplayer undo/redo > should disable undo/redo buttons whe }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14339,6 +14384,7 @@ exports[`history > singleplayer undo/redo > should end up with no history entry }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14576,6 +14622,7 @@ exports[`history > singleplayer undo/redo > should iterate through the history w }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14823,6 +14870,7 @@ exports[`history > singleplayer undo/redo > should not clear the redo stack on s }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -15154,6 +15202,7 @@ exports[`history > singleplayer undo/redo > should not collapse when applying co }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -15324,6 +15373,7 @@ exports[`history > singleplayer undo/redo > should not end up with history entry }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -15608,6 +15658,7 @@ exports[`history > singleplayer undo/redo > should not end up with history entry }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -15871,6 +15922,7 @@ exports[`history > singleplayer undo/redo > should not modify anything on unrela }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -16024,6 +16076,7 @@ exports[`history > singleplayer undo/redo > should not override appstate changes }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -16306,6 +16359,7 @@ exports[`history > singleplayer undo/redo > should support appstate name or view }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -16468,6 +16522,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -17216,6 +17271,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -17862,6 +17918,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -18508,6 +18565,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -19257,6 +19315,7 @@ exports[`history > singleplayer undo/redo > should support bidirectional binding }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -20025,6 +20084,7 @@ exports[`history > singleplayer undo/redo > should support changes in elements' }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -20505,6 +20565,7 @@ exports[`history > singleplayer undo/redo > should support duplication of groups }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -21016,6 +21077,7 @@ exports[`history > singleplayer undo/redo > should support element creation, del }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -21475,6 +21537,7 @@ exports[`history > singleplayer undo/redo > should support linear element creati }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, diff --git a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap index e97991d96f..e502925b25 100644 --- a/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap +++ b/packages/excalidraw/tests/__snapshots__/regressionTests.test.tsx.snap @@ -13,6 +13,7 @@ exports[`given element A and group of elements B and given both are selected whe }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -439,6 +440,7 @@ exports[`given element A and group of elements B and given both are selected whe }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -855,6 +857,7 @@ exports[`regression tests > Cmd/Ctrl-click exclusively select element under poin }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1421,6 +1424,7 @@ exports[`regression tests > Drags selected element when hitting only bounding bo }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -1628,6 +1632,7 @@ exports[`regression tests > adjusts z order when grouping > [end of test] appSta }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2012,6 +2017,7 @@ exports[`regression tests > alt-drag duplicates an element > [end of test] appSt }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2257,6 +2263,7 @@ exports[`regression tests > arrow keys > [end of test] appState 1`] = ` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2437,6 +2444,7 @@ exports[`regression tests > can drag element that covers another element, while }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -2762,6 +2770,7 @@ exports[`regression tests > change the properties of a shape > [end of test] app }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3017,6 +3026,7 @@ exports[`regression tests > click on an element and drag it > [dragged] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3258,6 +3268,7 @@ exports[`regression tests > click on an element and drag it > [end of test] appS }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3494,6 +3505,7 @@ exports[`regression tests > click to select a shape > [end of test] appState 1`] }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -3752,6 +3764,7 @@ exports[`regression tests > click-drag to select a group > [end of test] appStat }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4066,6 +4079,7 @@ exports[`regression tests > deleting last but one element in editing group shoul }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4502,6 +4516,7 @@ exports[`regression tests > deselects group of selected elements on pointer down }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -4785,6 +4800,7 @@ exports[`regression tests > deselects group of selected elements on pointer up w }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5061,6 +5077,7 @@ exports[`regression tests > deselects selected element on pointer down when poin }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5269,6 +5286,7 @@ exports[`regression tests > deselects selected element, on pointer up, when clic }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5469,6 +5487,7 @@ exports[`regression tests > double click to edit a group > [end of test] appStat }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -5862,6 +5881,7 @@ exports[`regression tests > drags selected elements from point inside common bou }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -6159,6 +6179,7 @@ exports[`regression tests > draw every type of shape > [end of test] appState 1` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -6947,6 +6968,7 @@ exports[`regression tests > given a group of selected elements with an element t }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7281,6 +7303,7 @@ exports[`regression tests > given a selected element A and a not selected elemen }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7560,6 +7583,7 @@ exports[`regression tests > given selected element A with lower z-index than uns }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -7795,6 +7819,7 @@ exports[`regression tests > given selected element A with lower z-index than uns }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8035,6 +8060,7 @@ exports[`regression tests > key 2 selects rectangle tool > [end of test] appStat }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8215,6 +8241,7 @@ exports[`regression tests > key 3 selects diamond tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8395,6 +8422,7 @@ exports[`regression tests > key 4 selects ellipse tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8575,6 +8603,7 @@ exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -8807,6 +8836,7 @@ exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9037,6 +9067,7 @@ exports[`regression tests > key 7 selects freedraw tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9229,6 +9260,7 @@ exports[`regression tests > key a selects arrow tool > [end of test] appState 1` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9461,6 +9493,7 @@ exports[`regression tests > key d selects diamond tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9641,6 +9674,7 @@ exports[`regression tests > key l selects line tool > [end of test] appState 1`] }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -9871,6 +9905,7 @@ exports[`regression tests > key o selects ellipse tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10051,6 +10086,7 @@ exports[`regression tests > key p selects freedraw tool > [end of test] appState }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10243,6 +10279,7 @@ exports[`regression tests > key r selects rectangle tool > [end of test] appStat }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10423,6 +10460,7 @@ exports[`regression tests > make a group and duplicate it > [end of test] appSta }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -10954,6 +10992,7 @@ exports[`regression tests > noop interaction after undo shouldn't create history }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11234,6 +11273,7 @@ exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = ` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11357,6 +11397,7 @@ exports[`regression tests > shift click on selected element should deselect it o }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11557,6 +11598,7 @@ exports[`regression tests > shift-click to multiselect, then drag > [end of test }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -11876,6 +11918,7 @@ exports[`regression tests > should group elements and ungroup them > [end of tes }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -12305,6 +12348,7 @@ exports[`regression tests > single-clicking on a subgroup of a selected group sh }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -12945,6 +12989,7 @@ exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] a }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13071,6 +13116,7 @@ exports[`regression tests > supports nested groups > [end of test] appState 1`] }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -13702,6 +13748,7 @@ exports[`regression tests > switches from group of selected elements to another }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14041,6 +14088,7 @@ exports[`regression tests > switches selected element on pointer down > [end of }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14305,6 +14353,7 @@ exports[`regression tests > two-finger scroll works > [end of test] appState 1`] }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14428,6 +14477,7 @@ exports[`regression tests > undo/redo drawing an element > [end of test] appStat }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14792,6 +14842,7 @@ exports[`regression tests > updates fontSize & fontFamily appState > [end of tes }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, @@ -14915,6 +14966,7 @@ exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = ` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, diff --git a/packages/excalidraw/tests/history.test.tsx b/packages/excalidraw/tests/history.test.tsx index f6706a0f99..78b431b773 100644 --- a/packages/excalidraw/tests/history.test.tsx +++ b/packages/excalidraw/tests/history.test.tsx @@ -314,7 +314,7 @@ describe("history", () => { expect.objectContaining({ id: rect2.id, isDeleted: true }), ]); - mouse.downAt(0, 0); + mouse.downAt(-10, -10); mouse.moveTo(25, 25); mouse.moveTo(50, 50); mouse.upAt(50, 50); diff --git a/packages/excalidraw/tests/regressionTests.test.tsx b/packages/excalidraw/tests/regressionTests.test.tsx index d12a845d63..986c828f26 100644 --- a/packages/excalidraw/tests/regressionTests.test.tsx +++ b/packages/excalidraw/tests/regressionTests.test.tsx @@ -468,7 +468,7 @@ describe("regression tests", () => { mouse.reset(); mouse.down(); mouse.move(-1000, -1000); - mouse.restorePosition(...end); + mouse.restorePosition(end[0] + 3, end[1] + 3); mouse.up(); expect(h.elements.length).toBe(3); @@ -519,7 +519,7 @@ describe("regression tests", () => { mouse.reset(); mouse.down(); mouse.move(-1000, -1000); - mouse.restorePosition(...end); + mouse.restorePosition(end[0] + 3, end[1] + 3); mouse.up(); for (const element of h.elements) { @@ -537,7 +537,7 @@ describe("regression tests", () => { mouse.moveTo(-10, -10); // the NW resizing handle is at [0, 0], so moving further mouse.down(); mouse.move(-1000, -1000); - mouse.restorePosition(...end); + mouse.restorePosition(end[0] + 3, end[1] + 3); mouse.up(); Keyboard.withModifierKeys({ ctrl: true, shift: true }, () => { diff --git a/packages/excalidraw/tests/selection.test.tsx b/packages/excalidraw/tests/selection.test.tsx index 64204f1a00..ef0bd46b2c 100644 --- a/packages/excalidraw/tests/selection.test.tsx +++ b/packages/excalidraw/tests/selection.test.tsx @@ -1,7 +1,9 @@ import React from "react"; import { vi } from "vitest"; -import { KEYS, reseed } from "@excalidraw/common"; +import { KEYS, ROUNDNESS, reseed } from "@excalidraw/common"; +import { getElementBounds, getElementLineSegments } from "@excalidraw/element"; +import { pointFrom, pointRotateRads, type LocalPoint } from "@excalidraw/math"; import { SHAPES } from "../components/shapes"; @@ -12,6 +14,7 @@ import * as StaticScene from "../renderer/staticScene"; import { API } from "./helpers/api"; import { Keyboard, Pointer, UI } from "./helpers/ui"; import { + act, render, fireEvent, mockBoundingClientRect, @@ -39,6 +42,19 @@ const { h } = window; const mouse = new Pointer("mouse"); +const getOutlineBounds = (element: ReturnType) => { + const sceneElement = API.getElement(element); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const points = getElementLineSegments(sceneElement, elementsMap).flat(); + + return [ + Math.min(...points.map((point) => point[0])), + Math.min(...points.map((point) => point[1])), + Math.max(...points.map((point) => point[0])), + Math.max(...points.map((point) => point[1])), + ] as const; +}; + describe("box-selection", () => { beforeEach(async () => { await render(); @@ -108,6 +124,497 @@ describe("box-selection", () => { assertSelectedElements([]); }); + + it("should not select an element when the selection box only partially overlaps it", () => { + const rect1 = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 50, + height: 50, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([rect1]); + + mouse.downAt(25, -20); + mouse.move(-1000, -1000); + mouse.moveTo(75, 70); + mouse.up(); + + assertSelectedElements([]); + }); +}); + +describe("lasso reselection", () => { + beforeEach(async () => { + await render(); + }); + + it("should allow ctrl+alt lasso reselection when starting inside the active common bounds", () => { + const rectA = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "red", + fillStyle: "solid", + }); + const rectB = API.createElement({ + type: "rectangle", + x: 220, + y: 0, + width: 100, + height: 100, + backgroundColor: "blue", + fillStyle: "solid", + }); + + API.setElements([rectA, rectB]); + mouse.select([rectA, rectB]); + act(() => { + h.app.setActiveTool({ type: "lasso" }); + }); + + Keyboard.withModifierKeys({ ctrl: true, alt: true }, () => { + mouse.downAt(110, 50); + mouse.moveTo(50, -20); + + expect(h.app.lassoTrail.hasCurrentTrail).toBe(true); + + mouse.moveTo(-20, 50); + mouse.moveTo(50, 120); + mouse.moveTo(110, 50); + mouse.up(); + }); + + assertSelectedElements([rectA.id]); + }); +}); + +describe("box-selection overlap mode", () => { + const boxSelect = ( + startX: number, + startY: number, + endX: number, + endY: number, + ) => { + mouse.downAt(startX, startY); + mouse.move(-1000, -1000); + mouse.moveTo(endX, endY); + mouse.up(); + }; + + const boxSelectTopLeftAabbCorner = ( + element: ReturnType, + ) => { + const sceneElement = API.getElement(element); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [x1, y1] = getElementBounds(sceneElement, elementsMap); + + boxSelect(x1 + 2, y1 + 2, x1 + 12, y1 + 12); + }; + + const boxSelectTopRightAabbCorner = ( + element: ReturnType, + ) => { + const sceneElement = API.getElement(element); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [, y1, x2] = getElementBounds(sceneElement, elementsMap); + + boxSelect(x2 - 12, y1 + 2, x2 - 2, y1 + 12); + }; + + const boxSelectTopLeftRotatedLocalBoundsCorner = ( + element: ReturnType, + ) => { + const sceneElement = API.getElement(element); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [x1, y1, x2, y2] = getElementBounds(sceneElement, elementsMap, true); + const center = pointFrom((x1 + x2) / 2, (y1 + y2) / 2); + const [cornerX, cornerY] = pointRotateRads( + pointFrom(x1, y1), + center, + sceneElement.angle, + ); + + boxSelect(cornerX - 4, cornerY - 4, cornerX + 4, cornerY + 4); + }; + + beforeEach(async () => { + await render( + , + ); + }); + + it("should select an element when the selection box partially overlaps it", () => { + const rect1 = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 50, + height: 50, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([rect1]); + + boxSelect(25, -20, 75, 70); + + assertSelectedElements([rect1.id]); + }); + + it("should not select a transparent rectangle when the selection box stays inside it", () => { + const rect1 = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "transparent", + fillStyle: "solid", + }); + + API.setElements([rect1]); + + boxSelect(25, 25, 75, 75); + + assertSelectedElements([]); + }); + + it("should select a transparent rectangle when the selection box crosses its outline", () => { + const rect1 = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "transparent", + fillStyle: "solid", + }); + + API.setElements([rect1]); + + boxSelect(25, 25, 125, 75); + + assertSelectedElements([rect1.id]); + }); + + it("should not select a rotated transparent rectangle when the selection box stays inside it", () => { + const rect1 = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "transparent", + fillStyle: "solid", + }); + + API.setElements([rect1]); + + boxSelect(40, 40, 60, 60); + + assertSelectedElements([]); + }); + + it("should select a rotated rounded rectangle when the selection box contains its outline but not its bounds", () => { + const rect = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 180, + angle: Math.PI / 6, + backgroundColor: "transparent", + fillStyle: "solid", + roundness: { type: ROUNDNESS.ADAPTIVE_RADIUS }, + roughness: 0, + }); + + API.setElements([rect]); + + const sceneRect = API.getElement(rect); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [boundsX1, boundsY1, boundsX2, boundsY2] = getElementBounds( + sceneRect, + elementsMap, + ); + const [outlineX1, outlineY1, outlineX2, outlineY2] = getOutlineBounds(rect); + + expect(outlineX1).toBeGreaterThan(boundsX1 - 1); + expect(outlineY1).toBeGreaterThan(boundsY1 - 1); + expect(outlineX2).toBeLessThan(boundsX2 + 1); + expect(outlineY2).toBeLessThan(boundsY2 + 1); + + boxSelect( + outlineX1 - (outlineX1 - boundsX1) / 2, + outlineY1 - (outlineY1 - boundsY1) / 2, + outlineX2 + (boundsX2 - outlineX2) / 2, + outlineY2 + (boundsY2 - outlineY2) / 2, + ); + + assertSelectedElements([rect.id]); + }); + + it("should not select a filled rotated rectangle when the selection box only overlaps its axis-aligned bounds", () => { + const rect = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([rect]); + + boxSelectTopLeftAabbCorner(rect); + + assertSelectedElements([]); + }); + + it("should not select a filled ellipse when the selection box only overlaps its bounds corner", () => { + const ellipse = API.createElement({ + type: "ellipse", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([ellipse]); + + boxSelectTopRightAabbCorner(ellipse); + + assertSelectedElements([]); + }); + + it("should not select a filled diamond when the selection box only overlaps its bounds corner", () => { + const diamond = API.createElement({ + type: "diamond", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([diamond]); + + boxSelectTopRightAabbCorner(diamond); + + assertSelectedElements([]); + }); + + it("should not select a filled rotated ellipse when the selection box only overlaps its axis-aligned bounds", () => { + const ellipse = API.createElement({ + type: "ellipse", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([ellipse]); + + boxSelectTopLeftRotatedLocalBoundsCorner(ellipse); + + assertSelectedElements([]); + }); + + it("should not select a filled rotated diamond when the selection box only overlaps its rotated local bounds", () => { + const diamond = API.createElement({ + type: "diamond", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([diamond]); + + boxSelectTopLeftRotatedLocalBoundsCorner(diamond); + + assertSelectedElements([]); + }); + + it("should not select rotated text when the selection box only overlaps its axis-aligned bounds", () => { + const text = API.createElement({ + type: "text", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + text: "test", + }); + + API.setElements([text]); + + boxSelect(-18, -18, -8, -8); + + assertSelectedElements([]); + }); + + it("should not select rotated image when the selection box only overlaps its axis-aligned bounds", () => { + const image = API.createElement({ + type: "image", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + fileId: "file_A", + status: "saved", + }); + + API.setElements([image]); + + boxSelect(-18, -18, -8, -8); + + assertSelectedElements([]); + }); + + it("should deselect a selected rotated rectangle when clicking in the empty corner of its axis-aligned bounds", () => { + const rect = API.createElement({ + type: "rectangle", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "red", + fillStyle: "solid", + }); + + API.setElements([rect]); + + mouse.clickAt(50, 50); + assertSelectedElements([rect.id]); + + const sceneRect = API.getElement(rect); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [x1, y1] = getElementBounds(sceneRect, elementsMap); + + mouse.clickAt(x1 + 2, y1 + 2); + + assertSelectedElements([]); + }); + + it("should not select a line when the selection box only overlaps its bounds", () => { + const line = API.createElement({ + type: "line", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "transparent", + points: [pointFrom(0, 0), pointFrom(100, 100)], + }); + + API.setElements([line]); + + boxSelect(20, 50, 30, 60); + + assertSelectedElements([]); + }); + + it("should not click-select rotated freedraw in the corner of its axis-aligned bounds", () => { + const freedraw = API.createElement({ + type: "freedraw", + x: 0, + y: 0, + width: 100, + height: 100, + angle: Math.PI / 4, + backgroundColor: "transparent", + points: [ + pointFrom(0, 0), + pointFrom(100, 0), + pointFrom(100, 100), + pointFrom(0, 100), + pointFrom(0, 0), + ], + }); + + API.setElements([freedraw]); + + const sceneFreedraw = API.getElement(freedraw); + const elementsMap = h.scene.getNonDeletedElementsMap(); + const [x1, y1] = getElementBounds(sceneFreedraw, elementsMap); + + mouse.clickAt(x1 + 2, y1 + 2); + + assertSelectedElements([]); + }); + + it("should not select a freedraw when the selection box only overlaps its bounds", () => { + const freedraw = API.createElement({ + type: "freedraw", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "transparent", + points: [ + pointFrom(0, 0), + pointFrom(50, 50), + pointFrom(100, 100), + ], + }); + + API.setElements([freedraw]); + + boxSelect(20, 50, 30, 60); + + assertSelectedElements([]); + }); + + it("should not select a transparent framed element when the selection box stays inside its clipped bounds", () => { + const frame = API.createElement({ + type: "frame", + x: 0, + y: 0, + width: 100, + height: 100, + backgroundColor: "transparent", + fillStyle: "solid", + }); + const rect1 = API.createElement({ + type: "rectangle", + x: 50, + y: 10, + width: 100, + height: 80, + frameId: frame.id, + backgroundColor: "transparent", + fillStyle: "solid", + }); + + API.setElements([frame, rect1]); + + boxSelect(60, 20, 90, 60); + + assertSelectedElements([]); + }); }); describe("inner box-selection", () => { diff --git a/packages/excalidraw/types.ts b/packages/excalidraw/types.ts index cae4e7b93f..a41512fe64 100644 --- a/packages/excalidraw/types.ts +++ b/packages/excalidraw/types.ts @@ -269,6 +269,8 @@ export type ObservedElementsAppState = { activeLockedId: AppState["activeLockedId"]; }; +export type BoxSelectionMode = "contain" | "overlap"; + export interface AppState { contextMenu: { items: ContextMenuItems; @@ -307,6 +309,8 @@ export interface AppState { * `bindingPreference` and keyboard modifiers (ctrl/alt) */ isBindingEnabled: boolean; + /** user box selection preference; defaults to "contain" when unset */ + boxSelectionMode: BoxSelectionMode; /** user arrow binding preference */ bindingPreference: "enabled" | "disabled"; /** user preference whether arrow snap to midpoints while binding */ diff --git a/packages/math/src/curve.ts b/packages/math/src/curve.ts index 32f537f434..8e53727f84 100644 --- a/packages/math/src/curve.ts +++ b/packages/math/src/curve.ts @@ -137,8 +137,17 @@ const calculate = ( [t0, s0]: [number, number], l: LineSegment, c: Curve, + tolerance: number = 1e-2, + iterLimit: number = 4, ) => { - const solution = solveWithAnalyticalJacobian(c, l, t0, s0, 1e-2, 4); + const solution = solveWithAnalyticalJacobian( + c, + l, + t0, + s0, + tolerance, + iterLimit, + ); if (!solution) { return null; @@ -158,18 +167,43 @@ const calculate = ( */ export function curveIntersectLineSegment< Point extends GlobalPoint | LocalPoint, ->(c: Curve, l: LineSegment): Point[] { - let solution = calculate(initial_guesses[0], l, c); +>( + c: Curve, + l: LineSegment, + opts?: { + tolerance?: number; + iterLimit?: number; + }, +): Point[] { + let solution = calculate( + initial_guesses[0], + l, + c, + opts?.tolerance, + opts?.iterLimit, + ); if (solution) { return [solution]; } - solution = calculate(initial_guesses[1], l, c); + solution = calculate( + initial_guesses[1], + l, + c, + opts?.tolerance, + opts?.iterLimit, + ); if (solution) { return [solution]; } - solution = calculate(initial_guesses[2], l, c); + solution = calculate( + initial_guesses[2], + l, + c, + opts?.tolerance, + opts?.iterLimit, + ); if (solution) { return [solution]; } diff --git a/packages/utils/tests/__snapshots__/export.test.ts.snap b/packages/utils/tests/__snapshots__/export.test.ts.snap index affae46199..f59d0a9e84 100644 --- a/packages/utils/tests/__snapshots__/export.test.ts.snap +++ b/packages/utils/tests/__snapshots__/export.test.ts.snap @@ -13,6 +13,7 @@ exports[`exportToSvg > with default arguments 1`] = ` }, "bindMode": "orbit", "bindingPreference": "enabled", + "boxSelectionMode": "contain", "collaborators": Map {}, "contextMenu": null, "croppingElementId": null, diff --git a/scripts/woff2/woff2-vite-plugins.js b/scripts/woff2/woff2-vite-plugins.js index b62a76cffb..3870bbcdfc 100644 --- a/scripts/woff2/woff2-vite-plugins.js +++ b/scripts/woff2/woff2-vite-plugins.js @@ -90,6 +90,13 @@ module.exports.woff2BrowserPlugin = () => { type="font/woff2" crossorigin="anonymous" /> + Date: Thu, 2 Apr 2026 14:07:02 +0530 Subject: [PATCH 173/176] Fix typo in Discord badge URL parameter (#11096) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 74fc2c084f..48b9d1de9f 100644 --- a/README.md +++ b/README.md @@ -29,7 +29,7 @@ PRs welcome! - Chat on Discord + Chat on Discord Ask DeepWiki From 1caec99b290c75cda05385e637138998807a65ae Mon Sep 17 00:00:00 2001 From: Tom Louveau Date: Mon, 13 Apr 2026 10:30:58 +0200 Subject: [PATCH 174/176] docs: change twitter label by X (#11158) Co-authored-by: David Luzar <5153846+dwelle@users.noreply.github.com> --- dev-docs/docusaurus.config.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/dev-docs/docusaurus.config.js b/dev-docs/docusaurus.config.js index 4e8d75800a..d2b34843ee 100644 --- a/dev-docs/docusaurus.config.js +++ b/dev-docs/docusaurus.config.js @@ -97,8 +97,8 @@ const config = { href: "https://discord.gg/UexuTaE", }, { - label: "Twitter", - href: "https://twitter.com/excalidraw", + label: "𝕏", + href: "https://x.com/excalidraw", }, { label: "Linkedin", From b1c6bfcf40cba255d208d8d525060684b10cb3cc Mon Sep 17 00:00:00 2001 From: David Luzar <5153846+dwelle@users.noreply.github.com> Date: Mon, 20 Apr 2026 22:07:00 +0200 Subject: [PATCH 175/176] chore(docker): bump node (#11208) --- .codesandbox/Dockerfile | 2 +- Dockerfile | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.codesandbox/Dockerfile b/.codesandbox/Dockerfile index fd5b38d1e8..ce8c857650 100644 --- a/.codesandbox/Dockerfile +++ b/.codesandbox/Dockerfile @@ -1,4 +1,4 @@ -FROM node:18-bullseye +FROM node:24-bullseye # Vite wants to open the browser using `open`, so we # need to install those utils. diff --git a/Dockerfile b/Dockerfile index c08385d654..e15b425704 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,4 +1,4 @@ -FROM --platform=${BUILDPLATFORM} node:18 AS build +FROM --platform=${BUILDPLATFORM} node:24 AS build WORKDIR /opt/node_app @@ -13,7 +13,7 @@ ARG NODE_ENV=production RUN npm_config_target_arch=${TARGETARCH} yarn build:app:docker -FROM --platform=${TARGETPLATFORM} nginx:1.27-alpine +FROM nginx:1.27-alpine COPY --from=build /opt/node_app/excalidraw-app/build /usr/share/nginx/html From 2e1a529c6781b1534d27ca79198dccd40b97ec7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A1rk=20Tolm=C3=A1cs?= Date: Sat, 25 Apr 2026 12:03:50 +0200 Subject: [PATCH 176/176] fix(editor): remove extremely large arrows on restore (#11235) * fix: Temp fix for elbow arrow at restore Co-authored-by: Copilot Signed-off-by: Mark Tolmacs * fix: Speculative fixes to avoid Infinity Co-authored-by: Copilot Signed-off-by: Mark Tolmacs * validate/remove arrow size after point normalization & move binding repairs back * validate even simple arrows * remove x/y check * remove duplicate constant --------- Signed-off-by: Mark Tolmacs Co-authored-by: Copilot Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com> --- packages/element/src/binding.ts | 10 +++--- packages/element/src/elbowArrow.ts | 4 +-- packages/excalidraw/data/restore.ts | 47 +++++++++++++++++++++++++---- packages/math/src/constants.ts | 2 -- 4 files changed, 49 insertions(+), 14 deletions(-) diff --git a/packages/element/src/binding.ts b/packages/element/src/binding.ts index 566ef3c4e4..3f80ffbae2 100644 --- a/packages/element/src/binding.ts +++ b/packages/element/src/binding.ts @@ -1943,9 +1943,9 @@ export const calculateFixedPointForElbowArrowBinding = ( return { fixedPoint: normalizeFixedPoint([ (nonRotatedSnappedGlobalPoint[0] - hoveredElement.x) / - hoveredElement.width, + Math.max(hoveredElement.width, PRECISION), (nonRotatedSnappedGlobalPoint[1] - hoveredElement.y) / - hoveredElement.height, + Math.max(hoveredElement.height, PRECISION), ]), }; }; @@ -1976,9 +1976,11 @@ export const calculateFixedPointForNonElbowArrowBinding = ( // Calculate the ratio relative to the element's bounds const fixedPointX = - (nonRotatedPoint[0] - hoveredElement.x) / hoveredElement.width; + (nonRotatedPoint[0] - hoveredElement.x) / + Math.max(hoveredElement.width, PRECISION); const fixedPointY = - (nonRotatedPoint[1] - hoveredElement.y) / hoveredElement.height; + (nonRotatedPoint[1] - hoveredElement.y) / + Math.max(hoveredElement.height, PRECISION); return { fixedPoint: normalizeFixedPoint([fixedPointX, fixedPointY]), diff --git a/packages/element/src/elbowArrow.ts b/packages/element/src/elbowArrow.ts index 9543b4182f..024b846b12 100644 --- a/packages/element/src/elbowArrow.ts +++ b/packages/element/src/elbowArrow.ts @@ -2124,8 +2124,8 @@ const normalizeArrowElementUpdate = ( offsetY < -MAX_POS || offsetY > MAX_POS || offsetX + points[points.length - 1][0] < -MAX_POS || - offsetY + points[points.length - 1][0] > MAX_POS || - offsetX + points[points.length - 1][1] < -MAX_POS || + offsetX + points[points.length - 1][0] > MAX_POS || + offsetY + points[points.length - 1][1] < -MAX_POS || offsetY + points[points.length - 1][1] > MAX_POS ) { console.error( diff --git a/packages/excalidraw/data/restore.ts b/packages/excalidraw/data/restore.ts index 7a8b9e586c..7ffe9b712f 100644 --- a/packages/excalidraw/data/restore.ts +++ b/packages/excalidraw/data/restore.ts @@ -96,6 +96,8 @@ type RestoredAppState = Omit< "offsetTop" | "offsetLeft" | "width" | "height" >; +const MAX_ARROW_PX = 75_000; + export const AllowedExcalidrawActiveTools: Record< AppState["activeTool"]["type"], boolean @@ -467,8 +469,8 @@ export const restoreElement = ( element.endArrowhead === undefined ? "arrow" : normalizeArrowhead(element.endArrowhead); - const x: number | undefined = element.x; - const y: number | undefined = element.y; + const x = element.x as number | undefined; + const y = element.y as number | undefined; const points: readonly LocalPoint[] | undefined = // migrate old arrow model to new one !Array.isArray(element.points) || element.points.length < 2 ? [pointFrom(0, 0), pointFrom(element.width, element.height)] @@ -493,8 +495,8 @@ export const restoreElement = ( startArrowhead, endArrowhead, points, - x, - y, + x: x ?? 0, + y: y ?? 0, elbowed: (element as ExcalidrawArrowElement).elbowed, ...getSizeFromPoints(points), }; @@ -513,12 +515,44 @@ export const restoreElement = ( }) : restoreElementWithProperties(element as ExcalidrawArrowElement, base); - return { + const normalizedRestoredElement = { ...restoredElement, ...LinearElementEditor.getNormalizeElementPointsAndCoords( restoredElement, ), }; + + // Last resort fix for extremely large arrows + if ( + normalizedRestoredElement.width > MAX_ARROW_PX || + normalizedRestoredElement.height > MAX_ARROW_PX + ) { + console.error( + `Removing extremely large arrow ${ + normalizedRestoredElement.id + } (type: ${ + isElbowArrow(normalizedRestoredElement) ? "elbow" : "simple" + }, width: ${normalizedRestoredElement.width}, height: ${ + normalizedRestoredElement.height + }, x: ${normalizedRestoredElement.x}, y: ${ + normalizedRestoredElement.y + })`, + ); + return { + ...normalizedRestoredElement, + x: 0, + y: 0, + width: 100, + height: 100, + points: [ + pointFrom(0, 0), + pointFrom(100, 100), + ], + isDeleted: true, + }; + } + + return normalizedRestoredElement; } // generic elements @@ -666,6 +700,7 @@ export const restoreElements = ( const existingElementsMap = existingElements ? arrayToMap(existingElements) : null; + const restoredElements = syncInvalidIndices( (targetElements || []).reduce((elements, element) => { // filtering out selection, which is legacy, no longer kept in elements, @@ -762,7 +797,7 @@ export const restoreElements = ( } } - // NOTE (mtolmacs): Temporary fix for extremely large arrows + // NOTE (mtolmacs): Temporary fix for invalid/self-bound elbow arrows // Need to iterate again so we have attached text nodes in elementsMap return restoredElements.map((element) => { if ( diff --git a/packages/math/src/constants.ts b/packages/math/src/constants.ts index ce39e42682..6ba5eb8f7f 100644 --- a/packages/math/src/constants.ts +++ b/packages/math/src/constants.ts @@ -1,5 +1,3 @@ -export const PRECISION = 10e-5; - // Legendre-Gauss abscissae (x values) and weights for n=24 // Refeerence: https://pomax.github.io/bezierinfo/legendre-gauss.html export const LegendreGaussN24TValues = [