Keavon Chambers
e02250e8c6
Add DialogModal and use it for close confirmations and "coming soon" features ( #322 )
...
Closes #269
Closes #196
* Add DialogModal and use it for close confirmations and "coming soon" features
* Code cleanup; add Enter key to accept emphasized dialog button
2021-07-31 14:30:31 -07:00
Keavon Chambers
12fc330952
Add features to NumberInput widget; refactor widgets and tool options ( #311 )
...
Closes #310
* Add features to NumberInput widget; refactor widgets and tool options
* Fix swap/reset working colors using @click instead of :action
2021-07-27 18:28:21 -07:00
Keavon Chambers
5c7fe243bf
Fix antialiasing caused by <svg> width/height 100%
2021-07-25 17:25:39 -07:00
Henry Sloan
52fe66b6d8
MVP eyedropper tool for fill colors ( #300 )
...
* Implement eyedropper for layer fill colors
* Add shortcut for eyedropper
* Add right mouse sampling for secondary color
2021-07-24 18:29:32 -04:00
George Atkinson
d5c9821a02
Blend modes ( #252 )
...
* Add backend for selecting layer blend mode
* Change dropdown input to support callback on change
* Add debug messages
* Fix canvas update for blend-modes
* Finish up and polish blend modes implementations
* Add changes from code review
Co-authored-by: Keavon Chambers <keavon@keavon.com>
Co-authored-by: Dennis Kobert <dennis@kobert.dev>
2021-07-23 18:21:07 +01:00
Henry Sloan
5446fa3553
Options bar widgets for tools to control tool behavior ( #283 )
...
* Add JSON-backed options widget
* Add initial tool settings messaging to backend
* Add shape side selection with JSON deserialization
* Enforce minimum number of n-gon sides
* Make tool settings JSON errors safer
* Make tool settings JSON errors safer
* Refactor ToolOptions to ToolSettings
* Revert "Refactor ToolOptions to ToolSettings"
This reverts commit 651161fd167193b4790c88b7cd7faf2f0e172102.
* Refactor all instances of "settings" to "options"
* Fix names and formatting
* Rearrange ToolOptions data to enforce types
2021-07-21 01:07:48 -04:00
Keavon Chambers
552cee4d6b
Fix tooltips in Document panel
2021-07-19 18:02:08 -07:00
Keavon Chambers
b650658810
Add (nonfunctional) rulers and scrollbars to the viewport ( #279 )
...
* Add nonfunctional rulers and scrollbars to viewport
* Switch from DOM divs to SVG lines
* Switch from SVG lines to a single SVG path
* Change variable names
2021-07-17 16:11:52 -07:00
Keavon Chambers
c2f735504d
Clean up widget type naming conventions
2021-07-16 15:57:42 -07:00
Keavon Chambers
c453199704
Categorize frontend widgets to match design system
2021-07-16 15:37:35 -07:00
Keavon Chambers
86bd9e7cdf
Rename tool icons
2021-07-15 00:46:32 -07:00
Keavon Chambers
7b63e27168
Switch all JS imports to absolute paths
2021-07-15 00:34:56 -07:00
Keavon Chambers
eab498f795
Cleanup of variable naming
2021-07-14 20:11:51 -07:00
Keavon Chambers
e0f049ab00
Frontend refactor to move response handler, key input handling, and more into new utilities folder ( #260 )
...
Part of #124
2021-07-14 14:31:09 -07:00
Henry Sloan
363b9c7ffa
Implement fill tool ( #254 )
...
* Implement fill tool
* Add fill tool shortcut
* Add getters and setters to styles
* Make fill tool act on the topmost layer clicked
* Refactor fill operation
* Refactor and unify selection tolerance
* Add mark_as_dirty function
* Fix getter names
2021-07-14 03:49:12 -04:00
Keavon Chambers
3156b3af05
Clean up and polish some code from the previous commit ( #255 )
2021-07-13 00:52:45 -07:00
0HyperCube
e0b89735a3
Viewport canvas navigation with modifier keys and zoom widget ( #229 )
...
* Add rotation around the center
* Document transform centred
* Fix drawing hexagon on rotated document
* Format
* Fix translation on rotated document
* Remove logging
* Rotate around centre of viewport
* Rotate with shift + MMB drag
* Zoom with +/- keys
* Rotation input field
* Implement frontend zoom buttons
* Zoom with ctrl + MMB
* Format
* Update number inputs
* Require Ctrl + Plus / Minus key
* Ctrl scroll
* Update zoom -> Multiply Zoom
* Fix typo
* More fixing typo
* Remove :v-on
* Add mouse scroll X
* Scrolling on document
* Refactor
* Format
* Fix ctrl + plus/minus to zoom
* Reduce zoom sensitivity
* Ctrl + shift + mmb drag = snap rotate
* Further reduce zoom speed
* Add ctrl + number key to change zoom
* Switch Ctrl and Shift for zoom and rotate
* Fix compile errors
* Format JS
* Add increment to snap angle
* Edit getting layerdata functions
* Pass viewport size directily into create_document_transform_from_layerdata
* Add to_dvec2()
* Refactor get_transform
* Get -> Calculate
* Add consts
* Use to_radians
* Remove get from function names
* Use .entry when getting layerdata that does not exist
* Fix distance scroll calculations
* Fix zooming.
* Remove 'Violation' in chrome
* Fix compile errors
2021-07-13 07:50:10 +01:00
Simon Desloges
bb79bbd0e4
Add modifier keys to every keyboard and mouse input ( #247 )
...
* Add modifier keys to every keyboard and mouse input
* Fix bad naming convention in Typescript
* Added some tests related to modifier keys
2021-07-11 23:46:00 -04:00
Keavon Chambers
29a2b46684
Add the checkbox input widget ( #204 )
...
* Add the checkbox input widget
* Add OptionalInput widget
2021-07-08 14:10:30 -07:00
Chrs Msln
3f35c8d348
Refactor frontend input components to use the v-model Vue pattern ( #224 )
...
* Use v-model for inputs
* Add opacity to LayerTree
* Fix FloatingMenu typing
2021-06-27 08:18:47 +02:00
Keavon Chambers
e551ba529f
Add "Guide Mode" to viewport mode selector dropdown
2021-06-23 23:10:48 -07:00
Keavon Chambers
a3d96f1dae
Reduce the greediness of keyboard input redirection
...
Part of #124
2021-06-20 02:05:31 -07:00
Till Arnold
ff232bd722
Add keyboard shortcut to duplicate layers ( #214 )
...
* Add keyboard shortcut to duplicate layers
* Avoid heap allocation in DuplicateSelectedLayers
2021-06-16 11:15:02 +02:00
Keavon Chambers
9c0a23d03f
Add additional keyboard shortcut tooltips
2021-06-13 11:20:48 -07:00
Keavon Chambers
13dd51dbf8
Improve UI behavior at smaller screen sizes so status bar overflows ( #158 )
...
Also includes various CSS flex-related cleanup throughout the UI.
Progress for #150
2021-06-08 00:54:24 -07:00
Keavon Chambers
569af162ae
Add the Dropdown Input widget ( #168 )
...
Fixes #135 .
* Add the Dropdown Input widget
* Fix font loading race condition
2021-06-06 02:17:36 -07:00
Keavon Chambers
3d646d2bc3
Generalize and rename overlays as "floating menus"
...
Progress towards #135 .
2021-05-29 21:55:43 -07:00
TrueDoctor
c0e60a21d3
Export current document as SVG when pressing Ctrl+Shift+S ( #160 )
...
* Export current document when pressing Ctrl+Shift+S
* Use a blob for download
* Add Ctrl + E shortcut, match on lower case
* Don't mount element in DOM
* Polish some keybindings
* Add initialization for MappingEntries
* Implement svg coloring
* Add newline after svg tag
* Add spaces to svg style format
* Fix more svg formatting
* Add space before />
* Remove duplicate whitespace
2021-05-28 20:43:51 +02:00
Chrs Msln
b56dfd746f
Implement color picker for primary/secondary working colors ( #70 )
...
* feat/color-picker: rework
* feat(161) lint
* feat(161) Remove response handlers
* feat(161) fix rgb <-> hsv conversion
* feat(161) inverse swatchs and add checkered bg
* feat(161) remove temporary color assignment
* feat(161) move cursor outside of the box
* feat(161) @Keavon feedbacks
* feat(161) lint
* feat(161) fix opacity-picker color
* feat(161) --saturation-picker-color
2021-05-27 23:59:52 +02:00
Keavon Chambers
cdcddf176b
Move all icon SVG imports to the Icon component
...
This change also removes the need to specify the icon size.
2021-05-27 02:14:32 -07:00
Keavon Chambers
5016fde231
Standardize icon sizes and folder paths ( closes #110 )
2021-05-27 00:14:50 -07:00
Keavon Chambers
34efac990b
Update UI colors and alignment for consistency with the design mockup ( #157 )
...
Closes #111
2021-05-23 19:01:13 -07:00
Keavon Chambers
3b0762ef18
Rename and organize widget components to conform to design terminology ( #132 )
2021-05-21 13:10:32 -07:00
Keavon Chambers
b9248b828c
Complete implementing popover system main features ( #131 )
...
* Make popover buttons open popover menus and add placeholder messages to all of them.
* Implement all directions for drawing, aligning, and edge-clamping popovers.
* Fix popovers so they are drawn outside their parent panel bounds and not clipped.
* Fix popover HTML to avoid nesting it inside a <button> element.
2021-05-21 12:22:30 -07:00
Keavon Chambers
a439b27d2b
Implement popover component and beginnings of color picker ( #128 )
2021-05-17 12:07:54 -07:00
Keavon Chambers
b91c416611
Change default draw color to orange, plus small fixes
2021-05-08 15:16:59 -07:00
TrueDoctor
6adb984f2d
Plumb layer panel ( #107 )
...
* WIP ExpandFolder handling
* Implement response parsing in typescript
* Update layer panel with list sent by wasm
* Add events for layer interaction
* Add proper default naming
* Fix displaying of the eye icon
* Attach path to LayerPanelEntry
* Fix lint issues
Co-authored-by: Keavon Chambers <keavon@keavon.com>
2021-05-07 10:17:46 +02:00
Keavon Chambers
6dc8c91578
Fix CSS extraneous space beneath icons
2021-05-05 22:08:58 -07:00
TrueDoctor
f8ebff033d
Use serde to serialize responses ( #96 )
2021-05-02 22:46:47 +02:00
TrueDoctor
fc10575dfa
Improve rendering efficiency and add caching ( #95 )
...
Fixes #84
*Reduce heap allocations
* Add caching for rendering svgs
* Deduplicate UpdateCanvas Responses
2021-05-02 21:21:39 +02:00
TrueDoctor
8d683a4162
Fix active tool selection ( #92 )
2021-05-02 08:30:51 +02:00
TrueDoctor
f05cb30acb
Add responses in document for layer system ( #91 )
2021-05-02 00:57:47 +02:00
Keavon Chambers
3b32184906
Rename tools: "Sample" to "Eyedropper", "Blur/Sharpen" to "Detail" ( #87 )
2021-04-29 00:50:55 -07:00
Edwin Cheng
e40727e914
Implement Pen Tool ( #79 )
2021-04-23 00:12:24 +08:00
0HyperCube
46c9ef02ca
Add colors in Rust ( #78 )
...
* 🎨 Add colors in Rust
* 🌿 Use an option for the properties and #[repr(C)]
* ❌ Remove WASM dependency on document.
* 😎 Wrap Fill and stroke in a style struct.
* 📦 Use crate::Color
* Merge Add transactions for temporary modifications to the document
* Run cargo fmt
* Color without a 'U'
2021-04-21 22:25:06 +01:00
0HyperCube
90df412aab
Add Shape Tool for drawing polygons ( #75 )
...
* ⬠ Add polygon drawing tool
* 🔤 Minor fix of variable and function names
* ❌ Remove stroke
* ⌨️ Use N key as polygo tool shortcut.
* ⌨️ Now using key Y for polygons.
* ⌨️ The tooltip for the shortcut is fixed
2021-04-17 19:08:44 +01:00
Keavon Chambers
0ca4b9fe7c
Fix web code linting to be portable across environments
2021-04-14 11:44:09 -07:00
Keavon Chambers
57540ed5ef
Set CI environment variable to NODE_ENV=production during linting ( #73 )
2021-04-14 01:27:01 -07:00
Edwin Cheng
f12db377f4
Implement Line tool ( #71 )
...
* Add Line tool
2021-04-13 12:43:05 +08:00
Keavon Chambers
ae824e3976
Add RadioPicker; add view mode picker to document options bar
2021-04-11 01:57:30 -07:00