[No Merge] Prototype of nextra docs

package.json

@@ -14,6 +14,7 @@
         "./packages/virtual-keyboard",
         "./packages/codemirror",
         "./packages/doenetml",
+        "./packages/docs-nextra",
         "./packages/*"
     ],
     "scripts": {

packages/docs-nextra/components/counter.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+import { renderDoenetToContainer } from "@doenet/standalone";
+
+export function MyCounter({children}) {
+console.log(children)
+    return (
+        <div
+            ref={(domNode) => {
+                if (domNode) {
+                    console.log("rendering the doenet");
+                    renderDoenetToContainer(domNode, domNode.textContent || "");
+                }
+            }}
+        >
+            {`<p>The component</p>
+        <graph>
+            <point />
+        </graph>`}
+        </div>
+    );
+}
+
+export default MyCounter;

packages/docs-nextra/components/dynamic-counter.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+import dynamic from "next/dynamic";
+
+export const DynamicMyCounter = dynamic(() => import("./counter"), {
+    ssr: false,
+});

packages/docs-nextra/next.config.mjs

@@ -0,0 +1,10 @@
+import nextraConfig from "nextra";
+const withNextra = nextraConfig({
+    theme: "nextra-theme-docs",
+    themeConfig: "./theme.config.tsx",
+});
+
+export default withNextra();
+
+// If you have other Next.js configurations, you can pass them as the parameter:
+// module.exports = withNextra({ /* other next.js config */ })

packages/docs-nextra/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "@doenet/docs-nextra",
+    "type": "module",
+    "description": "Documentation for DoenetML using Nextra",
+    "version": "*",
+    "license": "AGPL-3.0-or-later",
+    "homepage": "https://github.com/Doenet/DoenetML#readme",
+    "private": true,
+    "repository": "github:Doenet/DoenetML",
+    "files": [
+        "/dist"
+    ],
+    "scripts": {
+        "dev": "next",
+        "build": "next build",
+        "start": "next start"
+    },
+    "dependencies": {
+        "next": "^14.1.4",
+        "nextra": "^2.13.4",
+        "nextra-theme-docs": "^2.13.4",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    }
+}

packages/docs-nextra/pages/index.mdx

@@ -0,0 +1,21 @@
+import { DynamicMyCounter } from "../components/dynamic-counter"
+
+
+# Welcome to Nextra
+
+Hello, world!
+
+<DynamicMyCounter>
+{`
+<graph>
+    <point />
+</graph>
+`}
+</DynamicMyCounter>
+
+```html
+foo <a href="foo">
+```
+
+
+

packages/docs-nextra/theme.config.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+export default {
+    logo: <span>My Nextra Documentation</span>,
+    project: {
+        link: "https://github.com/shuding/nextra",
+    },
+    // ... other theme options
+};

packages/doenetml/src/global-config.ts

@@ -1,7 +1,12 @@
+if (typeof window === "undefined") {
+    // @ts-ignore
+    globalThis.window = globalThis;
+}
+
 export const doenetGlobalConfig = {
     doenetWorkerUrl: new URL(
         "/doenetml-worker/CoreWorker.js",
-        window.location.href,
+        window?.location?.href || "https://doenet.org",
     ).href,
 };
 // We want this to be available in the global scope