Beta sync main

.github/workflows/beta.yml.ARCHIVE

@@ -0,0 +1,21 @@
+# Quickstart not available in beta
+
+# name: Sync content with S3 Beta
+
+# on:
+#   workflow_dispatch:
+#   pull_request_target:
+#     types: [closed]
+#     branches: [beta]
+
+# jobs:
+#   sync:
+#     if: github.event.pull_request.merged == true || github.event_name == 'workflow_dispatch'
+#     uses: hellocoop/tools/.github/workflows/code-deploy-client.yml@main
+#     with:
+#       AWS_ACCOUNT: ${{ vars.HELLO_BETA_AWS }} # set at org level
+#       STACK: QuickstartStack
+#       BUILD_CMD: npm run build
+#       TARGET_BRANCH: beta
+#       DOMAIN: quickstart.hello-beta.net # for version comparison
+#       BUILD_DIR: ./S3

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "quickstart",
-	"version": "2025.7.1",
+	"version": "2025.7.2",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
@@ -32,4 +32,4 @@
 		"tailwindcss": "^3.4.17",
 		"vite": "^6.0.10"
 	}
-}
+}

src/App.svelte

@@ -26,10 +26,16 @@
 		if (code) {
 			try {
 				const access_token = await getAccessToken(code);
+				if (!access_token) {
+					throw new Error('Access token not found');
+				}
 				sessionStorage.setItem('access_token', access_token);
 			} catch (err) {
 				console.error(err);
-				return;
+				global.notification = {
+					text: 'Something went wrong. Please try again.',
+					type: 'error'
+				};
 			} finally {
 				cleanUrl();
 				sessionStorage.removeItem('code_verifier');

src/api.js

@@ -3,6 +3,9 @@ import { ADMIN_SERVER, CONFIG, TOKEN_ENDPOINT } from './constants.js';
 
 const getAccessToken = async (code) => {
 	const code_verifier = sessionStorage.getItem('code_verifier');
+	if (!code_verifier) {
+		throw new Error('Code verifier not found');
+	}
 	const params = {
 		code: code,
 		client_id: CONFIG.client_id,

src/lib/Notification.svelte

@@ -4,9 +4,11 @@
 </script>
 
 <div
-	class="relative flex h-9 flex-shrink-0 items-center justify-center text-sm text-charcoal"
+	class="relative flex h-9 flex-shrink-0 items-center justify-center text-sm"
 	class:bg-green-500={global.notification.type === 'success'}
+	class:text-charcoal={global.notification.type === 'success'}
 	class:bg-red-500={global.notification.type === 'error'}
+	class:text-white={global.notification.type === 'error'}
 	transition:slide
 >
 	{global.notification.text}