Help dialog: libraries+licenses from package.json

Author: simon04

index.html

@@ -360,32 +360,7 @@ <h4 class="t" data-t="help.attr.software"></h4>
                 </li>
                 <li>
                   <span class="t" data-t="help.attr.other_libs"></span>
-                  <a href="https://github.com/tyrasd/osmtogeojson"
-                    >osmtogeojson</a
-                  >, <a href="https://github.com/tyrasd/togpx">togpx</a>,
-                  <a href="https://github.com/mapbox/tokml">tokml</a>,
-                  <a href="http://lodash.com">lodash</a>,
-                  <a href="http://jquery.com/">jQuery</a>,
-                  <a href="http://jqueryui.com/">jQuery UI</a>,
-                  <a href="http://html2canvas.hertzen.com/">html2canvas</a>,
-                  <a href="http://code.google.com/p/canvg/">canvg</a>,
-                  <a href="https://github.com/kajic/leaflet-locationfilter">
-                    leaflet-locationfilter
-                  </a>
-                  ,
-                  <a href="https://github.com/bbecquet/Leaflet.PolylineOffset">
-                    leaflet.PolylineOffset
-                  </a>
-                  , <a href="http://mapbox.com/maki/">maki</a>,
-                  <a href="http://www.sjjb.co.uk/mapicons/">SJJB map icons</a>,
-                  <a href="https://github.com/nebulon42/osmic/">Osmic</a>,
-                  <a href="https://github.com/eligrey/FileSaver.js"
-                    >FileSaver.js</a
-                  >,
-                  <a href="https://github.com/MapBBCode/mapbbcode">MapBBCode</a
-                  >,
-                  <a href="https://github.com/mapbox/polylabel">polylabel</a>,
-                  <a href="https://github.com/osmlab/osm-auth">osm-auth</a>
+                  <span id="overpass-turbo-dependencies"></span>
                 </li>
               </ul>
             </div>

js/ide.js

@@ -245,6 +245,9 @@ var ide = new (function () {
     $("#overpass-turbo-version").html(
       "overpass-turbo <code>" + GIT_VERSION + "</code>" // eslint-disable-line no-undef
     );
+    $("#overpass-turbo-dependencies").html(
+      APP_DEPENDENCIES // eslint-disable-line no-undef
+    );
     // (very raw) compatibility check <- TODO: put this into its own function
     if (
       jQuery.support.cors != true ||

vite.config.ts

@@ -3,6 +3,7 @@ import {defineConfig} from "vite";
 import inject from "@rollup/plugin-inject";
 import pegjs from "rollup-plugin-pegjs";
 
+import {readFileSync} from "fs";
 import {resolve} from "path";
 import {execSync} from "child_process";
 
@@ -12,6 +13,25 @@ const GIT_VERSION = JSON.stringify(
     execSync("git describe --always", {encoding: "utf-8"}).trim()
 );
 
+const dependencies = JSON.parse(
+  readFileSync("package.json", {encoding: "utf-8"})
+)["dependencies"];
+const APP_DEPENDENCIES = JSON.stringify(
+  Object.keys(dependencies)
+    .map((dependency) =>
+      JSON.parse(
+        readFileSync(`node_modules/${dependency}/package.json`, {
+          encoding: "utf8"
+        })
+      )
+    )
+    .map(
+      ({name, version, license}) =>
+        `<a href="https://www.npmjs.com/package/${name}/v/${version}">${name}</a> ${version} (${license})`
+    )
+    .join(", ")
+);
+
 // https://vitejs.dev/config/
 export default defineConfig(() => {
   return {
@@ -26,6 +46,7 @@ export default defineConfig(() => {
       }
     },
     define: {
+      APP_DEPENDENCIES,
       GIT_VERSION
     },
     plugins: [