feat: inject legacy scripts in document head

Author: joshunrau

apps/playground/src/instruments/examples/interactive/Interactive-With-Legacy-Script/index.ts

@@ -3,7 +3,7 @@
 import { defineInstrument } from '/runtime/v1/@opendatacapture/runtime-core';
 import { z } from '/runtime/v1/[email protected]';
 
-import './legacy.js';
+import './legacy.js?legacy';
 
 export default defineInstrument({
   kind: 'INTERACTIVE',

packages/react-core/src/components/InteractiveContent/bootstrap.js

@@ -52,6 +52,16 @@ if (!bundle) {
 }
 
 const instrument = await evaluateInstrument(bundle);
+
+/** @type {string[] | undefined} */
+const scripts = instrument.content.__injectHead?.scripts;
+scripts?.forEach((encodedScript) => {
+  const script = document.createElement('script');
+  script.type = 'text/javascript';
+  script.textContent = atob(encodedScript);
+  document.head.appendChild(script);
+});
+
 const encodedStyle = instrument.content.__injectHead?.style;
 if (encodedStyle) {
   const style = atob(encodedStyle);