feat: Setup new S2 docs website

.circleci/comment.js

@@ -80,7 +80,8 @@ async function run() {
 
   * [View the storybook](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/storybook/index.html)
   * [View the S2 storybook](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/storybook-s2/index.html)
-  * [View the documentation](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/docs/index.html)`
+  * [View the documentation](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/docs/index.html)
+  * [View the S2 docs](https://reactspectrum.blob.core.windows.net/reactspectrum/${process.env.CIRCLE_SHA1}/s2-docs/index.html)`
       });
     } catch (err) {
       console.error(err)

.circleci/config.yml

@@ -470,6 +470,21 @@ jobs:
           paths:
             - '*/docs/'
 
+  s2-docs:
+    executor: rsp-xlarge
+    steps:
+      - restore_cache:
+          key: react-spectrum-{{ .Environment.CACHE_VERSION }}-{{ .Environment.CIRCLE_SHA1 }}
+
+      - run:
+          name: build s2 docs
+          command: make s2-docs
+
+      - persist_to_workspace:
+          root: dist
+          paths:
+            - '*/s2-docs/'
+
   verdaccio:
     executor: rsp-xlarge
     steps:
@@ -869,6 +884,9 @@ workflows:
       - docs:
           requires:
             - install
+      - s2-docs:
+          requires:
+            - install
       - verdaccio:
           filters:
             branches:
@@ -923,6 +941,7 @@ workflows:
             - storybook
             - storybook-s2
             - docs
+            - s2-docs
       - deploy-verdaccio:
           requires:
             - v-docs

.yarn/patches/@parcel-rsc-npm-2.14.4-224743f6b2.patch

@@ -0,0 +1,11 @@
+diff --git a/lib/client.d.ts b/lib/client.d.ts
+index abfc3ae8bc4cee00f322501e209bc8a63ee3a1d1..cfe5e732732d857804b87ec2534e90aea6749330 100644
+--- a/lib/client.d.ts
++++ b/lib/client.d.ts
+@@ -1,6 +1,5 @@
+ /* @jsxRuntime automatic */ import { ReactNode } from 'react';
+ import { HydrationOptions } from 'react-dom/client';
+-type CallServerCallback = <T>(id: string, args: any[]) => Promise<T>;
+ export declare function setServerCallback(cb: CallServerCallback): void;
+ export type CallServerCallback = <T>(id: string, args: any[]) => Promise<T>;
+ export interface HydrateOptions extends HydrationOptions {

Makefile

@@ -110,7 +110,7 @@ website-production:
 	cp packages/dev/docs/pages/robots.txt dist/production/docs/robots.txt
 	$(MAKE) starter-zip
 	$(MAKE) tailwind-starter
-	$(MAKE) s2-docs
+	$(MAKE) s2-storybook-docs
 
 check-examples:
 	node scripts/extractExamples.mjs
@@ -135,9 +135,15 @@ tailwind-starter:
 	cd starters/tailwind && yarn build-storybook
 	mv starters/tailwind/storybook-static dist/production/docs/react-aria-tailwind-starter
 
-s2-docs:
-	yarn build:s2-docs -o dist/production/docs/s2
+s2-storybook-docs:
+	yarn build:s2-storybook-docs -o dist/production/docs/s2
 
 s2-api-diff:
 	node scripts/buildBranchAPI.js
 	node scripts/api-diff.js --skip-same --skip-style-props
+
+s2-docs:
+	node scripts/extractStarter.mjs
+	yarn build:s2-docs --public-url /reactspectrum/$$(git rev-parse HEAD)/s2-docs
+	mkdir -p dist/$$(git rev-parse HEAD)
+	mv packages/dev/s2-docs/dist dist/$$(git rev-parse HEAD)/s2-docs

eslint.config.mjs

@@ -492,7 +492,7 @@ export default [{
         }],
     },
 }, {
-    files: ["packages/@react-spectrum/s2/**"],
+    files: ["packages/@react-spectrum/s2/**", "packages/dev/s2-docs/**"],
 
     rules: {
         "react/react-in-jsx-scope": OFF,

package.json

@@ -22,9 +22,11 @@
     "build:chromatic-fc": "CHROMATIC=1 storybook build -c .chromatic-fc -o dist/$(git rev-parse HEAD)/chromatic-fc",
     "start:s2": "NODE_ENV=storybook storybook dev -p 6006 --ci -c '.storybook-s2'",
     "build:storybook-s2": "NODE_ENV=storybook storybook build -c .storybook-s2 -o dist/$(git rev-parse HEAD)/storybook-s2",
-    "build:s2-docs": "NODE_ENV=storybook storybook build -c .storybook-s2 --docs",
+    "build:s2-storybook-docs": "NODE_ENV=storybook storybook build -c .storybook-s2 --docs",
     "start:docs": "DOCS_ENV=dev parcel 'packages/@react-{spectrum,aria,stately}/*/docs/*.mdx' 'packages/react-aria-components/docs/**/*.mdx' 'packages/@internationalized/*/docs/*.mdx' 'packages/dev/docs/pages/**/*.mdx'",
     "build:docs": "DOCS_ENV=staging parcel build 'packages/@react-{spectrum,aria,stately}/*/docs/*.mdx' 'packages/react-aria-components/docs/**/*.mdx' 'packages/@internationalized/*/docs/*.mdx' 'packages/dev/docs/pages/**/*.mdx'",
+    "start:s2-docs": "yarn workspace @react-spectrum/s2-docs start",
+    "build:s2-docs": "yarn workspace @react-spectrum/s2-docs build",
     "test": "cross-env STRICT_MODE=1 yarn jest",
     "test:lint": "node packages/**/*.test-lint.js",
     "test-loose": "cross-env VIRT_ON=1 yarn jest",
@@ -85,19 +87,21 @@
     "@faker-js/faker": "^8.4.1",
     "@jdb8/eslint-plugin-monorepo": "^1.0.1",
     "@octokit/rest": "*",
-    "@parcel/bundler-library": "^2.14.0",
-    "@parcel/config-default": "^2.14.0",
-    "@parcel/config-storybook": "0.0.2",
-    "@parcel/core": "^2.14.0",
-    "@parcel/optimizer-data-url": "^2.14.0",
-    "@parcel/optimizer-terser": "^2.14.0",
-    "@parcel/packager-ts": "^2.14.0",
-    "@parcel/reporter-cli": "^2.14.0",
-    "@parcel/resolver-glob": "^2.14.0",
-    "@parcel/transformer-inline": "^2.14.0",
-    "@parcel/transformer-inline-string": "^2.14.0",
-    "@parcel/transformer-svg-react": "^2.14.0",
-    "@parcel/transformer-typescript-types": "^2.14.0",
+    "@parcel/bundler-library": "^2.15.1",
+    "@parcel/config-default": "^2.15.1",
+    "@parcel/config-storybook": "^0.0.2",
+    "@parcel/core": "^2.15.1",
+    "@parcel/optimizer-data-url": "^2.15.1",
+    "@parcel/optimizer-terser": "^2.15.1",
+    "@parcel/packager-react-static": "^2.15.1",
+    "@parcel/packager-ts": "^2.15.1",
+    "@parcel/reporter-cli": "^2.15.1",
+    "@parcel/resolver-glob": "^2.15.1",
+    "@parcel/transformer-inline": "^2.15.1",
+    "@parcel/transformer-inline-string": "^2.15.1",
+    "@parcel/transformer-react-static": "^2.15.1",
+    "@parcel/transformer-svg-react": "^2.15.1",
+    "@parcel/transformer-typescript-types": "^2.15.1",
     "@react-spectrum/s2-icon-builder": "^0.2.0",
     "@spectrum-css/component-builder": "workspace:^",
     "@spectrum-css/vars": "^2.3.0",
@@ -121,7 +125,7 @@
     "@stylistic/eslint-plugin-ts": "^2.9.0",
     "@swc/core": "^1.3.36",
     "@swc/jest": "^0.2.36",
-    "@tailwindcss/postcss": "^4.0.0",
+    "@tailwindcss/postcss": "^4.0.17",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^16.0.0",
@@ -177,7 +181,7 @@
     "npm-cli-login": "^1.0.0",
     "nyc": "^10.2.0",
     "p-queue": "^6.2.1",
-    "parcel": "^2.14.0",
+    "parcel": "^2.15.1",
     "parcel-optimizer-strict-mode": "workspace:^",
     "patch-package": "^6.2.0",
     "playwright": "^1.45.3",
@@ -238,7 +242,8 @@
     "@types/node@npm:>= 8": "^22",
     "micromark-extension-mdxjs": "patch:micromark-extension-mdxjs@npm%3A1.0.0#~/.yarn/patches/micromark-extension-mdxjs-npm-1.0.0-d2b6b69e4a.patch",
     "remark-mdx": "patch:remark-mdx@npm%3A2.0.0-rc.2#~/.yarn/patches/remark-mdx-npm-2.0.0-rc.2-7a71234e1f.patch",
-    "remark-parse": "patch:remark-parse@npm%3A10.0.1#~/.yarn/patches/remark-parse-npm-10.0.1-e654d7df78.patch"
+    "remark-parse": "patch:remark-parse@npm%3A10.0.1#~/.yarn/patches/remark-parse-npm-10.0.1-e654d7df78.patch",
+    "lightningcss": "1.30.1"
   },
   "@parcel/transformer-css": {
     "cssModules": {
@@ -252,7 +257,9 @@
         "packages/@react-spectrum/color/src/*.tsx",
         "packages/@react-spectrum/s2/**/*.{js,ts,tsx}",
         "packages/@react-spectrum/s2/stories/**",
-        ".storybook-s2/**"
+        ".storybook-s2/**",
+        "packages/dev/s2-docs/**",
+        "starters/**"
       ]
     },
     "drafts": {