230 Commits (5fff1f2d3e2e3b58b0ff304a035c2197dcf01844)

Author	SHA1	Message	Date
David Luzar	187cfbe2d8	temp hack fix for state updates (#593) ... * temp hack fix state updates * switch setTimeout for state mutation	5 years ago
Guillermo Peralta Scura	67eca2bda1	Add landmarks (#564) ... Use HTML semantic elements to set the landmarks of the page. This is helpful for assistive technologies to determine the different regions of content. In our case it's useful for jumping between the different islands that we use to group the form controls.	5 years ago
Lipis	81d169e90c	Add tool tip for shape lock (#551) ... * Add tool tip for shape lock * tweak label & fix master rebase Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
David Luzar	7b842fc330	simplify distance helper and factor out common bounds helper (#581) ... * simplify distance helper * factor out common bounds helper	5 years ago
Christopher Chedeau	8ab176b9a5	Disable UI rendering when history is skipped (#574) ... When we are scrolling, resizing, or moving elements, we already disable the history. Since those actions do not change the state of the UI, we can also avoid re-drawing it and save ~10ms per frame. I had to change all the forceUpdate() to setState({}), otherwise it would bypass shouldComponentUpdate.	5 years ago
Christopher Chedeau	263fef4eaa	Add a gap between shapes and lock (#569) ... * Add a gap between shapes and lock The lock is a different type as the rest of the shapes, so we should visually separate it. * redesign lock icon Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Christopher Chedeau	141b7409a2	Only show correct settings (#565) ... * Only show correct settings The logic to display which settings when nothing was selected was incorrect. This PR ensures that they are in sync. I also removed all the <hr /> which after the redesigned just looked like weird empty spaces * fix handling editing/text elements Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Christopher Chedeau	2a87c7381b	Set selection when unlocking (#567) ... A common workflow I have is to enable the lock, draw a bunch of things, unlock to be able to select stuff. However, after I unlock, the last shape is still enabled, so I end up drawing yet another of the same shape :( This PR resets to selection instead!	5 years ago
Christopher Chedeau	e1ed40be65	Fix exported size when drawing to the left (#575) ... If you scroll and draw to the left of the origin, when you export the scene, there's a weird whitespace on the right. This is because we do the min() computation starting at 0 and not -Infinity This also fixes pasted elements and scrollbars.	5 years ago
Christopher Chedeau	c3e9f775e7	Disable escape when creating element (#576) ... Problem: - Select arrow - Mouse down somewhere - Mouse move somewhere to create an arrow - Press escape - Now you're in a weird situation where the shape is now "selection" but you're still dragging the arrow. If you mouse up, the arrow disappears In order to solve this problem, we can avoid making escape do anything if you're currently dragging an element	5 years ago
Christopher Chedeau	c697938350	Do not store cursor position in state (#557) ... * Do not store cursor position in state Storing it in state causes a full re-render. The only time we use the cursor position is for pasting. This halves the number of renders on drag. * remove passive change	5 years ago
lissitz	1bae203a78	changing new shape property sets it as default (#520) ... * changing new shape property sets it as default * set correct opacity while editing new test Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Guillermo Peralta Scura	69061e20ac	Some a11y fixes (#534) ... * Rename ToolIcon to ToolButton It makes more semantic sense * Label and keyboard shortcuts announcement * Refactor common props for ToolButton * Better doc outline and form controls * Adjust color picker * Styling fixes Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Loris	413c387c7c	Add onCancel callback to textWysiwyg for cleanup (#555)	5 years ago
Bakhtiiar Muzakparov	689c94151d	fix: typos (#540)	5 years ago
David Luzar	afb1d6725f	Normalize dimensions (#527) ... * normalize dimensions of non-linear elements * fix element type check regression	5 years ago
Faustino Kialungila	54f9c296b5	Enhance language selection (#538) ... * Enhance language selection * remove top/left margin to limit unusable canvas area Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Lipis	ee68af0fd3	Set Trailing Cmma to (#525)	5 years ago
Thibaut SABOT	e8c909e35c	Don't use translated value for shortcut (#526)	5 years ago
Günay Mert Karadoğan	926b4f24e6	Draw horizontal/vertical lines/arrows when shift pressed (#430) ... * Draw horizontal/vertical lines/arrows when shift pressed * Refactor resizing with delta * Resize arrows/lines perfectly when shift pressed	5 years ago
Enzo Ferey	dfb7c2b744	Add app state to history (#309) ... * Add app state to history. * Pick missing state keys. * Fix bug. * Remove force update.	5 years ago
Lipis	48024c9116	Remove selected object when storing to backend (#506)	5 years ago
Fernando Alava Zambrano	a436e70764	Internationalization followup (#500) ... * add translations in data.ts * add language list add spanish version * fixes pr review * add more translations * remove unused label Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Bakhtiiar Muzakparov	bef279417e	fix: cursor on keyboard tool toggle (#482) ... * update events for GH actions to include PRs * fix: cursor on keyboard tool toggle * fix: change cursor type to constant * fix: swap condition Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
David Luzar	20cf1078fc	add top error boundary & reset localStorage on error (#493) ... * add top error boundary & reset localStorage on error * add issue tracker details and link * add pointer cursor to buttons * Update src/bug-issue-template.js Co-Authored-By: Lipis <lipiridis@gmail.com> * Update src/styles.scss Co-Authored-By: Lipis <lipiridis@gmail.com> * Update src/bug-issue-template.js Co-Authored-By: Lipis <lipiridis@gmail.com> * use open-color colors * use Cascadia font Co-authored-by: Lipis <lipiridis@gmail.com>	5 years ago
Jilles Soeters	a72a143c84	Introduce Shapelock (#480) ... * Introduce shape lock * Format code with prettier * Do not reset elementLocked on selection change * Don't set isSelected to true if element is locked * Don't reset the cursor * Move reset cursor call to better spot * Run prettier + lint	5 years ago
David Luzar	2340dddaad	Sync panel props to editing element (#470) ... * ensure panel props are sync to editing elem * ensure we don't create empty-text elements (fixes #468) * remove dead code Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Fernando Alava Zambrano	ff7a340d2f	Internationalization support (#477) ... * add i18next lib add some translations * add translations * fix font-family * fix pin versions	5 years ago
Panayiotis Lipiridis	703d1e42e3	id instead of json	5 years ago
David Luzar	d44c4ca2d8	flush autosave on unload (#473)	5 years ago
Brady Madden	6ad596e9f1	Share excalidrawings as links! (#356) ... * shareable links * fix * review comments * json-excaliber (#464) * draw * Boom * backend * Remove local Co-authored-by: Lipis <lipiridis@gmail.com>	5 years ago
David Luzar	0097652b79	disallow shape selection during creation (#449)	5 years ago
Faustino Kialungila	61be0f7b61	Render text actions panel on double click (#450) ... * Render text actions panel on double click * cleanup wysiwyg on click * use `state.editingElement` instead of global to determine whether t ext panel is shown * clarify comment Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Guillermo Peralta Scura	3715da9966	Remove not needed nesting for resize (#460)	5 years ago
Christopher Chedeau	7f6e1f420e	Pure node rendering (#443)	5 years ago
Günay Mert Karadoğan	d505c6615d	Fix reversed cursor issues on resize with bi-directional cursors (#451)	5 years ago
Faustino Kialungila	bbabf33d78	Render shape action on tool selected (#448)	5 years ago
Sosuke Suzuki	4180485eef	Disable shortcuts for shapes while dragging the selection (#447)	5 years ago
Abhishek Kulshrestha	31403ab373	Bug 389 (#428) ... * paste inside the viewport * Buttons in top left panel aren't horizontally centered	5 years ago
David Luzar	6892348c3d	Revert 400 and 420 (#422) ... * revert #400 font file * Revert "Revert "Set scale for export images (#416)" (#420)" This reverts commit d603921234.	5 years ago
Timur Khazamov	d603921234	Revert "Set scale for export images (#416)" (#420) ... This reverts commit 82f559f826.	5 years ago
Timur Khazamov	82f559f826	Set scale for export images (#416)	5 years ago
Günay Mert Karadoğan	8bc049a0b9	Remove resized element if it is invisibly small (#405)	5 years ago
Lipis	8154ccd907	No named colors and lowercase hex (#395) ... * No named colors and lowercase hex * consistent	5 years ago
Günay Mert Karadoğan	4ecc734659	Fix #360 prevent creating invisibly small elements (#387)	5 years ago
Jilles Soeters	2a8e562e98	Add numeric hotkeys (#380) ... * Add numeric hotkeys * Nit: add space after comma	5 years ago
David Luzar	0e56cd4f56	pan canvas on wheel button drag (#375) ... * pan canvas on wheel button drag * make mousemove passive	5 years ago
Timur Khazamov	79aee53ff6	Redesign idea (#343) ... * Redisign idea * Code cleanup * Fixed to right container * Reoredered layout * Reordering panels * Export dialog * Removed redunant code * Fixed not removing temp canvas * Fixed preview not using only selected elements * Returned file name on export * Toggle export selected/all elements * Hide copy to clipboard button if no support of clipboard * Added border to swatches * Fixed modal flickering	5 years ago
Preet	8dbd1b80df	Update to rough.js 4.0.1 (#363) ... * upgrade to latest rough.js * remove random.ts because roughjs now supports seeding.	5 years ago
Timur Khazamov	bc2bae2a9a	Shift drag to add to selection (#355) ... * Shift drag to add to selection * Inlined variable	5 years ago
Guillermo Peralta Scura	4c62cbf57e	Don't show resize cursor if multiple elements are selected (#353)	5 years ago
Christopher Chedeau	f91b708abb	Revert "Shift drag to add to selection (#350)" (#352) ... This reverts commit ce467f7b65.	5 years ago
Timur Khazamov	ce467f7b65	Shift drag to add to selection (#350)	5 years ago
David Luzar	58ad6d741d	fix selecting elem inside already selected element (#349)	5 years ago
Guillermo Peralta Scura	c67435719f	Use cursor delta to resize shape (#341)	5 years ago
Jeremy Press	abf2aaa102	"Select All" only appears when clicking outside of a shape via actionFilter (#329) ... Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Enzo Ferey	88a9cee8bb	History improvements (#337) ... * Simplified redoOnce. * Help mental model. * Move clear redo stack where it belongs. * Not needed anymore as we check for same state.	5 years ago
Christopher Chedeau	bc909b76da	Move copy paste handler to document (#334) ... Hopefully it should resolve the copy pasting issues Fixes #249	5 years ago
Christopher Chedeau	aad6e8f434	Reset to selection after creating a text (#333) ... Fixes #252 Test plan: - Click on text icon - Click anywhere to start entering text - Add a letter - Make sure the cursor is selection and not text - Click anywhere else, make sure it completes the text and not create a new one	5 years ago
Christopher Chedeau	44657efe71	Fix undoOnce (#332) ... I just pasted @enzoferey's implementation and it fixed the bug reported by @dwelle Fixes #307	5 years ago
Christopher Chedeau	dd2a7eb597	Fix copy-paste on input (#331) ... If the input is active, we shouldn't override copy paste behavior	5 years ago
Christopher Chedeau	d45f48e60f	Set shape background to be transparent by default (#330) ... Also makes "Clear canvas" reset the entire app state	5 years ago
Christopher Chedeau	3db7d69849	Debounce localstorage save (#328) ... I profiled dragging and it looks like it takes ~3ms to save to localStorage a smallish scene and we're doing it twice per mousemove. Let's debounce so we don't pay that cost on every mouse move. Stole the implementation from #220 which got reverted.	5 years ago
Christopher Chedeau	c745fd4e5e	Prevent cmd-r from selecting rectangle (#327) ... I keep adding empty rectangles because I reload with cmd-r which enables rectangle :p Let's only make the shortcut work if there's no modifier enabled	5 years ago
Christopher Chedeau	407f00bbd5	Fix alt-duplicate (#326) ... We need to unselect all the previous elements and select all the new ones. Also made sure that the shape is regenerated when the element is duplicated	5 years ago
Christopher Chedeau	5bdd0a35f6	Fix cmd-a drawing arrows (#321) ... We need to quit if we have either elements OR appState, not both.	5 years ago
Gasim Gasimzada	74764b06eb	Regenerate roughjs shape only when the item is updated (#316) ... * Regenerate roughjs shape only when the item is updated * Remove shape object during export and history undo/redo * Remove shape element during copying * Fix shape generation during creation	5 years ago
Gasim Gasimzada	f465121f9b	Feature: Action System (#298) ... * Add Action System - Add keyboard test - Add context menu label - Add PanelComponent * Show context menu items based on actions * Add render action feature - Replace bringForward etc buttons with action manager render functions * Move all property changes and canvas into actions * Remove unnecessary functions and add forgotten force update when elements array change * Extract export operations into actions * Add elements and app state as arguments to `keyTest` function * Add key priorities - Sort actions by key priority when handling key presses * Extract copy/paste styles * Add Context Menu Item order - Sort context menu items based on menu item order parameter * Remove unnecessary functions from App component	5 years ago
Timur Khazamov	c253c0b635	Command clicking should "xor" selection (#300) ... * Command clicking should "xor" selection * Only shift key should play a role * Get rid of `isDraggingElements` * Renamed someElementIsDragged to draggingOccured	5 years ago
Gunay Mert Karadogan	3eb6d1de68	Fix history saving for resizing/dragging element (#292)	5 years ago
Gasim Gasimzada	f2346275ef	Extract Side Panel from App component (#295) ... * Extract Side Panel from App component * Refactor SidePanel component - Remove unnecessary props (we are already passing appState as a prop) - Remove unnecessary allback (we are already passing setState)	5 years ago
David Luzar	2fb3cdd5e4	fix copy/paste regression (#291)	5 years ago
David Luzar	deee57314d	support export canvas to clipboard (#232)	5 years ago
Giovanni Giordano	1541428ab1	Clear active tool on escape (#286) ... * Clear active tool on escape * Remove console log	5 years ago
Gasim Gasimzada	862231da4f	Make all operations on elements array immutable (#283) ... * Make scene functions return array instead of mutate array - Not all functions were changes; so the given argument was a new array to some * Make data restoration functions immutable - Make mutations in App component * Make history actions immutable * Fix an issue in change property that was causing elements to be removed * mark elements params as readonly & remove unnecessary copying * Make `clearSelection` return a new array * Perform Id comparisons instead of reference comparisons in onDoubleClick * Allow deselecting items with SHIFT key - Refactor hit detection code * Fix a bug in element selection and revert drag functionality Co-authored-by: David Luzar <luzar.david@gmail.com>	5 years ago
Faustino Kialungila	1ea72e9134	Center element on paste (#248) ... * Center element on paste * paste on cursor position * correctly center elements * rename vars	5 years ago
Guillermo Peralta Scura	4a044d3ace	Show move and resize cursors on hover (#280) ... * Change to move cursor on hover * Show resize handlers on hover	5 years ago
davidbonan	a16cd3a34f	Add font size and font familly option for selection (#278) ... * Add font size and font familly option for selection * Allow copy font style * More clearner method name * Update options size and font-familly	5 years ago
Gasim Gasimzada	299e7e9099	Extract app and keys (#276) ... * Extract app component from entrypoint (index) - Use refs to refer to canvas and rough context - Remove ReactDOM double rendering * Extract keys and key related utils into their own module * Move everything back to entrypoint	5 years ago
Gasim Gasimzada	36ce6a26e6	Make panels collapsible (#239) ... * Make panels collapsible - Add Panel component with collapse logic - Use the component in all the necessary panel groups * Remove unnecessary container from PanelCanvas * Add "hide property" to Pane component to hide Panel contents using a prop - Instead of doing conditional rendering, pass the condition to Panel as props * Change collapse icon rotation for closed - Use one icon and use CSS transforms to rotate it * Remove unnecessary imports from PanelSelection	5 years ago
Timur Khazamov	1739540f00	Creating a text near the center of a shape should put it in the center (#270) ... * Snap to element center * Fixed typo * Added comment * Reduced threshold to 30 * Skip snapping if alt key is pressed * Fixed creating text with shape tool	5 years ago
David Luzar	068dca604f	prevent commit on eslint warnings & fix lint (#268)	5 years ago
Timur Khazamov	37934c0f8b	Fixes text jumping on creation (#266) ... * Fixes text jumping on creation * Do not remove node on ESC * Fixed typo	5 years ago
David Luzar	2122a9cf9f	fix for duplicating elements (#261)	5 years ago
David Luzar	58ec6567ae	ensure alt+drag duplicates all selected elems (#258)	5 years ago
dwelle	009412a093	improve typing for handlerRectangles	5 years ago
Jeremy Scatigna	e7bf034fef	duplicate element by alt dragging (#255)	5 years ago
Timur Khazamov	2d66616e3f	Fixed: Copy + Paste moves text inside rectangle #229 (#245)	5 years ago
Timur Khazamov	10955f8bb0	Wysiwyg text 2.0 (#238) ... * Fixed cleaning handlers after cleanup * Double click to edit text * Preserve text styles on change	5 years ago
Timur Khazamov	ae982e9298	Revert "Save scene in URL (#220)" (#234) ... This reverts commit db973c61e8.	5 years ago
Gasim Gasimzada	829a65b8cb	Refactor Element Functions (#233) ... * Remove `generatedraw` from element object - Create a function that renders a single element - Refactor rendering selected elements * Replace getElementAbsoluteXY with getElementAbsoluteCoords	5 years ago
Gasim Gasimzada	85365e5bcb	Extract Sidebar panels into separate components (#230) ... * Extract Sidebar panels into separate components * Add Jest TS types	5 years ago
Faustino Kialungila	2fb5c4cd13	Add styles copy and pasting in the context menu (#227)	5 years ago
Christopher Chedeau	f2665408fc	Revert "Wysiwyg text (#200)" (#225) ... This reverts commit abbc04df0e.	5 years ago
Timur Khazamov	db973c61e8	Save scene in URL (#220) ... Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Timur Khazamov	abbc04df0e	Wysiwyg text (#200)	5 years ago
Anirban Sengupta	b2eb2807cc	Use Ctrl instead of Cmd for keyboard shortcuts on Windows (#216) ... Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>	5 years ago
Timur Khazamov	257f697a98	Context menu with some commands (#217)	5 years ago
Faustino Kialungila	9305a33dba	Copy and paste styles (#219) ... * copy and paste styles * save copied styles in memory	5 years ago
David Luzar	1443cf1cd5	implement shift+resize for all sides (#210)	5 years ago