Upgrade deps (#1053)

.flowconfig

@@ -1,4 +1,5 @@
 [ignore]
+.*/node_modules/resolve/test/.*
 
 [include]
 

.parcelrc

@@ -1,11 +1,11 @@
 {
   "extends": "@parcel/config-default",
   "resolvers": ["...", "parcel-resolver-website"],
-  "namers": ["parcel-namer-website", "..."],
   "transformers": {
-    "*.css": ["@parcel/transformer-postcss", "@parcel/transformer-css-experimental"]
+    "*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [
+      "@parcel/transformer-js",
+      "@parcel/transformer-react-refresh-wrap"
+    ]
   },
-  "optimizers": {
-    "*.css": ["@parcel/optimizer-css"]
-  }
+  "namers": ["parcel-namer-website", "..."]
 }

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-2.4.0.cjs
+yarnPath: .yarn/releases/yarn-3.2.4.cjs

generate-api-docs/index.js

@@ -228,9 +228,8 @@ function classToInterface(decl) {
                   type: "FunctionTypeAnnotation",
                   rest: null,
                   typeParams: true,
-                  params: p.params.map((param) => {
+                  params: p.params.map((param /*: any */) => {
                     if (param.type === "AssignmentPattern") {
-                      // $FlowFixMe
                       param = param.left;
                     } else if (param.type === "ObjectPattern") {
                       param = {

package.json

@@ -22,18 +22,18 @@
     "generate-api-docs:watch": "nodemon -w ../parcel -w generate-api-docs -x yarn generate-api-docs"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^0.12.1",
-    "@11ty/eleventy-navigation": "^0.1.6",
-    "@11ty/eleventy-plugin-rss": "^1.1.1",
-    "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.4",
-    "@babel/generator": "^7.12.11",
-    "@babel/parser": "^7.12.11",
-    "@babel/traverse": "^7.12.12",
-    "@parcel/optimizer-css": "^2.2.0",
-    "@parcel/packager-xml": "^2.2.0",
-    "@parcel/transformer-css-experimental": "^2.2.0",
-    "@parcel/transformer-sass": "^2.2.0",
-    "@parcel/transformer-xml": "^2.2.0",
+    "@11ty/eleventy": "^1.0.2",
+    "@11ty/eleventy-navigation": "^0.3.5",
+    "@11ty/eleventy-plugin-rss": "^1.2.0",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0",
+    "@babel/generator": "^7.20.1",
+    "@babel/parser": "^7.20.1",
+    "@babel/traverse": "^7.20.1",
+    "@parcel/packager-xml": "^2.8.0",
+    "@parcel/transformer-js": "^2.8.0",
+    "@parcel/transformer-react-refresh-wrap": "^2.8.0",
+    "@parcel/transformer-sass": "^2.8.0",
+    "@parcel/transformer-xml": "^2.8.0",
     "eleventy-plugin-toc": "^1.1.0",
     "flow-bin": "^0.177.0",
     "husky": "^4.3.6",
@@ -43,20 +43,20 @@
     "nodemon": "^2.0.6",
     "npm-run-all": "^4.1.5",
     "nullthrows": "^1.1.1",
-    "parcel": "^2.2.0",
+    "parcel": "^2.8.0",
     "postcss": "^8.3.6",
     "posthtml-include": "^1.7.0",
     "posthtml-prism": "^1.0.4",
-    "posthtml-render": "^3.0.0",
-    "prettier": "2.2.1",
-    "sass": "^1.35.2",
-    "sharp": "^0.29.1",
-    "tailwindcss": "^2.2.15",
-    "tailwindcss-safe-area": "^0.2.1"
+    "prettier": "2.7.1",
+    "process": "^0.11.10",
+    "sass": "^1.55.0",
+    "sharp": "^0.31.1",
+    "tailwindcss": "^3.2.1",
+    "tailwindcss-safe-area": "^0.2.2"
   },
   "dependencies": {
-    "@alpinejs/intersect": "^3.4.2",
-    "alpinejs": "^3.4.2",
+    "@alpinejs/intersect": "^3.10.5",
+    "alpinejs": "^3.10.5",
     "focus-visible": "^5.2.0",
     "marked": "^2.0.7",
     "react": "^17.0.2",

packages/parcel-namer-website/package.json

@@ -6,6 +6,6 @@
     "parcel": "^2.0.0-beta.1"
   },
   "dependencies": {
-    "@parcel/plugin": "nightly"
+    "@parcel/plugin": "^2.8.0"
   }
 }

packages/parcel-resolver-website/package.json

@@ -6,6 +6,6 @@
     "parcel": "^2.0.0-beta.1"
   },
   "dependencies": {
-    "@parcel/plugin": "nightly"
+    "@parcel/plugin": "^2.8.0"
   }
 }

src/assets/styles/doc-styles.scss

@@ -57,7 +57,7 @@ body {
 
   & > div {
     padding: 0.5rem;
-    @apply bg-white bg-opacity-80 dark:bg-black dark:bg-opacity-70 rounded-r-md; 
+    @apply bg-white bg-opacity-80 dark:bg-black dark:bg-opacity-70 rounded-r-md;
     @include transition-background-color;
   }
 
@@ -107,7 +107,7 @@ body {
     }
 
     em {
-      @apply text-sky-900 dark:text-sky-100 block whitespace-nowrap overflow-hidden overflow-ellipsis;
+      @apply text-sky-900 dark:text-sky-100 block whitespace-nowrap overflow-hidden text-ellipsis;
       @include transition-colors;
     }
 
@@ -290,7 +290,7 @@ body {
     .hamburger-button {
       @apply w-6 h-6 mr-4 flex-shrink-0 lg:hidden;
     }
-    
+
     .logo {
       @apply hidden xs:flex sm:mr-16;
       align-items: center;
@@ -539,7 +539,7 @@ body {
 
   h2,
   h2 + .header-anchor {
-    @apply text-2xl;  
+    @apply text-2xl;
   }
 
   h2 + .header-anchor {
@@ -739,13 +739,15 @@ body {
       page-break-inside: avoid;
     }
 
+    /*
     @page :left {
       margin: 15mm 20mm 15mm 10mm;
     }
 
     @page :right {
       margin: 15mm 10mm 15mm 20mm;
     }
+    */
 
     p,
     h2,

src/blog/v2-6-0/v2-6-0.md

@@ -67,7 +67,7 @@ The `@parcel/resolver-glob` plugin allows you to import multiple files at once u
 import * as locales from '@company/pkg/i18n/*.js';
 
 console.log(locales.en.message);
-````
+```
 
 See the [documentation](/features/dependency-resolution/#glob-specifiers) for more details.
 

src/docs.njk

@@ -223,7 +223,7 @@ title: Parcel Documentation
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
     </svg>
     <div class="font-bold text-lg mt-4 mb-2">Diagnostics</div>
-    <div>How to emit errors and logs using Parcel's unified diagnostics format.</p>
+    <div>How to emit errors and logs using Parcel's unified diagnostics format.</div>
   </a>
   <a href="/plugin-system/source-maps/" class="card bg-gradient-to-br sm:bg-gradient-to-r from-rose-200 to-orange-200 dark:from-rose-800 dark:to-orange-800 sm:from-purple-200 sm:to-pink-200 sm:dark:from-purple-800 sm:dark:to-pink-800 md:from-rose-200 md:to-orange-200 md:dark:from-rose-800 md:dark:to-orange-800 p-5 rounded-xl dark:text-white">
     <svg aria-hidden="true" class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">

src/home/styles.css

@@ -1,7 +1,7 @@
+@import "/assets/styles/search.scss";
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import "/assets/styles/search.scss";
 
 pre {
   @apply rounded-md;

tailwind.config.js

@@ -1,8 +1,8 @@
 const colors = require('tailwindcss/colors');
+const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
-  mode: 'jit',
-  purge: [
+  content: [
     './src/plugin-browser/*.js',
     './src/**/*.html',
     './src/**/*.njk',
@@ -19,8 +19,11 @@ module.exports = {
         orange: colors.orange,
         rose: colors.rose,
         fuchsia: colors.fuchsia,
-        blueGray: colors.blueGray,
-        violet: colors.violet
+        blueGray: colors.slate,
+        violet: colors.violet,
+        green: colors.emerald,
+        yellow: colors.amber,
+        purple: colors.violet,
       },
       maxWidth: {
         'full-screen': 'calc(100vw - 20px)'
@@ -31,10 +34,11 @@ module.exports = {
       height: {
         '128': '29rem'
       },
-      screens: {
-        'xs': '375px'
-      }
     },
+    screens: {
+      'xs': '375px',
+      ...defaultTheme.screens,
+    }
   },
   variants: {
     extend: {