feat(demo): add story 1 — Sorano: Rock and Time

2026-06-20 21:19:57 +02:00
parent 42ed59a6b3
commit 8f87155c1d
5508 changed files with 1595740 additions and 124 deletions
@@ -0,0 +1,116 @@
+import $ from 'jquery';
+import toastr from './toastr';
+import isOnline from './offline';
+// import { config } from 'grav-config';
+import trim from 'mout/string/trim';
+import { showSessionExpiredModal } from './session-expired';
+
+let UNLOADING = false;
+let error = function(response) {
+    let error = new Error(response.statusText || response || '');
+    error.response = response;
+
+    return error;
+};
+
+export function parseStatus(response) {
+    return response;
+
+    /* Whoops can handle JSON responses so we don't need this for now.
+        if (response.status >= 200 && response.status < 300) {
+            return response;
+        } else {
+            throw error(response);
+        }
+    */
+}
+
+export function parseJSON(response) {
+    // If the session is no longer valid, surface a blocking modal instead of generic errors
+    if (response && (response.status === 401 || response.status === 403)) {
+        showSessionExpiredModal();
+        throw new Error('Unauthorized');
+    }
+
+    return response.text().then((text) => {
+        let parsed = text;
+        try {
+            parsed = JSON.parse(text);
+        } catch (error) {
+            let content = document.createElement('div');
+            content.innerHTML = text;
+
+            let the_error = new Error();
+            the_error.stack = trim(content.innerText);
+
+            throw the_error;
+        }
+
+        return parsed;
+    });
+}
+
+export function userFeedback(response) {
+    if (UNLOADING) { return true; }
+
+    let status = response.status || (response.error ? 'error' : '');
+    let message = response.message || (response.error ? response.error.message : null);
+    let settings = response.toastr || null;
+    let backup;
+
+    switch (status) {
+        case 'unauthenticated':
+            // Show a blocking modal and stop further processing
+            showSessionExpiredModal();
+            throw error('Logged out');
+        case 'unauthorized':
+            status = 'error';
+            message = message || 'Unauthorized.';
+            break;
+        case 'error':
+            status = 'error';
+            message = message || 'Unknown error.';
+            break;
+        case 'success':
+            status = 'success';
+            message = message || '';
+            break;
+        default:
+            status = 'error';
+            message = message || 'Invalid AJAX response.';
+            break;
+    }
+
+    if (settings && typeof settings === 'object' && settings !== null) {
+        backup = Object.assign({}, toastr.options);
+        Object.keys(settings).forEach((key) => { toastr.options[key] = settings[key]; });
+    }
+
+    if (message && (isOnline || (!isOnline && status !== 'error'))) {
+        toastr[status === 'success' ? 'success' : 'error'](message);
+    }
+
+    if (settings) {
+        toastr.options = backup;
+    }
+
+    return response;
+}
+
+export function userFeedbackError(error) {
+    if (UNLOADING) { return true; }
+    // If we can detect an unauthorized state here, show modal
+    const unauthorized = (error && (error.message === 'Unauthorized' || (error.response && (error.response.status === 401 || error.response.status === 403))));
+    if (unauthorized) {
+        showSessionExpiredModal();
+        return;
+    }
+
+    let stack = error.stack ? `<pre><code>${error.stack}</code></pre>` : '';
+    toastr.error(`Fetch Failed: <br /> ${error.message} ${stack}`);
+    console.error(`${error.message} at ${error.stack}`);
+}
+
+$(global).on('beforeunload._ajax', () => {
+    UNLOADING = true;
+});