update links, routes, layouts

Author: decarlec

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+	"editor.fontFamily": "'CaskaydiaCove Nerd Font Mono', Consolas, 'Courier New', monospace",
+	"editor.fontSize": 16,
+	"terminal.integrated.fontFamily": ""
+}

HELP.md

@@ -1,4 +1,4 @@
 Error: TypeError: The "code" argument must be of type number. Received type string ('ERR_ELECTRON_BUILDER_CANN...')
 
 - When running via electron for the first time, got this error running the "full" script.
-  SOLUTION: Go do cdva dir, `cordova run electron`. Now the full script should run properly
+  SOLUTION: Go manually to cdva dir, `cordova run electron`. Now the electron script should run properly.

README.md

@@ -2,6 +2,12 @@
 
 TBD: Social app using a prerendered sveltekit output running in Apache cordova.
 
+## Setup
+
+```bash
+bun setup
+```
+
 ## Developing
 
 Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

package.json

@@ -4,10 +4,13 @@
 	"version": "0.0.1",
 	"type": "module",
 	"scripts": {
+		"setup": "cd cdva && cordova platform add browser || cordova platform add electron",
 		"dev": "vite dev",
 		"build": "vite build",
 		"build:cdva": "npm run build && cp -R build/* cdva/www/",
 		"cdva:serve": "cd cdva && cordova serve",
+		"run:browser": "cd cdva && cordova run browser",
+		"run:elec": "cd cdva && cordova run electron",
 		"full": "npm run build:cdva && cd cdva && cordova build && cordova run electron",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
-<a href="setup/info" class="message-container">
+<a href="/setup/info" class="message-container">
 	<div class="message main">Welcome to Soci<br />-&gt;</div>
 	<div class="shadow ms2 message">Welcome to Soci<br />-&gt;</div>
 	<div class="shadow ms3 message">Welcome to Soci<br />-&gt;</div>

src/routes/setup/+layout.svelte

@@ -0,0 +1,24 @@
+<script>
+	let { children } = $props();
+</script>
+
+{@render children()}
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="back"
+	onclick={() => {
+		history.back();
+	}}
+>
+	&lt;- Back
+</div>
+
+<style>
+	.back {
+		bottom: 1rem;
+		left: 1rem;
+		position: absolute;
+		font-size: medium;
+	}
+</style>

src/routes/setup/collect/+page.svelte

@@ -4,8 +4,8 @@
 	let { data }: { data: PageData } = $props();
 	let interests = ['skiing', 'diving', 'EPL', 'nascar'];
 	let searchTerm = $state('');
-	let filtered = $derived(interests.filter((a) => a.includes(searchTerm) && !selected.includes(a)));
 	let selected: Array<string> = $state([]);
+	let filtered = $derived(interests.filter((a) => a.includes(searchTerm) && !selected.includes(a)));
 </script>
 
 <div class="text" style:font-family="Tomorrow">

src/routes/setup/info/+page.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/setup/info/+page.svelte

@@ -8,9 +8,6 @@
 	<p>We'd like to hear about your interests...</p>
 	<p>So we can find people similar to you.</p>
 	<a href="/setup/collect">Continue-&gt; </a>
-	<br />
-	<br />
-	<a class="back" href="/">&lt;- Back</a>
 </div>
 
 <style>
@@ -23,8 +20,4 @@
 		top: 50%;
 		transform: translate(-50%, -50%);
 	}
-
-	.back {
-		font-size: medium;
-	}
 </style>

svelte.config.js

@@ -6,8 +6,8 @@ const config = {
 	preprocess: vitePreprocess(),
 	kit: {
 		adapter: adapter({
-			strict: false,
-			platform: 'cordova'
+			strict: true,
+			platform: 'cordova',
 		})
 	},
         warningFilter: (warning) => {