update browser extension

Author: lightninglu10

package.json

@@ -9,7 +9,7 @@
     "lint": "eslint"
   },
   "dependencies": {
-    "@quantfive/codepress-browser-extension": "0.2.9",
+    "@quantfive/codepress-browser-extension": "0.4.3",
     "@quantfive/codepress-engine": "0.3.18-dev.safe-directive.20251009082842",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-dialog": "^1.1.15",

pnpm-lock.yaml

@@ -1,12 +1,15 @@
 import SlideLayout from "@/slides/components/SlideLayout";
 import { fontVars } from "@/styles/fonts";
 import "@/styles/globals.css";
-import "@quantfive/codepress-browser-extension/style";
 
 import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
+import { useEffect } from "react";
 
 export default function App({ Component, pageProps }: AppProps) {
+  useEffect(() => {
+    import("@quantfive/codepress-browser-extension/style");
+  }, []);
   const router = useRouter();
   const isSlidePage = router.pathname.startsWith("/slides/");
   const vars = fontVars;

src/pages/_app.tsx

@@ -1,4 +1,18 @@
-import { CodePressEditor } from "@quantfive/codepress-browser-extension";
+import dynamic from "next/dynamic";
+
+type CodePressEditorProps = {
+  useShadow: boolean;
+  apiBaseUrl: string;
+  autoSaveToCurrentBranch: boolean;
+};
+
+const CodePressEditor = dynamic<CodePressEditorProps>(
+  () =>
+    import("@quantfive/codepress-browser-extension").then(
+      (mod) => mod.CodePressEditor
+    ),
+  { ssr: false }
+);
 
 type EmbeddedCodepressEditorProps = {
   apiBaseUrl: string;