diff --git a/OpenAIChatGPTBlazor/Components/App.razor b/OpenAIChatGPTBlazor/Components/App.razor index 6b06157..a044fa5 100644 --- a/OpenAIChatGPTBlazor/Components/App.razor +++ b/OpenAIChatGPTBlazor/Components/App.razor @@ -1,4 +1,4 @@ - + @@ -13,6 +13,9 @@ + + + @@ -39,6 +42,7 @@ + diff --git a/OpenAIChatGPTBlazor/OpenAIChatGPTBlazor.csproj b/OpenAIChatGPTBlazor/OpenAIChatGPTBlazor.csproj index 92669cc..8feaefd 100644 --- a/OpenAIChatGPTBlazor/OpenAIChatGPTBlazor.csproj +++ b/OpenAIChatGPTBlazor/OpenAIChatGPTBlazor.csproj @@ -1,4 +1,4 @@ - + net8.0 @@ -6,6 +6,7 @@ enable a9111ff4-d5fb-46b5-9450-c68be5805382 Linux + service-worker-assets.js @@ -24,4 +25,8 @@ + + + + \ No newline at end of file diff --git a/OpenAIChatGPTBlazor/wwwroot/icon-192.png b/OpenAIChatGPTBlazor/wwwroot/icon-192.png new file mode 100644 index 0000000..166f56d Binary files /dev/null and b/OpenAIChatGPTBlazor/wwwroot/icon-192.png differ diff --git a/OpenAIChatGPTBlazor/wwwroot/icon-512.png b/OpenAIChatGPTBlazor/wwwroot/icon-512.png new file mode 100644 index 0000000..c2dd484 Binary files /dev/null and b/OpenAIChatGPTBlazor/wwwroot/icon-512.png differ diff --git a/OpenAIChatGPTBlazor/wwwroot/manifest.webmanifest b/OpenAIChatGPTBlazor/wwwroot/manifest.webmanifest new file mode 100644 index 0000000..1521727 --- /dev/null +++ b/OpenAIChatGPTBlazor/wwwroot/manifest.webmanifest @@ -0,0 +1,22 @@ +{ + "name": "OpenAIChatGPTBlazor", + "short_name": "ChatGPT", + "id": "./", + "start_url": "./", + "display": "standalone", + "background_color": "#ffffff", + "theme_color": "#03173d", + "prefer_related_applications": false, + "icons": [ + { + "src": "icon-512.png", + "type": "image/png", + "sizes": "512x512" + }, + { + "src": "icon-192.png", + "type": "image/png", + "sizes": "192x192" + } + ] +} diff --git a/OpenAIChatGPTBlazor/wwwroot/service-worker.js b/OpenAIChatGPTBlazor/wwwroot/service-worker.js new file mode 100644 index 0000000..fe614da --- /dev/null +++ b/OpenAIChatGPTBlazor/wwwroot/service-worker.js @@ -0,0 +1,4 @@ +// In development, always fetch from the network and do not enable offline support. +// This is because caching would make development more difficult (changes would not +// be reflected on the first load after each change). +self.addEventListener('fetch', () => { }); diff --git a/OpenAIChatGPTBlazor/wwwroot/service-worker.published.js b/OpenAIChatGPTBlazor/wwwroot/service-worker.published.js new file mode 100644 index 0000000..1f7f543 --- /dev/null +++ b/OpenAIChatGPTBlazor/wwwroot/service-worker.published.js @@ -0,0 +1,55 @@ +// Caution! Be sure you understand the caveats before publishing an application with +// offline support. See https://aka.ms/blazor-offline-considerations + +self.importScripts('./service-worker-assets.js'); +self.addEventListener('install', event => event.waitUntil(onInstall(event))); +self.addEventListener('activate', event => event.waitUntil(onActivate(event))); +self.addEventListener('fetch', event => event.respondWith(onFetch(event))); + +const cacheNamePrefix = 'offline-cache-'; +const cacheName = `${cacheNamePrefix}${self.assetsManifest.version}`; +const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ]; +const offlineAssetsExclude = [ /^service-worker\.js$/ ]; + +// Replace with your base path if you are hosting on a subfolder. Ensure there is a trailing '/'. +const base = "/"; +const baseUrl = new URL(base, self.origin); +const manifestUrlList = self.assetsManifest.assets.map(asset => new URL(asset.url, baseUrl).href); + +async function onInstall(event) { + console.info('Service worker: Install'); + + // Fetch and cache all matching items from the assets manifest + const assetsRequests = self.assetsManifest.assets + .filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url))) + .filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url))) + .map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' })); + await caches.open(cacheName).then(cache => cache.addAll(assetsRequests)); +} + +async function onActivate(event) { + console.info('Service worker: Activate'); + + // Delete unused caches + const cacheKeys = await caches.keys(); + await Promise.all(cacheKeys + .filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName) + .map(key => caches.delete(key))); +} + +async function onFetch(event) { + let cachedResponse = null; + if (event.request.method === 'GET') { + // For all navigation requests, try to serve index.html from cache, + // unless that request is for an offline resource. + // If you need some URLs to be server-rendered, edit the following check to exclude those URLs + const shouldServeIndexHtml = event.request.mode === 'navigate' + && !manifestUrlList.some(url => url === event.request.url); + + const request = shouldServeIndexHtml ? 'index.html' : event.request; + const cache = await caches.open(cacheName); + cachedResponse = await cache.match(request); + } + + return cachedResponse || fetch(event.request); +} diff --git a/README.md b/README.md index 5eb5036..3f180ca 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ This is a Blazor WebAssembly application that uses OpenAI GPT-3.5 Turbo to enabl ## Requirements -- .NET 6.0 SDK +- .NET 8.0 SDK - Azure App Configuration (optional) ## Installation @@ -97,4 +97,4 @@ We welcome contributions from the community! Feel free to submit Pull Requests a ## License -This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details. \ No newline at end of file +This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.