feat(open graph support for plugins)

Ajit Kumar · Ajit Kumar · commit c008e10d9725 · 2025-02-23T02:57:19.000+05:30
diff --git a/.vscode/server.crt b/.vscode/server.crt
diff --git a/.vscode/server.key b/.vscode/server.key
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -71,5 +71,8 @@
     "smali",
     "smtppro",
     "zenburn"
-  ]
+  ],
+  "[handlebars]": {
+    "editor.defaultFormatter": "vscode.html-language-features"
+  }
 }
diff --git a/client/pages/publishPlugin/index.js b/client/pages/publishPlugin/index.js
@@ -6,6 +6,7 @@ import {
 import AjaxForm from 'components/ajaxForm';
 import Router from 'lib/Router';
 import Ref from 'html-tag-js/ref';
+import alert from 'components/dialogs/alert';
 
 export default async function PublishPlugin({ mode = 'publish', id }) {
   const user = await getLoggedInUser();
@@ -107,7 +108,7 @@ export default async function PublishPlugin({ mode = 'publish', id }) {
       return;
     }
 
-    successText.value = 'Plugin published successfully.';
+    alert('Success', 'Plugin published successfully.');
     Router.loadUrl(`/plugin/${pluginId.value}`);
   }
 
diff --git a/dev/config.js b/dev/config.js
diff --git a/dev/handlebars-loader.js b/dev/handlebars-loader.js
@@ -0,0 +1,12 @@
+import Handlebars from 'handlebars';
+
+export default (source) => {
+  const template = Handlebars.precompile(source, {
+    destName: 'index.html',
+    knownHelpers: ['if'],
+  });
+  return `
+  import Handlebars from 'handlebars/runtime';
+  export default Handlebars.template(${template});
+  `;
+};
diff --git a/dev/start-dev.js b/dev/start-dev.js
@@ -2,7 +2,7 @@
 const { exec } = require('child_process');
 
 const inspect = process.argv.includes('--inspect');
-const configProcess = exec('node ./tools/config.js d', processHandler);
+const configProcess = exec('node ./dev/config.js d', processHandler);
 configProcess.on('exit', build);
 
 function build(watch) {
diff --git a/package.json b/package.json
@@ -33,7 +33,7 @@
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.11",
     "url-loader": "^4.1.1",
-    "webpack": "5.97.1",
+    "webpack": "5.98.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "6.0.1"
   },
@@ -50,17 +50,19 @@
     "express-fileupload": "^1.5.1",
     "github-buttons": "^2.29.1",
     "googleapis": "^144.0.0",
+    "handlebars": "^4.7.8",
     "html-tag-js": "^1.8.2",
     "jszip": "^3.10.1",
+    "markdown-to-txt": "^2.0.1",
     "marked": "^15.0.6",
     "moment": "^2.30.1",
     "nodemailer": "^6.10.0",
     "sqlite3": "^5.1.7"
   },
   "scripts": {
-    "config-build": "node ./tools/config",
+    "config-build": "node ./dev/config",
     "build-release": "yarn config-build p && webpack --mode production",
-    "start-dev": "node ./tools/start-dev",
+    "start-dev": "node ./dev/start-dev",
     "upgrade-meta": "node ./server/upgradeMeta",
     "download": "node ./server/reportsCli",
     "start": "node ./server/main"
diff --git a/server/defaultOg.json b/server/defaultOg.json
@@ -0,0 +1,8 @@
+{
+  "title": "Acode - powerful code editor",
+  "description": "Acode is a code editor for android. It is a full featured code editor with syntax highlighting, code completion, snippets, code refactoring, code analysis, and much more.",
+  "icon": "og-image.png",
+  "url": "path",
+  "icon_alt": "Acode logo",
+  "site_name": "Acode"
+}
diff --git a/server/index.hbs b/server/index.hbs
@@ -0,0 +1,51 @@
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <script src="/main.min.js"></script>
+  <script chatbot_id="6620db2dde66b9a82e9ff3f9" src="https://app.thinkstack.ai/bot/thinkstackai-loader.min.js"></script>
+  <link rel="stylesheet" href="/main.css" />
+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+  <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+  <link rel="icon" href="/favicon-16x16.png" type="image/png" />
+  <link rel="manifest" href="/manifest.json" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" type="image/png" />
+  <title>Acode - Code editor for android</title>
+
+  <!-- og meta tags -->
+  <meta property="og:title" content="{{title}}" />
+  <meta property="og:description" content="{{description}}" />
+  <meta property="og:image" content="https://acode.app/{{icon}}" />
+  <meta property="og:image:width" content="400" />
+  <meta property="og:image:height" content="200" />
+  <meta property="og:image:alt" content="{{icon_alt}}" />
+  <meta property="og:url" content="https://acode.app/{{path}}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:site_name" content="{{site_name}}" />
+  <meta property="og:locale" content="en_US" />
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YX6J9WVCDP"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'G-YX6J9WVCDP');
+  </script>
+  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5911839694379275"
+    crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/highlight.min.js"></script>
+</head>
+
+<body>
+  <noscript>Please enable javascript to view this page.</noscript>
+  <div id="app"></div>
+</body>
+
+</html>
diff --git a/server/index.html b/server/index.html
diff --git a/server/main.js b/server/main.js
@@ -5,6 +5,10 @@ const path = require('path');
 const express = require('express');
 const cookieParser = require('cookie-parser');
 const fileUpload = require('express-fileupload');
+const Handlebars = require('handlebars');
+const markdownToText = require('markdown-to-txt');
+const defaultOg = require('./defaultOg.json');
+const Plugin = require('./entities/plugin');
 
 const apis = require('./routes/apis');
 const setAuth = require('./gapis');
@@ -94,7 +98,38 @@ async function main() {
     res.status(404).send({ error: 'Plugin not found' });
   });
 
+  app.get('/plugin/:id', async (req, res, next) => {
+    try {
+      const [plugin] = await Plugin.get([Plugin.ID, req.params.id]);
+      if (!plugin) {
+        next();
+        return;
+      }
+
+      const template = path.resolve(__dirname, './index.hbs');
+      const source = fs.readFileSync(template, 'utf8');
+      const templateScript = Handlebars.compile(source);
+
+      res.header('Content-Type', 'text/html;charset=utf-8');
+      res.send(templateScript({
+        title: `${plugin.name} - Acode`,
+        description: markdownToText.default(plugin.description),
+        icon: `plugin-icon/${plugin.id}`,
+        url: `plugin/${plugin.id}`,
+        icon_alt: `${plugin.name} icon`,
+        site_name: `Acode - ${plugin.name}`,
+      }));
+    } catch (error) {
+      next();
+    }
+  });
+
   app.get('*', (req, res) => {
-    res.sendFile(path.resolve(__dirname, './index.html'));
+    const template = path.resolve(__dirname, './index.hbs');
+    const source = fs.readFileSync(template, 'utf8');
+    const templateScript = Handlebars.compile(source);
+
+    res.header('Content-Type', 'text/html;charset=utf-8');
+    res.send(templateScript(defaultOg));
   });
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -49,7 +49,7 @@ module.exports = (env, options) => {
 
   const rules = [
     {
-      test: /\.(hbs|md)$/,
+      test: /\.md$/,
       use: ['raw-loader'],
     },
     {
@@ -60,6 +60,10 @@ module.exports = (env, options) => {
         'sass-loader',
       ],
     },
+    {
+      test: /\.hbs$/,
+      use: ['./dev/handlebars-loader.js'],
+    },
     {
       test: /\.jsx?$/,
       exclude: /(node_modules)/,
diff --git a/yarn.lock b/yarn.lock
@@ -3624,6 +3624,18 @@ gzip-size@^6.0.0:
   dependencies:
     duplexer "^0.1.2"
 
+handlebars@^4.7.8:
+  version "4.7.8"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
+  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.2"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
 has-ansi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
@@ -4708,7 +4720,7 @@ minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.6:
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -6134,7 +6146,7 @@ source-map@^0.5.6, source-map@^0.5.7:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
-source-map@^0.6.0:
+source-map@^0.6.0, source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -6574,6 +6586,11 @@ typed-array-length@^1.0.7:
     possible-typed-array-names "^1.0.0"
     reflect.getprototypeof "^1.0.6"
 
+uglify-js@^3.1.4:
+  version "3.19.3"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.19.3.tgz#82315e9bbc6f2b25888858acd1fff8441035b77f"
+  integrity sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==
+
 unbox-primitive@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
@@ -6917,6 +6934,11 @@ word-wrap@^1.2.5:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
+wordwrap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ import {`
`6`	`6`	`import AjaxForm from 'components/ajaxForm';`
`7`	`7`	`import Router from 'lib/Router';`
`8`	`8`	`import Ref from 'html-tag-js/ref';`
	`9`	`+import alert from 'components/dialogs/alert';`
`9`	`10`
`10`	`11`	`export default async function PublishPlugin({ mode = 'publish', id }) {`
`11`	`12`	`const user = await getLoggedInUser();`
`@@ -107,7 +108,7 @@ export default async function PublishPlugin({ mode = 'publish', id }) {`
`107`	`108`	`return;`
`108`	`109`	`}`
`109`	`110`
`110`		`- successText.value = 'Plugin published successfully.';`
	`111`	`+ alert('Success', 'Plugin published successfully.');`
`111`	`112`	Router.loadUrl(`/plugin/${pluginId.value}`);
`112`	`113`	`}`
`113`	`114`