netlify · ascorbic · Sep 26, 2022
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/README.md b/README.md
diff --git a/app/(newroot)/dashboard/another/page.js b/app/(newroot)/dashboard/another/page.js
@@ -0,0 +1,7 @@
+export default function AnotherPage(props) {
+  return (
+    <>
+      <p>hello from newroot/dashboard/another</p>
+    </>
+  )
+}
diff --git a/app/(newroot)/dashboard/project/[projectId]/page.js b/app/(newroot)/dashboard/project/[projectId]/page.js
@@ -0,0 +1,19 @@
+import { experimental_use as use } from 'react'
+
+function getData({ params }) {
+  return {
+    now: Date.now(),
+    params,
+  }
+}
+
+export default function Page(props) {
+  const data = use(getData(props))
+
+  return (
+    <>
+      <p>/dashboard/project/[projectId]</p>
+      <p id="props">{JSON.stringify(data)}</p>
+    </>
+  )
+}
diff --git a/app/(newroot)/layout.js b/app/(newroot)/layout.js
@@ -0,0 +1,20 @@
+import { experimental_use as use } from 'react'
+
+async function getData() {
+  return {
+    world: 'world',
+  }
+}
+
+export default function Root({ children }) {
+  const { world } = use(getData())
+
+  return (
+    <html className="this-is-another-document-html">
+      <head>
+        <title>{`hello ${world}`}</title>
+      </head>
+      <body className="this-is-another-document-body">{children}</body>
+    </html>
+  )
+}
diff --git a/app/(rootonly)/dashboard/changelog/page.js b/app/(rootonly)/dashboard/changelog/page.js
@@ -0,0 +1,7 @@
+export default function ChangelogPage(props) {
+  return (
+    <>
+      <p>hello from app/dashboard/changelog</p>
+    </>
+  )
+}
diff --git a/app/(rootonly)/dashboard/hello/page.js b/app/(rootonly)/dashboard/hello/page.js
@@ -0,0 +1,7 @@
+export default function HelloPage(props) {
+  return (
+    <>
+      <p>hello from app/dashboard/rootonly/hello</p>
+    </>
+  )
+}
diff --git a/app/catch-all/[...slug]/components/widget.js b/app/catch-all/[...slug]/components/widget.js
@@ -0,0 +1,2 @@
+// components under catch-all should not throw errors
+export default () => <p id="widget">widget</p>
diff --git a/app/catch-all/[...slug]/page.js b/app/catch-all/[...slug]/page.js
@@ -0,0 +1,12 @@
+import Widget from './components/widget'
+
+export default function Page({ params }) {
+  return (
+    <>
+      <h1 id="text" data-params={params.slug.join('/') ?? ''}>
+        hello from /catch-all/{params.slug.join('/')}
+      </h1>
+      <Widget />
+    </>
+  )
+}
diff --git a/app/client-component-route/page.js b/app/client-component-route/page.js
@@ -0,0 +1,20 @@
+'client'
+
+import { useState, useEffect } from 'react'
+
+import style from './style.module.css'
+import './style.css'
+
+export default function ClientComponentRoute() {
+  const [count, setCount] = useState(0)
+  useEffect(() => {
+    setCount(1)
+  }, [count])
+  return (
+    <>
+      <p className={style.red}>
+        hello from app/client-component-route. <b>count: {count}</b>
+      </p>
+    </>
+  )
+}
diff --git a/app/client-component-route/style.css b/app/client-component-route/style.css
@@ -0,0 +1,3 @@
+b {
+  color: blue;
+}
diff --git a/app/client-component-route/style.module.css b/app/client-component-route/style.module.css
@@ -0,0 +1,3 @@
+.red {
+  color: red;
+}
diff --git a/app/client-nested/layout.js b/app/client-nested/layout.js
@@ -0,0 +1,20 @@
+'client'
+
+import { useState, useEffect } from 'react'
+
+import styles from './style.module.css'
+import './style.css'
+
+export default function ClientNestedLayout({ children }) {
+  const [count, setCount] = useState(0)
+  useEffect(() => {
+    setCount(1)
+  }, [])
+  return (
+    <>
+      <h1 className={styles.red}>Client Nested. Count: {count}</h1>
+      <button onClick={() => setCount(count + 1)}>{count}</button>
+      {children}
+    </>
+  )
+}
diff --git a/app/client-nested/page.js b/app/client-nested/page.js
@@ -0,0 +1,7 @@
+export default function ClientPage() {
+  return (
+    <>
+      <p>hello from app/client-nested</p>
+    </>
+  )
+}
diff --git a/app/client-nested/style.css b/app/client-nested/style.css
@@ -0,0 +1,3 @@
+button {
+  color: red;
+}
diff --git a/app/client-nested/style.module.css b/app/client-nested/style.module.css
@@ -0,0 +1,3 @@
+.red {
+  color: red;
+}
diff --git a/app/client-with-errors/get-server-side-props/page.js b/app/client-with-errors/get-server-side-props/page.js
@@ -0,0 +1,7 @@
+'client'
+
+// export function getServerSideProps() { { props: {} } }
+
+export default function Page() {
+  return 'client-gssp'
+}
diff --git a/app/client-with-errors/get-static-props/page.js b/app/client-with-errors/get-static-props/page.js
@@ -0,0 +1,7 @@
+'client'
+
+// export function getStaticProps() { return { props: {} }}
+
+export default function Page() {
+  return 'client-gsp'
+}
diff --git a/app/css/css-client/client-foo.css b/app/css/css-client/client-foo.css
@@ -0,0 +1,3 @@
+.foo {
+  color: blue;
+}
diff --git a/app/css/css-client/client-layout.css b/app/css/css-client/client-layout.css
@@ -0,0 +1,3 @@
+body {
+  background: cyan;
+}
diff --git a/app/css/css-client/client-page.css b/app/css/css-client/client-page.css
@@ -0,0 +1,6 @@
+h1 {
+  color: red !important;
+}
+h1::after {
+  content: ' (from css-client!!!!)';
+}
diff --git a/app/css/css-client/foo.js b/app/css/css-client/foo.js
@@ -0,0 +1,5 @@
+import './client-foo.css'
+
+export default function Foo() {
+  return <b className="foo">foo</b>
+}
diff --git a/app/css/css-client/layout.js b/app/css/css-client/layout.js
@@ -0,0 +1,14 @@
+'client'
+
+import './client-layout.css'
+
+import Foo from './foo'
+
+export default function ServerLayout({ children }) {
+  return (
+    <>
+      {children}
+      <Foo />
+    </>
+  )
+}
diff --git a/app/css/css-client/page.js b/app/css/css-client/page.js
@@ -0,0 +1,7 @@
+'client'
+
+import './client-page.css'
+
+export default function Page() {
+  return <h1>Page!!!</h1>
+}
diff --git a/app/css/css-nested/layout.js b/app/css/css-nested/layout.js
@@ -0,0 +1,14 @@
+'client'
+
+import './style.css'
+import styles from './style.module.css'
+
+export default function ClientLayout({ children }) {
+  return (
+    <>
+      <div className={styles['client-css']}>Client Layout: CSS Modules</div>
+      <div className="client-css">Client Layout: Global CSS</div>
+      {children}
+    </>
+  )
+}
diff --git a/app/css/css-nested/page.js b/app/css/css-nested/page.js
@@ -0,0 +1,5 @@
+'client'
+
+export default function Page() {
+  return null
+}
diff --git a/app/css/css-nested/style.css b/app/css/css-nested/style.css
@@ -0,0 +1,3 @@
+.client-css {
+  color: green;
+}
diff --git a/app/css/css-nested/style.module.css b/app/css/css-nested/style.module.css
@@ -0,0 +1,3 @@
+.client-css {
+  color: green;
+}
diff --git a/app/css/css-page/layout.js b/app/css/css-page/layout.js
@@ -0,0 +1,5 @@
+import './style2.css'
+
+export default function ServerLayout({ children }) {
+  return <>{children}</>
+}
diff --git a/app/css/css-page/page.js b/app/css/css-page/page.js
@@ -0,0 +1,13 @@
+import './style.css'
+import styles from './style.module.css'
+
+export default function Page() {
+  return (
+    <>
+      <h1>Page</h1>
+      <div id="cssm" className={styles.mod}>
+        CSSM
+      </div>
+    </>
+  )
+}
diff --git a/app/css/css-page/style.css b/app/css/css-page/style.css
@@ -0,0 +1,3 @@
+h1 {
+  color: red;
+}
diff --git a/app/css/css-page/style.module.css b/app/css/css-page/style.module.css
@@ -0,0 +1,3 @@
+.mod {
+  color: blue;
+}
diff --git a/app/css/css-page/style2.css b/app/css/css-page/style2.css
@@ -0,0 +1,3 @@
+body {
+  background: #ccc;
+}
diff --git a/app/css/foo.js b/app/css/foo.js
@@ -0,0 +1 @@
+import './style.module.css'
diff --git a/app/css/layout.js b/app/css/layout.js
@@ -0,0 +1,15 @@
+import './style.css'
+import './css-page/style.css'
+import styles from './style.module.css'
+
+export default function ServerLayout({ children }) {
+  return (
+    <>
+      <div id="server-cssm" className={styles['server-css'] || 'undefined'}>
+        Server Layout: CSS Modules
+      </div>
+      <div className="server-css">Server Layout: Global CSS</div>
+      {children}
+    </>
+  )
+}
diff --git a/app/css/style.css b/app/css/style.css
@@ -0,0 +1,3 @@
+.server-css {
+  color: blue;
+}
diff --git a/app/css/style.module.css b/app/css/style.module.css
@@ -0,0 +1,3 @@
+.server-css {
+  color: green;
+}
diff --git a/app/dashboard/(custom)/deployments/breakdown/page.js b/app/dashboard/(custom)/deployments/breakdown/page.js
@@ -0,0 +1,7 @@
+export default function DeploymentsBreakdownPage(props) {
+  return (
+    <>
+      <p>hello from app/dashboard/(custom)/deployments/breakdown</p>
+    </>
+  )
+}
diff --git a/app/dashboard/(custom)/layout.js b/app/dashboard/(custom)/layout.js
@@ -0,0 +1,8 @@
+export default function CustomDashboardRootLayout({ children }) {
+  return (
+    <>
+      <h2>Custom dashboard</h2>
+      {children}
+    </>
+  )
+}
diff --git a/app/dashboard/client-comp-client.jsx b/app/dashboard/client-comp-client.jsx
@@ -0,0 +1,18 @@
+'client'
+
+import styles from './client-comp.module.css'
+
+import { useEffect, useState } from 'react'
+
+export default function ClientComp() {
+  const [state, setState] = useState({})
+  useEffect(() => {
+    setState({ test: 'HELLOOOO' })
+  }, [])
+  return (
+    <>
+      <p className={styles.client}>Hello</p>
+      {state.test}
+    </>
+  )
+}
diff --git a/app/dashboard/client-comp.module.css b/app/dashboard/client-comp.module.css
@@ -0,0 +1,3 @@
+.client {
+  color: #2e5aea;
+}
diff --git a/app/dashboard/deployments/[id]/page.js b/app/dashboard/deployments/[id]/page.js
@@ -0,0 +1,17 @@
+import { experimental_use as use } from 'react'
+
+async function getData({ params }) {
+  return {
+    id: params.id,
+  }
+}
+
+export default function DeploymentsPage(props) {
+  const data = use(getData(props))
+
+  return (
+    <>
+      <p>hello from app/dashboard/deployments/[id]. ID is: {data.id}</p>
+    </>
+  )
+}
diff --git a/app/dashboard/deployments/info/page.js b/app/dashboard/deployments/info/page.js
@@ -0,0 +1,7 @@
+export default function DeploymentsInfoPage(props) {
+  return (
+    <>
+      <p>hello from app/dashboard/deployments/info</p>
+    </>
+  )
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		// components under catch-all should not throw errors
		export default () => <p id="widget">widget</p>