add without plugin

This commit is contained in:
Romulus21
2023-09-24 15:32:49 +02:00
parent a9980ad268
commit f93a37c932
9 changed files with 737 additions and 690 deletions

View File

@@ -9,20 +9,21 @@
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.6",
"@types/d3": "^7.4.0",
"@types/react": "^18.2.21",
"@types/d3": "^7.4.1",
"@types/react": "^18.2.22",
"@types/react-dom": "^18.2.7",
"@vitejs/plugin-react": "^4.0.4",
"autoprefixer": "^10.4.15",
"autoprefixer": "^10.4.16",
"axios": "^1.5.0",
"eslint": "^8.49.0",
"eslint": "^8.50.0",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-tailwindcss": "^3.13.0",
"laravel-vite-plugin": "^0.8.0",
"postcss": "^8.4.29",
"postcss": "^8.4.30",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"rollup-plugin-copy": "^3.5.0",
"tailwindcss": "^3.3.3",
"typescript": "^5.2.2",
"vite": "^4.4.9",
@@ -30,6 +31,6 @@
},
"dependencies": {
"d3": "^7.8.5",
"react-router-dom": "^6.15.0"
"react-router-dom": "^6.16.0"
}
}

1205
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 17 KiB

52
public/images/weather.svg Normal file
View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
width="100px"
height="100px"
style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
id="svg340"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<g transform="matrix(1.6409281,0,0,1.6409281,-33.288122,-29.848421)">
<ellipse
style="fill:#ec6d4b;fill-opacity:0.945098;stroke-width:5.31402;stroke-linecap:square;stroke-linejoin:round;paint-order:fill markers stroke"
cx="62.378757"
cy="37.581673"
rx="15.100805"
ry="14.837029" />
<g>
<path
fill="#f2f1f1"
d="m 50.5,30.5 c 2.052249,1.654227 1.9412,3.9664 3,6 1.578183,1.489401 6.2139,1.5439 9,3 1.373984,1.322711 1.1816,3.9086 1,6 3.2882,-0.4844 5.9548,0.5156 8,3 1.3734,4.4358 0.04,7.9358 -4,10.5 -8.6603,0.4998 -17.3269,0.6664 -26,0.5 h -4 C 26.1179,60.2958 21.9513,55.2958 25,44.5 c 2.1413,-2.8208 4.9746,-4.1541 8.5,-4 -0.4488,-7.4279 3.0512,-11.4279 10.5,-12 2.4418,-0.0177 4.6085,0.649 6.5,2 z" />
</g>
<g>
<path
fill="#4a4a4c"
d="m 40.332727,59.754949 c -1.3333,2.6667 -3.02894,2.408643 -2.382156,-0.172998 C 38.498371,57.549651 39.657107,57.688323 41.5,56.5 Z" />
</g>
<g>
<path fill="#4a4a4c"
d="m 53.5,60.5 c -0.275093,4.144916 -1.086323,5.991025 -2.088621,5.231821 C 49.111531,64.215714 51.9624,62.5514 53.5,60.5 Z" />
</g>
<g>
<path
fill="#4a4a4c"
d="m 45.394906,62.835155 v 0 C 45.295028,64.774264 44.112,69.461504 42.5,68.5 c -1.276548,-0.758272 1.006762,-3.720805 2.894906,-5.664845 z" />
</g>
<g>
<path
fill="#4a4a4c"
d="m 38.323024,64.01566 c -0.510774,3.779491 -1.468353,4.712106 -2.85558,5.927272 C 34.086944,69.443332 34.4528,69.0004 34.5,67.5 c 0.3457,-1.3492 1.729695,-2.377354 3.823024,-3.48434 z" />
</g>
<g>
<path
style="opacity:0.629"
fill="#4a4a4c"
d="m 50.5,68.5 c -0.332574,3.804597 -0.243075,6.57837 -2,6 -1.287633,-0.914112 0.7702,-4.2028 2,-6 z" />
</g>
<g>
<path fill="#4a4a4c"
d="m 44.5,69.5 c -0.864872,3.818695 -1.946788,4.527584 -3.422663,4.213387 C 39.737799,72.940004 41.5,70.826657 44.5,69.5 Z" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

12
public/manifest.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name":"Bermite",
"short_name":"Bermite",
"display":"standalone",
"background_color":"#ffffff",
"lang":"fr",
"description":"Une application de suivi météo",
"theme_color":"#ffffff",
"icons":[
{"src":"images/weather.png","sizes":"521x512","type":"image/png"}
]
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@@ -5,105 +5,48 @@
height="100px"
style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
id="svg340"
sodipodi:docname="10d@2x.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs344" />
<sodipodi:namedview
id="namedview342"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="6.9860105"
inkscape:cx="32.49351"
inkscape:cy="52.032559"
inkscape:window-width="1850"
inkscape:window-height="1136"
inkscape:window-x="70"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg340" />
<g
id="g1598"
transform="matrix(1.6409281,0,0,1.6409281,-33.288122,-29.848421)">
<g transform="matrix(1.6409281,0,0,1.6409281,-33.288122,-29.848421)">
<ellipse
style="fill:#ec6d4b;fill-opacity:0.945098;stroke-width:5.31402;stroke-linecap:square;stroke-linejoin:round;paint-order:fill markers stroke"
id="path517"
cx="62.378757"
cy="37.581673"
rx="15.100805"
ry="14.837029" />
<g
id="g314">
<g>
<path
style="opacity:0.956"
fill="#f2f1f1"
d="m 50.5,30.5 c 2.052249,1.654227 1.9412,3.9664 3,6 1.578183,1.489401 6.2139,1.5439 9,3 1.373984,1.322711 1.1816,3.9086 1,6 3.2882,-0.4844 5.9548,0.5156 8,3 1.3734,4.4358 0.04,7.9358 -4,10.5 -8.6603,0.4998 -17.3269,0.6664 -26,0.5 h -4 C 26.1179,60.2958 21.9513,55.2958 25,44.5 c 2.1413,-2.8208 4.9746,-4.1541 8.5,-4 -0.4488,-7.4279 3.0512,-11.4279 10.5,-12 2.4418,-0.0177 4.6085,0.649 6.5,2 z"
id="path312"
sodipodi:nodetypes="cccccccccccc" />
d="m 50.5,30.5 c 2.052249,1.654227 1.9412,3.9664 3,6 1.578183,1.489401 6.2139,1.5439 9,3 1.373984,1.322711 1.1816,3.9086 1,6 3.2882,-0.4844 5.9548,0.5156 8,3 1.3734,4.4358 0.04,7.9358 -4,10.5 -8.6603,0.4998 -17.3269,0.6664 -26,0.5 h -4 C 26.1179,60.2958 21.9513,55.2958 25,44.5 c 2.1413,-2.8208 4.9746,-4.1541 8.5,-4 -0.4488,-7.4279 3.0512,-11.4279 10.5,-12 2.4418,-0.0177 4.6085,0.649 6.5,2 z" />
</g>
<g
id="g318">
<g>
<path
style="opacity:1;fill:#c3c3c4;fill-opacity:1"
fill="#4a4a4c"
d="m 40.332727,59.754949 c -1.3333,2.6667 -3.02894,2.408643 -2.382156,-0.172998 C 38.498371,57.549651 39.657107,57.688323 41.5,56.5 Z"
id="path316"
sodipodi:nodetypes="cccc" />
d="m 40.332727,59.754949 c -1.3333,2.6667 -3.02894,2.408643 -2.382156,-0.172998 C 38.498371,57.549651 39.657107,57.688323 41.5,56.5 Z" />
</g>
<g
id="g322">
<g>
<path fill="#4a4a4c"
d="m 53.5,60.5 c -0.275093,4.144916 -1.086323,5.991025 -2.088621,5.231821 C 49.111531,64.215714 51.9624,62.5514 53.5,60.5 Z" />
</g>
<g>
<path
style="opacity:0.648"
fill="#464648"
d="m 53.5,60.5 c -0.275093,4.144916 -1.086323,5.991025 -2.088621,5.231821 C 49.111531,64.215714 51.9624,62.5514 53.5,60.5 Z"
id="path320"
sodipodi:nodetypes="ccc" />
fill="#4a4a4c"
d="m 45.394906,62.835155 v 0 C 45.295028,64.774264 44.112,69.461504 42.5,68.5 c -1.276548,-0.758272 1.006762,-3.720805 2.894906,-5.664845 z" />
</g>
<g
id="g326">
<g>
<path
style="opacity:0.642"
fill="#484749"
d="m 45.394906,62.835155 v 0 C 45.295028,64.774264 44.112,69.461504 42.5,68.5 c -1.276548,-0.758272 1.006762,-3.720805 2.894906,-5.664845 z"
id="path324"
sodipodi:nodetypes="cccc" />
fill="#4a4a4c"
d="m 38.323024,64.01566 c -0.510774,3.779491 -1.468353,4.712106 -2.85558,5.927272 C 34.086944,69.443332 34.4528,69.0004 34.5,67.5 c 0.3457,-1.3492 1.729695,-2.377354 3.823024,-3.48434 z" />
</g>
<g
id="g330">
<path
style="opacity:0.655"
fill="#49484a"
d="m 38.323024,64.01566 c -0.510774,3.779491 -1.468353,4.712106 -2.85558,5.927272 C 34.086944,69.443332 34.4528,69.0004 34.5,67.5 c 0.3457,-1.3492 1.729695,-2.377354 3.823024,-3.48434 z"
id="path328"
sodipodi:nodetypes="cccc" />
</g>
<g
id="g334">
<g>
<path
style="opacity:0.629"
fill="#484849"
d="m 50.5,68.5 c -0.332574,3.804597 -0.243075,6.57837 -2,6 -1.287633,-0.914112 0.7702,-4.2028 2,-6 z"
id="path332"
sodipodi:nodetypes="ccc" />
fill="#4a4a4c"
d="m 50.5,68.5 c -0.332574,3.804597 -0.243075,6.57837 -2,6 -1.287633,-0.914112 0.7702,-4.2028 2,-6 z" />
</g>
<g
id="g338">
<path
style="opacity:0.536"
fill="#484849"
d="m 44.5,69.5 c -0.864872,3.818695 -1.946788,4.527584 -3.422663,4.213387 C 39.737799,72.940004 41.5,70.826657 44.5,69.5 Z"
id="path336"
sodipodi:nodetypes="ccc" />
<g>
<path fill="#4a4a4c"
d="m 44.5,69.5 c -0.864872,3.818695 -1.946788,4.527584 -3.422663,4.213387 C 39.737799,72.940004 41.5,70.826657 44.5,69.5 Z" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -8,7 +8,7 @@
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="mask-icon" href="/favicon.svg" color="#FFFFFF">
<link rel="manifest" href="/build/manifest.webmanifest" />
<link rel="manifest" href="manifest.json" />
<meta name="theme-color" content="#ffffff">
<title>{{ config('app.name', 'Laravel') }}</title>

View File

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
import { VitePWA } from 'vite-plugin-pwa'
import copy from "rollup-plugin-copy";
export default defineConfig({
plugins: [
@@ -10,22 +11,31 @@ export default defineConfig({
refresh: true,
}),
react(),
VitePWA({
registerType: 'autoUpdate',
manifest: {
name: 'Bermite',
short_name: 'Bermite',
lang: 'fr',
description: 'Une application de suivi météo',
theme_color: '#ffffff',
icons: [
{
src: 'images/weather.png',
sizes: '521x512',
type: 'image/png',
}
copy({
targets: [
{ src: 'resources/images/*', dest: 'public/build/images' },
]
}
})
}),
// VitePWA({
// registerType: 'autoUpdate',
// workbox: {
// globPatterns: ['**/*.{js,css,html,ico,png,svg}']
// },
// manifest: {
// name: 'Bermite',
// short_name: 'Bermite',
// lang: 'fr',
// description: 'Une application de suivi météo',
// theme_color: '#ffffff',
// icons: [
// {
// src: 'images/weather.png',
// sizes: '521x512',
// type: 'image/png',
// }
// ],
// display: 'standalone',
// }
// }),
],
});