wip

docs/app/guides/custom-components/contexts/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import PizzaSlice from "guide-examples/custom/pizza-slice"
 import PizzaSliceSource from "!raw-loader!guide-examples/custom/pizza-slice"
 

docs/app/guides/custom-components/overview/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import PizzaMarch from "guide-examples/custom/pizza-march"
 
 export default function CustomPage() {

docs/app/guides/display/circles/page.tsx

@@ -1,11 +1,9 @@
-"use client"
 import CodeAndExample from "components/CodeAndExample"
 
 import MovableCircle from "guide-examples/MovableCircle"
 import MovableCircleSource from "!raw-loader!guide-examples/MovableCircle"
 
 import { PropTable } from "components/PropTable"
-import { Circle } from "mafs"
 
 export default function Page() {
   return (

docs/app/guides/display/coordinates/page.tsx

@@ -1,9 +1,8 @@
-"use client"
-
-import { Coordinates } from "mafs"
 import { PropTable } from "components/PropTable"
 import CodeAndExample from "components/CodeAndExample"
 
+import { Coordinates } from "mafs"
+
 import CartesianCoordinatesExample from "guide-examples/display/coordinates/CartesianCoordinatesExample"
 import CartesianCoordinatesExampleSource from "!raw-loader!guide-examples/display/coordinates/CartesianCoordinatesExample"
 
@@ -27,12 +26,12 @@ function CoordinatesPage() {
 
       <h2>Cartesian coordinates</h2>
 
-      <CodeAndExample
+      {/* <CodeAndExample
         component={<CartesianCoordinatesExample />}
         source={CartesianCoordinatesExampleSource}
-      />
+      /> */}
 
-      <PropTable of={"Coordinates.Cartesian"} />
+      <PropTable of={Coordinates.Cartesian} />
 
       <h3>Axis options</h3>
 
@@ -67,19 +66,19 @@ function CoordinatesPage() {
         <code>labels</code> to render in terms of π.
       </p>
 
-      <CodeAndExample
+      {/* <CodeAndExample
         component={<CartesianCoordinatesConfigExample />}
         source={CartesianCoordinatesConfigExampleSource}
-      />
+      /> */}
 
       <h2>Polar coordinates</h2>
 
-      <CodeAndExample
+      {/* <CodeAndExample
         component={<PolarCoordinatesExample />}
         source={PolarCoordinatesExampleSource}
-      />
+      /> */}
 
-      <PropTable of={"Coordinates.Polar"} />
+      {/* <PropTable of={Coordinates.Polar} /> */}
 
       <h3>Axis options</h3>
 

docs/app/guides/display/debug/page.tsx

@@ -1,8 +1,5 @@
-"use client"
-
 import Code from "components/Code"
 import { PropTable } from "components/PropTable"
-import { Debug } from "mafs"
 import Link from "next/link"
 
 import CodeAndExample from "components/CodeAndExample"

docs/app/guides/display/ellipses/page.tsx

@@ -1,12 +1,10 @@
-"use client"
 import CodeAndExample from "components/CodeAndExample"
 
 import MovableEllipse from "guide-examples/MovableEllipse"
 import MovableEllipseSource from "!raw-loader!guide-examples/MovableEllipse"
 import WIP from "components/WIP"
 import Link from "next/link"
 
-import { Ellipse } from "mafs"
 import { PropTable } from "components/PropTable"
 
 export default function Page() {

docs/app/guides/display/lines/page.tsx

@@ -1,8 +1,5 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 import { PropTable } from "components/PropTable"
-import { Line } from "mafs"
 
 import LineSegmentExample from "guide-examples/LineSegmentExample"
 import LineSegmentExampleSource from "!raw-loader!guide-examples/LineSegmentExample"

docs/app/guides/display/plots/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 
 import OfXAndY from "guide-examples/plots/of-x-and-y"
@@ -15,7 +13,6 @@ import SineStressTest from "guide-examples/plots/sine-stress-test"
 import SineStressTestSource from "!raw-loader!guide-examples/plots/sine-stress-test.tsx"
 
 import { PropTable } from "components/PropTable"
-import { Plot } from "mafs"
 import InequalitiesExample from "guide-examples/plots/inequalities"
 import InequalitiesExampleSource from "!raw-loader!guide-examples/plots/inequalities.tsx"
 

docs/app/guides/display/points/page.tsx

@@ -1,12 +1,9 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 
 import SimplePoint from "guide-examples/display/SimplePoint"
 import SimplePointSource from "!raw-loader!guide-examples/display/SimplePoint"
 
 import { PropTable } from "components/PropTable"
-import { Point } from "mafs"
 
 function Points() {
   return (

docs/app/guides/display/polygons/page.tsx

@@ -1,13 +1,10 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 
 import PolygonExample from "guide-examples/PolygonExample"
 import PolygonExampleSource from "!raw-loader!guide-examples/PolygonExample"
 import PolylineExample from "guide-examples/PolylineExample"
 import PolylineExampleSource from "!raw-loader!guide-examples/PolylineExample"
 import { PropTable } from "components/PropTable"
-import { Polygon, Polyline } from "mafs"
 
 function Polygons() {
   return (

docs/app/guides/display/text/page.tsx

@@ -1,6 +1,3 @@
-"use client"
-
-import { Text as T } from "mafs"
 import CodeAndExample from "components/CodeAndExample"
 
 import TextExample from "guide-examples/TextExample"

docs/app/guides/display/transform/page.tsx

@@ -1,11 +1,8 @@
-"use client"
-
 import SimpleTransformExample from "guide-examples/utility/SimpleTransform"
 import SimpleTransformExampleSource from "!raw-loader!guide-examples/utility/SimpleTransform"
 import CodeAndExample from "components/CodeAndExample"
 import Code from "components/Code"
 import { PropTable } from "components/PropTable"
-import { Transform } from "mafs"
 
 export default function Page() {
   return (

docs/app/guides/display/vectors/page.tsx

@@ -1,6 +1,3 @@
-"use client"
-
-import { Vector } from "mafs"
 import { PropTable } from "components/PropTable"
 
 import CodeAndExample from "components/CodeAndExample"

docs/app/guides/examples/bezier-curves/page.tsx

@@ -1,15 +1,14 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 import BezierCurves from "guide-examples/examples/BezierCurves"
 import BezierCurvesSource from "!raw-loader!guide-examples/examples/BezierCurves.tsx"
+import Link from "next/link"
 
 export default function BezierCurvesPage() {
   return (
     <>
       <p>
         This example was inspired by Freya Holmér's excellent{" "}
-        <a href="https://www.youtube.com/watch?v=aVwxzDHniEw">video on Bézier curves</a>.
+        <Link href="https://www.youtube.com/watch?v=aVwxzDHniEw">video on Bézier curves</Link>.
       </p>
 
       <CodeAndExample source={BezierCurvesSource} component={<BezierCurves />} />

docs/app/guides/examples/fancy-parabola/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 import FancyParabola from "guide-examples/examples/FancyParabola"
 import FancyParabolaSource from "!raw-loader!guide-examples/examples/FancyParabola.tsx"

docs/app/guides/examples/projectile-motion/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 import ProjectileMotion from "guide-examples/examples/ProjectileMotion"
 import ProjectileMotionSource from "!raw-loader!guide-examples/examples/ProjectileMotion.tsx"

docs/app/guides/examples/riemann-sums/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 import Riemann from "guide-examples/examples/Riemann"
 import RiemannSource from "!raw-loader!guide-examples/examples/Riemann.tsx"

docs/app/guides/experimental/animation/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import WIP from "components/WIP"
 import CodeAndExample from "components/CodeAndExample"
 

docs/app/guides/experimental/latex/page.tsx

@@ -1,9 +1,6 @@
-"use client"
 import CodeAndExample from "components/CodeAndExample"
 import { PropTable } from "components/PropTable"
 
-import { LaTeX } from "mafs"
-
 import LatexExample from "components/guide-examples/display/Latex"
 import LatexExampleSource from "!raw-loader!components/guide-examples/display/Latex"
 

docs/app/guides/interaction/movable-points/page.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import CodeAndExample from "components/CodeAndExample"
 
 import PointsAlongFunction from "guide-examples/display/PointsAlongFunction"
@@ -11,7 +9,6 @@ import SnapPointSource from "!raw-loader!guide-examples/SnapPoint"
 import { Advanced } from "components/Advanced"
 import Code from "components/Code"
 import Link from "next/link"
-import { MovablePoint } from "mafs"
 import { PropTable } from "components/PropTable"
 
 function Stopwatch() {

docs/app/guides/layout.tsx

@@ -1,10 +1,5 @@
-import Link from "next/link"
-import NextHead from "next/head"
-
 import GuidesSidebar from "./sidebar"
-import fancyFx from "../../helpers/fancyFx"
 import ScrollTop from "components/ScrollTop"
-import Head from "./head"
 import { Title } from "./title"
 import { NextPrevButtons } from "./next-prev-buttons"
 import type { Metadata } from "next"
@@ -19,9 +14,6 @@ export const metadata: Metadata = {
 export default function GuidesLayout({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <NextHead>
-        <Head />
-      </NextHead>
       <div className="max-w-5xl p-6 py-12 mx-auto md:flex space-y-6 md:space-y-0 md:space-x-6">
         <div
           className={`

docs/components/PropTable.tsx

@@ -1,9 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as Mafs from "mafs"
 import ReactMarkdown from "react-markdown"
-import { get } from "lodash"
 
 export interface Docgen {
   filePath: string
@@ -26,12 +24,11 @@ export type DocgenPropType =
   | { name: string }
 
 interface PropTableProps {
-  of: string
+  of: { displayName: string } | unknown
 }
 
-export function PropTable({ of: componentName }: PropTableProps) {
-  const component = get(Mafs, componentName)
-  const docgenInfo = (component as unknown as { __docgenInfo: Docgen })?.__docgenInfo
+export function PropTable({ of: component }: PropTableProps) {
+  const docgenInfo = (component as { __docgenInfo: Docgen })?.__docgenInfo
 
   if (process.env.NODE_ENV === "development" && docgenInfo == null) {
     return (

docs/components/guide-examples/PlainMafsExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Text } from "mafs"
 

docs/components/guide-examples/custom/pizza-march.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck

docs/components/guide-examples/custom/pizza-slice.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates, Debug } from "mafs"
 import * as React from "react"

docs/components/guide-examples/custom/point-cloud.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import {
   Coordinates,

docs/components/guide-examples/debug/PaneVisualizerExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates, Debug } from "mafs"
 

docs/components/guide-examples/display/coordinates/CartesianCoordinatesConfigExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates, labelPi } from "mafs"
 

docs/components/guide-examples/display/coordinates/CartesianCoordinatesExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates } from "mafs"
 

docs/components/guide-examples/display/coordinates/PolarCoordinatesExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates } from "mafs"
 

docs/components/guide-examples/display/viewbox/ZoomExample.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import { Mafs, Coordinates, Circle, Text } from "mafs"
 

src/index.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 export { Mafs } from "./view/Mafs"
 export type { MafsProps } from "./view/Mafs"