mdn
diff --git a/‎build/render.js
Lines changed: 3 additions & 3 deletions b/‎build/render.js
Lines changed: 3 additions & 3 deletions
diff --git a/‎build/server-worker.js
Lines changed: 2 additions & 2 deletions b/‎build/server-worker.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎build/types.d.ts
Lines changed: 2 additions & 2 deletions b/‎build/types.d.ts
Lines changed: 2 additions & 2 deletions
diff --git a/‎components/writer-open-editor/element.js
Lines changed: 31 additions & 0 deletions b/‎components/writer-open-editor/element.js
Lines changed: 31 additions & 0 deletions
diff --git a/‎components/writer-toolbar/server.css
Lines changed: 4 additions & 0 deletions b/‎components/writer-toolbar/server.css
Lines changed: 4 additions & 0 deletions
diff --git a/‎components/writer-toolbar/server.js
Lines changed: 7 additions & 1 deletion b/‎components/writer-toolbar/server.js
Lines changed: 7 additions & 1 deletion
diff --git a/‎entry.ssr.js
Lines changed: 3 additions & 3 deletions b/‎entry.ssr.js
Lines changed: 3 additions & 3 deletions
@@ -23,10 +23,10 @@ const legacyManifest = JSON.parse(
 );
 
 /**
- * @param {import("@rari").BuiltPage} page
+ * @param {import("@fred").PartialContext} context
  */
-export async function render(page) {
-  return await distRender(page.url, page, {
+export async function render(context) {
+  return await distRender(context.url, context, {
     client: clientManifest,
     legacy: legacyManifest,
   });
 
@@ -4,7 +4,7 @@ import { parentPort, workerData } from "node:worker_threads";
 import "source-map-support/register.js";
 
 /** @type {import("./types.js").WorkerData} */
-const { reqPath, page, compilationStats } = workerData;
+const { reqPath, context, compilationStats } = workerData;
 
 const ssrStats = compilationStats.find((x) => x.name === "ssr");
 if (!ssrStats) {
@@ -27,7 +27,7 @@ if (!indexModulePath) {
 try {
   /** @type {import("../entry.ssr.js")} */
   const indexModule = await import(indexModulePath);
-  const html = await indexModule?.render(reqPath, page, {
+  const html = await indexModule?.render(reqPath, context, {
     client: compilationStats.find((x) => x.name === "client") || {},
     legacy: compilationStats.find((x) => x.name === "legacy") || {},
   });
 
@@ -1,8 +1,8 @@
-import { BuiltPage } from "@mdn/rari";
+import { PartialContext } from "@fred";
 import { StatsCompilation } from "@rspack/core";
 
 export interface WorkerData {
   reqPath: string;
-  page: BuiltPage;
+  context: PartialContext;
   compilationStats: StatsCompilation[];
 }
@@ -0,0 +1,31 @@
+import { LitElement, html } from "lit";
+
+import { L10nMixin } from "../../l10n/mixin.js";
+
+import "../button/element.js";
+
+export class MDNWriterOpenEditor extends L10nMixin(LitElement) {
+  static properties = {
+    filepath: { type: String },
+  };
+
+  constructor() {
+    super();
+    this.filepath = "";
+  }
+
+  async _open() {
+    const params = new URLSearchParams({
+      filepath: this.filepath,
+    });
+    await fetch(`/_open?${params}`);
+  }
+
+  render() {
+    return html`<mdn-button @click=${this._open} variant="plain">
+      ${this.l10n`Open in editor`}
+    </mdn-button>`;
+  }
+}
+
+customElements.define("mdn-writer-open-editor", MDNWriterOpenEditor);
@@ -1,4 +1,8 @@
 .writer-toolbar {
+  display: flex;
+
+  flex-wrap: wrap;
+
   margin-top: 1.5rem;
 
   background: var(--color-background-primary);
 
@@ -1,4 +1,4 @@
-import { html } from "lit";
+import { html, nothing } from "lit";
 
 import { Button } from "../button/server.js";
 import { ServerComponent } from "../server/index.js";
@@ -9,13 +9,19 @@ export class WriterToolbar extends ServerComponent {
    */
   render(context) {
     const prodUrl = new URL(context.url, "https://developer.mozilla.org");
+    const { folder, filename } = context.doc.source;
 
     return html`<div class="writer-toolbar">
       ${Button.render(context, {
         label: context.l10n`View on MDN`,
         href: prodUrl.toString(),
         variant: "plain",
       })}
+      ${context.localServer
+        ? html`<mdn-writer-open-editor
+            filepath=${`${folder}/${filename}`}
+          ></mdn-writer-open-editor>`
+        : nothing}
     </div>`;
   }
 }
@@ -40,10 +40,10 @@ for (const [name, def] of customElements.__definitions) {
 
 /**
  * @param {string} path
- * @param {import("@rari").BuiltPage} page
+ * @param {import("@fred").PartialContext} partialContext
  * @param {import("@fred").CompilationStats} compilationStats
  */
-export async function render(path, page, compilationStats) {
+export async function render(path, partialContext, compilationStats) {
   const locale = path.split("/")[1] || "en-US";
   if (locale === "qa") {
     path = path.replace("/qa/", "/en-US/");
@@ -52,7 +52,7 @@ export async function render(path, page, compilationStats) {
   const context = {
     path,
     ...(await addFluent(locale)),
-    ...page,
+    ...partialContext,
   };
 
   /** @type {import("./components/server/types.js").AsyncLocalStorageContents} */