antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

make app an PWA

Browse Source
This commit is contained in:
Anton 2023-09-01 00:57:53 +02:00
parent 5342328209
commit aa6dcf5223
3 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/MapContainer.tsx
View File

@ -1,7 +1,6 @@
import { UtopiaMap, Tags, Layer, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from 'utopia-ui' import { UtopiaMap, Tags, Layer, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from 'utopia-ui'
import { tags } from './data'
import { itemsApi } from '../api/itemsApi' import { itemsApi } from '../api/itemsApi'
import { Place, Event } from '../api/directus'; import { Place, Event, Tag } from '../api/directus';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
function MapContainer() { function MapContainer() {
@ -9,12 +8,16 @@ function MapContainer() {
const [placesApi, setPlacesApi] = useState<itemsApi<Place>>(); const [placesApi, setPlacesApi] = useState<itemsApi<Place>>();
const [eventsApi, setEventsApi] = useState<itemsApi<Event>>(); const [eventsApi, setEventsApi] = useState<itemsApi<Event>>();
const [tagsApi, setTagsApi] = useState<itemsApi<Tag>>();
useEffect(() => { useEffect(() => {
setPlacesApi(new itemsApi<Place>('places')); setPlacesApi(new itemsApi<Place>('places'));
setEventsApi(new itemsApi<Event>('events')); setEventsApi(new itemsApi<Event>('events'));
setTagsApi(new itemsApi<Tag>('tags'));
}, []); }, []);
@ -58,7 +61,7 @@ function MapContainer() {
// data={places} // data={places}
api={placesApi} api={placesApi}
/> />
<Tags data={tags}></Tags> <Tags api={tagsApi}></Tags>
</UtopiaMap> </UtopiaMap>
) )
} }

21
vite.config.ts
View File

@ -1,7 +1,26 @@
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react' import react from '@vitejs/plugin-react'
// vite.config.js
import { VitePWA } from 'vite-plugin-pwa'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [
react(),
VitePWA({manifest: {
"short_name": "Utopia Game",
"name": "Utopia Game: A Cooperative Real Life Manifestation Game",
"icons": [
{
"src": "3markers.svg",
"sizes": "192x192",
"type": "image/svg"
}
],
"start_url": "/index.html",
"display": "fullscreen",
"orientation": "portrait"
}})
]
}) })