-{/if}
diff --git a/src/components/icons/chevron-down.svg b/src/components/icons/chevron-down.svelte
similarity index 100%
rename from src/components/icons/chevron-down.svg
rename to src/components/icons/chevron-down.svelte
diff --git a/src/components/icons/chevron-left.svg b/src/components/icons/chevron-left.svelte
similarity index 100%
rename from src/components/icons/chevron-left.svg
rename to src/components/icons/chevron-left.svelte
diff --git a/src/components/icons/chevron-right.svg b/src/components/icons/chevron-right.svelte
similarity index 100%
rename from src/components/icons/chevron-right.svg
rename to src/components/icons/chevron-right.svelte
diff --git a/src/components/icons/chevron-up.svg b/src/components/icons/chevron-up.svelte
similarity index 100%
rename from src/components/icons/chevron-up.svg
rename to src/components/icons/chevron-up.svelte
diff --git a/src/components/icons/discord.svg b/src/components/icons/discord.svelte
similarity index 100%
rename from src/components/icons/discord.svg
rename to src/components/icons/discord.svelte
diff --git a/src/components/icons/file.svg b/src/components/icons/file.svelte
similarity index 100%
rename from src/components/icons/file.svg
rename to src/components/icons/file.svelte
diff --git a/src/components/icons/folder.svg b/src/components/icons/folder.svelte
similarity index 100%
rename from src/components/icons/folder.svg
rename to src/components/icons/folder.svelte
diff --git a/src/components/icons/github.svg b/src/components/icons/github.svelte
similarity index 100%
rename from src/components/icons/github.svg
rename to src/components/icons/github.svelte
diff --git a/src/components/icons/index.js b/src/components/icons/index.js
index 78203022..1f81825c 100644
--- a/src/components/icons/index.js
+++ b/src/components/icons/index.js
@@ -1,18 +1,18 @@
-export { default as IconChevronUp } from "./chevron-up.svg";
-export { default as IconChevronDown } from "./chevron-down.svg";
-export { default as IconChevronLeft } from "./chevron-left.svg";
-export { default as IconChevronRight } from "./chevron-right.svg";
-export { default as IconInfo } from "./info.svg";
-export { default as IconWarning } from "./warning.svg";
+export { default as IconChevronUp } from "./chevron-up.svelte";
+export { default as IconChevronDown } from "./chevron-down.svelte";
+export { default as IconChevronLeft } from "./chevron-left.svelte";
+export { default as IconChevronRight } from "./chevron-right.svelte";
+export { default as IconInfo } from "./info.svelte";
+export { default as IconWarning } from "./warning.svelte";
-export { default as IconDiscord } from "./discord.svg";
-export { default as IconTwitter } from "./twitter.svg";
-export { default as IconGithub } from "./github.svg";
+export { default as IconDiscord } from "./discord.svelte";
+export { default as IconTwitter } from "./twitter.svelte";
+export { default as IconGithub } from "./github.svelte";
-export { default as IconResolve } from "./resolve.svg";
-export { default as IconFolder } from "./folder.svg";
-export { default as IconFile } from "./file.svg";
-export { default as IconUrl } from "./url.svg";
+export { default as IconResolve } from "./resolve.svelte";
+export { default as IconFolder } from "./folder.svelte";
+export { default as IconFile } from "./file.svelte";
+export { default as IconUrl } from "./url.svelte";
-export { default as IconSearch } from "./search.svg";
+export { default as IconSearch } from "./search.svelte";
diff --git a/src/components/icons/info.svg b/src/components/icons/info.svelte
similarity index 100%
rename from src/components/icons/info.svg
rename to src/components/icons/info.svelte
diff --git a/src/components/icons/resolve.svg b/src/components/icons/resolve.svelte
similarity index 100%
rename from src/components/icons/resolve.svg
rename to src/components/icons/resolve.svelte
diff --git a/src/components/icons/search.svg b/src/components/icons/search.svelte
similarity index 100%
rename from src/components/icons/search.svg
rename to src/components/icons/search.svelte
diff --git a/src/components/icons/twitter.svg b/src/components/icons/twitter.svelte
similarity index 100%
rename from src/components/icons/twitter.svg
rename to src/components/icons/twitter.svelte
diff --git a/src/components/icons/url.svg b/src/components/icons/url.svelte
similarity index 100%
rename from src/components/icons/url.svg
rename to src/components/icons/url.svelte
diff --git a/src/components/icons/warning.svg b/src/components/icons/warning.svelte
similarity index 100%
rename from src/components/icons/warning.svg
rename to src/components/icons/warning.svelte
diff --git a/src/global.d.ts b/src/global.d.ts
new file mode 100644
index 00000000..151aa685
--- /dev/null
+++ b/src/global.d.ts
@@ -0,0 +1 @@
+///
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 1f7db19e..d021a8b5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,10 @@
+import { registerSW } from 'virtual:pwa-register';
import HMR from '@roxi/routify/hmr'
import App from './App.svelte';
+import '../scss/global.scss';
+
+// Update/register service worker
+registerSW()();
const app = HMR(App, { target: document.body }, 'routify-app')
diff --git a/src/pages/_layout.svelte b/src/pages/_layout.svelte
index 81112ec4..b8f4c350 100644
--- a/src/pages/_layout.svelte
+++ b/src/pages/_layout.svelte
@@ -2,7 +2,6 @@
import Header from "@/components/Header.svelte";
import Footer from "@/components/Footer.svelte";
import { metatags, page } from "@roxi/routify";
- import ServiceWorker from '../components/ServiceWorker.svelte'
const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
metatags.template("title", title => `${title ? ` ${title} - ` : ""}Routify`);
$: metatags.title = capitalize($page.title);
@@ -41,4 +40,3 @@
-
diff --git a/src/pages/docs/helpers/items/leftover.svelte b/src/pages/docs/helpers/items/leftover.svelte
index 39089e69..97976753 100644
--- a/src/pages/docs/helpers/items/leftover.svelte
+++ b/src/pages/docs/helpers/items/leftover.svelte
@@ -25,7 +25,7 @@
const path = fragments.join('/')
/** $redirect to "en/i18n/intro" **/
- $goto(`+'`/docs/en/${path}`'+`)
+ $goto(` + "\`/docs/en/${path}\`" + `)
`}
diff --git a/src/pages/guide/installation/_script_str.js b/src/pages/guide/installation/_script_str.js
new file mode 100644
index 00000000..c80a289e
--- /dev/null
+++ b/src/pages/guide/installation/_script_str.js
@@ -0,0 +1,2 @@
+// MD really didn't like this
+export default ``;
\ No newline at end of file
diff --git a/src/pages/guide/installation/install-to-existing-project.md b/src/pages/guide/installation/install-to-existing-project.md
index e54cd71c..7991bcdd 100644
--- a/src/pages/guide/installation/install-to-existing-project.md
+++ b/src/pages/guide/installation/install-to-existing-project.md
@@ -8,12 +8,7 @@ layout: default
import { Tabs, TabsLink, TabsPage } from "@sveltech/bricks";
import Note from "@/components/Note.svelte";
meta.title = "Installation";
-
- /**
- * this isn't strictly needed, but my vscode's autoformat prefixes
- * `$url` in markdown with a backslash: `\$url`
- */
- $: link = $url
+ import scriptStr from './_script_str.js'
@@ -23,7 +18,7 @@ layout: default
This is a guide for installing Routify in an existing project. If you
wish to create a new project instead, please refer to our
- getting started guide.
+ getting started guide.
@@ -72,8 +67,9 @@ _Note_: You might also want to add the `.routify` folder to `.gitignore`, since
import { routes } from "../.routify/routes";
- `}
-
+ `}
+
+
---
# Important
@@ -182,7 +178,7 @@ Routify uses `dynamic imports` aka `code splitting` by default. If your bundler
{`
/* index.html */
...
-
+ ${scriptStr}
...
`}
diff --git a/src/pages/index.svelte b/src/pages/index.svelte
index a4e2d93f..6796a8b8 100644
--- a/src/pages/index.svelte
+++ b/src/pages/index.svelte
@@ -2,7 +2,7 @@
import Usps from '@/components/home/Usps.svelte';
import Contributors from '@/components/home/Contributors.svelte';
import Contribute from '@/components/home/Contribute.svelte';
- import Hero from '@/components/home/Hero.svelte';
+ import Hero from '@/components/home/Hero.svelte';
import Sponsors from '@/components/home/Sponsors.svelte';
diff --git a/src/pages/wip/route-tree.md b/src/pages/wip/route-tree.md
index ac809a32..19ee5b35 100644
--- a/src/pages/wip/route-tree.md
+++ b/src/pages/wip/route-tree.md
@@ -2,13 +2,13 @@
layout: default
---
-<_crip_>
+
# Route tree
diff --git a/src/sw.js b/src/sw.js
deleted file mode 100644
index ad52aa44..00000000
--- a/src/sw.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { setDefaultHandler, setCatchHandler } from 'workbox-routing'
-import { precacheAndRoute, matchPrecache } from 'workbox-precaching'
-import { StaleWhileRevalidate } from 'workbox-strategies'
-import { skipWaiting, clientsClaim } from 'workbox-core'
-
-const entrypointUrl = '__app.html'
-const fallbackImage = '404.svg'
-const files = self.__WB_MANIFEST
-
-skipWaiting()
-clientsClaim()
-
-precacheAndRoute(files)
-
-setDefaultHandler(new StaleWhileRevalidate())
-
-setCatchHandler(async ({ event }) => {
- switch (event.request.destination) {
- case 'document':
- return await matchPrecache(entrypointUrl)
- case 'image':
- return await matchPrecache(fallbackImage)
- default:
- return Response.error();
- }
-})
diff --git a/src/utils.js b/src/utils.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/static/.htaccess b/static/.htaccess
deleted file mode 100644
index 1169a90f..00000000
--- a/static/.htaccess
+++ /dev/null
@@ -1,8 +0,0 @@
-RewriteEngine On
-RewriteBase /
-RewriteRule ^index\.html$ - [L]
-RewriteCond %{REQUEST_FILENAME} !-f
-RewriteCond %{REQUEST_FILENAME} !-d
-RewriteCond %{REQUEST_FILENAME} !\.(png|jpg|jpeg|mp4|gif)$
-RewriteRule . /index.html [L]
-ErrorDocument 404 /404.html
\ No newline at end of file
diff --git a/static/__index.html b/static/__index.html
deleted file mode 100644
index a7e6ce51..00000000
--- a/static/__index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
- Routify
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- __SCRIPT__
-
-
-
-
-
-
-