diff options
author | 2021-08-17 18:49:58 -0700 | |
---|---|---|
committer | 2021-08-17 18:49:58 -0700 | |
commit | bbe0a3d58ccb420fe94b8d59934b2b54ed71f295 (patch) | |
tree | cf65bb41ae3557df4ec6d48908deaa47b33f97ce /demos | |
parent | 68b6e80b911439cecbc78d23fab3be82e77f2997 (diff) | |
parent | 7a1ca0bc0cb93f62daedfb4d5dee1bd22020a9d2 (diff) | |
download | bun-bbe0a3d58ccb420fe94b8d59934b2b54ed71f295.tar.gz bun-bbe0a3d58ccb420fe94b8d59934b2b54ed71f295.tar.zst bun-bbe0a3d58ccb420fe94b8d59934b2b54ed71f295.zip |
Merge branch 'main' of github.com:Jarred-Sumner/esdev
Former-commit-id: 7aec17b6232cb51067a289944aa733466c0478fb
Diffstat (limited to 'demos')
-rw-r--r-- | demos/hello-next/bun-framework-next/client.development.tsx | 14 | ||||
-rw-r--r-- | demos/hello-next/bun-framework-next/server.development.tsx | 16 | ||||
-rw-r--r-- | demos/hello-next/components/Title.tsx | 3 | ||||
-rw-r--r-- | demos/hello-next/package.json | 3 | ||||
-rw-r--r-- | demos/hello-next/pages/_app.tsx (renamed from demos/hello-next/pages/_app.js) | 0 | ||||
-rw-r--r-- | demos/hello-next/pages/api/hello.tsx (renamed from demos/hello-next/pages/api/hello.js) | 0 | ||||
-rw-r--r-- | demos/hello-next/pages/blue.tsx | 9 | ||||
-rw-r--r-- | demos/hello-next/pages/index.tsx (renamed from demos/hello-next/pages/index.js) | 8 |
8 files changed, 49 insertions, 4 deletions
diff --git a/demos/hello-next/bun-framework-next/client.development.tsx b/demos/hello-next/bun-framework-next/client.development.tsx index d046751b2..c4346913d 100644 --- a/demos/hello-next/bun-framework-next/client.development.tsx +++ b/demos/hello-next/bun-framework-next/client.development.tsx @@ -1,3 +1,13 @@ +var onlyChildPolyfill = React.Children.only; +React.Children.only = function (children) { + if (children && typeof children === "object" && children.length == 1) { + return onlyChildPolyfill(children[0]); + } + + return onlyChildPolyfill(children); +}; + +globalThis.global = globalThis; import * as ReactDOM from "react-dom"; import App from "next/app"; import mitt, { MittEmitter } from "next/dist/shared/lib/mitt"; @@ -21,7 +31,7 @@ import { NEXT_DATA, ST, } from "next/dist/shared/lib/utils"; -import { Portal } from "next/dist/client/portal"; +// import { Portal } from "next/dist/client/portal"; import initHeadManager from "next/dist/client/head-manager"; import PageLoader, { StyleSheetTuple } from "next/dist/client/page-loader"; import measureWebVitals from "next/dist/client/performance-relayer"; @@ -187,7 +197,7 @@ let CachedComponent: React.ComponentType; function _boot(EntryPointNamespace) { const PageComponent = EntryPointNamespace.default; - + ReactDOM.hydrate( <Container fn={(error) => <div>{JSON.stringify(error)}</div>}> <App Component={PageComponent} pageProps={data.props}></App> diff --git a/demos/hello-next/bun-framework-next/server.development.tsx b/demos/hello-next/bun-framework-next/server.development.tsx index 54181c271..82caf0ab7 100644 --- a/demos/hello-next/bun-framework-next/server.development.tsx +++ b/demos/hello-next/bun-framework-next/server.development.tsx @@ -1,3 +1,19 @@ +import React from "react"; +class URL { + constructor(base, source) { + this.pathname = source; + this.href = base + source; + } +} +var onlyChildPolyfill = React.Children.only; +React.Children.only = function (children) { + if (children && typeof children === "object" && children.length == 1) { + return onlyChildPolyfill(children[0]); + } + + return onlyChildPolyfill(children); +}; +globalThis.URL = URL; globalThis.global = globalThis; import { render } from "./renderDocument"; diff --git a/demos/hello-next/components/Title.tsx b/demos/hello-next/components/Title.tsx new file mode 100644 index 000000000..10636164f --- /dev/null +++ b/demos/hello-next/components/Title.tsx @@ -0,0 +1,3 @@ +export default function Title() { + return <h1>Hello</h1>; +} diff --git a/demos/hello-next/package.json b/demos/hello-next/package.json index 8309b88eb..fd803c98a 100644 --- a/demos/hello-next/package.json +++ b/demos/hello-next/package.json @@ -7,6 +7,7 @@ "next": "^11.1.0", "path": "^0.12.7", "react": "^17.0.2", - "react-dom": "^17.0.2" + "react-dom": "^17.0.2", + "whatwg-url": "^9.1.0" } } diff --git a/demos/hello-next/pages/_app.js b/demos/hello-next/pages/_app.tsx index 2fc3e0700..2fc3e0700 100644 --- a/demos/hello-next/pages/_app.js +++ b/demos/hello-next/pages/_app.tsx diff --git a/demos/hello-next/pages/api/hello.js b/demos/hello-next/pages/api/hello.tsx index df63de88f..df63de88f 100644 --- a/demos/hello-next/pages/api/hello.js +++ b/demos/hello-next/pages/api/hello.tsx diff --git a/demos/hello-next/pages/blue.tsx b/demos/hello-next/pages/blue.tsx new file mode 100644 index 000000000..fe72a744f --- /dev/null +++ b/demos/hello-next/pages/blue.tsx @@ -0,0 +1,9 @@ +import Link from "next/link"; + +export default function Blue({}) { + return ( + <div> + <h1>Blue</h1> + </div> + ); +} diff --git a/demos/hello-next/pages/index.js b/demos/hello-next/pages/index.tsx index 209701990..621f2c401 100644 --- a/demos/hello-next/pages/index.js +++ b/demos/hello-next/pages/index.tsx @@ -14,9 +14,15 @@ export default function Home() { <main className={styles.main}> <h1 className={styles.title}> - Welcome to <a href="https://nextjs.org">Next.js!</a> + Welcom <a href="https://nextjs.org">Next.js!</a> </h1> + <Title /> + + <Link href="/blue"> + <a>Blue page</a> + </Link> + <p className={styles.description}> Get started by editing{" "} <code className={styles.code}>pages/index.js</code> |