rework the badges workflow

Author: bahmutov

.github/workflows/badges.yml

@@ -1,5 +1,11 @@
 name: badges
 on:
+  push:
+    # update README badge only if this file changes
+    branches:
+      - main
+    paths:
+      - .github/workflows/demo.yml
   schedule:
     # update README badges every night
     # because we have a few badges that are linked
@@ -26,57 +32,48 @@ jobs:
         # https://github.com/bahmutov/dependency-version-badge/issues/16
         run: |
           npx update-badge \
-            cypress-react-unit-test --from bahmutov/try-cra-with-unit-test --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/try-cra-app-typescript --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-todo-with-hooks --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-redux-examples --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-react-hooks-animations --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-mdx-example --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-apollo --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-xstate-react --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-react-router-v5 --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-material-ui --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-d3-react-gauge --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/storybook-code-coverage --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-loading-skeleton --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-swr --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/emoji-search --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-custom-error-boundary --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/Jscrambler-Webpack-React --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/integration-tests --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/mobx-react-typescript-boilerplate --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/test-react-hook-form --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-with-rollup --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/testing-react-example --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/ejected-react-scripts-example --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-tic-tac-toe-example --short --behind
-          npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-hooks-file-upload --short --behind
+            cypress-react-unit-test --short --behind \
+            --from bahmutov/try-cra-with-unit-test \
+            --from bahmutov/try-cra-app-typescript \
+            --from bahmutov/react-todo-with-hooks \
+            --from bahmutov/test-redux-examples \
+            --from bahmutov/test-react-hooks-animations
+
+      - name: Update more badges 💎
+        run: |
           npx update-badge \
-            cypress-react-unit-test --from bahmutov/react-query-example --short --behind
+            cypress-react-unit-test --short --behind \
+            --from bahmutov/test-mdx-example \
+            --from bahmutov/test-apollo \
+            --from bahmutov/test-xstate-react
+            --from bahmutov/test-react-router-v5 \
+            --from bahmutov/test-material-ui \
+            --from bahmutov/test-d3-react-gauge
+
+      - name: Update more badges 💎
+          run: |
+          npx update-badge \
+            cypress-react-unit-test --short --behind \
+            --from bahmutov/storybook-code-coverage \
+            --from bahmutov/react-loading-skeleton \
+            --from bahmutov/test-swr \
+            --from bahmutov/emoji-search \
+            --from bahmutov/test-custom-error-boundary \
+            --from bahmutov/Jscrambler-Webpack-React
+
+      - name: Update more badges 💎
+          run: |
+          npx update-badge \
+            cypress-react-unit-test --short --behind \
+            --from bahmutov/integration-tests \
+            --from bahmutov/mobx-react-typescript-boilerplate \
+            --from bahmutov/test-react-hook-form \
+            --from bahmutov/react-with-rollup \
+            --from bahmutov/testing-react-example \
+            --from bahmutov/ejected-react-scripts-example \
+            --from bahmutov/react-tic-tac-toe-example \
+            --from bahmutov/react-hooks-file-upload \
+            --from bahmutov/react-query-example
 
       # commit any changed files
       # https://github.com/mikeal/publish-to-github-action

README.md

@@ -248,10 +248,10 @@ This way of component testing has been verified in a number of forked 3rd party
 <!-- prettier-ignore-start -->
 Repo | Version | Description
 --- | --- | ---
-[try-cra-with-unit-test](https://github.com/bahmutov/try-cra-with-unit-test) | ![cypress-react-unit-test used in try-cra-with-unit-test short](https://img.shields.io/badge/4.1.7-yellow) | Hello world initialized with CRAv3
-[try-cra-app-typescript](https://github.com/bahmutov/try-cra-app-typescript) | ![cypress-react-unit-test used in try-cra-app-typescript short](https://img.shields.io/badge/4.16.0-brightgreen) | Hello world initialized with CRAv3 `--typescript`
-[react-todo-with-hooks](https://github.com/bahmutov/react-todo-with-hooks) | ![cypress-react-unit-test used in react-todo-with-hooks short](https://img.shields.io/badge/4.16.0-brightgreen) | Modern web application using hooks
-[test-redux-examples](https://github.com/bahmutov/test-redux-examples) | ![cypress-react-unit-test used in test-redux-examples short](https://img.shields.io/badge/4.16.0-brightgreen) | Example apps copies from official Redux repo and tested as components
+[try-cra-with-unit-test](https://github.com/bahmutov/try-cra-with-unit-test) | ![cypress-react-unit-test used in try-cra-with-unit-test short](https://img.shields.io/badge/4.16.2-brightgreen) | Hello world initialized with CRAv3
+[try-cra-app-typescript](https://github.com/bahmutov/try-cra-app-typescript) | ![cypress-react-unit-test used in try-cra-app-typescript short](https://img.shields.io/badge/4.16.2-brightgreen) | Hello world initialized with CRAv3 `--typescript`
+[react-todo-with-hooks](https://github.com/bahmutov/react-todo-with-hooks) | ![cypress-react-unit-test used in react-todo-with-hooks short](https://img.shields.io/badge/4.16.2-brightgreen) | Modern web application using hooks
+[test-redux-examples](https://github.com/bahmutov/test-redux-examples) | ![cypress-react-unit-test used in test-redux-examples short](https://img.shields.io/badge/4.16.2-brightgreen) | Example apps copies from official Redux repo and tested as components
 [test-react-hooks-animations](https://github.com/bahmutov/test-react-hooks-animations) | ![cypress-react-unit-test used in test-react-hooks-animations short](https://img.shields.io/badge/4.16.0-brightgreen) | Testing React springs fun blob animation
 [test-mdx-example](https://github.com/bahmutov/test-mdx-example) | ![cypress-react-unit-test used in test-mdx-example short](https://img.shields.io/badge/4.16.0-brightgreen) | Example testing MDX components using Cypress
 [test-apollo](https://github.com/bahmutov/test-apollo) | ![cypress-react-unit-test used in test-apollo short](https://img.shields.io/badge/4.10.0-yellow) | Component testing an application that uses Apollo GraphQL library

package-lock.json

@@ -95,7 +95,7 @@
     "cypress-expect": "2.1.2",
     "cypress-react-selector": "2.2.0",
     "date-fns": "2.13.0",
-    "dependency-version-badge": "1.7.0",
+    "dependency-version-badge": "1.9.0",
     "framer-motion": "2.6.13",
     "happo-cypress": "1.9.2",
     "happo.io": "5.6.1",