From e1cb86c11d4564e7299590acd82e7f0e8178d2f6 Mon Sep 17 00:00:00 2001 From: Quinn Dougherty Date: Mon, 1 Aug 2022 03:43:16 -0400 Subject: [PATCH] begin squiggle app --- components/DynamicSquiggleChart.tsx | 26 + ...amicSquiggleEditorWithImportedBindings.tsx | 20 + components/Footer.tsx | 19 + components/Header.tsx | 51 + components/Layout.tsx | 21 + next.config.js | 7 - next.config.mjs | 17 + package.json | 8 +- pages/_app.tsx | 3 +- pages/index.tsx | 41 +- pages/intro.md | 4 + pages/latex-demo.md | 9 + pages/squiggle-demo.mdx | 18 + pages/team.md | 9 + pages/worldview/ai.mdx | 8 + pages/worldview/bio.mdx | 7 + pages/worldview/index.md | 5 + public/estimates/baz.squiggle | 3 + public/favicon.ico | Bin 25931 -> 12704 bytes ...quri-logo-with-QURI-written-underneath.png | Bin 0 -> 20214 bytes public/quri-logo.png | Bin 0 -> 12704 bytes public/vercel.svg | 4 - styles/Header.module.css | 92 + yarn.lock | 3126 ++++++++++++++++- 24 files changed, 3424 insertions(+), 74 deletions(-) create mode 100644 components/DynamicSquiggleChart.tsx create mode 100644 components/DynamicSquiggleEditorWithImportedBindings.tsx create mode 100644 components/Footer.tsx create mode 100644 components/Header.tsx create mode 100644 components/Layout.tsx delete mode 100644 next.config.js create mode 100644 next.config.mjs create mode 100644 pages/intro.md create mode 100644 pages/latex-demo.md create mode 100644 pages/squiggle-demo.mdx create mode 100644 pages/team.md create mode 100644 pages/worldview/ai.mdx create mode 100644 pages/worldview/bio.mdx create mode 100644 pages/worldview/index.md create mode 100644 public/estimates/baz.squiggle create mode 100644 public/quri-logo-with-QURI-written-underneath.png create mode 100644 public/quri-logo.png delete mode 100644 public/vercel.svg create mode 100644 styles/Header.module.css diff --git a/components/DynamicSquiggleChart.tsx b/components/DynamicSquiggleChart.tsx new file mode 100644 index 0000000..8a7a4ed --- /dev/null +++ b/components/DynamicSquiggleChart.tsx @@ -0,0 +1,26 @@ +import React from "react"; + +import dynamic from "next/dynamic"; + +const SquiggleChart = dynamic( + () => import("@quri/squiggle-components").then((mod) => mod.SquiggleChart), + { + loading: () =>

Loading...

, + ssr: false, + } +); + +export function DynamicSquiggleChart(props: any) { + if (props.squiggleString == "") { + return null; + } else { + return ( + + ); + } +} diff --git a/components/DynamicSquiggleEditorWithImportedBindings.tsx b/components/DynamicSquiggleEditorWithImportedBindings.tsx new file mode 100644 index 0000000..bc658fa --- /dev/null +++ b/components/DynamicSquiggleEditorWithImportedBindings.tsx @@ -0,0 +1,20 @@ +import React from "react"; +import dynamic from "next/dynamic"; + +const SquiggleEditorWithImportedBindings = dynamic( + () => import("@quri/squiggle-components").then((mod) => mod.SquiggleEditorWithImportedBindings), + { + loading: () =>

Loading...

, + ssr: false, + } +) + +export function DynamicSquiggleEditorWithImportedBindings( props: any ) { + return ( + + ) +}; diff --git a/components/Footer.tsx b/components/Footer.tsx new file mode 100644 index 0000000..60f7b19 --- /dev/null +++ b/components/Footer.tsx @@ -0,0 +1,19 @@ +import packageJson from "../package.json" +import styles from "../styles/Home.module.css" +import Image from 'next/image' + +export default function Footer() { + return ( + + ) +} diff --git a/components/Header.tsx b/components/Header.tsx new file mode 100644 index 0000000..bffc09a --- /dev/null +++ b/components/Header.tsx @@ -0,0 +1,51 @@ +import styles from "../styles/Header.module.css" +import Link from "next/link" + +// The approach used in this component shows how to build a sign in and sign out +// component that works on pages which support both client and server side +// rendering, and avoids any flash incorrect content on initial page load. +export default function Header() { + + return ( +
+ + + +
+ ) +} diff --git a/components/Layout.tsx b/components/Layout.tsx new file mode 100644 index 0000000..f4cbb05 --- /dev/null +++ b/components/Layout.tsx @@ -0,0 +1,21 @@ +import Header from "./Header" +import Footer from "./Footer" +import Head from "next/head" + +interface Props { + children: React.ReactNode +} + +export default function Layout({ children }: Props) { + return ( + <> + + GUCEM + + + +
+
{children}
+