Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/app/compat/next/script.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { useEffect } from "react";
+
+type ScriptProps = {
+  src?: string;
+  id?: string;
+  strategy?: "beforeInteractive" | "afterInteractive" | "lazyOnload" | "worker";
+  onLoad?: () => void;
+  onError?: () => void;
+  children?: string;
+  defer?: boolean;
+  [key: string]: any;
+};
+
+// Minimal shim for next/script that creates a script tag
+const Script: React.FC<ScriptProps> = ({ src, id, strategy: _strategy, onLoad, onError, children, ...rest }) => {
+  useEffect(() => {
+    if (src) {
+      const script = document.createElement("script");
+      if (id) script.id = id;
+      script.src = src;
+      if (onLoad) script.onload = onLoad;
+      if (onError) script.onerror = onError;
+      Object.keys(rest).forEach((key) => {
+        script.setAttribute(key, rest[key]);
+      });
+      document.body.appendChild(script);
+
+      return () => {
+        if (script.parentNode) {
+          document.body.removeChild(script);
+        }
+      };
+    } else if (children) {
+      const script = document.createElement("script");
+      if (id) script.id = id;
+      script.textContent = children;
+      Object.keys(rest).forEach((key) => {
+        script.setAttribute(key, rest[key]);
+      });
+      document.body.appendChild(script);
+
+      return () => {
+        if (script.parentNode) {
+          document.body.removeChild(script);
+        }
+      };
+    }
+  }, [src, id, children, onLoad, onError, rest]);
+
+  return null;
+};
+
+export default Script;