-
-
+
+
-
-
+
-
-
Internetica Galactica 2
-Surviving the rewriting
+
+
Internetica Galactica 2
+Surviving the rewriting
diff --git a/src/routes/about.svelte b/src/routes/about.svelte
index 34096bc..7122060 100644
--- a/src/routes/about.svelte
+++ b/src/routes/about.svelte
@@ -2,6 +2,7 @@
import Maincontent from '../components/misc/maincontent.svelte';
import Content from '../components/about/content.svelte';
import Sidebar from '../components/about/sidebar.svelte';
+ import Likes from '../components/about/likes.svelte';
@@ -15,36 +16,12 @@
-
+
-
-
diff --git a/src/routes/offline.svelte b/src/routes/offline.svelte
new file mode 100644
index 0000000..6bf6a5b
--- /dev/null
+++ b/src/routes/offline.svelte
@@ -0,0 +1,9 @@
+
+
+
diff --git a/src/service-worker.ts b/src/service-worker.ts
new file mode 100644
index 0000000..2e12c9a
--- /dev/null
+++ b/src/service-worker.ts
@@ -0,0 +1,109 @@
+/* eslint-disable no-var */
+import { build, files, version } from '$service-worker';
+
+// Code mostly comes from: https://dev.to/100lvlmaster/create-a-pwa-with-sveltekit-svelte-a36
+// With some modifications done by someone in the comments
+
+const worker = (self as unknown) as ServiceWorkerGlobalScope;
+const STATIC_CACHE_NAME = `cache${version}`
+const APP_CACHE_NAME = `cache${version}`;
+
+// Hardcoded bunch of routes to always preemptively cache
+const routes = ["/", "/about"];
+
+// Hardcoded list of other assets to always preemptively cache
+const custom_assets = [
+ "https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500&family=Roboto+Slab&display=swap"
+];
+
+// Adds the domain to the file path, making it a full name
+const addDomain = (assets: string[]) =>
+ assets.map((f) => self.location.origin + f);
+
+// build is an array of all files generated by the bundler
+// files is an array of all files in the static dir
+const ourAssets = addDomain([
+ ...files,
+ ...build,
+ ...routes
+]);
+
+const to_cache = [...ourAssets, ...custom_assets]
+const staticAssets = new Set(to_cache);
+
+worker.addEventListener("install", (event) => {
+ event.waitUntil(
+ caches
+ .open(STATIC_CACHE_NAME)
+ .then((cache) => {
+ return cache.addAll(to_cache)
+ })
+ .then(() => {
+ worker.skipWaiting();
+ })
+ );
+});
+
+worker.addEventListener("activate", (event) => {
+ event.waitUntil(
+ caches.keys()
+ .then(async (keys) => {
+ // Delete old caches
+ for (const key of keys) {
+ if (key !== STATIC_CACHE_NAME && key !== APP_CACHE_NAME) await caches.delete(key);
+ }
+ console.log("old caches deleted")
+ worker.clients.claim();
+ })
+ .then(() => console.log("Activated"))
+ )
+})
+
+// Fetch the asset from the network and store it in the cache
+// Falls back to the cache if the user is offline
+async function fetchAndCache(request: Request) {
+ const cache = await caches.open(APP_CACHE_NAME);
+
+ try {
+ const response = await fetch(request);
+ cache.put(request, response.clone());
+ return response;
+ } catch (err) { // if the user is offline, the request will fail
+ const response = await cache.match(request);
+ if (response) return response;
+
+ // if not in cache, throw error anyway
+ throw err;
+ }
+}
+
+worker.addEventListener("fetch", (event) => {
+ if (event.request.method !== "GET") return;
+
+ //console.log("fetch event intercepted")
+
+ // Firefox has not yet fixed this, so it needs to be excluded from this caching behavior
+ // https://web.dev/sw-range-requests/
+ // https://wpt.fyi/results/fetch/range/sw.https.window.html?label=master&label=experimental&aligned
+ if (navigator.userAgent.includes("Firefox/") && event.request.headers.has("range")) return;
+
+ const url = new URL(event.request.url);
+
+ // Don't try to cache protocols other than http/https
+ const isHttp = url.protocol.startsWith("http");
+ const isStaticAsset = staticAssets.has(url.href);
+ const skipBecauseUncached = event.request.cache === 'only-if-cached' && !isStaticAsset;
+
+ if (isHttp && !skipBecauseUncached) {
+ event.respondWith(
+ (async () => {
+ // always serve static files and bundler-generated assets from cache.
+ // if your application has other URLs with data that will never change,
+ // set this variable to true for them, and they will only be fetched once.
+ const cachedAsset = isStaticAsset && (await caches.match(event.request));
+
+ return cachedAsset || fetchAndCache(event.request);
+ })()
+ )
+ }
+})
\ No newline at end of file
diff --git a/src/stores/currentMusic.js b/src/stores/currentMusic.ts
similarity index 100%
rename from src/stores/currentMusic.js
rename to src/stores/currentMusic.ts
diff --git a/src/stores/musicStore.js b/src/stores/musicStore.ts
similarity index 100%
rename from src/stores/musicStore.js
rename to src/stores/musicStore.ts
diff --git a/static/favicon.png b/static/favicon.png
index 825b9e6..94f76f4 100644
Binary files a/static/favicon.png and b/static/favicon.png differ
diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..c7e6cd9
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,17 @@
+{
+ "short_name": "Internetica Galactica 2",
+ "name": "Internetica Galactica 2",
+ "start_url": "/",
+ "icons": [
+ {
+ "src": "/favicon.png",
+ "type": "image/png",
+ "sizes": "512x512"
+ }
+ ],
+ "background_color": "#FFAFCC",
+ "display": "standalone",
+ "scope": "/",
+ "theme_color": "#FFAFCC",
+ "description": "The modern web meets 2000"
+}
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index d2bbce7..566124a 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,14 +1,12 @@
import adapter from '@sveltejs/adapter-node';
-import preprocess from 'svelte-preprocess';
+import sveltePreprocess from 'svelte-preprocess';
/** @type {import('@sveltejs/kit').Config} */
const config = {
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
preprocess: [
- preprocess({
- postcss: true,
- }),
+ sveltePreprocess({postcss: true})
],
kit: {
adapter: adapter(),
diff --git a/tsconfig.json b/tsconfig.json
index 0f47472..342dfba 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,6 @@
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
- "strict": true
+ "strict": true,
}
}
-
+ -
-
- Hatsune Miku -
- Amane Kanata -
- Mothy/Akuno-p -
Music
--
-
- Game of Thrones -
- Avatar the Last Airbender -
TV
--
-
- Momosuzu Nene -
- Amane Kanata -
- Petra Gurin -
- Ninomae Ina'nis -
VTubers
--
-
- Spaghetti -
- Steak! -
Food
-