Change package ecosystem from yarn to npm (module-federation#906)

* chore: switch locks

* Change package ecosystem from yarn to npm and update workflows

This commit updates the package ecosystem from yarn to npm, and modifies the corresponding GitHub Action workflows. Changes are also made in package.json to reflect the shift to npm.

### .github/dependabot.yml

- Change package-ecosystem from 'yarn' to 'npm'

### .github/workflows/on-push.yml

- Replace occurrences of 'yarn.lock' with 'package-lock.json'

- Change yarn install command to npm ci

### .github/workflows/pre-release.yml

- Change yarn cache to npm cache

- Replace yarn install command with npm ci

### .github/workflows/release.yml

- Change yarn cache to npm cache

- Replace yarn install command with npm ci

### package.json

- Remove the 'workspaces' object and replace it with an array of workspaces

* chore: attempt to fix tests

* update locks

* update nx

* fix: update babel config and fix app test (module-federation#922)

* update locks

* update locks

* chore:update locks

* chore:update locks

---------

Co-authored-by: fyodorovandrei <[email protected]>

.github/dependabot.yml

@@ -5,7 +5,7 @@
 
 version: 2
 updates:
-  - package-ecosystem: "yarn" # See documentation for possible values
+  - package-ecosystem: "npm" # See documentation for possible values
     directory: "/" # Location of package manifests
     schedule:
       interval: "weekly"

.github/workflows/on-push.yml

@@ -31,10 +31,10 @@ jobs:
         id: cache
         with:
           path: ${{ env.CACHE_NODE_MODULES_PATH }}
-          key: build-${{ hashFiles('**/yarn.lock') }}
+          key: build-${{ hashFiles('**/package-lock.json') }}
       - name: Install Dependencies
         if: steps.cache.outputs.cache-hit != 'true'
-        run: yarn install --frozen-lockfile
+        run: npm ci --legacy-peer-deps
       - name: Check changes "website"
         id: website-changed
         run: echo "website-changed=$(node tools/scripts/ci-is-affected.mjs --appName=website --base=${{ env.BASE_REF}} --head=HEAD)" >> $GITHUB_OUTPUT
@@ -53,7 +53,7 @@ jobs:
       - uses: actions/cache@v3
         with:
           path: ${{ env.CACHE_NODE_MODULES_PATH }}
-          key: build-${{ hashFiles('**/yarn.lock') }}
+          key: build-${{ hashFiles('**/package-lock.json') }}
       - run: npm run build:website
       - run: "npx netlify deploy --build --prod --message \"Deploy from GitHub Actions\""
         env:
@@ -71,11 +71,11 @@ jobs:
       - uses: actions/cache@v3
         with:
           path: ${{ env.CACHE_NODE_MODULES_PATH }}
-          key: build-${{ hashFiles('**/yarn.lock') }}
+          key: build-${{ hashFiles('**/package-lock.json') }}
       - uses: nelonoel/[email protected]
       - run: npm run build:website
       - run: "npx netlify deploy --build --message \"Deploy Preview from GitHub Actions\" --alias \"${{ env.BRANCH_NAME }}\""
         env:
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-          NETLIFY_NEXT_PLUGIN_SKIP: true
+          NETLIFY_NEXT_PLUGIN_SKIP: true

.github/workflows/pre-release.yml

@@ -15,15 +15,15 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: '16'
-          cache: 'yarn'
+          cache: 'npm'
       - name: Setup Git
         run: |
           git config user.name "GitHub Bot"
           git config user.email "[email protected]"
       - run: git fetch --no-tags --prune --depth=5 origin main
         name: Fetch Main branch
       - name: Install packages
-        run: yarn install --frozen-lockfile
+        run: npm ci --legacy-peer-deps
       - name: Retrieve effected projects
         id: effected-projects
         run: echo "projects=$($(yarn bin)/nx print-affected --type=lib --select=projects --base=origin/main)" >> $GITHUB_OUTPUT

.github/workflows/release.yml

@@ -28,13 +28,13 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: '16'
-          cache: 'yarn'
+          cache: 'npm'
       - name: Setup Git
         run: |
           git config user.name "GitHub Bot"
           git config user.email "[email protected]"
       - name: Install packages
-        run: yarn install --frozen-lockfile
+        run: npm ci --legacy-peer-deps
       - name: Lint
         shell: bash
         run: |

apps/reactStorybook/.babelrc

@@ -7,5 +7,7 @@
       }
     ]
   ],
-  "plugins": []
+  "plugins": [
+    "@babel/plugin-transform-react-jsx"
+  ]
 }

apps/reactStorybook/src/app/app.spec.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { render } from '@testing-library/react';
 
 import { BrowserRouter } from 'react-router-dom';

apps/website/project.json

@@ -8,10 +8,7 @@
     "build": {
       "executor": "qwik-nx:build",
       "options": {
-        "runSequence": [
-          "website:build.client",
-          "website:build.ssr"
-        ],
+        "runSequence": ["website:build.client", "website:build.ssr"],
         "outputPath": "dist/apps/website",
         "skipTypeCheck": false
       },
@@ -52,9 +49,7 @@
     },
     "test": {
       "executor": "@nrwl/vite:test",
-      "outputs": [
-        "../../coverage/apps/website"
-      ],
+      "outputs": ["{workspaceRoot}/coverage/apps/website"],
       "options": {
         "passWithNoTests": true,
         "reportsDirectory": "../../coverage/apps/website"
@@ -77,13 +72,9 @@
     },
     "lint": {
       "executor": "@nrwl/linter:eslint",
-      "outputs": [
-        "{options.outputFile}"
-      ],
+      "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": [
-          "apps/website/**/*.{ts,tsx,js,jsx}"
-        ]
+        "lintFilePatterns": ["apps/website/**/*.{ts,tsx,js,jsx}"]
       }
     },
     "extract-i18n": {

gpt/markdown.js

@@ -13,4 +13,4 @@ marked.setOptions({
   }),
 });
 
-module.exports = marked;
+module.exports = marked.parse;

migrations.json

@@ -0,0 +1,20 @@
+{
+  "migrations": [
+    {
+      "cli": "nx",
+      "version": "16.2.0-beta.0",
+      "description": "Remove outputPath from run commands",
+      "implementation": "./src/migrations/update-16-2-0/remove-run-commands-output-path",
+      "package": "nx",
+      "name": "16.2.0-remove-output-path-from-run-commands"
+    },
+    {
+      "cli": "nx",
+      "version": "16.2.0-beta.0",
+      "description": "Remove react-test-renderer from package.json",
+      "implementation": "./src/migrations/update-16-2-0-remove-package/update-16-2-0-remove-package",
+      "package": "@nrwl/react",
+      "name": "update-16-2-0-remove-package"
+    }
+  ]
+}