playroom 0.28.0 → 0.28.2

package/.babelrc

@@ -3,11 +3,5 @@
     "@babel/preset-typescript",
     "@babel/preset-env",
     "@babel/preset-react"
-  ],
-  "plugins": [
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-proposal-optional-chaining",
-    "@babel/plugin-proposal-nullish-coalescing-operator",
-    "@vanilla-extract/babel-plugin"
   ]
 }

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.github/workflows/preview-site.yml

@@ -13,26 +13,30 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@master
+        uses: actions/checkout@v3
 
-      - name: Setup Node.js 12.x
-        uses: actions/setup-node@master
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v2.2.2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: 12.x
+          node-version-file: 'package.json'
+          cache: 'pnpm'
 
       - name: Install Dependencies
-        run: yarn --frozen-lockfile
+        run: pnpm i
 
       - name: Build
-        run: yarn build:themed
+        run: pnpm build:themed
 
       - name: Deploy to surge
-        run: yarn deploy-preview -d playroom--${GITHUB_SHA}.surge.sh
+        run: pnpm deploy-preview -d playroom--${GITHUB_SHA}.surge.sh
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
 
       - name: Update PR status
-        run: yarn post-commit-status
+        run: pnpm post-commit-status
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/release.yml

@@ -13,22 +13,28 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@master
+        uses: actions/checkout@v3
         with:
-          # This makes Actions fetch all Git history for semantic-release
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
-          token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Setup Node.js 12.x
-        uses: actions/setup-node@master
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v2.2.2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: 12.x
+          node-version-file: 'package.json'
+          cache: 'pnpm'
 
       - name: Install Dependencies
-        run: yarn --frozen-lockfile
+        run: pnpm i
 
-      - name: Publish to npm
-        run: yarn semantic-release
+      - name: Create Release Pull Request or Publish to npm
+        uses: changesets/action@v1
+        with:
+          version: pnpm run version
+          publish: pnpm release
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.SEEK_OSS_CI_GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.SEEK_OSS_CI_NPM_TOKEN }}

package/.github/workflows/snapshot.yml

@@ -0,0 +1,35 @@
+name: Snapshot
+
+on: workflow_dispatch
+
+jobs:
+  release:
+    name: Publish snapshot version
+    runs-on: ubuntu-latest
+    env:
+      CI: true
+    steps:
+      - name: Check out repo
+        uses: actions/checkout@v3
+        with:
+          # This makes Actions fetch all Git history for semantic-release
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v2.2.2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: 'package.json'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm i
+
+      - name: Publish
+        uses: seek-oss/changesets-snapshot@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.SEEK_OSS_CI_NPM_TOKEN }}

package/.github/workflows/validate.yml

@@ -10,21 +10,48 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@master
+        uses: actions/checkout@v3
 
-      - name: Setup Node.js 12.x
-        uses: actions/setup-node@master
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v2.2.2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: 'package.json'
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Cache Cypress binary
+        uses: actions/cache@v3
         with:
-          node-version: 12.x
+          path: ~/.cache/Cypress
+          key: cypress-${{ runner.os }}-cypress-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            cypress-${{ runner.os }}-cypress-
 
       - name: Install Dependencies
-        run: yarn --frozen-lockfile
+        run: pnpm i
 
       - name: Lint
-        run: yarn lint
+        run: pnpm lint
 
       - name: Test
-        run: yarn test
+        run: pnpm test
 
       - name: Cypress
-        run: yarn cypress
+        run: |
+          pnpm cypress:verify
+          pnpm cypress

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+pnpm exec lint-staged

package/.nvmrc

@@ -1 +1 @@
-lts/*
+16.13.0

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+# playroom
+
+## 0.28.2
+
+### Patch Changes
+
+- 8030325: Update all dependencies
+- 8030325: Fix error message on gutter marker tooltip
+
+  Playroom wraps the code in a Fragment to compile it and then removes it from the error message displayed as a tooltip on the gutter marker if it fails to compile.
+
+  The logic has been improved to remove the first occurence of an opening `<React.Fragment>` and the last occurence of `</React.Fragment>`.
+
+  Errors should no longer incorrectly have a stray closing fragment:
+
+  ```diff
+  "unknown: Expected corresponding JSX closing tag for <Boxerror>. (3:0)
+
+     1 | <Boxerror>
+     2 |   ...
+  -> 3 | </Box></React.Fragment>
+  +> 3 | </Box>
+       | ^"
+  ```
+
+- cbcf1cf: Update dependencies (and move to pnpm internally)

package/README.md

@@ -30,6 +30,8 @@ Playroom allows you to create a zero-install code-oriented design environment, b
 
 [Mística Design System](https://mistica-web.vercel.app/playroom) (Themed)
 
+[Shopify Polaris](https://polaris.shopify.com/sandbox?code=N4Igxg9gJgpiBcIA8BhAhgJygHQHYAJ8BnGSXKTATwDEIIAXGDAQTHoEsJciBeYAbWBlGuevHwByACLsiAW1lEJAXwC6yvIQAOGdnKq0GTVhy58hXEWMkBRAB5aIGevgBKMR85UbcAPk34qJhQAHQAEjBosBj4aGyc3HyC%2BMIwouISACoMaAA2%2BADKeTBK%2BGrK%2BBz0uTA82CBFNUT1-gSEgQAKEI4AbkwB7bHxfXwAZnkkPoOEcRw9aPROfAPTSABCAK70iwRQsmC5EEQbGDD4Wrlo7H4r0-gAauwwAO6Fxc1td0gA9JvbXK07lNplwUIcSHwABQASnwPF8%2BGAymBhEBqxMCQAMrIXOxGHJeAILKI0tYJABxDBHIhvJoqAA0iNS6UkADkYC5GiUVOp8N80YQfl1ekw0T90FhwpFomKJaECqRTDdPoFMjA7PQUJYrrhRbd8ABNCAbFJoAgbEjEd74U6eeg0xbEGBna6jJz6JWxABGxpclGNMTAFsWciYREAmAT6pzRGletAkKD4LgpXSMXRoYgbMAAC1iNKI1ogfRiHFDjK9lBS2bNutyjKc%2BAr%2BqI9DQo1GIRWPzVGq1oh1era4uCIQV8QBASCkrHnqqNTqIGyrfyXJpa1OaAA1lAIM9cC0u%2B4iAGwDBsS39adjydT6y0KHzERrgBzDaXDAZAs1CSMi4nPKfu83j6niMAEkk%2BqEMAkHtF%2BJQZAA8lgYY-jBMxyMaLISAAqgUUgACQAAwhIRhGoSqdwnLkGS2k49rfNGKH0jByjMRR7TQexgxwUQGTuPQJzcORdyDPemFkgAtLhBEAEwAKzEaRwkiYQVE0R4dFEN8pwCRgQlsSprH6uol5pNEACS%2BJQqBciwvCiIwWQLaIjxjJiRsoiMlRFQ8PgNkANwwTpgn4JCaGBEeJ5njiISWWB4WqRguR8N5CVDKeRBPl67C5HilCYmgXowMlwAAAaPC8tIlPgboxPhwA8copUoip%2BACq1SAFK2YCbu1rWBF1cSbrF%2BI1TluS%2BA17zKD8g09SNYF9R1c3DXFciTe5ogzd8K0LetaWzd1vXhT8kU3tFLZ7UthDQoF7HIvq-KTt8cqjoqCSyiOM4JJUeLzvUUiRMMCwwImtHOM0ICZl6UAbKD7VIOe9BLYjMVrb4HRoP6WxED8SNXfqqOXejS55FVa6Vig1a4LWeNo-iCPfEjYovV970TkOr3fcmc61PUrJGAeKpID2mratcg53Jk2ZnDxNoaRDsSnLE8w5YVNRJrguSVuwoz4NjMQtk4Lo0jzMuFNm3S65Q%2BoXGaSYxNm7DPjLGCdsL3yi32rYSxgLNc%2BzyrDlgvggPSID0DLoZEAg-AgIcYDFPAaQgKo4fPOwUCRzH8D8OoQA)
+
 Send us a PR if you'd like to be in this list!
 
 ## Getting Started

package/cypress/{integration/smoke.js → e2e/smoke.cy.js}

@@ -1,4 +1,8 @@
-import { getFirstFrame, loadPlayroom } from '../support/utils';
+import {
+  assertPreviewContains,
+  getFirstFrame,
+  loadPlayroom,
+} from '../support/utils';
 
 describe('Smoke', () => {
   it('frames are interactive', () => {
@@ -9,8 +13,8 @@ describe('Smoke', () => {
   it('preview mode loads correctly', () => {
     cy.visit(
       'http://localhost:9000/preview#?code=N4Igxg9gJgpiBcIA8AxCEB8r1YEIEMAnAei2LUyXJxAF8g'
-    )
-      .get('body')
-      .then((el) => expect(el.get(0).innerText).to.eq('Foo\nFoo\nBar'));
+    );
+
+    assertPreviewContains('Foo\nFoo\nBar');
   });
 });

package/cypress/support/utils.js

@@ -114,9 +114,14 @@ export const assertFramesMatch = (matches) =>
     });
 
 export const assertPreviewContains = (text) =>
-  cy.get('body').then((el) => {
-    expect(el.get(0).innerText).to.eq(text);
-  });
+  cy
+    .then(() => {
+      cy.get('[data-testid="splashscreen"]').should('not.be.visible');
+    })
+    .get('body')
+    .then((el) => {
+      expect(el.get(0).innerText).to.eq(text);
+    });
 
 export const loadPlayroom = () =>
   cy

package/cypress.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  defaultCommandTimeout: 10000,
+  video: false,
+  e2e: {},
+});

package/lib/build.js

@@ -16,7 +16,7 @@ module.exports = async (config, callback = noop) => {
 
     if (stats.hasErrors()) {
       const info = stats.toJson();
-      return callback(info.errors.join('\n\n'));
+      return callback(info.errors.map((error) => error.message).join('\n\n'));
     }
 
     return callback();

package/lib/makeWebpackConfig.js

@@ -1,3 +1,4 @@
+const fs = require('fs');
 const path = require('path');
 const webpack = require('webpack');
 const { merge } = require('webpack-merge');
@@ -18,6 +19,22 @@ module.exports = async (playroomConfig, options) => {
   const relativeResolve = (requirePath) =>
     require.resolve(requirePath, { paths: [playroomConfig.cwd] });
 
+  let isLegacyReact = true;
+
+  try {
+    // eslint-disable-next-line no-sync
+    const pkgContents = fs.readFileSync(
+      relativeResolve('react-dom/package.json'),
+      {
+        encoding: 'utf-8',
+      }
+    );
+    const { version } = JSON.parse(pkgContents);
+    isLegacyReact = !(version.startsWith('18') || version.startsWith('0.0.0'));
+  } catch (e) {
+    throw new Error('Unable to read `react-dom` package json');
+  }
+
   const staticTypes = await getStaticTypes(playroomConfig);
 
   const ourConfig = {
@@ -158,6 +175,16 @@ module.exports = async (playroomConfig, options) => {
       new VanillaExtractPlugin(),
       new MiniCssExtractPlugin({ ignoreOrder: true }),
       ...(options.production ? [] : [new FriendlyErrorsWebpackPlugin()]),
+      // If using a version of React earlier than 18, ignore the
+      // react-dom/client import. This hack can be removed when
+      // support for older versions of React is removed.
+      ...(isLegacyReact
+        ? [
+            new webpack.IgnorePlugin({
+              resourceRegExp: /react-dom\/client$/,
+            }),
+          ]
+        : []),
     ],
     devtool: !options.production && 'eval-source-map',
   };

package/package.json

@@ -1,55 +1,20 @@
 {
   "name": "playroom",
-  "version": "0.28.0",
+  "version": "0.28.2",
   "description": "Design with code, powered by your own component library",
   "main": "utils/index.js",
   "types": "utils/index.d.ts",
   "bin": {
     "playroom": "bin/cli.js"
   },
-  "scripts": {
-    "cypress": "start-server-and-test build-and-serve:all '9000|9001' 'cypress run'",
-    "cypress:dev": "start-server-and-test start:all '9000|9001' 'cypress open'",
-    "start:basic": "./bin/cli.js start --config cypress/projects/basic/playroom.config.js",
-    "build:basic": "./bin/cli.js build --config cypress/projects/basic/playroom.config.js",
-    "serve:basic": "PORT=9000 serve cypress/projects/basic/dist",
-    "start:themed": "./bin/cli.js start --config cypress/projects/themed/playroom.config.js",
-    "build:themed": "./bin/cli.js build --config cypress/projects/themed/playroom.config.js",
-    "serve:themed": "PORT=9001 serve --config ../serve.json cypress/projects/themed/dist",
-    "start:all": "concurrently 'npm:start:basic' 'npm:start:themed'",
-    "build:all": "concurrently 'npm:build:basic' 'npm:build:themed'",
-    "serve:all": "concurrently 'npm:serve:basic' 'npm:serve:themed'",
-    "build-and-serve:all": "yarn build:all && yarn serve:all",
-    "commit": "git-cz",
-    "lint": "eslint . && prettier --list-different '**/*.{js,md,less,ts,tsx}' && tsc --noEmit",
-    "format": "prettier --write '**/*.{js,md,less,ts,tsx}'",
-    "semantic-release": "semantic-release",
-    "test": "jest src",
-    "post-commit-status": "node scripts/postCommitStatus.js",
-    "deploy-preview": "surge -p ./cypress/projects/themed/dist"
-  },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint --edit --extends seek",
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
     "**/*.{js,ts,tsx}": [
-      "yarn eslint"
+      "eslint"
     ],
-    "**/*.{js,md,less,ts,tsx}": [
+    "**/*.{js,md,ts,tsx}": [
       "prettier --write"
     ]
   },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "release": {
-    "success": false
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/seek-oss/playroom.git"
@@ -61,89 +26,106 @@
   },
   "homepage": "https://github.com/seek-oss/playroom#readme",
   "dependencies": {
-    "@babel/cli": "^7.13.10",
-    "@babel/core": "^7.13.10",
-    "@babel/preset-env": "^7.13.10",
-    "@babel/preset-react": "^7.12.13",
-    "@babel/preset-typescript": "^7.13.0",
-    "@babel/standalone": "^7.13.11",
-    "@soda/friendly-errors-webpack-plugin": "^1.8.0",
+    "@babel/cli": "^7.19.3",
+    "@babel/core": "^7.20.5",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/standalone": "^7.20.6",
+    "@soda/friendly-errors-webpack-plugin": "^1.8.1",
     "@types/base64-url": "^2.2.0",
-    "@types/codemirror": "^0.0.108",
+    "@types/codemirror": "^5.60.5",
     "@types/dedent": "^0.7.0",
-    "@types/history": "^4.7.8",
-    "@types/lodash": "^4.14.168",
+    "@types/lodash": "^4.14.191",
     "@types/lz-string": "^1.3.34",
-    "@types/prettier": "^2.2.3",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.2",
-    "@vanilla-extract/babel-plugin": "^1.1.5",
-    "@vanilla-extract/css": "^1.7.0",
-    "@vanilla-extract/css-utils": "^0.1.2",
-    "@vanilla-extract/sprinkles": "^1.4.0",
-    "@vanilla-extract/webpack-plugin": "^2.1.8",
-    "babel-loader": "^8.2.2",
-    "classnames": "^2.3.1",
-    "codemirror": "^5.59.4",
-    "command-line-args": "^5.1.1",
-    "command-line-usage": "^6.1.1",
-    "copy-to-clipboard": "^3.3.1",
-    "css-loader": "^5.1.3",
+    "@types/prettier": "^2.7.1",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vanilla-extract/css": "^1.9.2",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/sprinkles": "^1.5.1",
+    "@vanilla-extract/webpack-plugin": "2.1.12",
+    "babel-loader": "^9.1.0",
+    "classnames": "^2.3.2",
+    "codemirror": "^5.65.10",
+    "command-line-args": "^5.2.1",
+    "command-line-usage": "^6.1.3",
+    "copy-to-clipboard": "^3.3.3",
+    "css-loader": "^6.7.2",
     "current-git-branch": "^1.1.0",
     "dedent": "^0.7.0",
-    "fast-glob": "^3.2.5",
+    "fast-glob": "^3.2.12",
     "find-up": "^5.0.0",
     "fuzzy": "^0.1.3",
-    "history": "^5.0.0",
-    "html-webpack-plugin": "^5.3.1",
-    "intersection-observer": "^0.12.0",
-    "localforage": "^1.9.0",
-    "locate-path": "^6.0.0",
+    "history": "^5.3.0",
+    "html-webpack-plugin": "^5.5.0",
+    "intersection-observer": "^0.12.2",
+    "localforage": "^1.10.0",
     "lodash": "^4.17.21",
     "lz-string": "^1.4.4",
-    "mini-css-extract-plugin": "^2.6.0",
+    "mini-css-extract-plugin": "^2.7.2",
     "parse-prop-types": "^0.3.0",
-    "polished": "^4.1.4",
-    "portfinder": "^1.0.28",
-    "prettier": "^2.2.1",
-    "prop-types": "^15.7.2",
-    "query-string": "^6.14.1",
-    "re-resizable": "^6.9.0",
-    "react-codemirror2": "^7.2.1",
-    "react-docgen-typescript": "^2.1.0",
-    "react-use": "^17.2.1",
+    "polished": "^4.2.2",
+    "portfinder": "^1.0.32",
+    "prettier": "^2.8.1",
+    "prop-types": "^15.8.1",
+    "query-string": "^7.1.3",
+    "re-resizable": "^6.9.9",
+    "react-docgen-typescript": "^2.2.2",
+    "react-use": "^17.4.0",
     "read-pkg-up": "^7.0.1",
     "scope-eval": "^1.0.0",
-    "typescript": "^4.3.2",
-    "url-join": "^4.0.1",
-    "use-debounce": "^3.3.0",
-    "webpack": "^5.26.0",
-    "webpack-dev-server": "^4.2.0",
-    "webpack-merge": "^5.7.3"
+    "typescript": "^4.5.4",
+    "use-debounce": "^9.0.2",
+    "webpack": "^5.75.0",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-merge": "^5.8.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^12.0.1",
-    "@octokit/rest": "^18.3.5",
-    "@types/jest": "^26.0.20",
-    "commitizen": "^4.2.3",
-    "commitlint-config-seek": "^1.0.0",
-    "concurrently": "^6.0.0",
-    "cypress": "^6.7.1",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^7.22.0",
-    "eslint-config-seek": "^7.0.8",
-    "husky": "^4.3.8",
-    "jest": "^26.6.3",
-    "lint-staged": "^10.5.4",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "semantic-release": "^17.4.2",
-    "serve": "^11.3.2",
-    "start-server-and-test": "^1.12.0",
-    "surge": "^0.22.1"
+    "@changesets/cli": "^2.25.2",
+    "@octokit/rest": "^19.0.5",
+    "@types/jest": "^29.2.4",
+    "concurrently": "^7.6.0",
+    "cypress": "^12.0.2",
+    "eslint": "^8.29.0",
+    "eslint-config-seek": "^10.1.2",
+    "husky": "^8.0.2",
+    "jest": "^29.3.1",
+    "lint-staged": "^13.1.0",
+    "react": "^18.0.1",
+    "react-dom": "^18.0.1",
+    "serve": "^14.1.2",
+    "start-server-and-test": "^1.15.2",
+    "surge": "^0.23.1"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0",
-    "react-dom": "^16.8 || ^17.0"
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18"
+  },
+  "packageManager": "pnpm@7.18.1",
+  "volta": {
+    "node": "16.13.0"
+  },
+  "scripts": {
+    "cypress": "start-server-and-test build-and-serve:all '9000|9001' 'cypress run'",
+    "cypress:dev": "start-server-and-test start:all '9000|9001' 'cypress open --browser chrome --e2e'",
+    "cypress:verify": "cypress verify",
+    "start:basic": "./bin/cli.js start --config cypress/projects/basic/playroom.config.js",
+    "build:basic": "./bin/cli.js build --config cypress/projects/basic/playroom.config.js",
+    "serve:basic": "PORT=9000 serve --no-request-logging cypress/projects/basic/dist",
+    "start:themed": "./bin/cli.js start --config cypress/projects/themed/playroom.config.js",
+    "build:themed": "./bin/cli.js build --config cypress/projects/themed/playroom.config.js",
+    "serve:themed": "PORT=9001 serve --config ../serve.json --no-request-logging cypress/projects/themed/dist",
+    "start:all": "concurrently 'npm:start:basic' 'npm:start:themed'",
+    "build:all": "concurrently 'npm:build:basic' 'npm:build:themed'",
+    "serve:all": "concurrently 'npm:serve:basic' 'npm:serve:themed'",
+    "build-and-serve:all": "pnpm build:all && pnpm serve:all",
+    "lint": "eslint . && prettier --list-different '**/*.{js,md,ts,tsx}' && tsc --noEmit",
+    "format": "prettier --write '**/*.{js,md,ts,tsx}'",
+    "version": "changeset version",
+    "release": "changeset publish",
+    "test": "jest src",
+    "post-commit-status": "node scripts/postCommitStatus.js",
+    "deploy-preview": "surge -p ./cypress/projects/themed/dist"
   }
-}
+}