appscms-tools-theme 2.2.1 → 2.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a214d95b3e1cd03e4f5b23f10e7dfdab5c037a8954a8d5384a464ba85f14567c
-  data.tar.gz: 1c87ad2ef5e1748d734910383417fb3cc189874b3935b4a84b69913dbec2dec4
+  metadata.gz: 8337ee4d86c64f07bcbb01b8f67b2e49920db129fcb73fce0a590d90d8ce89a2
+  data.tar.gz: 81cdabf90a71f3bf587c30278c22af25b034a2ba1343ec3a5cc74358e5a53bfb
 SHA512:
-  metadata.gz: c8f4e52b5ef4e4368ff273c1476e8a6d923fffdad6fa5b3c521088e6d5d9c455a527a3d4068ea5413014437895971fbf33d7aa9dd1e0b544d0e459cd8753e2c4
-  data.tar.gz: c6068ad6242f047d7525f88f28086986ef2214965d232aa17695c0fb4d9e1c42a94c87c746528de3fca96f22be54fe59ab030c5ede1e8671b7140b561d7a7904
+  metadata.gz: 04b33c08f8681f6fa69d31117fc506fccef84156ef701e9b9ba45dd5747e9e9db32fcf4cfb073153723628188f0b94cb5dc3a9b6c6b28fb2c9ce3830b7001508
+  data.tar.gz: 2d5d3db6f3be79f5970f6b64fe542dbec3cac597673c5abceba86ccfa807199744edd234198916822e582166b34aa3479bacd7b8ce8f410597f94fa7634477bc

data/_includes/custom-head.html

@@ -71,6 +71,62 @@
     endif -%} />
 
   {%- include google-analytics.html -%}
-  {%- include monumetric/monumetric.html -%}
+  {% if jekyll.environment == 'production' and site.monumetricId %}
+  <script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+      window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+      runScripts();
+      clearTimeout(autoLoadTimeout);
+      eventList.forEach(function (event) {
+        window.removeEventListener(event, triggerScripts, { passive: true });
+      });
+    }
+
+    function runScripts() {
+      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+      });
+    }
+  </script>
+  <script type="text/javascript" defer delay="{{site.monumetricId}}" crossorigin="anonymous"
+    data-cfasync="false"></script>
+  {% endif %}
+
+  {% if jekyll.environment == 'development' and site.monumetricId %}
+  <script>
+    const autoLoadDuration = 5; //In Seconds
+    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
+
+    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
+
+    eventList.forEach(function (event) {
+      window.addEventListener(event, triggerScripts, { passive: true })
+    });
+
+    function triggerScripts() {
+      runScripts();
+      clearTimeout(autoLoadTimeout);
+      eventList.forEach(function (event) {
+        window.removeEventListener(event, triggerScripts, { passive: true });
+      });
+    }
+
+    function runScripts() {
+      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
+        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
+      });
+    }
+  </script>
+  <script type="text/javascript" delay="{{site.monumetricId}}" crossorigin="anonymous"></script>
+
+  {% endif %}
 </head>
 {{ seo_description }}

data/assets/js/frame.js

@@ -53,7 +53,6 @@ form.addEventListener('submit', (e) => {
   drawImage()
 })
 const drawInputImage = (ctx, item, indexValue, canvas, image) => {
-  console.log(ctx)
   return new Promise((resolve, reject) => {
     let image = document.createElement('img')
     image.src = files[indexValue]
@@ -72,13 +71,13 @@ const drawInputImage = (ctx, item, indexValue, canvas, image) => {
       )
 
       if (item.rotate) {
-        drawRotated(item.rotate, ctx, canvas, image)
+        drawRotated(item.rotate, ctx, canvas, image, item)
       }
       resolve()
     }
   })
 }
-const drawRotated = (degrees, ctx, canvas, image) => {
+const drawRotated = (degrees, ctx, canvas, image, item) => {
   console.log(image)
   ctx.clearRect(0, 0, canvas.width, canvas.height)
 
@@ -87,7 +86,7 @@ const drawRotated = (degrees, ctx, canvas, image) => {
   ctx.save()
 
   // move to the center of the canvas
-  // ctx.translate(canvas.width / 2, canvas.height / 2)
+  ctx.translate(item.x, item.y)
 
   // rotate the canvas to the specified degrees
   ctx.rotate((degrees * Math.PI) / 180)
@@ -129,6 +128,8 @@ const drawImage = () => {
             if (item.shadowColor) {
               ctx.shadowColor = `${item.shadowColor}`
             }
+            console.log(item)
+            console.log((item.rotate * Math.PI) / 180)
             if (item.rotate) {
               ctx.rotate((item.rotate * Math.PI) / 180)
             }
@@ -141,12 +142,15 @@ const drawImage = () => {
             if (item.shadowBlur) {
               ctx.shadowBlur = 2
             }
+            ctx.textAlign = 'center'
             ctx.fillStyle = `${item.color}`
+            ctx.save()
             ctx.fillText(
               document.querySelector(`#${item.id}`).value,
               item.x,
               item.y
             )
+            ctx.restore()
           })
         }
         if (item.type === 'rectangle') {
@@ -235,3 +239,13 @@ download.addEventListener('click', () => {
     window.location.href = `/${lang}/download?tool=${pageTool}`
   }
 })
+
+//
+// fonts
+// font rotation
+// font position
+// font transform
+
+//images
+//image rotation
+// image rectangle with text

data/assets/js/photo-effects.json

@@ -18,8 +18,8 @@
                 "id": "text-1",
                 "type": "text",
                 "x": "100",
+                "rotate": 0,
                 "y": "100",
-                "rotate": 10,
                 "color": "red",
                 "fontFamily": "Calligraphy",
                 "fontPath": "/assets/fonts/Calligraphy.ttf",
@@ -39,16 +39,17 @@
                 "id": "file-3"
             },
             {
-                "id": "text-2",
                 "label": "",
+                "id": "text-2",
                 "type": "text",
-                "x": 100,
-                "y": 100,
+                "x": "200",
+                "y": "200",
+                "rotate": 40,
                 "color": "red",
                 "fontFamily": "Calligraphy",
                 "fontPath": "/assets/fonts/Calligraphy.ttf",
                 "fontWeight": "bold",
-                "fontSize": 0
+                "fontSize": 50
             }
         ]
     }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.2.1
+  version: 2.2.2
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-13 00:00:00.000000000 Z
+date: 2022-08-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll