feat(templates): replace library with microfrontend app for templates

apps/artboard/src/providers/index.tsx

@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+import { Outlet } from "react-router-dom";
+
+import { useArtboardStore } from "../store/artboard";
+
+export const Providers = () => {
+  const resume = useArtboardStore((state) => state.resume);
+  const setResume = useArtboardStore((state) => state.setResume);
+
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
+      if (event.origin !== window.location.origin) return;
+
+      if (event.data.type === "SET_RESUME") setResume(event.data.payload);
+      if (event.data.type === "SET_THEME") {
+        event.data.payload === "dark"
+          ? document.documentElement.classList.add("dark")
+          : document.documentElement.classList.remove("dark");
+      }
+    };
+
+    const resumeData = window.sessionStorage.getItem("resume");
+    if (resumeData) return setResume(JSON.parse(resumeData));
+
+    window.addEventListener("message", handleMessage);
+
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [setResume]);
+
+  // Only for testing, in production this will be fetched from window.postMessage
+  // useEffect(() => {
+  //   setResume(sampleResume);
+  // }, [setResume]);
+
+  if (!resume) return null;
+
+  return <Outlet />;
+};