Merge branch 'master' into anvil-tools-dev

anvil.spec.in

@@ -23,8 +23,6 @@ BuildRequires:  systemd autoconf automake
 BuildRequires:  fence-agents-common
 # OCFROOT
 BuildRequires:  resource-agents
-# Require the "npm" tool for building the web UI.
-BuildRequires:  npm >= 6 rsync
 
 %description
 This package generates the anvil-core, anvil-striker, anvil-node and anvil-dr 

striker-ui/.env

@@ -1,2 +1,2 @@
 # Use this to set a different origin
-NEXT_PUBLIC_API_URL=
+NEXT_PUBLIC_API_URL=/cgi-bin

striker-ui/.gitignore

@@ -10,10 +10,12 @@
 
 # next.js
 /.next/
-/out/
 
 # production
 /build
+/out/*
+!/out/index.html
+!/out/_next
 
 # misc
 .DS_Store

striker-ui/Makefile.am

@@ -1,136 +1,101 @@
 MAINTAINERCLEANFILES	= Makefile.in
 
-# The files listed under EXTRA_DIST is only used for building, they should not
+htmldir			= $(localstatedir)/www/html
-# be included in the installation process.
+nodemodulesdir		= node_modules
+nextoutdir		= out
+nextbuilddir		= .next
+
+# List of paths relative to the build output directory.
+#
+outindexfile		= index.html
+outjsmodulesdir		= _next
+outimagesdir		= pngs
+
+# The build output directory listed under EXTRA_DIST contains the files to
+# include in the release/source tarball.
 #
 # It is recommended to use the following command to regenerate the file list
 # as files get added/removed:
 #
 # find . \
-#	-not \( -name node_modules -prune \) \	# Ignore ./node_modules directory
+#      -mindepth 1 -maxdepth 1 \
-#	-not \( -name *git* -prune \) \		# Ignore git related files
+#      -not \( -name node_modules -prune \) \
-#	-not \( -name *husky* -prune \) \	# Ignore husky related files
+#      -not \( -name *git* -prune \) \
-#	-not \( -name public -prune \) \	# Ignore ./public directory
+#      -not \( -name *husky* -prune \) \
-#	-not \( -name *[Mm]ake* -prune \) \	# Ignore make related files
+#      -not \( -name public -prune \) \
-#	-not \( -name *.md -prune \) \		# Ignore all markdown files
+#      -not \( -name *[Mm]ake* -prune \) \
-#	-type f \				# Only print file paths
+#      | sed -E 's@^./(.+)$@\1 \\@'
-#	| sed -E 's@^./(.+)$@\1 \\@'		# Remove leading "./" and append "\"
+#
+# The find command:
+# * ignores ./node_modules directory,
+# * ignores git related files,
+# * ignores husky related files
+# * ignores ./public directory
+# * ignores make related files, and
+# * removes leading "./" and append "\"
+#
+# Note: This only works when we want to include all files within the listed
+# subdirectories. It is recommended to run a similar find command on a
+# subdirectory to skip undesired files in the subdirectory.
 #
 EXTRA_DIST		= \
+			$(nextoutdir) \
 			next.config.js \
 			next-env.d.ts \
 			tsconfig.json \
-			theme/index.ts \
+			theme \
-			styles/globals.css \
+			styles \
 			.lintstagedrc.json \
-			env.development \
+			README.md \
 			package.json \
-			lib/extended_date/ExtendedDate.ts \
+			lib \
-			lib/fetchers/putJSON.ts \
-			lib/fetchers/fetchJSON.ts \
-			lib/fetchers/periodicFetch.ts \
-			lib/sanitizers/hostsSanitizer.ts \
-			lib/consts/ICONS.ts \
-			lib/consts/DEFAULT_THEME.ts \
-			lib/consts/SERVERS.ts \
-			lib/consts/ANVILS.ts \
-			lib/consts/API_BASE_URL.ts \
-			lib/consts/IS_DEV_ENV.ts \
-			lib/consts/NODES.ts \
 			.prettierrc.json \
-			types/AnvilServers.d.ts \
+			types \
-			types/GetAllAnvilResponse.d.ts \
+			components \
-			types/AnvilMemory.d.ts \
+			pages \
-			types/FetchResponse.d.ts \
-			types/AnvilSharedStorage.d.ts \
-			types/AnvilNetwork.d.ts \
-			types/AnvilTypes.d.ts \
-			types/GetResponse.d.ts \
-			types/AnvilNodeStatus.d.ts \
-			types/AnvilList.d.ts \
-			types/AnvilCPU.d.ts \
-			types/GetOneAnvilResponse.d.ts \
-			types/AnvilSet.d.ts \
-			types/AnvilStatus.d.ts \
-			types/AnvilReplicatedStorage.d.ts \
-			types/AnvilFileSystems.d.ts \
-			types/NodeSet.d.ts \
-			components/Memory.tsx \
-			components/Decorator.tsx \
-			components/Hosts/index.tsx \
-			components/Hosts/AnvilHost.tsx \
-			components/Spinner.tsx \
-			components/AnvilDrawer.tsx \
-			components/Text/HeaderText.tsx \
-			components/Text/index.tsx \
-			components/Text/BodyText.tsx \
-			components/FileSystem/index.tsx \
-			components/FileSystem/FileSystemsHost.tsx \
-			components/FileSystem/FileSystems.tsx \
-			components/Anvils/index.tsx \
-			components/Anvils/sortAnvils.ts \
-			components/Anvils/Anvil.tsx \
-			components/Anvils/AnvilList.tsx \
-			components/Anvils/SelectedAnvil.tsx \
-			components/Panels/index.tsx \
-			components/Panels/InnerPanel.tsx \
-			components/Panels/PanelHeader.tsx \
-			components/Panels/Panel.tsx \
-			components/Servers.tsx \
-			components/Storage.tsx \
-			components/AnvilContext.tsx \
-			components/SharedStorage/SharedStorage.tsx \
-			components/SharedStorage/index.tsx \
-			components/SharedStorage/SharedStorageHost.tsx \
-			components/Header.tsx \
-			components/Network/index.tsx \
-			components/Network/Network.tsx \
-			components/Network/processNetwork.ts \
-			components/CPU.tsx \
-			components/Bars/index.tsx \
-			components/Bars/ProgressBar.tsx \
-			components/Bars/AllocationBar.tsx \
-			pages/index.tsx \
-			pages/_app.tsx \
-			pages/_document.tsx \
 			.eslintrc.json \
 			commitlint.config.js \
 			.eslintignore \
+			.env \
 			package-lock.json
 
-htmldir			= $(localstatedir)/www/html
+# Blank target; the build output directory should be usable as-is.
-outdir			= out
+$(nextoutdir): ;
-
-# Trigger build target on make call without parameters.
-all: out
 
-# Note: the input file to the generate endpoint prefix step must exist in
+# This target is for maintainers only; do not execute during CI/CD.
-#       EXTRA_DIST.
 #
-out:
+$(nodemodulesdir):
-	-@echo "Copying required build files to build (current) directory."
-	rsync -av --exclude "[Mm]ake*" $(srcdir)/ ./
-	-@echo "Allow tools to write to files in the build directory."
-	chmod -R +w .
 	-@echo "Install node modules (dependencies) prior to building."
 	npm install --no-package-lock --ignore-scripts
-	-@echo "Generate endpoint prefix."
+
-	sed 's@=.*@=/cgi-bin@' <env.development >.env.local
+# This target is for maintainers only; do not execute during CI/CD. In
-	-@echo "Build front-end project."
+# addition, this target can only be used if the local git repository exists.
+#
+# Note: this target must **not** be renamed to the same name as the build
+# output directory because it will trigger a build during the `make` implicit
+# call.
+#
+.PHONY: build
+build: $(nodemodulesdir)
+	-@echo "Remove build output files to prepare for rebuild."
+	rm -rf $(nextoutdir) $(nextbuilddir)
+	-@echo "Build web UI."
 	npm run build
+	-@echo "Stage only the build output directory and commit the build output."
+	git reset \
+		&& git add $(nextoutdir) \
+		&& git commit -m "chore: rebuild web UI"
 
 install-data-hook:
 	-@echo "Place build output files."
-	cp -r $(outdir)/index.html $(outdir)/_next $(DESTDIR)/$(htmldir)/
+	cp -r --no-preserve=mode $(srcdir)/$(nextoutdir)/$(outindexfile) $(srcdir)/$(nextoutdir)/$(outjsmodulesdir) $(DESTDIR)/$(htmldir)/
 	-@echo "Create symlink to images to enable borrowing icon etc. without duplicating."
-	(cd $(DESTDIR)/$(htmldir); $(LN_S) skins/alteeve/images pngs)
+	(cd $(DESTDIR)/$(htmldir); $(LN_S) skins/alteeve/images $(outimagesdir))
 
 uninstall-hook:
 	-@echo "Remove all installed files of the current module."
-	(cd $(DESTDIR)/$(htmldir); rm -rf index.html _next pngs)
+	(cd $(DESTDIR)/$(htmldir); rm -rf $(outindexfile) $(outjsmodulesdir) $(outimagesdir))
 
 clean-local:
-	-@echo "Clean up build output files."
+	-@echo "Clean up node modules."
-	test $(srcdir) == . && rm -rf $(outdir) .next || find . -mindepth 1 -maxdepth 1 -exec rm -rf {} +
+	rm -rf $(nodemodulesdir)
-
-distclean-local: clean-local

striker-ui/out/_next/static/037m3eT1YV3f3LmuAk-xy/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST = {__rewrites:[],"/":["static\u002Fchunks\u002Fpages\u002Findex-afb33a9037a2281b25e6.js"],"/_error":["static\u002Fchunks\u002Fpages\u002F_error-e84fc7778cb03327c0ce.js"],sortedPages:["\u002F","\u002F_app","\u002F_error"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()

striker-ui/out/_next/static/037m3eT1YV3f3LmuAk-xy/_ssgManifest.js

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set;self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

striker-ui/out/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js

@@ -0,0 +1 @@
+!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={0:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}},o=!0;try{e[r].call(t.exports,t,t.exports,l),o=!1}finally{o&&delete n[r]}return t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="";var f=window.webpackJsonp_N_E=window.webpackJsonp_N_E||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([]);

striker-ui/out/_next/static/css/2149a173dc33307afc71.css

@@ -0,0 +1 @@
+body,html{background-image:url(/pngs/Texture.jpg);padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

striker-ui/out/index.html

@@ -0,0 +1,529 @@
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/2149a173dc33307afc71.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2149a173dc33307afc71.css" data-n-g=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-6635817c9502275a255b.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.5d8adda74d7433cedeaa.js" as="script"/><link rel="preload" href="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.b211013b1be9dcf063c7.js" as="script"/><link rel="preload" href="/_next/static/chunks/71247caf95475e3ea7f9a0f8a30beb258b23d005.8d148603b4a75061f417.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-7f4121f59f4e24953c7a.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/index-afb33a9037a2281b25e6.js" as="script"/><style id="jss-server-side">.MuiPaper-root {
+  color: rgba(0, 0, 0, 0.87);
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  background-color: #343434;
+}
+.MuiPaper-rounded {
+  border-radius: 4px;
+}
+.MuiPaper-outlined {
+  border: 1px solid rgba(0, 0, 0, 0.12);
+}
+.MuiPaper-elevation0 {
+  box-shadow: none;
+}
+.MuiPaper-elevation1 {
+  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation2 {
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation3 {
+  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation4 {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation5 {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation6 {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation7 {
+  box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation8 {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation9 {
+  box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation10 {
+  box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation11 {
+  box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation12 {
+  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation13 {
+  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation14 {
+  box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation15 {
+  box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation16 {
+  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation17 {
+  box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation18 {
+  box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation19 {
+  box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation20 {
+  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation21 {
+  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation22 {
+  box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation23 {
+  box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
+}
+.MuiPaper-elevation24 {
+  box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
+}
+.MuiButtonBase-root {
+  color: inherit;
+  border: 0;
+  cursor: pointer;
+  margin: 0;
+  display: inline-flex;
+  outline: 0;
+  padding: 0;
+  position: relative;
+  align-items: center;
+  user-select: none;
+  border-radius: 0;
+  vertical-align: middle;
+  -moz-appearance: none;
+  justify-content: center;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.MuiButtonBase-root::-moz-focus-inner {
+  border-style: none;
+}
+.MuiButtonBase-root.Mui-disabled {
+  cursor: default;
+  pointer-events: none;
+}
+@media print {
+  .MuiButtonBase-root {
+    color-adjust: exact;
+  }
+}
+  .MuiAppBar-root {
+    width: 100%;
+    display: flex;
+    z-index: 1100;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    flex-direction: column;
+  }
+  .MuiAppBar-positionFixed {
+    top: 0;
+    left: auto;
+    right: 0;
+    position: fixed;
+  }
+@media print {
+  .MuiAppBar-positionFixed {
+    position: absolute;
+  }
+}
+  .MuiAppBar-positionAbsolute {
+    top: 0;
+    left: auto;
+    right: 0;
+    position: absolute;
+  }
+  .MuiAppBar-positionSticky {
+    top: 0;
+    left: auto;
+    right: 0;
+    position: sticky;
+  }
+  .MuiAppBar-positionStatic {
+    position: static;
+  }
+  .MuiAppBar-positionRelative {
+    position: relative;
+  }
+  .MuiAppBar-colorDefault {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #f5f5f5;
+  }
+  .MuiAppBar-colorPrimary {
+    color: #fff;
+    background-color: #343434;
+  }
+  .MuiAppBar-colorSecondary {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #F2F2F2;
+  }
+  .MuiAppBar-colorInherit {
+    color: inherit;
+  }
+  .MuiAppBar-colorTransparent {
+    color: inherit;
+    background-color: transparent;
+  }
+
+  .jss9 {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+  .jss10 {  }
+  .jss11 {  }
+  .MuiButton-root {
+    color: rgba(0, 0, 0, 0.87);
+    padding: 6px 16px;
+    font-size: 0.875rem;
+    min-width: 64px;
+    box-sizing: border-box;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    font-family: Roboto Condensed;
+    font-weight: 500;
+    line-height: 1.75;
+    border-radius: 4px;
+    text-transform: uppercase;
+  }
+  .MuiButton-root:hover {
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+  .MuiButton-root.Mui-disabled {
+    color: rgba(0, 0, 0, 0.26);
+  }
+@media (hover: none) {
+  .MuiButton-root:hover {
+    background-color: transparent;
+  }
+}
+  .MuiButton-root:hover.Mui-disabled {
+    background-color: transparent;
+  }
+  .MuiButton-label {
+    width: 100%;
+    display: inherit;
+    align-items: inherit;
+    justify-content: inherit;
+  }
+  .MuiButton-text {
+    padding: 6px 8px;
+  }
+  .MuiButton-textPrimary {
+    color: #343434;
+  }
+  .MuiButton-textPrimary:hover {
+    background-color: rgba(52, 52, 52, 0.04);
+  }
+@media (hover: none) {
+  .MuiButton-textPrimary:hover {
+    background-color: transparent;
+  }
+}
+  .MuiButton-textSecondary {
+    color: #F2F2F2;
+  }
+  .MuiButton-textSecondary:hover {
+    background-color: rgba(242, 242, 242, 0.04);
+  }
+@media (hover: none) {
+  .MuiButton-textSecondary:hover {
+    background-color: transparent;
+  }
+}
+  .MuiButton-outlined {
+    border: 1px solid rgba(0, 0, 0, 0.23);
+    padding: 5px 15px;
+  }
+  .MuiButton-outlined.Mui-disabled {
+    border: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .MuiButton-outlinedPrimary {
+    color: #343434;
+    border: 1px solid rgba(52, 52, 52, 0.5);
+  }
+  .MuiButton-outlinedPrimary:hover {
+    border: 1px solid #343434;
+    background-color: rgba(52, 52, 52, 0.04);
+  }
+@media (hover: none) {
+  .MuiButton-outlinedPrimary:hover {
+    background-color: transparent;
+  }
+}
+  .MuiButton-outlinedSecondary {
+    color: #F2F2F2;
+    border: 1px solid rgba(242, 242, 242, 0.5);
+  }
+  .MuiButton-outlinedSecondary:hover {
+    border: 1px solid #F2F2F2;
+    background-color: rgba(242, 242, 242, 0.04);
+  }
+  .MuiButton-outlinedSecondary.Mui-disabled {
+    border: 1px solid rgba(0, 0, 0, 0.26);
+  }
+@media (hover: none) {
+  .MuiButton-outlinedSecondary:hover {
+    background-color: transparent;
+  }
+}
+  .MuiButton-contained {
+    color: rgba(0, 0, 0, 0.87);
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+    background-color: #e0e0e0;
+  }
+  .MuiButton-contained:hover {
+    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+    background-color: #d5d5d5;
+  }
+  .MuiButton-contained.Mui-focusVisible {
+    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+  }
+  .MuiButton-contained:active {
+    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+  }
+  .MuiButton-contained.Mui-disabled {
+    color: rgba(0, 0, 0, 0.26);
+    box-shadow: none;
+    background-color: rgba(0, 0, 0, 0.12);
+  }
+@media (hover: none) {
+  .MuiButton-contained:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+    background-color: #e0e0e0;
+  }
+}
+  .MuiButton-contained:hover.Mui-disabled {
+    background-color: rgba(0, 0, 0, 0.12);
+  }
+  .MuiButton-containedPrimary {
+    color: #fff;
+    background-color: #343434;
+  }
+  .MuiButton-containedPrimary:hover {
+    background-color: rgb(36, 36, 36);
+  }
+@media (hover: none) {
+  .MuiButton-containedPrimary:hover {
+    background-color: #343434;
+  }
+}
+  .MuiButton-containedSecondary {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #F2F2F2;
+  }
+  .MuiButton-containedSecondary:hover {
+    background-color: rgb(169, 169, 169);
+  }
+@media (hover: none) {
+  .MuiButton-containedSecondary:hover {
+    background-color: #F2F2F2;
+  }
+}
+  .MuiButton-disableElevation {
+    box-shadow: none;
+  }
+  .MuiButton-disableElevation:hover {
+    box-shadow: none;
+  }
+  .MuiButton-disableElevation.Mui-focusVisible {
+    box-shadow: none;
+  }
+  .MuiButton-disableElevation:active {
+    box-shadow: none;
+  }
+  .MuiButton-disableElevation.Mui-disabled {
+    box-shadow: none;
+  }
+  .MuiButton-colorInherit {
+    color: inherit;
+    border-color: currentColor;
+  }
+  .MuiButton-textSizeSmall {
+    padding: 4px 5px;
+    font-size: 0.8125rem;
+  }
+  .MuiButton-textSizeLarge {
+    padding: 8px 11px;
+    font-size: 0.9375rem;
+  }
+  .MuiButton-outlinedSizeSmall {
+    padding: 3px 9px;
+    font-size: 0.8125rem;
+  }
+  .MuiButton-outlinedSizeLarge {
+    padding: 7px 21px;
+    font-size: 0.9375rem;
+  }
+  .MuiButton-containedSizeSmall {
+    padding: 4px 10px;
+    font-size: 0.8125rem;
+  }
+  .MuiButton-containedSizeLarge {
+    padding: 8px 22px;
+    font-size: 0.9375rem;
+  }
+  .MuiButton-fullWidth {
+    width: 100%;
+  }
+  .MuiButton-startIcon {
+    display: inherit;
+    margin-left: -4px;
+    margin-right: 8px;
+  }
+  .MuiButton-startIcon.MuiButton-iconSizeSmall {
+    margin-left: -2px;
+  }
+  .MuiButton-endIcon {
+    display: inherit;
+    margin-left: 8px;
+    margin-right: -4px;
+  }
+  .MuiButton-endIcon.MuiButton-iconSizeSmall {
+    margin-right: -2px;
+  }
+  .MuiButton-iconSizeSmall > *:first-child {
+    font-size: 18px;
+  }
+  .MuiButton-iconSizeMedium > *:first-child {
+    font-size: 20px;
+  }
+  .MuiButton-iconSizeLarge > *:first-child {
+    font-size: 22px;
+  }
+  .MuiDrawer-docked {
+    flex: 0 0 auto;
+  }
+  .MuiDrawer-paper {
+    top: 0;
+    flex: 1 0 auto;
+    height: 100%;
+    display: flex;
+    outline: 0;
+    z-index: 1200;
+    position: fixed;
+    overflow-y: auto;
+    flex-direction: column;
+    -webkit-overflow-scrolling: touch;
+  }
+  .MuiDrawer-paperAnchorLeft {
+    left: 0;
+    right: auto;
+  }
+  .MuiDrawer-paperAnchorRight {
+    left: auto;
+    right: 0;
+  }
+  .MuiDrawer-paperAnchorTop {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: auto;
+    height: auto;
+    max-height: 100%;
+  }
+  .MuiDrawer-paperAnchorBottom {
+    top: auto;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: auto;
+    max-height: 100%;
+  }
+  .MuiDrawer-paperAnchorDockedLeft {
+    border-right: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .MuiDrawer-paperAnchorDockedTop {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .MuiDrawer-paperAnchorDockedRight {
+    border-left: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .MuiDrawer-paperAnchorDockedBottom {
+    border-top: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .jss12 {
+    width: 200px;
+  }
+  .jss13 {
+    background: #888;
+  }
+  .jss14 {
+    padding-top: .5em;
+    padding-left: 1.5em;
+  }
+  .jss4 {
+    padding-top: 4px;
+    padding-left: 24px;
+    border-bottom: solid 1px;
+    padding-right: 24px;
+    padding-bottom: 4px;
+    border-bottom-color: #D02724;
+  }
+  .jss5 {
+    width: 30vw;
+    height: 2.8em;
+    border-radius: 3px;
+    background-color: #F2F2F2;
+  }
+  .jss6 {
+    padding: 0;
+  }
+@media (max-width:959.95px) {
+  .jss7 {
+    display: none;
+  }
+}
+@media (max-width:959.95px) {
+  .jss8 {
+    flex-grow: 1;
+    padding-left: 15vw;
+  }
+}
+  .jss1 {
+    width: 22%;
+    height: 100%;
+  }
+@media (max-width:1919.95px) {
+  .jss1 {
+    width: 25%;
+  }
+}
+@media (max-width:1279.95px) {
+  .jss1 {
+    width: 100%;
+  }
+}
+  .jss2 {
+    width: 35%;
+    height: 100%;
+  }
+@media (max-width:1919.95px) {
+  .jss2 {
+    width: 25%;
+  }
+}
+@media (max-width:1279.95px) {
+  .jss2 {
+    width: 100%;
+  }
+}
+  .jss3 {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+@media (max-width:1279.95px) {
+  .jss3 {
+    display: block;
+  }
+}</style></head><body><div id="__next"><header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionStatic MuiAppBar-colorPrimary jss4 MuiPaper-elevation4"><div class="MuiBox-root jss9"><div class="MuiBox-root jss10 jss6"><button class="MuiButtonBase-root MuiButton-root MuiButton-text" tabindex="0" type="button"><span class="MuiButton-label"><img alt="" src="/pngs/logo.png" width="160" height="40"/></span></button></div><div class="MuiBox-root jss11 jss6 jss7"><a href="/cgi-bin/striker?files=true"><img alt="" src="/pngs/files_on.png" width="40em" height="40em"/></a><a href="/cgi-bin/striker?jobs=true"><img alt="" src="/pngs/tasks_no-jobs_icon.png" width="40em" height="40em"/></a><a href="/cgi-bin/striker?configure=true"><img alt="" src="/pngs/configure_icon_on.png" width="40em" height="40em"/></a><a href="/cgi-bin/striker?striker=true"><img alt="" src="/pngs/striker_icon_on.png" width="40em" height="40em"/></a><a href="/cgi-bin/striker?anvil=true"><img alt="" src="/pngs/anvil_icon_on.png" width="40em" height="40em"/></a><a href="/cgi-bin/striker?email=true"><img alt="" src="/pngs/email_on.png" width="40em" height="40em"/></a><a href="https://alteeve.com/w/Support"><img alt="" src="/pngs/help_icon_on.png" width="40em" height="40em"/></a></div></div></header></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"037m3eT1YV3f3LmuAk-xy","nextExport":true,"autoExport":true,"isFallback":false}</script><script nomodule="" src="/_next/static/chunks/polyfills-4f14e8c8ea1352d3ef0d.js"></script><script src="/_next/static/chunks/main-6635817c9502275a255b.js" async=""></script><script src="/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js" async=""></script><script src="/_next/static/chunks/framework.5d8adda74d7433cedeaa.js" async=""></script><script src="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.b211013b1be9dcf063c7.js" async=""></script><script src="/_next/static/chunks/71247caf95475e3ea7f9a0f8a30beb258b23d005.8d148603b4a75061f417.js" async=""></script><script src="/_next/static/chunks/pages/_app-7f4121f59f4e24953c7a.js" async=""></script><script src="/_next/static/chunks/pages/index-afb33a9037a2281b25e6.js" async=""></script><script src="/_next/static/037m3eT1YV3f3LmuAk-xy/_buildManifest.js" async=""></script><script src="/_next/static/037m3eT1YV3f3LmuAk-xy/_ssgManifest.js" async=""></script></body></html>

striker-ui/package.json

@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "@material-ui/core": "^4.11.3",
-    "@material-ui/styles": "^4.11.3",
+    "@material-ui/styles": "^4.11.4",
-    "next": "10.0.6",
+    "next": "^10.2.3",
     "pretty-bytes": "^5.6.0",
     "react": "17.0.1",
     "react-dom": "17.0.1",
@@ -23,12 +23,12 @@
     "typeface-roboto-condensed": "^1.1.13"
   },
   "devDependencies": {
-    "@commitlint/cli": "^11.0.0",
+    "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^11.0.0",
     "@types/node": "^14.14.26",
-    "@types/react": "^17.0.1",
+    "@types/react": "^17.0.11",
-    "@types/styled-components": "^5.1.7",
+    "@types/styled-components": "^5.1.10",
-    "@typescript-eslint/eslint-plugin": "^4.15.0",
+    "@typescript-eslint/eslint-plugin": "^4.26.1",
     "@typescript-eslint/parser": "^4.15.0",
     "eslint": "^7.19.0",
     "eslint-config-airbnb": "^18.2.1",