Fix broken site build (#501)

Author: mattcompiles

package.json

@@ -21,13 +21,6 @@
     "version": "changeset version && pnpm install --lockfile-only",
     "release": "pnpm copy-readme-to-packages && pnpm build && changeset publish"
   },
-  "workspaces": [
-    "packages/*",
-    "test-helpers",
-    "fixtures/*",
-    "site",
-    "examples/*"
-  ],
   "preconstruct": {
     "packages": [
       "packages/*"

pnpm-lock.yaml

@@ -35,6 +35,7 @@
     "@vanilla-extract/css": "*",
     "@vanilla-extract/css-utils": "*",
     "@vanilla-extract/sprinkles": "*",
+    "@vanilla-extract/webpack-plugin": "*",
     "babel-loader": "^8.2.2",
     "copy-webpack-plugin": "^8.1.0",
     "css-loader": "^5.2.4",

site/package.json

@@ -81,16 +81,16 @@ const tailwindPalette = {
   teal800: colors.teal['800'],
   teal900: colors.teal['900'],
 
-  blue50: colors.lightBlue['50'],
-  blue100: colors.lightBlue['100'],
-  blue200: colors.lightBlue['200'],
-  blue300: colors.lightBlue['300'],
-  blue400: colors.lightBlue['400'],
-  blue500: colors.lightBlue['500'],
-  blue600: colors.lightBlue['600'],
-  blue700: colors.lightBlue['700'],
-  blue800: colors.lightBlue['800'],
-  blue900: colors.lightBlue['900'],
+  blue50: colors.sky['50'],
+  blue100: colors.sky['100'],
+  blue200: colors.sky['200'],
+  blue300: colors.sky['300'],
+  blue400: colors.sky['400'],
+  blue500: colors.sky['500'],
+  blue600: colors.sky['600'],
+  blue700: colors.sky['700'],
+  blue800: colors.sky['800'],
+  blue900: colors.sky['900'],
 
   pink50: colors.fuchsia['50'],
   pink100: colors.fuchsia['100'],

site/src/themes.css.ts

@@ -92,20 +92,25 @@ module.exports = [
       new CopyPlugin({
         patterns: [{ from: join(__dirname, 'src/assets') }],
       }),
-      ...(process.env.CI !== 'true'
+      ...(process.env.CI !== 'true' && isProduction
         ? [
             new BundleAnalyzerPlugin({
+              analyzerMode: 'static',
               openAnalyzer: false,
             }),
           ]
         : []),
     ],
-    stats: 'errors-only',
+    stats: 'errors-warnings',
   },
   {
     name: 'render',
     target: 'node',
-    externals: [nodeExternals()],
+    externals: [
+      nodeExternals({
+        allowlist: [/^react-syntax-highlighter\/dist\/esm/],
+      }),
+    ],
     output: {
       filename: 'render.js',
       path: targetDirectory,
@@ -162,6 +167,6 @@ module.exports = [
       }),
       htmlRenderPlugin.rendererPlugin,
     ],
-    stats: 'errors-only',
+    stats: 'errors-warnings',
   },
 ];

site/webpack.config.js

@@ -1,5 +1,5 @@
 {
-  "name": "test-helpers",
+  "name": "@ve-private/test-helpers",
   "private": true,
   "version": "0.0.0",
   "main": "src/index.ts",

test-helpers/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "tests",
+  "name": "@ve-private/tests",
   "private": true,
   "version": "0.0.0",
   "author": "SEEK",
@@ -12,6 +12,6 @@
     "@vanilla-extract/dynamic": "*",
     "@vanilla-extract/recipes": "*",
     "@vanilla-extract/sprinkles": "*",
-    "test-helpers": "workspace:*"
+    "@ve-private/test-helpers": "*"
   }
 }

tests/package.json

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import { startFixture, TestServer } from 'test-helpers';
+import { startFixture, TestServer } from '@ve-private/test-helpers';
 
 import test from './fixture';
 

tests/screenshots/features.playwright.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import { startFixture, TestServer } from 'test-helpers';
+import { startFixture, TestServer } from '@ve-private/test-helpers';
 
 import test from './fixture';
 

tests/screenshots/recipes.playwright.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import { startFixture, TestServer } from 'test-helpers';
+import { startFixture, TestServer } from '@ve-private/test-helpers';
 
 import test from './fixture';