More firm textbox on canvas (#10)

Author: manhtai

README.md

@@ -46,7 +46,7 @@ We believe in a transparent and fair world, so we open-source the app and
 you get a trial version for your personal use, but if you find the app helpful,
 please make a purchase.
 
-Purchase page: https://gum.co/plainmerge
+Purchase page: https://gum.co/plainmerge (Accept Debit/Credit cards and PayPal)
 
 ---
 

src/components/email/Config.tsx

@@ -194,7 +194,10 @@ const Config = () => {
       </section>
 
       <section className="space-y-2 opacity-30">
-        <h3 className="font-bold leading-8">Gmail SMTP example:</h3>
+        <h3 className="font-bold leading-8">
+          Gmail SMTP example:{' '}
+          <small className="font-normal">(Some limitations may apply)</small>
+        </h3>
         <div className="flex">
           <p className="w-32">Host:</p>
           <p className="font-medium">smtp.gmail.com</p>

src/components/fabric/editor.ts

@@ -10,9 +10,12 @@ const TextOptions: ITextboxOptions = {
   fontFamily: 'Helvetica',
   fill: '#000000',
   width: 100,
+  lockScalingY: true,
   lockSkewingX: true,
-  lockRotation: true,
   lockSkewingY: true,
+  lockRotation: true,
+  lockScalingFlip: true,
+  lockUniScaling: true,
   editable: false,
   originX: 'left',
   originY: 'top',
@@ -97,14 +100,6 @@ const useFabricJSEditor = () => {
       canva.on('selection:updated', (e: any) => {
         setSelectedObject(e.selected[0]);
       });
-      canva.on('object:scaling', (e: any) => {
-        const obj = e.target;
-        const h = obj.height * obj.scaleY;
-        obj.set({
-          height: h,
-          scaleY: 1,
-        });
-      });
     };
 
     if (canvas) {

src/package.json

@@ -1,7 +1,7 @@
 {
   "name": "plainmerge",
   "productName": "PlainMerge",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Offline PDF mail merger",
   "main": "./main.prod.js",
   "author": {