update react-helloworld-tryout,

_design_system/mui5/new_helloworld.ps1

@@ -0,0 +1,8 @@
+remove-item -R -Force workbox-tryout
+
+pushd helloworld-tryout
+  remove-item -R -Force node_modules
+popd
+
+Robocopy  helloworld-tryout workbox-tryout /E
+

_design_system/mui5/pwa-tryout/src/fonts.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react'
+import WebFont from 'webfontloader'
+
+export default function Fonts() {
+  useEffect(() => {
+    WebFont.load({
+      google: {
+        families: ['Droid Sans', 'Chilanka'],
+      },
+    })
+  }, [])
+
+  return <></>
+}

_design_system/mui5/pwa-tryout/src/workbox/image-cache.js

@@ -0,0 +1,25 @@
+import { CacheableResponsePlugin } from 'workbox-cacheable-response'
+import { ExpirationPlugin } from 'workbox-expiration'
+import { registerRoute } from 'workbox-routing'
+import { CacheFirst } from 'workbox-strategies'
+
+const cacheName = 'images'
+const matchCallback = ({ request }) => request.destination === 'image'
+const maxAgeSeconds = 30 * 24 * 60 * 60
+const maxEntries = 60
+
+registerRoute(
+  matchCallback,
+  new CacheFirst({
+    cacheName,
+    plugins: [
+      new CacheableResponsePlugin({
+        statuses: [0, 200],
+      }),
+      new ExpirationPlugin({
+        maxEntries,
+        maxAgeSeconds,
+      }),
+    ],
+  }),
+)

react-context-mockup-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-context-provider-pattern-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-cookies-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-countdown-tryout/package.json

@@ -11,7 +11,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-countup-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-crisp-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-css-animation-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-css-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-currency-format-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-custom-hook-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-custom-react-hooks-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-d3-graphviz-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-d3-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-data-grid-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-daterange-picker-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-day-picker-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-detect-offline-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-device-detect-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-disqus-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-div-100vh-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-doc-viewer-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-dotenv-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-drawer-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-dropzone-component-helloworld-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-dropzone-helloworld-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",

react-dropzone-uploader-helloworld-tryout/package.json

@@ -9,7 +9,8 @@
     "prettier_file": "prettier --write \"./src/**/*.{js,jsx}\"",
     "clear-all": "rm -rf build node_modules",
     "re-build": "rm -rf build node_modules && yarn install && yarn build",
-    "gitUpdate": "yarn prettier_file && git pull && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
+    "gitSync": "git fetch --all && git pull",
+    "gitUpdate": "yarn gitSync && git add . && git commit -m\"update react-helloworld-tryout,\" && git push",
     "dev": "yarn --dev && npx kill-port 3000 && set HTTPS=true&&yarn start",
     "http": "serve -s build",
     "lint": "eslint -c ./.eslintrc.js src --ignore-pattern src/tests --ignore-pattern *.test.js --max-warnings 5 --fix",