Convert Markdown img script to html script on build

Author: PoojaB26

package.json

@@ -4,8 +4,8 @@
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
-    "start": "node scripts/snippet-inclusion.js && docusaurus start",
-    "build": "node scripts/snippet-inclusion.js && docusaurus build",
+    "start": "node scripts/convertImages.js && docusaurus start",
+    "build": "node scripts/convertImages.js && docusaurus build",
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy",
     "clear": "docusaurus clear",
@@ -46,5 +46,5 @@
   "engines": {
     "node": ">=18.0"
   },
-  "description": "Docusaurus example project (classic-typescript template)"
+  "description": "FlutterFlow Documentation"
 }

scripts/convertImages.js

@@ -0,0 +1,21 @@
+const fs = require('fs');
+const path = require('path');
+const glob = require('glob');
+
+const markdownImageRegex = /!\[(.*?)\]\((.*?)\)/g;
+
+function convertImageSyntax(filePath) {
+    let content = fs.readFileSync(filePath, 'utf8');
+    content = content.replace(markdownImageRegex, (match, alt, src) => {
+        return `<img src="${src}" alt="${alt}" class="small-image"  />`; // Customize this string as needed
+    });
+    fs.writeFileSync(filePath, content, 'utf8');
+}
+
+glob("docs/**/*.md", (err, files) => {
+    if (err) throw err;
+    files.forEach(file => {
+        convertImageSyntax(file);
+    });
+    console.log('Conversion complete.');
+});

src/css/custom.css

@@ -28,3 +28,8 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.small-image {
+  width: 400px;
+  height: auto;
+}