Used official svg for logo

high1 · high1 · commit 9314e1b0335b · 2020-06-16T15:57:27.000+02:00
- updated packages
- updated naming
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "react-typescript-webpack",
-  "version": "1.0.0",
+  "name": "solid-typescript-webpack",
+  "version": "1.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -16,52 +16,52 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "solid-js": "^0.18.4"
+    "solid-js": "^0.18.7"
   },
   "devDependencies": {
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
     "@babel/preset-typescript": "^7.10.1",
-    "@testing-library/dom": "^7.7.3",
-    "@testing-library/jest-dom": "^5.9.0",
+    "@testing-library/dom": "^7.16.1",
+    "@testing-library/jest-dom": "^5.10.1",
     "@types/html-webpack-plugin": "^3.2.3",
-    "@types/jest": "^25.2.3",
+    "@types/jest": "^26.0.0",
     "@types/mini-css-extract-plugin": "^0.9.1",
-    "@types/node": "^14.0.6",
+    "@types/node": "^14.0.13",
     "@types/optimize-css-assets-webpack-plugin": "^5.0.1",
     "@types/terser-webpack-plugin": "^3.0.0",
-    "@types/webpack": "^4.41.16",
+    "@types/webpack": "^4.41.17",
     "@types/webpack-dev-server": "^3.11.0",
-    "@typescript-eslint/eslint-plugin": "^3.0.2",
-    "@typescript-eslint/parser": "^3.0.2",
+    "@typescript-eslint/eslint-plugin": "^3.3.0",
+    "@typescript-eslint/parser": "^3.3.0",
     "babel-loader": "^8.1.0",
-    "babel-preset-solid": "^0.18.4",
-    "css-loader": "^3.5.3",
-    "eslint": "^7.1.0",
+    "babel-preset-solid": "^0.18.7",
+    "css-loader": "^3.6.0",
+    "eslint": "^7.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-import-resolver-typescript": "^2.0.0",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-import": "^2.21.2",
     "eslint-plugin-jest": "^23.13.2",
-    "eslint-plugin-jest-dom": "^2.1.0",
+    "eslint-plugin-jest-dom": "^3.0.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-local": "^1.0.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-testing-library": "^3.1.4",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-testing-library": "^3.3.0",
     "file-loader": "^6.0.0",
-    "fork-ts-checker-webpack-plugin": "^4.1.6",
+    "fork-ts-checker-webpack-plugin": "^5.0.1",
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.0.1",
     "jest-environment-jsdom-sixteen": "^1.0.3",
     "mini-css-extract-plugin": "^0.9.0",
     "open-cli": "^6.0.1",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "prettier": "^2.0.5",
-    "terser-webpack-plugin": "^3.0.2",
+    "terser-webpack-plugin": "^3.0.5",
     "ts-jest": "^26.1.0",
     "ts-node": "^8.10.2",
     "tsconfig-paths-webpack-plugin": "^3.2.0",
-    "typescript": "^3.9.3",
+    "typescript": "^3.9.5",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"
diff --git a/src/assets/index.d.ts b/src/assets/index.d.ts
@@ -1,4 +1,4 @@
-declare module '*.png' {
+declare module '*.svg' {
   const value: string | undefined;
   export default value;
 }
diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 155.3"><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" fill="#76b3e1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="27.5" y1="3" x2="152" y2="63.5"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" opacity=".3" fill="url(#a)"/><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" fill="#518ac8"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="95.8" y1="32.6" x2="74" y2="105.2"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" opacity=".3" fill="url(#b)"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="18.4" y1="64.2" x2="144.3" y2="149.8"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><path d="M134 80a45 45 0 00-48-15L24 85 4 120l112 19 20-36c4-7 3-15-2-23z" fill="url(#c)"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="75.2" y1="74.5" x2="24.4" y2="260.8"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient><path d="M114 115a45 45 0 00-48-15L4 120s53 40 94 30l3-1c17-5 23-21 13-34z" fill="url(#d)"/></svg>
diff --git a/src/components/App.css b/src/components/App.css
@@ -22,7 +22,12 @@
   height: 40vmin;
   pointer-events: none;
   margin-bottom: 1.0rem;
-  animation: App-logo-spin infinite 1.6s ease-in-out alternate;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .AppLogo {
+    animation: App-logo-spin infinite 1.6s ease-in-out alternate;
+  }
 }
 
 @keyframes App-logo-spin {
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -1,6 +1,6 @@
 import { Component } from 'solid-js';
 
-import logo from 'assets/logo.png';
+import logo from 'assets/logo.svg';
 import styles from 'components/App.css';
 
 const App: Component = () => (
@@ -12,7 +12,7 @@ const App: Component = () => (
       </p>
       <a
         class={styles.AppLink}
-        href="https://github.com/ryansolid/solid/blob/master/README.md"
+        href="https://solidjs.com"
         target="_blank"
         rel="noopener noreferrer"
       >
diff --git a/webpack.config.ts b/webpack.config.ts
@@ -34,7 +34,7 @@ const config = (_env: unknown, { mode = 'none' }: Configuration): Configuration
         ],
       },
       {
-        test: /\.(png|jpe?g|gif)$/i,
+        test: /\.(png|jpe?g|gif|svg)$/i,
         loader: 'file-loader',
       },
       {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-declare module '*.png' {`
	`1`	`+declare module '*.svg' {`
`2`	`2`	`const value: string \| undefined;`
`3`	`3`	`export default value;`
`4`	`4`	`}`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const config = (_env: unknown, { mode = 'none' }: Configuration): Configuration`
`34`	`34`	`],`
`35`	`35`	`},`
`36`	`36`	`{`
`37`		`- test: /\.(png\|jpe?g\|gif)$/i,`
	`37`	`+ test: /\.(png\|jpe?g\|gif\|svg)$/i,`
`38`	`38`	`loader: 'file-loader',`
`39`	`39`	`},`
`40`	`40`	`{`