@yorab/react-paint 0.2.2 → 0.4.1

package/Changelog.md

@@ -1,3 +1,47 @@
+# V.0.4.1
+
+- prevent mounting selection canvas when viewer mode
+- prevent drawing selection when not needed
+- Click on toolbar tool group always enable a tool
+- fix input and select options not being impacted by
+- new reponsive for toolbar
+
+# V.0.4.0
+
+- Add possibility to customize UI from props
+
+# V.0.3.1
+
+- Add prop to change canvas background color
+- Move some props to options
+- fix Picture shape not being saved and not triggering onDataChanged
+- small picture are upscaled to fit container when imported
+- Add prop to choose to display save/load/export
+
+# V.0.3.0 :
+
+- prevent picture from url submit to reload page
+- add gridVisible prop and default to false
+- rename withLayouts to layersManipulation and reduce possible values
+- move every options inside options prop
+- remove ajv and any kind of json validation
+- limit snackbar use on success and always log errors
+- fit size and center uploaded picture
+- Add new viewer mode
+- add borders on bars
+- display shape id in layer panel
+- Export : round values to 2 decimal points
+- Export and import : remove temporary values (id) from stored file
+- Clean unknown shape format from imported data
+- Use ref for onDataChanged prop to avoid rerender if callback changes
+- Calculate container size to resize canvas instead of CSS
+- use requestAnimationFrame to improve perf
+- fix TextEdit position and size not working with canvas resized
+- fix anchors area becoming too small after rezsize
+- add MIT license to project
+- other minor fixes
+- minor design improvements
+
 # V.0.2.2 :
 
 - Migrate to react 18

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Yohann Rabatel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,99 +1,18 @@
-## To regenerate schema :
-
-typescript-json-schema "src/types/Shapes.ts" DrawableShapeJson --out 'src/schemas/drawableShape.json'
-
 # known issues :
 
-## mobile/touch
+## To resolve before beta release
 
-- dnd layout on mobile not working CRITIC (fix : use dnd lib, or add touch listener to fake dnd, or provide alt UI)
-- double click not working with touch CRITIC (fix: fake it countinng delay between touch)
+- Text tool broken since 0.2.2
+- double click not working with touch (fix: fake it counting delay between touch)
 
-## canvas resizing
+## mobile/touch
 
-- TextEdit position and size not working with canvas resized MINOR (fix : apply current canvas ratio to position and font size)
-- anchors become too small MAJOR (possible fix : increase size with current canvas ratio )
+- dnd layout on mobile not working (fix : use dnd lib, or add touch listener to fake dnd, or provide alt UI)
 
 ## other
 
-- TextEdit cursor overflow MINOR (quick fix : edit on modale)
+- TextEdit cursor overflow MINOR (quick fix : edit on modale ?)
+- TextEdit copy/paste containing html breaks display
 - circle resizing only goes one direction
-
-# Remarques de thomas :
-
-## done
-
-- les options (épaisseurs, style de trait...) ont une UI très peu utilisable (on sait pas quel option fait quoi et comment, on teste au pif)
-  l'option de changement de couleur :
-  ne s'applique qu'à la validation, c'est pas top pour savoir quelle couleur on veut parce qu'on est obligé de validé, voir que c'est pas beau, rouvrir... et ainsi de suite
-- a un petit bug : j'ouvre la modale de sélection, je clique à côté (ça unselect la forme), je change la couleur et valide : il ne se passe rien. Je comprends la logique derrière, mais à l'usage ça n'a pas trop de sens
-- pas de possibilité de setter l'opacité des objets, dommage je pense qu'il y a une vraie utilité à ça
-- croix qui efface le canvas
-  il faut une confirmation ! :D
-
-## remaining
-
-- pas de possibilité de sélectionner plusieurs objets avec un press/trace une zone avec la souris/relache (mécanique assez courante quand il y a de la manipulation d'objets)
-- pas de possibilité de zoom/dezoom dans le canvas, et ça c'est super utile amha
-
-### pinceau
-
-- certains outils lisse le trait une fois que tu valides le tracé, et ça donne un rendu plus naturel et propre que ce qu'on trace au pad/souris. Du nice to have loin d'être prioritaire
-- avoir plusieurs style de pinceau (mode surligneur par exemple). ca serait utile sur des exo et techniquement c'est peut-être juste des preset de taille/couleur/opacité de l'outil actuel
-- je ne sais pas pourquoi, mais il a l'air moins fluide/smooth au tracé que marker.js (peut-être une illusion)
-
-### trait
-
-- j'ai été surpris que ça me trace la "forme" dans un rectangle plutôt que d'avoir juste les 2 points sélectionnés (sans le cadre autour quoi)
-
-### polygone
-
-- démarrer avec un polygone à 2 côté, c'est pas possible ça :sourire:
-  quand on change le nombre de côté ça reste un truc plat et ensuite on tire des points :
-  c'est pas du tout évident
-  ça donne des formes qui ne sont pas des polygones (genre un noeuf papillon)
-  idéalement, il faudrait démarrer avec un pentagone parfait -5 côtés de même longueur- (en dessous se sont des polygones trop communs) et quand on change le nombre de côté ça reset la forme sur un polygone parfait de X côtés
-
-### Texte
-
-- options trop limitée, il faudrait à minima pouvoir changer la taille de la police, choisir plus de police, et faire un peu de mise en forme (i, b, u)
-
-## bof
-
-- avoir les options dans un tooltip-like, au dessus de la forme, serait merveilleux (comme sur Miro, ou comme sur nos manuels avec la barre de mise en forme de texte)
-- rectangle: pas de carré avec maj, snif
-  une option de la forme pour bloqué le ratio en "carré" ?
-- cercle/elipse
-  redondant, la diff des outils me parait too much et pas clair
-  bloqué en ratio cercle avec maj ou une option de forme (cf rectangle/carré) ?
-
-# En prévision / Future MAJ
-
-- fix text
-
-- Migrer sous Vite +
-
-- configurer npm publish
-
-- possibility to have presets
-- possibility to provide presets in props
-- add presets
-
-- add more settings
-- settings ui
-- add settings customization
-
-# A prévoir
-
-- ladle (wait for windows support https://github.com/tajo/ladle/issues/67)
-- get rid of enum for better typescript
-- add shortcuts (for tools) and show it in titles
-- Menu contextuel au clic droit (changement de plan, supprimer, duplicate, copy, lock)
-- bordure des traits à revoir
-- améliorer perfs avec précalculs + usage de path
-- lissage de traits
-- Move + zoom functionnality
-- UI customization
-- Tests !
-- fix remaining issues
-- fullscreen mode ?
+- New text component opacity range is dancing
+- adding padding to selection result in wrong intersection calculs