@ovineko/spa-guard 0.0.1-alpha-18 → 0.0.1-alpha-19

package/dist/_internal.js

@@ -7,19 +7,19 @@ import {
   serializeError,
   shouldForceRetry,
   shouldIgnoreMessages
-} from "./chunk-DCOE7VRF.js";
+} from "./chunk-4FKSMB5F.js";
 import {
   SPINNER_ID,
   defaultSpinnerSvg,
   extractVersionFromHtml
-} from "./chunk-EHIXY2ZY.js";
+} from "./chunk-3ISQYZVD.js";
 import {
   applyI18n,
   defaultErrorFallbackHtml,
   defaultLoadingFallbackHtml,
   getI18n,
   getOptions
-} from "./chunk-SHRE3V6T.js";
+} from "./chunk-DOTM7FSY.js";
 import {
   dispatchAsyncRuntimeError,
   dispatchChunkLoadError,

package/dist/{chunk-EHIXY2ZY.js → chunk-3ISQYZVD.js}

@@ -1,7 +1,7 @@
 import {
   defaultSpinnerHtml,
   getOptions
-} from "./chunk-SHRE3V6T.js";
+} from "./chunk-DOTM7FSY.js";
 
 // src/common/parseVersion.ts
 function extractVersionFromHtml(html) {
@@ -45,6 +45,10 @@ function getSpinnerHtml(backgroundOverride) {
   return `<div id="${SPINNER_ID}" style="position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:var(--spa-guard-spinner-bg,${bg})">${spinnerContent}</div>`;
 }
 function showSpinner(options) {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
   const opts = getOptions();
   if (opts.spinner?.disabled) {
     return () => {

package/dist/{chunk-DCOE7VRF.js → chunk-4FKSMB5F.js}

@@ -2,7 +2,7 @@ import {
   applyI18n,
   getI18n,
   getOptions
-} from "./chunk-SHRE3V6T.js";
+} from "./chunk-DOTM7FSY.js";
 import {
   FORCE_RETRY_MAGIC,
   RETRY_ATTEMPT_PARAM,

package/dist/{chunk-SHRE3V6T.js → chunk-DOTM7FSY.js}

@@ -64,7 +64,7 @@ function setTranslations(translations) {
 // src/common/html.generated.ts
 var defaultErrorFallbackHtml = `<style>.spa-guard-error-id:has(.spa-guard-retry-id:empty){display:none}.spa-guard-error-id{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace}</style><div style="display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;font-family:system-ui,sans-serif"><div style="text-align:center;max-width:480px"><div style="margin-bottom:1.5rem"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="#b0b0b0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg></div><h1 data-spa-guard-content="heading" style="font-size:1.375rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a;line-height:1.3">Something went wrong</h1><p data-spa-guard-content="message" style="max-width:600px;margin:0 auto 1.5rem;color:#666;font-size:.9375rem;line-height:1.5">Please refresh the page to continue.</p><div style="display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap"><button data-spa-guard-action="try-again" type="button" style="display:none;padding:.5rem 1.25rem;font-size:.875rem;font-family:inherit;border-radius:6px;border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;line-height:1.5">Try again</button> <button data-spa-guard-action="reload" type="button" style="padding:.5rem 1.25rem;font-size:.875rem;font-family:inherit;border-radius:6px;border:1px solid transparent;background:#111;color:#fff;cursor:pointer;line-height:1.5">Reload page</button></div><p class="spa-guard-error-id" style="margin-top:1.5rem;font-size:.6875rem;color:#999">Error ID: <span class="spa-guard-retry-id"></span></p></div></div>`;
 var defaultLoadingFallbackHtml = `<div style="display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;font-family:system-ui,sans-serif"><div style="text-align:center"><div data-spa-guard-spinner style="margin-bottom:1.25rem"></div><h2 data-spa-guard-content="loading" style="font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:#1a1a1a">Loading...</h2><p data-spa-guard-section="retrying" style="display:none;font-size:.8125rem;color:#999;margin:.5rem 0 0"><span data-spa-guard-content="retrying">Retry attempt</span> <span data-spa-guard-content="attempt"></span></p></div></div>`;
-var defaultSpinnerHtml = `<svg width="40" height="40" viewBox="0 0 40 40" style="animation:spa-guard-spin .8s linear infinite;width:100%;height:100%;aspect-ratio:1/1"><circle cx="20" cy="20" r="16" fill="none" stroke="#e8e8e8" stroke-width="3"/><circle cx="20" cy="20" r="16" fill="none" stroke="#666" stroke-width="3" stroke-dasharray="80" stroke-dashoffset="60" stroke-linecap="round"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>`;
+var defaultSpinnerHtml = `<svg width="40" height="40" viewBox="0 0 40 40" style="animation:spa-guard-spin .8s linear infinite"><circle cx="20" cy="20" r="16" fill="none" stroke="#e8e8e8" stroke-width="3"/><circle cx="20" cy="20" r="16" fill="none" stroke="#666" stroke-width="3" stroke-dasharray="80" stroke-dashoffset="60" stroke-linecap="round"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>`;
 
 // src/common/options.ts
 var options_exports = {};

package/dist/common/html.generated.d.ts

@@ -1,3 +1,3 @@
 export declare const defaultErrorFallbackHtml = "<style>.spa-guard-error-id:has(.spa-guard-retry-id:empty){display:none}.spa-guard-error-id{font-family:ui-monospace,SFMono-Regular,Consolas,\"Liberation Mono\",Menlo,monospace}</style><div style=\"display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;font-family:system-ui,sans-serif\"><div style=\"text-align:center;max-width:480px\"><div style=\"margin-bottom:1.5rem\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#b0b0b0\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/></svg></div><h1 data-spa-guard-content=\"heading\" style=\"font-size:1.375rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a;line-height:1.3\">Something went wrong</h1><p data-spa-guard-content=\"message\" style=\"max-width:600px;margin:0 auto 1.5rem;color:#666;font-size:.9375rem;line-height:1.5\">Please refresh the page to continue.</p><div style=\"display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap\"><button data-spa-guard-action=\"try-again\" type=\"button\" style=\"display:none;padding:.5rem 1.25rem;font-size:.875rem;font-family:inherit;border-radius:6px;border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;line-height:1.5\">Try again</button> <button data-spa-guard-action=\"reload\" type=\"button\" style=\"padding:.5rem 1.25rem;font-size:.875rem;font-family:inherit;border-radius:6px;border:1px solid transparent;background:#111;color:#fff;cursor:pointer;line-height:1.5\">Reload page</button></div><p class=\"spa-guard-error-id\" style=\"margin-top:1.5rem;font-size:.6875rem;color:#999\">Error ID: <span class=\"spa-guard-retry-id\"></span></p></div></div>";
 export declare const defaultLoadingFallbackHtml = "<div style=\"display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;font-family:system-ui,sans-serif\"><div style=\"text-align:center\"><div data-spa-guard-spinner style=\"margin-bottom:1.25rem\"></div><h2 data-spa-guard-content=\"loading\" style=\"font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:#1a1a1a\">Loading...</h2><p data-spa-guard-section=\"retrying\" style=\"display:none;font-size:.8125rem;color:#999;margin:.5rem 0 0\"><span data-spa-guard-content=\"retrying\">Retry attempt</span> <span data-spa-guard-content=\"attempt\"></span></p></div></div>";
-export declare const defaultSpinnerHtml = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" style=\"animation:spa-guard-spin .8s linear infinite;width:100%;height:100%;aspect-ratio:1/1\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#e8e8e8\" stroke-width=\"3\"/><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#666\" stroke-width=\"3\" stroke-dasharray=\"80\" stroke-dashoffset=\"60\" stroke-linecap=\"round\"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>";
+export declare const defaultSpinnerHtml = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" style=\"animation:spa-guard-spin .8s linear infinite\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#e8e8e8\" stroke-width=\"3\"/><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#666\" stroke-width=\"3\" stroke-dasharray=\"80\" stroke-dashoffset=\"60\" stroke-linecap=\"round\"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>";

package/dist/common/index.js

@@ -2,10 +2,10 @@ import {
   createLogger,
   listenInternal,
   serializeError
-} from "../chunk-DCOE7VRF.js";
+} from "../chunk-4FKSMB5F.js";
 import {
   options_exports
-} from "../chunk-SHRE3V6T.js";
+} from "../chunk-DOTM7FSY.js";
 import {
   ForceRetryError,
   disableDefaultRetry,

package/dist/common/retryImport.d.ts

@@ -4,7 +4,7 @@
 export interface RetryImportOptions {
     /**
      * If true and all retries fail with a chunk error, calls attemptReload before rethrowing.
-     * @default false
+     * @default true (when used via lazyWithRetry)
      */
     callReloadOnFailure?: boolean;
     /**

package/dist/common/spinner.d.ts

@@ -1,5 +1,5 @@
 export declare const SPINNER_ID = "__spa-guard-spinner";
-export declare const defaultSpinnerSvg = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" style=\"animation:spa-guard-spin .8s linear infinite;width:100%;height:100%;aspect-ratio:1/1\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#e8e8e8\" stroke-width=\"3\"/><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#666\" stroke-width=\"3\" stroke-dasharray=\"80\" stroke-dashoffset=\"60\" stroke-linecap=\"round\"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>";
+export declare const defaultSpinnerSvg = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" style=\"animation:spa-guard-spin .8s linear infinite\"><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#e8e8e8\" stroke-width=\"3\"/><circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"none\" stroke=\"#666\" stroke-width=\"3\" stroke-dasharray=\"80\" stroke-dashoffset=\"60\" stroke-linecap=\"round\"/></svg><style>@keyframes spa-guard-spin{to{transform:rotate(360deg)}}</style>";
 export declare function dismissSpinner(): void;
 export declare function getSpinnerHtml(backgroundOverride?: string): string;
 export declare function showSpinner(options?: {

package/dist/runtime/index.js

@@ -3,11 +3,11 @@ import {
   extractVersionFromHtml,
   getSpinnerHtml,
   showSpinner
-} from "../chunk-EHIXY2ZY.js";
+} from "../chunk-3ISQYZVD.js";
 import {
   getOptions,
   setTranslations
-} from "../chunk-SHRE3V6T.js";
+} from "../chunk-DOTM7FSY.js";
 import {
   getState,
   subscribeToState

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovineko/spa-guard",
-  "version": "0.0.1-alpha-18",
+  "version": "0.0.1-alpha-19",
   "description": "Chunk load error handling for SPAs — core runtime, error handling, schema, i18n",
   "keywords": [
     "spa",
@@ -23,7 +23,9 @@
   },
   "license": "MIT",
   "author": "Alexander Svinarev <shibanet0@gmail.com> (shibanet0.com)",
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/chunk-*.js"
+  ],
   "type": "module",
   "exports": {
     ".": {
@@ -57,10 +59,7 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist",
-    "dist-inline",
-    "dist-inline-trace",
-    "README.md"
+    "dist"
   ],
   "engines": {
     "node": ">=22.15.0"