@mintplayer/ng-spark 22.31.0 → 22.33.0

package/fesm2022/mintplayer-ng-spark-share-page.mjs

@@ -0,0 +1,334 @@
+import { HttpClient, HttpErrorResponse } from "@angular/common/http";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, signal } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { firstValueFrom } from "rxjs";
+import { Color } from "@mintplayer/ng-bootstrap";
+import { BsAlertComponent } from "@mintplayer/ng-bootstrap/alert";
+import { BsSpinnerComponent } from "@mintplayer/ng-bootstrap/spinner";
+import { SPARK_CONFIG } from "@mintplayer/ng-spark";
+import { SparkGridCellComponent } from "@mintplayer/ng-spark/grid";
+import { valueFor } from "@mintplayer/ng-spark/models";
+import { QueryCellValuePipe, ResolveTranslationPipe } from "@mintplayer/ng-spark/pipes";
+import { cellValue, rendererValue } from "@mintplayer/ng-spark/renderers";
+import { SparkLanguageService } from "@mintplayer/ng-spark/services";
+const TEXTS = {
+	notFound: "This link does not work (any more).",
+	rateLimited: "Too many requests. Try again in a minute.",
+	unavailable: "This page could not be loaded. Try again later."
+};
+var SparkSharedObjectComponent = class SparkSharedObjectComponent {
+	http = inject(HttpClient);
+	route = inject(ActivatedRoute);
+	language = inject(SparkLanguageService);
+	baseUrl = `${inject(SPARK_CONFIG, { optional: true })?.baseUrl ?? "/spark"}/share`;
+	cellPipe = new QueryCellValuePipe();
+	colors = Color;
+	type = this.route.snapshot.paramMap.get("type") ?? "";
+	token = this.route.snapshot.paramMap.get("token") ?? "";
+	id = this.route.snapshot.queryParamMap.get("id") ?? "";
+	state = signal("loading", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	shared = signal(null, ...ngDevMode ? [{ debugName: "shared" }] : /* istanbul ignore next */ []);
+	pages = signal({}, ...ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []);
+	busy = signal(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+	notice = signal(null, ...ngDevMode ? [{ debugName: "notice" }] : /* istanbul ignore next */ []);
+	object = computed(() => {
+		const shared = this.shared();
+		return shared ? {
+			id: shared.id,
+			name: shared.type,
+			objectTypeId: shared.type,
+			attributes: shared.attributes
+		} : null;
+	}, ...ngDevMode ? [{ debugName: "object" }] : /* istanbul ignore next */ []);
+	attributeCells = computed(() => {
+		const object = this.object();
+		if (!object) return [];
+		return [...object.attributes].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)).map((attribute) => ({
+			attribute,
+			display: this.cellPipe.transform(attribute, object, {}),
+			value: rendererValue(attribute)
+		}));
+	}, ...ngDevMode ? [{ debugName: "attributeCells" }] : /* istanbul ignore next */ []);
+	queryTables = computed(() => Object.entries(this.pages()).map(([name, result]) => ({
+		name,
+		label: this.shared()?.queryLabels?.[name] ?? void 0,
+		result,
+		columns: [...result.columns ?? []].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),
+		last: Math.min(result.skip + result.take, result.totalItems)
+	})), ...ngDevMode ? [{ debugName: "queryTables" }] : /* istanbul ignore next */ []);
+	constructor() {
+		this.load();
+	}
+	t(key) {
+		return this.language.t("share." + key, TEXTS[key]);
+	}
+	display(column, item) {
+		return this.cellPipe.transform(column, item, {});
+	}
+	raw(item, column) {
+		return cellValue(valueFor(item, column.name));
+	}
+	async load() {
+		if (!this.type || !this.token || !this.id) {
+			this.state.set("notFound");
+			return;
+		}
+		this.state.set("loading");
+		try {
+			const shared = await this.post("load", {});
+			this.shared.set({
+				...shared,
+				attributes: shared.attributes ?? [],
+				queries: shared.queries ?? {}
+			});
+			this.pages.set({ ...shared.queries ?? {} });
+			this.notice.set(null);
+			this.state.set("ready");
+		} catch (error) {
+			this.fail(error);
+		}
+	}
+	async page(query, skip) {
+		const current = this.pages()[query];
+		if (!current || skip < 0 || this.busy()) return;
+		this.busy.set(true);
+		try {
+			const result = await this.post("query", {
+				query,
+				skip,
+				take: current.take
+			});
+			this.pages.update((pages) => ({
+				...pages,
+				[query]: result
+			}));
+			this.notice.set(null);
+		} catch (error) {
+			this.fail(error);
+		} finally {
+			this.busy.set(false);
+		}
+	}
+	post(path, extra) {
+		return firstValueFrom(this.http.post(`${this.baseUrl}/${path}`, {
+			type: this.type,
+			id: this.id,
+			token: this.token,
+			...extra
+		}));
+	}
+	fail(error) {
+		const status = error instanceof HttpErrorResponse ? error.status : 0;
+		if (status === 404) {
+			this.shared.set(null);
+			this.pages.set({});
+			this.notice.set(null);
+			this.state.set("notFound");
+			return;
+		}
+		this.notice.set(this.t(status === 429 ? "rateLimited" : "unavailable"));
+		if (this.state() === "loading") this.state.set("failed");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: SparkSharedObjectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: SparkSharedObjectComponent,
+		isStandalone: true,
+		selector: "spark-shared-object",
+		ngImport: i0,
+		template: `
+    <div class="spark-shared-object">
+      @if (notice(); as text) {
+        <bs-alert [type]="colors.warning" class="d-block mb-3 spark-shared-notice">{{ text }}</bs-alert>
+      }
+      @switch (state()) {
+        @case ('loading') {
+          <bs-spinner class="spark-shared-loading" />
+        }
+        @case ('notFound') {
+          <bs-alert [type]="colors.danger" class="d-block spark-shared-not-found">{{ t('notFound') }}</bs-alert>
+        }
+        @case ('ready') {
+          <h1 class="h4 mb-3 spark-shared-title">{{ shared()?.label ?? undefined | resolveTranslation:(shared()?.type ?? '') }}</h1>
+          <dl class="row spark-shared-attributes">
+            @for (cell of attributeCells(); track cell.attribute.name) {
+              <dt class="col-sm-4">{{ cell.attribute.label | resolveTranslation:cell.attribute.name }}</dt>
+              <dd class="col-sm-8" [attr.data-attribute]="cell.attribute.name">
+                <spark-grid-cell [column]="cell.attribute" [display]="cell.display" [rendererValue]="cell.value" [item]="object()" />
+              </dd>
+            }
+          </dl>
+          @for (query of queryTables(); track query.name) {
+            <section class="mt-4 spark-shared-query" [attr.data-query]="query.name">
+              <h2 class="h5">{{ query.label | resolveTranslation:query.name }}</h2>
+              <div class="table-responsive">
+                <table class="table table-sm align-middle">
+                  <thead>
+                    <tr>
+                      @for (column of query.columns; track column.name) {
+                        <th scope="col">{{ column.label | resolveTranslation:column.name }}</th>
+                      }
+                    </tr>
+                  </thead>
+                  <tbody>
+                    @for (item of query.result.items; track item.id) {
+                      <tr [attr.data-id]="item.id">
+                        @for (column of query.columns; track column.name) {
+                          <td><spark-grid-cell [column]="column" [display]="display(column, item)" [rendererValue]="raw(item, column)" [item]="item" /></td>
+                        }
+                      </tr>
+                    }
+                  </tbody>
+                </table>
+              </div>
+              @if (query.result.totalItems > query.result.take) {
+                <nav class="d-flex align-items-center gap-2 spark-shared-pager">
+                  <button type="button" class="btn btn-sm btn-outline-secondary spark-shared-previous" aria-label="Previous"
+                          [disabled]="query.result.skip === 0 || busy()" (click)="page(query.name, query.result.skip - query.result.take)">&lsaquo;</button>
+                  <span class="small spark-shared-range">{{ query.result.skip + 1 }}–{{ query.last }} / {{ query.result.totalItems }}</span>
+                  <button type="button" class="btn btn-sm btn-outline-secondary spark-shared-next" aria-label="Next"
+                          [disabled]="query.last >= query.result.totalItems || busy()" (click)="page(query.name, query.result.skip + query.result.take)">&rsaquo;</button>
+                </nav>
+              }
+            </section>
+          }
+        }
+      }
+    </div>
+  `,
+		isInline: true,
+		styles: [".spark-shared-object{max-width:72rem;margin:0 auto;padding:1.5rem 1rem}.spark-shared-attributes{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);gap:.5rem 1.5rem;margin:0}.spark-shared-attributes dt{font-weight:600}.spark-shared-attributes dd{margin:0;min-width:0}@media(max-width:575.98px){.spark-shared-attributes{grid-template-columns:minmax(0,1fr);gap:.15rem}.spark-shared-attributes dd{margin-bottom:.6rem}}.spark-shared-query{overflow-x:auto}.spark-shared-query table{width:100%;border-collapse:collapse}.spark-shared-query th,.spark-shared-query td{padding:.35rem .5rem;border-bottom:1px solid var(--bs-border-color);text-align:start}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: BsAlertComponent,
+				selector: "bs-alert",
+				inputs: [
+					"type",
+					"announce",
+					"isVisible"
+				],
+				outputs: ["isVisibleChange", "afterOpenedOrClosed"]
+			},
+			{
+				kind: "component",
+				type: BsSpinnerComponent,
+				selector: "bs-spinner",
+				inputs: ["type", "color"]
+			},
+			{
+				kind: "component",
+				type: SparkGridCellComponent,
+				selector: "spark-grid-cell",
+				inputs: [
+					"column",
+					"display",
+					"rendererValue",
+					"item",
+					"chips",
+					"link"
+				]
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: SparkSharedObjectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-shared-object",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				BsAlertComponent,
+				BsSpinnerComponent,
+				SparkGridCellComponent,
+				ResolveTranslationPipe
+			],
+			template: `
+    <div class="spark-shared-object">
+      @if (notice(); as text) {
+        <bs-alert [type]="colors.warning" class="d-block mb-3 spark-shared-notice">{{ text }}</bs-alert>
+      }
+      @switch (state()) {
+        @case ('loading') {
+          <bs-spinner class="spark-shared-loading" />
+        }
+        @case ('notFound') {
+          <bs-alert [type]="colors.danger" class="d-block spark-shared-not-found">{{ t('notFound') }}</bs-alert>
+        }
+        @case ('ready') {
+          <h1 class="h4 mb-3 spark-shared-title">{{ shared()?.label ?? undefined | resolveTranslation:(shared()?.type ?? '') }}</h1>
+          <dl class="row spark-shared-attributes">
+            @for (cell of attributeCells(); track cell.attribute.name) {
+              <dt class="col-sm-4">{{ cell.attribute.label | resolveTranslation:cell.attribute.name }}</dt>
+              <dd class="col-sm-8" [attr.data-attribute]="cell.attribute.name">
+                <spark-grid-cell [column]="cell.attribute" [display]="cell.display" [rendererValue]="cell.value" [item]="object()" />
+              </dd>
+            }
+          </dl>
+          @for (query of queryTables(); track query.name) {
+            <section class="mt-4 spark-shared-query" [attr.data-query]="query.name">
+              <h2 class="h5">{{ query.label | resolveTranslation:query.name }}</h2>
+              <div class="table-responsive">
+                <table class="table table-sm align-middle">
+                  <thead>
+                    <tr>
+                      @for (column of query.columns; track column.name) {
+                        <th scope="col">{{ column.label | resolveTranslation:column.name }}</th>
+                      }
+                    </tr>
+                  </thead>
+                  <tbody>
+                    @for (item of query.result.items; track item.id) {
+                      <tr [attr.data-id]="item.id">
+                        @for (column of query.columns; track column.name) {
+                          <td><spark-grid-cell [column]="column" [display]="display(column, item)" [rendererValue]="raw(item, column)" [item]="item" /></td>
+                        }
+                      </tr>
+                    }
+                  </tbody>
+                </table>
+              </div>
+              @if (query.result.totalItems > query.result.take) {
+                <nav class="d-flex align-items-center gap-2 spark-shared-pager">
+                  <button type="button" class="btn btn-sm btn-outline-secondary spark-shared-previous" aria-label="Previous"
+                          [disabled]="query.result.skip === 0 || busy()" (click)="page(query.name, query.result.skip - query.result.take)">&lsaquo;</button>
+                  <span class="small spark-shared-range">{{ query.result.skip + 1 }}–{{ query.last }} / {{ query.result.totalItems }}</span>
+                  <button type="button" class="btn btn-sm btn-outline-secondary spark-shared-next" aria-label="Next"
+                          [disabled]="query.last >= query.result.totalItems || busy()" (click)="page(query.name, query.result.skip + query.result.take)">&rsaquo;</button>
+                </nav>
+              }
+            </section>
+          }
+        }
+      }
+    </div>
+  `,
+			styles: [".spark-shared-object{max-width:72rem;margin:0 auto;padding:1.5rem 1rem}.spark-shared-attributes{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);gap:.5rem 1.5rem;margin:0}.spark-shared-attributes dt{font-weight:600}.spark-shared-attributes dd{margin:0;min-width:0}@media(max-width:575.98px){.spark-shared-attributes{grid-template-columns:minmax(0,1fr);gap:.15rem}.spark-shared-attributes dd{margin-bottom:.6rem}}.spark-shared-query{overflow-x:auto}.spark-shared-query table{width:100%;border-collapse:collapse}.spark-shared-query th,.spark-shared-query td{padding:.35rem .5rem;border-bottom:1px solid var(--bs-border-color);text-align:start}\n"]
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { SparkSharedObjectComponent };
+
+//# sourceMappingURL=mintplayer-ng-spark-share-page.mjs.map

package/fesm2022/mintplayer-ng-spark-share-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-spark-share-page.mjs","names":[],"sources":["../../share/page/src/spark-shared-object.component.ts"],"sourcesContent":["import { HttpClient, HttpErrorResponse } from '@angular/common/http';\nimport { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { firstValueFrom } from 'rxjs';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SPARK_CONFIG } from '@mintplayer/ng-spark';\nimport { SparkGridCellComponent } from '@mintplayer/ng-spark/grid';\nimport { PersistentObject, PersistentObjectAttribute, QueryColumn, QueryResult, QueryResultItem, TranslatedString, valueFor } from '@mintplayer/ng-spark/models';\nimport { QueryCellValuePipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport { cellValue, rendererValue } from '@mintplayer/ng-spark/renderers';\nimport { SparkLanguageService } from '@mintplayer/ng-spark/services';\n\n/** What `POST /spark/share/load` answers: the declared attributes and the first page of each declared child query. */\nexport interface SparkSharedObject {\n  id: string;\n  type: string;\n  /** The type's label (the model's, translated); the page's heading. */\n  label?: TranslatedString | null;\n  attributes: PersistentObjectAttribute[];\n  /** By query name. */\n  queries: Record<string, QueryResult>;\n  /** Each shown query's label, by query name; the tables' headings. */\n  queryLabels?: Record<string, TranslatedString | null>;\n}\n\n/** English fallbacks, shown until (or where) the server's translations have none. */\nconst TEXTS: Record<string, string> = {\n  notFound: 'This link does not work (any more).',\n  rateLimited: 'Too many requests. Try again in a minute.',\n  unavailable: 'This page could not be loaded. Try again later.',\n};\n\ntype State = 'loading' | 'ready' | 'notFound' | 'failed';\n\n/**\n * The read-only page of a share link (`docs/seo_analyzer_PRD.md` X6, D31), routed by `withShareRoutes()`:\n * exactly what `POST /spark/share/load` returned, the object's attributes through the same cells (and\n * custom renderers, such as the score renderers) as the rest of Spark, and one read-only table per\n * child query, paged through `POST /spark/share/query`. Every refusal reads as the one \"this link does\n * not work\" (`share.notFound`), since the server answers every refusal with the same 404. No signed-in\n * user, no links into the app, no assumptions about the surrounding chrome.\n */\n@Component({\n  selector: 'spark-shared-object',\n  standalone: true,\n  // Bootstrap's grid and table CSS are not global in ng-bootstrap (they ship with bs-grid / bs-table), so the\n  // `row`/`col-sm-4`/`table` classes alone left the page unstyled and edge to edge (seen in SeoTester, M11).\n  styles: [`\n    .spark-shared-object { max-width: 72rem; margin: 0 auto; padding: 1.5rem 1rem; }\n    .spark-shared-attributes { display: grid; grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr); gap: .5rem 1.5rem; margin: 0; }\n    .spark-shared-attributes dt { font-weight: 600; }\n    .spark-shared-attributes dd { margin: 0; min-width: 0; }\n    /* A phone stacks each label over its value: beside it, the label column took 40 % of 375 px. */\n    @media (max-width: 575.98px) {\n      .spark-shared-attributes { grid-template-columns: minmax(0, 1fr); gap: .15rem; }\n      .spark-shared-attributes dd { margin-bottom: .6rem; }\n    }\n    .spark-shared-query { overflow-x: auto; }\n    .spark-shared-query table { width: 100%; border-collapse: collapse; }\n    .spark-shared-query th, .spark-shared-query td { padding: .35rem .5rem; border-bottom: 1px solid var(--bs-border-color); text-align: start; }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [BsAlertComponent, BsSpinnerComponent, SparkGridCellComponent, ResolveTranslationPipe],\n  template: `\n    <div class=\"spark-shared-object\">\n      @if (notice(); as text) {\n        <bs-alert [type]=\"colors.warning\" class=\"d-block mb-3 spark-shared-notice\">{{ text }}</bs-alert>\n      }\n      @switch (state()) {\n        @case ('loading') {\n          <bs-spinner class=\"spark-shared-loading\" />\n        }\n        @case ('notFound') {\n          <bs-alert [type]=\"colors.danger\" class=\"d-block spark-shared-not-found\">{{ t('notFound') }}</bs-alert>\n        }\n        @case ('ready') {\n          <h1 class=\"h4 mb-3 spark-shared-title\">{{ shared()?.label ?? undefined | resolveTranslation:(shared()?.type ?? '') }}</h1>\n          <dl class=\"row spark-shared-attributes\">\n            @for (cell of attributeCells(); track cell.attribute.name) {\n              <dt class=\"col-sm-4\">{{ cell.attribute.label | resolveTranslation:cell.attribute.name }}</dt>\n              <dd class=\"col-sm-8\" [attr.data-attribute]=\"cell.attribute.name\">\n                <spark-grid-cell [column]=\"cell.attribute\" [display]=\"cell.display\" [rendererValue]=\"cell.value\" [item]=\"object()\" />\n              </dd>\n            }\n          </dl>\n          @for (query of queryTables(); track query.name) {\n            <section class=\"mt-4 spark-shared-query\" [attr.data-query]=\"query.name\">\n              <h2 class=\"h5\">{{ query.label | resolveTranslation:query.name }}</h2>\n              <div class=\"table-responsive\">\n                <table class=\"table table-sm align-middle\">\n                  <thead>\n                    <tr>\n                      @for (column of query.columns; track column.name) {\n                        <th scope=\"col\">{{ column.label | resolveTranslation:column.name }}</th>\n                      }\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (item of query.result.items; track item.id) {\n                      <tr [attr.data-id]=\"item.id\">\n                        @for (column of query.columns; track column.name) {\n                          <td><spark-grid-cell [column]=\"column\" [display]=\"display(column, item)\" [rendererValue]=\"raw(item, column)\" [item]=\"item\" /></td>\n                        }\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n              </div>\n              @if (query.result.totalItems > query.result.take) {\n                <nav class=\"d-flex align-items-center gap-2 spark-shared-pager\">\n                  <button type=\"button\" class=\"btn btn-sm btn-outline-secondary spark-shared-previous\" aria-label=\"Previous\"\n                          [disabled]=\"query.result.skip === 0 || busy()\" (click)=\"page(query.name, query.result.skip - query.result.take)\">&lsaquo;</button>\n                  <span class=\"small spark-shared-range\">{{ query.result.skip + 1 }}–{{ query.last }} / {{ query.result.totalItems }}</span>\n                  <button type=\"button\" class=\"btn btn-sm btn-outline-secondary spark-shared-next\" aria-label=\"Next\"\n                          [disabled]=\"query.last >= query.result.totalItems || busy()\" (click)=\"page(query.name, query.result.skip + query.result.take)\">&rsaquo;</button>\n                </nav>\n              }\n            </section>\n          }\n        }\n      }\n    </div>\n  `,\n})\nexport class SparkSharedObjectComponent {\n  private readonly http = inject(HttpClient);\n  private readonly route = inject(ActivatedRoute);\n  private readonly language = inject(SparkLanguageService);\n  private readonly baseUrl = `${inject(SPARK_CONFIG, { optional: true })?.baseUrl ?? '/spark'}/share`;\n  private readonly cellPipe = new QueryCellValuePipe();\n  protected readonly colors = Color;\n\n  private readonly type = this.route.snapshot.paramMap.get('type') ?? '';\n  private readonly token = this.route.snapshot.paramMap.get('token') ?? '';\n  private readonly id = this.route.snapshot.queryParamMap.get('id') ?? '';\n\n  readonly state = signal<State>('loading');\n  readonly shared = signal<SparkSharedObject | null>(null);\n  /** The page shown of each child query, by name: the first from the load, then whatever was paged to. */\n  readonly pages = signal<Record<string, QueryResult>>({});\n  readonly busy = signal(false);\n  /** A passing problem (rate limit, network) shown above the content, which stays. */\n  readonly notice = signal<string | null>(null);\n\n  /** The object in the shape renderers receive as `item`. */\n  protected readonly object = computed(() => {\n    const shared = this.shared();\n    return shared ? ({ id: shared.id, name: shared.type, objectTypeId: shared.type, attributes: shared.attributes } as PersistentObject) : null;\n  });\n\n  protected readonly attributeCells = computed(() => {\n    const object = this.object();\n    if (!object) return [];\n    return [...object.attributes]\n      .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n      .map(attribute => ({\n        attribute,\n        display: this.cellPipe.transform(attribute as unknown as QueryColumn, object as unknown as QueryResultItem, {}),\n        // As the detail page: an AsDetail value travels in `object`/`objects`, not `value`.\n        value: rendererValue(attribute),\n      }));\n  });\n\n  protected readonly queryTables = computed(() =>\n    Object.entries(this.pages()).map(([name, result]) => ({\n      name,\n      label: this.shared()?.queryLabels?.[name] ?? undefined,\n      result,\n      columns: [...(result.columns ?? [])].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),\n      last: Math.min(result.skip + result.take, result.totalItems),\n    })));\n\n  constructor() {\n    void this.load();\n  }\n\n  protected t(key: string): string {\n    return this.language.t('share.' + key, TEXTS[key]);\n  }\n\n  protected display(column: QueryColumn, item: QueryResultItem): unknown {\n    return this.cellPipe.transform(column, item, {});\n  }\n\n  protected raw(item: QueryResultItem, column: QueryColumn): unknown {\n    return cellValue(valueFor(item, column.name));\n  }\n\n  async load(): Promise<void> {\n    if (!this.type || !this.token || !this.id) {\n      this.state.set('notFound');\n      return;\n    }\n    this.state.set('loading');\n    try {\n      const shared = await this.post<SparkSharedObject>('load', {});\n      this.shared.set({ ...shared, attributes: shared.attributes ?? [], queries: shared.queries ?? {} });\n      this.pages.set({ ...(shared.queries ?? {}) });\n      this.notice.set(null);\n      this.state.set('ready');\n    } catch (error) {\n      this.fail(error);\n    }\n  }\n\n  /** Shows the page of `query` that starts at `skip`, the same size as the one shown. */\n  async page(query: string, skip: number): Promise<void> {\n    const current = this.pages()[query];\n    if (!current || skip < 0 || this.busy()) return;\n    this.busy.set(true);\n    try {\n      const result = await this.post<QueryResult>('query', { query, skip, take: current.take });\n      this.pages.update(pages => ({ ...pages, [query]: result }));\n      this.notice.set(null);\n    } catch (error) {\n      this.fail(error);\n    } finally {\n      this.busy.set(false);\n    }\n  }\n\n  private post<T>(path: 'load' | 'query', extra: Record<string, unknown>): Promise<T> {\n    return firstValueFrom(this.http.post<T>(`${this.baseUrl}/${path}`, { type: this.type, id: this.id, token: this.token, ...extra }));\n  }\n\n  private fail(error: unknown): void {\n    const status = error instanceof HttpErrorResponse ? error.status : 0;\n    if (status === 404) {\n      // Revoked, replaced, switched off or never valid: the server does not say which, nor does the page.\n      this.shared.set(null);\n      this.pages.set({});\n      this.notice.set(null);\n      this.state.set('notFound');\n      return;\n    }\n    this.notice.set(this.t(status === 429 ? 'rateLimited' : 'unavailable'));\n    if (this.state() === 'loading') this.state.set('failed');\n  }\n}\n"],"mappings":"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"}

package/fesm2022/mintplayer-ng-spark-share.mjs

@@ -0,0 +1,10 @@
+function withShareRoutes(options) {
+	const component = options?.component;
+	return [{
+		path: options?.path ?? "shared/:type/:token",
+		loadComponent: component ? () => Promise.resolve(component) : () => import("@mintplayer/ng-spark/share/page").then((m) => m.SparkSharedObjectComponent)
+	}];
+}
+export { withShareRoutes };
+
+//# sourceMappingURL=mintplayer-ng-spark-share.mjs.map

package/fesm2022/mintplayer-ng-spark-share.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-spark-share.mjs","names":[],"sources":["../../share/src/share-routes.ts"],"sourcesContent":["import type { Type } from '@angular/core';\nimport type { Routes } from '@angular/router';\n\n// Type-only: the page stays out of this entry point's bundle, loaded on navigation.\nexport type { SparkSharedObject } from '@mintplayer/ng-spark/share/page';\n\n/** Options of {@link withShareRoutes}. */\nexport interface SparkShareRoutesOptions {\n  /** The route path; it must hold `:type` and `:token`. Default `shared/:type/:token`, matching the server's `Spark:Share:LinkPath` (`/shared`). */\n  path?: string;\n  /** A page to use instead of `SparkSharedObjectComponent`. */\n  component?: Type<unknown>;\n}\n\n/**\n * The page a share link opens (`docs/seo_analyzer_PRD.md` X6, D31): `{origin}/shared/{type}/{token}?id={id}`.\n * Anonymous by design (the token is the credential), so it carries no guard; put it where no app chrome\n * assumes a signed-in user:\n *\n * ```ts\n * export const routes: Routes = [\n *   ...withShareRoutes(),\n *   { path: '', component: ShellComponent, children: [...sparkRoutes()] },\n * ];\n * ```\n *\n * Moving the page means setting `Spark:Share:LinkPath` to match, so the links the server makes follow.\n */\nexport function withShareRoutes(options?: SparkShareRoutesOptions): Routes {\n  const component = options?.component;\n  return [\n    {\n      path: options?.path ?? 'shared/:type/:token',\n      loadComponent: component\n        ? () => Promise.resolve(component)\n        : () => import('@mintplayer/ng-spark/share/page').then(m => m.SparkSharedObjectComponent),\n    },\n  ];\n}\n"],"mappings":"AA4BA,SAAgB,gBAAgB,SAAiC;CAC/D,MAAM,YAAY,SAAS;CAC3B,OAAO,CACL;EACE,MAAM,SAAS,QAAQ;EACvB,eAAe,kBACL,QAAQ,QAAQ,SAAS,UACzB,OAAO,kCAAkC,CAAC,MAAK,MAAK,EAAE,0BAA0B;CAC3F,CACF;AACH"}