✨ Integrate plugin runtime as npm library (#6852)

frontend/scripts/_helpers.js

@@ -440,17 +440,11 @@ async function generateTemplates() {
     "../public/images/sprites/assets.svg": assetsSprite,
   };
 
-  const pluginRuntimeUri =
-    process.env.PENPOT_PLUGIN_DEV === "true"
-      ? "http://localhost:4200/index.js?ts=" + manifest.ts
-      : "plugins-runtime/index.js?ts=" + manifest.ts;
-
   content = await renderTemplate(
     "resources/templates/index.mustache",
     {
       manifest: manifest,
       translations: JSON.stringify(translations),
-      pluginRuntimeUri,
       isDebug,
     },
     partials,
@@ -577,10 +571,6 @@ export async function copyAssets() {
 
   await syncDirs("resources/images/", "resources/public/images/");
   await syncDirs("resources/fonts/", "resources/public/fonts/");
-  await syncDirs(
-    "resources/plugins-runtime/",
-    "resources/public/plugins-runtime/",
-  );
 
   const end = process.hrtime(start);
   log.info("done: copy assets", `(${ppt(end)})`);

frontend/scripts/build-libs.js

@@ -32,6 +32,9 @@ const config = {
   entryPoints: ["target/index.js"],
   bundle: true,
   format: "iife",
+  banner: {
+    js: '"use strict";',
+  },
   outfile: "resources/public/js/libs.js",
   plugins: [fixReactVirtualized, rebuildNotify],
 };

frontend/scripts/watch-storybook.js

@@ -80,7 +80,7 @@ h.watch("translations", null, async function (path) {
 
 log.info("watch: assets (~)");
 h.watch(
-  ["resources/images", "resources/fonts", "resources/plugins-runtime"],
+  ["resources/images", "resources/fonts"],
   null,
   async function (path) {
     log.info("changed:", path);

frontend/scripts/watch.js

@@ -79,7 +79,7 @@ h.watch("translations", null, async function (path) {
 
 log.info("watch: assets (~)");
 h.watch(
-  ["resources/images", "resources/fonts", "resources/plugins-runtime"],
+  ["resources/images", "resources/fonts"],
   null,
   async function (path) {
     log.info("changed:", path);