Merge branch 'main' into feat/example-sveltekit

Author: s-petey

_includes/reference/allSymbols.tsx

@@ -0,0 +1,14 @@
+import type { AllSymbolsCtx } from "@deno/doc";
+
+export const layout = "reference/base.tsx";
+
+export default function AllSymbols(
+  { comp, data }: { data: AllSymbolsCtx } & Lume.Data,
+  _helpers: Lume.Helpers,
+) {
+  return (
+    <main>
+      <comp.SymbolContent symbolContent={data.content} />
+    </main>
+  );
+}

_includes/reference/base.tsx

@@ -0,0 +1,41 @@
+import type { PageBase, ToCCtx } from "@deno/doc";
+
+export const layout = "raw.tsx";
+
+export default function Base(
+  { data, comp, children }: Lume.Data & { data: PageBase },
+  _helpers: Lume.Helpers,
+) {
+  return (
+    <div className="ddoc">
+      <link rel="stylesheet" href="/reference_styles.css" />
+
+      <comp.CategoryPanel categoryPanel={data.categories_panel} />
+
+      <div>
+        <nav className="top-0 sticky bg-white z-50 py-3 h-14" id="topnav">
+          <div className="h-full">
+            <div>
+              <comp.Breadcrumbs parts={data.breadcrumbs_ctx.parts} />
+            </div>
+          </div>
+        </nav>
+
+        <div id="content">
+          {children}
+
+          <div>
+            {"toc_ctx" in data && (
+              <comp.Toc
+                documentNavigation={(data.toc_ctx as ToCCtx)
+                  .document_navigation}
+                documentNavigationStr={(data.toc_ctx as ToCCtx)
+                  .document_navigation_str}
+              />
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

_includes/reference/index.tsx

@@ -0,0 +1,17 @@
+import type { IndexCtx } from "@deno/doc";
+
+export const layout = "reference/base.tsx";
+
+export default function Index(
+  { data, comp }: { data: IndexCtx } & Lume.Data,
+  _helpers: Lume.Helpers,
+) {
+  return (
+    <main>
+      <comp.UsageLarge usages={data.usage} />
+      {data.module_doc && <comp.ModuleDoc moduleDoc={data.module_doc} />}
+      {data.overview &&
+        <comp.SymbolContent symbolContent={data.overview} />}
+    </main>
+  );
+}

_includes/reference/symbol.tsx

@@ -0,0 +1,10 @@
+import type { SymbolPageCtx } from "@deno/doc";
+
+export const layout = "reference/base.tsx";
+
+export default function Symbol(
+  { data, comp }: { data: SymbolPageCtx } & Lume.Data,
+  _helpers: Lume.Helpers,
+) {
+  return <comp.SymbolGroup symbolGroup={data.symbol_group_ctx} />;
+}

deno.json

@@ -7,6 +7,7 @@
     "@std/html": "jsr:@std/html@^1.0.3",
     "@std/media-types": "jsr:@std/media-types@^1.0.3",
     "@std/path": "jsr:@std/path@^1.0.8",
+    "@deno/doc": "jsr:@deno/doc@0.167.0",
     "ga4": "https://raw.githubusercontent.com/denoland/ga4/04a1ce209116f158b5ef1658b957bdb109db68ed/mod.ts",
     "lume/": "https://deno.land/x/lume@v2.4.1/",
     "googleapis": "npm:googleapis@^144.0.0",

deno.lock

@@ -269,6 +269,11 @@ export const sidebar = [
         externalURL: "https://www.youtube.com/watch?v=MDPauM8fZDE",
         type: "video",
       },
+      {
+        label: "Build a SolidJS app",
+        id: "/examples/solidjs_tutorial",
+        type: "tutorial",
+      },
       {
         label: "Build a React app",
         id: "/examples/react_app_video",

examples/_data.ts

@@ -30,7 +30,7 @@ const process = command.spawn();
 // We can now pipe the input into stdin. To do this we must first get
 // a writer from the stream and write to it
 const writer = process.stdin.getWriter();
-writer.write(new TextEncoder().encode("console.log('hello')"));
+await writer.write(new TextEncoder().encode("console.log('hello')"));
 writer.releaseLock();
 
 // We must then close stdin