Commit Graph
66 Commits
Author SHA1 Message Date
Keavon Chambers 60cf084684 Separate Graphite header logo from menu bar 2021-06-25 00:38:32 -07:00
Keavon Chambers ce98060cc4 Add "Guide Mode" to viewport mode selector dropdown 2021-06-23 23:10:48 -07:00
akshay1992kalbhorandKeavon Chambers 0b0873262c Add support for closing document tabs (#215)
* Can only remove last document successfully

* Correctly update the layer tree panel

* Remove comments

* Add support for randomly closing docs

* Create new doc after closing last doc

* Update layer panel when creating new docs

* Fix bug that crashed the program when first doc was closed

* Refactor to make code simpler and increase readability

* Add shortcut to close active doc (Shift + C)

* Add a confirmation dialog box before closing tabs

* New docs get the correct title

* Remove comments and fix typos

* Disable 'eslint-no-alert'

* Refactor and fix document title bug

* Rename the FrontendMessage and ReponseType for showing close confirmation modal

* Change the message displayed in the close confirmation modal

Co-authored-by: Keavon Chambers <keavon@keavon.com>
2021-06-22 01:58:02 -07:00
Keavon Chambers 8a56d6cf46 Reduce the greediness of keyboard input redirection
Part of #124
2021-06-20 02:06:40 -07:00
Till Arnold 322526b983 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
George Atkinson f6b7708a8f Multi-document management (create new document; tab switching) (#210)
* Multi-docs WIP

* Change to number

* Add new document and switch documents

* Remove keybind for previous document. Change keybind for next document.

* Switch documents by clicking tabs

* Remove keybind for previous document. Change keybind for next document.

* multi-docs

* Update package-lock.json

* Hook up File>New to add new document

* Remove console logs and empty lines. Start new documents from 2 instead of 1.

* Fix formatting
2021-06-13 20:24:09 -07:00
Keavon Chambers 741a712972 Fix Layer Tree panel CSS to allow scrolling (#208) 2021-06-13 12:29:50 -07:00
Keavon Chambers ca712813c3 Add additional keyboard shortcut tooltips 2021-06-13 11:20:48 -07:00
Keavon Chambers f53c907c03 Change default document title to "Untitled Document" 2021-06-13 01:46:18 -07:00
akshay1992kalbhor e867f4d7fc Frontend fixed to render changes to working colors when changed from backend (#180)
* Backend and Frontend modification to show working color mods

* Remove comments & change precedence for tool and doc actions

* Add keybind for resetting work colors

* Minor Frontend changes
2021-06-12 09:00:31 -07:00
TrueDoctor 0e488d99ff Delete selected layers (#173)
* Delete Layers
* Fix backend selection
* Fix shift selection
* Add desired shape add selection behavior
* Add X and Backspace as keybinds for layer deletion
* Change key storage to u128
* Remove unhelpful trace logging
* Reverse display direction for layers
2021-06-10 09:24:59 +02:00
akshay1992kalbhorandDennis Kobert 981f138812 Layer selection (#166)
* Change arg to IconButton component

* Add basic layer selection mechanism

* Clean up print statements and add some comments

* Simplified the layer selection mechanism

* Remove redundant rule for 'no-param-reassign'

* Clean up frontend and and plumb selection flow to backend

* Update eslintrc

Co-authored-by: Dennis Kobert <dennis@kobert.dev>
2021-06-09 20:40:51 +02:00
Keavon Chambers a3b679e64d 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 91303459a9 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 eae2d70e93 Implement "Export" entry in File menu; add Copy/Paste icons in Edit menu 2021-06-01 19:49:04 -07:00
Keavon Chambers ad9feda054 Implement menu bar floating list menus (#163)
Progress towards #135
2021-05-31 11:51:32 -07:00
Keavon Chambers 83984700bf Generalize and rename overlays as "floating menus"
Progress towards #135.
2021-05-29 21:55:43 -07:00
TrueDoctor eb48fbd180 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
Keavon Chambers 6331325ae0 Minor CSS custom property rename for accuracy 2021-05-27 15:03:49 -07:00
Chrs Msln f3a23cb3ec 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 14:59:52 -07:00
Keavon Chambers c2314df8d5 Fix layer visibility icons incorrectly referenced in previous cleanup commit. 2021-05-27 09:26:38 -07:00
Keavon Chambers c205fec0d4 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 313a1dfc65 Standardize icon sizes and folder paths (closes #110) 2021-05-27 00:14:50 -07:00
Keavon Chambers 3fba54fad1 Fix popover positioning regression 2021-05-25 21:49:43 -07:00
Keavon Chambers d7478f5890 Update UI colors and alignment for consistency with the design mockup (#157)
Closes #111
2021-05-23 19:01:13 -07:00
Keavon Chambers c97cb9905c Rename and organize widget components to conform to design terminology (#132) 2021-05-21 13:10:32 -07:00
Keavon Chambers c8eea1e4b1 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 4ed093bb4b Popovers now close when clicked out or mouse strays 100px outside bounds (#129) 2021-05-19 01:02:58 -07:00
Keavon Chambers b20addaaaf Implement popover component and beginnings of color picker (#128) 2021-05-17 12:07:54 -07:00
Keavon Chambers 94485fe6cb Rename Panel Area -> Workspace and Dockable Panel -> Workspace Panel 2021-05-16 18:15:04 -07:00
Keavon Chambers 7fc6eddb1a Rename Footer Bar -> Status Bar 2021-05-16 18:04:26 -07:00
Keavon Chambers 1419f3bc6b Refactor type handling for response handler to fix dangerous casting (#126) 2021-05-15 01:02:33 -07:00
Keavon Chambers 722c777ba6 Change default draw color to orange, plus small fixes 2021-05-08 15:17:31 -07:00
Keavon Chambers 7ec0558cbd Plumb frontend for layer visibility toggle 2021-05-07 16:57:45 -07:00
TrueDoctorandKeavon Chambers 437251f90e 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:41:38 -07:00
Keavon Chambers 67abeadf32 Styling improvements to layers 2021-05-07 02:47:38 -07:00
Keavon Chambers 0ebd127333 Replace placeholder with eye icons for layers 2021-05-07 02:47:38 -07:00
Keavon Chambers e448f908e3 Fix CSS extraneous space beneath icons 2021-05-07 02:47:38 -07:00
Keavon Chambers 76eb944233 Add basic HTML for layers in the layer panel (#97) 2021-05-07 02:47:38 -07:00
TrueDoctor 721a442b75 Use serde to serialize responses (#96) 2021-05-07 02:47:38 -07:00
TrueDoctor cb9d34c84d Improve rendering efficiency and add caching (#95)
Fixes #84

*Reduce heap allocations
* Add caching for rendering svgs
* Deduplicate UpdateCanvas Responses
2021-05-07 02:47:38 -07:00
TrueDoctor c540d781e1 Fix active tool selection (#92) 2021-05-07 02:47:38 -07:00
TrueDoctor 3ab5f6b7ef Add responses in document for layer system (#91) 2021-05-07 02:47:38 -07:00
Keavon Chambers 825e6954df Rename tools: "Sample" to "Eyedropper", "Blur/Sharpen" to "Detail" (#87) 2021-05-07 02:47:38 -07:00
Keavon Chambers 46eb6b46ec Design tweaks to frontend components 2021-05-07 02:47:37 -07:00
Edwin Cheng 5991181f91 Implement Pen Tool (#79) 2021-05-07 02:47:37 -07:00
0HyperCube c04a0227f1 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-05-07 02:47:34 -07:00
0HyperCube b30e9ce3ba 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 11:08:44 -07:00
Keavon Chambers c94c2b3373 Fix web code linting to be portable across environments 2021-04-14 13:22:43 -07:00
Keavon Chambers fcc4c1874b Set CI environment variable to NODE_ENV=production during linting (#73) 2021-04-14 01:27:01 -07:00