merge: from master

Author: peterpeterparker

.github/workflows/backup.yml

@@ -0,0 +1,21 @@
+name: Backup Firestore
+
+on:
+  schedule:
+    - cron: "0 0 * * *"
+
+env:
+  PROJECT_ID: deckdeckgo-studio-prod
+  BUCKET: gs://deckdeckgo-studio-backup
+
+jobs:
+  backup:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: google-github-actions/setup-gcloud@master
+        with:
+          service_account_key: ${{ secrets.FIRESTORE_BACKUP_TOKEN }}
+          export_default_credentials: true
+      - run: gcloud info
+      - run: gcloud config set project $PROJECT_ID
+      - run: gcloud firestore export $BUCKET

webcomponents/markdown/src/components/workers/utils/markdown-img.utils.ts

@@ -1,25 +1,11 @@
 import marked from 'marked';
 
-// Source: https://github.com/markedjs/marked/issues/339
-// ![](https://www.nmattia.com/images/autoupdate-notifications.jpg "=100px,20px")
-// ![](https://www.nmattia.com/images/autoupdate-notifications.jpg "=100px")
-// ![](https://www.nmattia.com/images/autoupdate-notifications.jpg)
-
+// Original source: https://github.com/markedjs/marked/issues/339
+// our version:
+// ![](https://www.nmattia.com/images/autoupdate-notifications.jpg "width:100px,height:20px")
 export function changeImgCreation(renderer: marked.Renderer) {
   renderer.image = (src: string | null, title: string | null, alt: string) => {
-    const exec = /=\s*(\d*(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%))\s*,*\s*(\d*(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%))*\s*$/.exec(title);
-
-    let style: string = '';
-    if (exec) {
-      if (exec[1]) {
-        style += `--deckgo-lazy-img-width: ${exec[1].replace(',', '')};`;
-      }
-
-      if (exec[2]) {
-        style += `--deckgo-lazy-img-height: ${exec[2].replace(',', '')};`;
-      }
-    }
-
+    const style: string = checkForWidthAndHeight(title);
     return `<deckgo-lazy-img img-src="${sanitize(src)}" img-alt="${sanitize(alt)}" style="${style}"></deckgo-lazy-img>`;
   };
 }
@@ -31,3 +17,22 @@ function sanitize(str: string) {
     return '&quot;';
   });
 }
+
+function checkForWidthAndHeight(title): string {
+  const isWidthSet: RegExpExecArray | null = /width:\d+(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%)/.exec(title);
+  const isHeightSet: RegExpExecArray | null = /height:\d+(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%)/.exec(title);
+
+  let style: string = '';
+
+  if (isWidthSet) {
+    const width = /\d+(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%)/.exec(isWidthSet[0])[0];
+    style += `--deckgo-lazy-img-width: ${width};`;
+  }
+
+  if (isHeightSet) {
+    const height = /\d+(?:px|em|ex|ch|rem|vw|vh|vmin|vmax|%)/.exec(isHeightSet[0])[0];
+    style += `--deckgo-lazy-img-height: ${height};`;
+  }
+
+  return style;
+}

webcomponents/markdown/src/index.html

@@ -33,8 +33,8 @@ <h1>Editable:</h1>
 <br/>
 [Link](https://deckdeckgo.com/)
 <br/>
-![](https://www.nmattia.com/images/autoupdate-notifications.jpg "=100px,20px")
-![](https://www.nmattia.com/images/autoupdate-notifications.jpg "=100px")
+![](https://www.nmattia.com/images/autoupdate-notifications.jpg "width:100px,height:20px")
+![](https://www.nmattia.com/images/autoupdate-notifications.jpg "width:30px")
 ![](https://www.nmattia.com/images/autoupdate-notifications.jpg)
 <br/>
 This is basic paragraph with some **bold text** and also some *italic text*.