feat: separate legacy example projects (#1977)

* chore: wip cleanup

* chore: install and build step

* chore: add sass

* chore: update deps

* chore: add deps

* chore: cleanup

* chore: include packages/experimental-app-router

* chore: update changesets

* chore: update gettting-started postcss dependency

* chore: update dev npm command

Author: theodesp

.changeset/config.json

@@ -3,7 +3,6 @@
   "changelog": "@changesets/cli/changelog",
   "commit": false,
   "linked": [
-    ["@faustjs/core", "@faustjs/next", "@faustjs/react"],
     ["@faustwp/core", "@faustwp/cli"]
   ],
   "privatePackages": {
@@ -14,10 +13,7 @@
   "baseBranch": "canary",
   "updateInternalDependencies": "patch",
   "ignore": [
-    "@faustjs/next-headless-getting-started",
-    "@faustwp/getting-started-example",
-    "@faustwp/app-router-example",
-    "@faustwp/block-support-example"
+    "@faustwp/getting-started-example"
   ],
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "onlyUpdatePeerDependentsWhenOutOfRange": true

.changeset/dirty-guests-kneel.md

@@ -0,0 +1,8 @@
+---
+'@faustwp/experimental-app-router': minor
+'@faustwp/cli': patch
+---
+
+**@faustwp/cli**: Migrates `glob-promise` dependency to Promise support.
+
+**@faustwp/experimental-app-router**: Update peer dependency of `@apollo/experimental-nextjs-app-support >=0.11.5`.

.eslintrc.js

@@ -31,6 +31,10 @@ module.exports = {
       // e.g. "@typescript-eslint/explicit-function-return-type": "off",
       '@typescript-eslint/unbound-method': 0,
       '@typescript-eslint/no-explicit-any': 0,
+      '@typescript-eslint/no-unsafe-call': 0,
+      '@typescript-eslint/no-unsafe-return': 0,
+      '@typescript-eslint/no-unsafe-argument': 0,
+      '@typescript-eslint/restrict-template-expressions': 0,
       'no-void': 0,
       'import/named': 0,
       'import/no-extraneous-dependencies': [

.github/workflows/e2e-next-example.yml

@@ -19,7 +19,7 @@ export default function Header({
         <Container>
           <div className={cx('navbar')}>
             <div className={cx('brand')}>
-              <Link href="/">
+              <Link legacyBehavior href="/">
                 <a className={cx('title')}>{title}</a>
               </Link>
               {description && <p className={cx('description')}>{description}</p>}

.github/workflows/e2e-test-plugin.yml

@@ -14,7 +14,7 @@ export default function Post({
   return (
     <article className={styles.component}>
       {featuredImage && (
-        <Link href={uri}>
+        <Link legacyBehavior href={uri}>
           <a>
             <FeaturedImage
               image={featuredImage}
@@ -25,7 +25,7 @@ export default function Post({
         </Link>
       )}
 
-      <Link href={uri}>
+      <Link legacyBehavior href={uri}>
         <a>
           <h2>{title}</h2>
         </a>

examples/next/faustwp-getting-started/components/Header/Header.js

@@ -13,13 +13,13 @@
     "@apollo/client": "^3.10.4",
     "@faustwp/cli": "^3.1.0",
     "@faustwp/core": "^3.1.0",
-    "@wordpress/base-styles": "^4.49.0",
-    "@wordpress/block-library": "^7.19.0",
+    "@wordpress/base-styles": "^5.10.0",
+    "@wordpress/block-library": "^9.10.0",
     "classnames": "^2.5.1",
     "graphql": "^16.8.1",
-    "next": "^12.3.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "next": "^14.2.15",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "sass": "^1.77.3"
   },
   "devDependencies": {

examples/next/faustwp-getting-started/components/Post/Post.js

@@ -35,5 +35,8 @@
     "eslint-config-next": "^12.0.7",
     "rimraf": "^3.0.2",
     "typescript": "^4.5.2"
+  },
+  "overrides": {
+    "postcss": "^8.4.31"
   }
 }