adobe
diff --git a/‎.circleci/comment.js
Lines changed: 4 additions & 2 deletions b/‎.circleci/comment.js
Lines changed: 4 additions & 2 deletions
diff --git a/‎examples/rsp-next-ts/.eslintrc
Lines changed: 3 additions & 0 deletions b/‎examples/rsp-next-ts/.eslintrc
Lines changed: 3 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/.gitignore
Lines changed: 34 additions & 0 deletions b/‎examples/rsp-next-ts/.gitignore
Lines changed: 34 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/README.md
Lines changed: 21 additions & 0 deletions b/‎examples/rsp-next-ts/README.md
Lines changed: 21 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/components/Section.tsx
Lines changed: 20 additions & 0 deletions b/‎examples/rsp-next-ts/components/Section.tsx
Lines changed: 20 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/next-env.d.ts
Lines changed: 5 additions & 0 deletions b/‎examples/rsp-next-ts/next-env.d.ts
Lines changed: 5 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/next.config.js
Lines changed: 58 additions & 0 deletions b/‎examples/rsp-next-ts/next.config.js
Lines changed: 58 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/package.json
Lines changed: 30 additions & 0 deletions b/‎examples/rsp-next-ts/package.json
Lines changed: 30 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/pages/_app.tsx
Lines changed: 53 additions & 0 deletions b/‎examples/rsp-next-ts/pages/_app.tsx
Lines changed: 53 additions & 0 deletions
diff --git a/‎examples/rsp-next-ts/pages/api/hello.ts
Lines changed: 13 additions & 0 deletions b/‎examples/rsp-next-ts/pages/api/hello.ts
Lines changed: 13 additions & 0 deletions
@@ -47,8 +47,10 @@ async function run() {
           repo: 'react-spectrum',
           commit_sha: process.env.CIRCLE_SHA1,
           body: `Verdaccio builds:
-      [Test App](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/build/index.html)
-      [Test App Size](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/publish-stats/build-stats.txt)
+      [CRA Test App](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/build/index.html)
+      [NextJS Test App](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/next/index.html)
+      [CRA Test App Size](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/publish-stats/build-stats.txt)
+      [NextJS App Size](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/publish-stats/next-build-stats.txt)
       [Publish stats](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/publish-stats/publish.json)
       [Size diff since last release](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/publish-stats/size-diff.txt)
       [Docs](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/docs/index.html)`
 
@@ -0,0 +1,3 @@
+{
+  "extends": ["next", "next/core-web-vitals"]
+}
@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
@@ -0,0 +1,21 @@
+# Next.js Typescript example with React Spectrum
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) and [React Spectrum](https://react-spectrum.adobe.com/index.html).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.tsx`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
@@ -0,0 +1,20 @@
+import { View, Heading, Divider } from "@adobe/react-spectrum";
+import React from "react";
+
+interface SectionProps {
+  title: string;
+  children: JSX.Element | JSX.Element[];
+}
+
+export default function Section(props: SectionProps) {
+  let { title, children } = props;
+  return (
+    <View marginBottom="size-200">
+      <Heading id={title.toLowerCase()} level={2}>
+        {title}
+      </Heading>
+      <Divider marginBottom="size-100" />
+      {children}
+    </View>
+  );
+}
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
@@ -0,0 +1,58 @@
+const withTM = require("next-transpile-modules")([
+  "@adobe/react-spectrum",
+  "@react-spectrum/actiongroup",
+  "@react-spectrum/badge",
+  "@react-spectrum/breadcrumbs",
+  "@react-spectrum/button",
+  "@react-spectrum/buttongroup",
+  "@react-spectrum/calendar",
+  "@react-spectrum/checkbox",
+  "@react-spectrum/color",
+  "@react-spectrum/combobox",
+  "@react-spectrum/contextualhelp",
+  "@react-spectrum/datepicker",
+  "@react-spectrum/dialog",
+  "@react-spectrum/divider",
+  "@react-spectrum/form",
+  "@react-spectrum/icon",
+  "@react-spectrum/illustratedmessage",
+  "@react-spectrum/image",
+  "@react-spectrum/label",
+  "@react-spectrum/labeledvalue",
+  "@react-spectrum/layout",
+  "@react-spectrum/link",
+  "@react-spectrum/list",
+  "@react-spectrum/listbox",
+  "@react-spectrum/menu",
+  "@react-spectrum/meter",
+  "@react-spectrum/numberfield",
+  "@react-spectrum/overlays",
+  "@react-spectrum/picker",
+  "@react-spectrum/progress",
+  "@react-spectrum/provider",
+  "@react-spectrum/radio",
+  "@react-spectrum/slider",
+  "@react-spectrum/searchfield",
+  "@react-spectrum/statuslight",
+  "@react-spectrum/switch",
+  "@react-spectrum/table",
+  "@react-spectrum/tabs",
+  "@react-spectrum/text",
+  "@react-spectrum/textfield",
+  "@react-spectrum/theme-dark",
+  "@react-spectrum/theme-default",
+  "@react-spectrum/theme-light",
+  "@react-spectrum/tooltip",
+  "@react-spectrum/view",
+  "@react-spectrum/well",
+  "@spectrum-icons/illustrations",
+  "@spectrum-icons/ui",
+  "@spectrum-icons/workflow",
+]);
+
+module.exports = withTM({
+  basePath:
+    process.env.VERDACCIO && process.env.CIRCLE_SHA1
+      ? `/reactspectrum/${process.env.CIRCLE_SHA1}/verdaccio/next`
+      : "",
+});
@@ -0,0 +1,30 @@
+{
+  "name": "rsp-next-ts",
+  "version": "0.1.0",
+  "private": true,
+  "homepage": ".",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "export": "next export",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@adobe/react-spectrum": "^3.22.0",
+    "@react-spectrum/color": "^3.0.0-beta.16",
+    "@spectrum-icons/illustrations": "^3.5.0",
+    "@spectrum-icons/workflow": "^4.0.3",
+    "next": "^12.3.1",
+    "next-transpile-modules": "^9.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^18.8.2",
+    "@types/react": "^18.0.21",
+    "eslint": "^8.24.0",
+    "eslint-config-next": "^12.3.1",
+    "typescript": "^4.8.4"
+  }
+}
@@ -0,0 +1,53 @@
+import "../styles/globals.css";
+import type { AppProps } from "next/app";
+import {
+  SSRProvider,
+  Provider,
+  lightTheme,
+  ActionButton,
+  Flex,
+  Grid,
+  View,
+} from "@adobe/react-spectrum";
+import { ColorScheme } from "@react-types/provider";
+import { useState } from "react";
+import Moon from "@spectrum-icons/workflow/Moon";
+import Light from "@spectrum-icons/workflow/Light";
+
+function MyApp({ Component, pageProps }: AppProps) {
+  const [theme, setTheme] = useState<ColorScheme>("light");
+
+  let themeIcons = { dark: <Moon />, light: <Light /> };
+  let otherTheme: ColorScheme = theme === "light" ? "dark" : "light";
+
+  return (
+    <SSRProvider>
+      <Provider theme={lightTheme} colorScheme={theme}>
+        <Grid
+          areas={["header", "content"]}
+          columns={["1fr"]}
+          rows={["size-200", "auto"]}
+          gap="size-100"
+        >
+          <Flex
+            direction="row"
+            gap="size-100"
+            justifyContent="end"
+            margin="size-100"
+          >
+            <ActionButton
+              aria-label={`Switch to ${otherTheme} mode.`}
+              onPress={() => setTheme(otherTheme)}
+            >
+              {themeIcons[otherTheme]}
+            </ActionButton>
+          </Flex>
+          <View>
+            <Component {...pageProps} />
+          </View>
+        </Grid>
+      </Provider>
+    </SSRProvider>
+  );
+}
+export default MyApp;
@@ -0,0 +1,13 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+  name: string
+}
+
+export default function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<Data>
+) {
+  res.status(200).json({ name: 'John Doe' })
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "extends": ["next", "next/core-web-vitals"]`
	`3`	`+}`