@franzzemen/brokenstock-shell 0.0.28 → 0.0.29

package/fesm2022/franzzemen-brokenstock-shell.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, makeEnvironmentProviders, signal, computed, Injectable, inject, input, Directive, isDevMode, effect, untracked, HostListener, ViewChild, ChangeDetectionStrategy, Component, NgZone, viewChild, afterNextRender } from '@angular/core';
 import * as i2$1 from '@angular/router';
-import { Router, RouterLink, RouterLinkActive, RouterOutlet, ActivatedRoute } from '@angular/router';
+import { Router, RouterLink, ActivatedRoute, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { HttpHeader, BEARER_TOKEN_REGEX, USERNAME_REGEX, PASSWORD_REGEX } from '@franzzemen/utility';
 import { validateCredentials } from '@franzzemen/identity';
 import { HttpClient } from '@angular/common/http';
@@ -11,7 +11,7 @@ import { NG_VALIDATORS, FormsModule } from '@angular/forms';
 import { Marked } from 'marked';
 import { gfmHeadingId } from 'marked-gfm-heading-id';
 import fm from 'front-matter';
-import { NgClass, DOCUMENT, DatePipe } from '@angular/common';
+import { NgClass, CommonModule, DOCUMENT, DatePipe } from '@angular/common';
 import { z } from 'zod/v4';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -1236,6 +1236,211 @@ var faqAuthoringPanel = /*#__PURE__*/Object.freeze({
     FaqAuthoringPanel: FaqAuthoringPanel
 });
 
+/**
+ * Public, SEO-targeted FAQ index. Prerendered at build time on the
+ * consumer side (e.g. /help in broken-stock). Lists every manifest
+ * entry where `audience === 'public' && seoReady === true`, grouped
+ * by category and ordered by `order`.
+ */
+class PublicFaqIndex {
+    constructor() {
+        this.loader = inject(FAQ_CONTENT_LOADER);
+        this._entries = signal([], ...(ngDevMode ? [{ debugName: "_entries" }] : /* istanbul ignore next */ []));
+        this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.groups = computed(() => {
+            const visible = this._entries().filter((e) => e.audience === 'public' && e.seoReady);
+            const byCategory = new Map();
+            for (const entry of visible) {
+                const list = byCategory.get(entry.category) ?? [];
+                list.push(entry);
+                byCategory.set(entry.category, list);
+            }
+            const groups = [];
+            for (const [category, entries] of byCategory) {
+                entries.sort((a, b) => a.order - b.order || a.title.localeCompare(b.title));
+                groups.push({ category, entries });
+            }
+            groups.sort((a, b) => a.category.localeCompare(b.category));
+            return groups;
+        }, ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    }
+    async ngOnInit() {
+        try {
+            const manifest = await this.loader.loadManifest();
+            this._entries.set(manifest.entries);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PublicFaqIndex, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: PublicFaqIndex, isStandalone: true, selector: "public-faq-index", ngImport: i0, template: `
+    <article class="public-faq-index">
+      <header>
+        <h1>Brokenstock Help</h1>
+        <p class="lead">Documentation and walkthroughs for the Brokenstock trade-journal platform.</p>
+      </header>
+      @if (loading()) {
+        <p>Loading…</p>
+      } @else if (groups().length === 0) {
+        <p>No help pages are published yet.</p>
+      } @else {
+        @for (group of groups(); track group.category) {
+          <section>
+            <h2>{{ group.category }}</h2>
+            <ul>
+              @for (entry of group.entries; track entry.key) {
+                <li>
+                  <a [routerLink]="['/help', entry.file]">{{ entry.title }}</a>
+                  @if (entry.description) {
+                    <span class="desc"> — {{ entry.description }}</span>
+                  }
+                </li>
+              }
+            </ul>
+          </section>
+        }
+      }
+    </article>
+  `, isInline: true, styles: [":host{display:block}.public-faq-index{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}header h1{font-size:2.25rem;margin:0 0 .5rem}.lead{color:#555;margin:0 0 2rem;font-size:1.1rem}h2{font-size:1.35rem;margin:1.75rem 0 .5rem;border-bottom:1px solid #eee;padding-bottom:.25rem}ul{list-style:none;padding:0;margin:0}li{padding:.4rem 0}a{color:#1565c0;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.desc{color:#666;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PublicFaqIndex, decorators: [{
+            type: Component,
+            args: [{ selector: 'public-faq-index', standalone: true, imports: [CommonModule, RouterLink], template: `
+    <article class="public-faq-index">
+      <header>
+        <h1>Brokenstock Help</h1>
+        <p class="lead">Documentation and walkthroughs for the Brokenstock trade-journal platform.</p>
+      </header>
+      @if (loading()) {
+        <p>Loading…</p>
+      } @else if (groups().length === 0) {
+        <p>No help pages are published yet.</p>
+      } @else {
+        @for (group of groups(); track group.category) {
+          <section>
+            <h2>{{ group.category }}</h2>
+            <ul>
+              @for (entry of group.entries; track entry.key) {
+                <li>
+                  <a [routerLink]="['/help', entry.file]">{{ entry.title }}</a>
+                  @if (entry.description) {
+                    <span class="desc"> — {{ entry.description }}</span>
+                  }
+                </li>
+              }
+            </ul>
+          </section>
+        }
+      }
+    </article>
+  `, styles: [":host{display:block}.public-faq-index{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}header h1{font-size:2.25rem;margin:0 0 .5rem}.lead{color:#555;margin:0 0 2rem;font-size:1.1rem}h2{font-size:1.35rem;margin:1.75rem 0 .5rem;border-bottom:1px solid #eee;padding-bottom:.25rem}ul{list-style:none;padding:0;margin:0}li{padding:.4rem 0}a{color:#1565c0;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.desc{color:#666;font-weight:400}\n"] }]
+        }] });
+
+/**
+ * Public, SEO-targeted FAQ page. Prerendered at build time per
+ * qualifying manifest entry (e.g. /help/landing, /help/trade/segments).
+ *
+ * The route is `help/**` so multi-segment file paths work; this
+ * component reads the wildcard path off `ActivatedRoute.url`.
+ */
+class PublicFaqPage {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.loader = inject(FAQ_CONTENT_LOADER);
+        this.renderer = inject(FaqMarkdownRendererService);
+        this.entry = signal(null, ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
+        this.body = signal('', ...(ngDevMode ? [{ debugName: "body" }] : /* istanbul ignore next */ []));
+        this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.renderedHtml = computed(() => {
+            const entry = this.entry();
+            const body = this.body();
+            if (!entry || !body)
+                return '';
+            return this.renderer.render(body, {
+                context: 'page',
+                imagePrefix: entry.imagePrefix
+                    ? `/assets/faq/${entry.imagePrefix}`
+                    : undefined,
+            });
+        }, ...(ngDevMode ? [{ debugName: "renderedHtml" }] : /* istanbul ignore next */ []));
+    }
+    async ngOnInit() {
+        try {
+            const segments = this.route.snapshot.url.map((s) => s.path);
+            const filePath = segments.join('/');
+            if (!filePath) {
+                return;
+            }
+            const manifest = await this.loader.loadManifest();
+            const match = manifest.entries.find((e) => e.file === filePath &&
+                e.audience === 'public' &&
+                e.seoReady);
+            if (!match)
+                return;
+            const content = await this.loader.loadContent(match.key);
+            if (content === null)
+                return;
+            const parsed = this.renderer.parse(content);
+            this.entry.set(match);
+            this.body.set(parsed.body);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PublicFaqPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: PublicFaqPage, isStandalone: true, selector: "public-faq-page", ngImport: i0, template: `
+    <article class="public-faq-page">
+      <nav class="crumbs">
+        <a routerLink="/help">← Help</a>
+      </nav>
+      @if (loading()) {
+        <p>Loading…</p>
+      } @else if (!entry()) {
+        <header>
+          <h1>Page not found</h1>
+          <p>That help page doesn't exist or isn't published. Try the <a routerLink="/help">help index</a>.</p>
+        </header>
+      } @else {
+        <header>
+          <h1>{{ entry()!.title }}</h1>
+          @if (entry()!.description) {
+            <p class="lead">{{ entry()!.description }}</p>
+          }
+        </header>
+        <div class="body" [innerHTML]="renderedHtml()"></div>
+      }
+    </article>
+  `, isInline: true, styles: [":host{display:block}.public-faq-page{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.crumbs{margin-bottom:1.5rem;font-size:.9rem}.crumbs a{color:#1565c0;text-decoration:none}.crumbs a:hover{text-decoration:underline}header h1{font-size:2.1rem;margin:0 0 .5rem}.lead{color:#555;font-size:1.1rem;margin:0 0 1.5rem}.body :is(h1,h2,h3,h4){margin-top:2rem}.body a{color:#1565c0}.body img{max-width:100%;height:auto}.body pre{background:#f6f8fa;padding:.75rem 1rem;border-radius:6px;overflow-x:auto}.body code{background:#f6f8fa;padding:.1rem .3rem;border-radius:3px;font-size:.9em}.body pre code{background:transparent;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PublicFaqPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'public-faq-page', standalone: true, imports: [CommonModule, RouterLink], template: `
+    <article class="public-faq-page">
+      <nav class="crumbs">
+        <a routerLink="/help">← Help</a>
+      </nav>
+      @if (loading()) {
+        <p>Loading…</p>
+      } @else if (!entry()) {
+        <header>
+          <h1>Page not found</h1>
+          <p>That help page doesn't exist or isn't published. Try the <a routerLink="/help">help index</a>.</p>
+        </header>
+      } @else {
+        <header>
+          <h1>{{ entry()!.title }}</h1>
+          @if (entry()!.description) {
+            <p class="lead">{{ entry()!.description }}</p>
+          }
+        </header>
+        <div class="body" [innerHTML]="renderedHtml()"></div>
+      }
+    </article>
+  `, styles: [":host{display:block}.public-faq-page{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.crumbs{margin-bottom:1.5rem;font-size:.9rem}.crumbs a{color:#1565c0;text-decoration:none}.crumbs a:hover{text-decoration:underline}header h1{font-size:2.1rem;margin:0 0 .5rem}.lead{color:#555;font-size:1.1rem;margin:0 0 1.5rem}.body :is(h1,h2,h3,h4){margin-top:2rem}.body a{color:#1565c0}.body img{max-width:100%;height:auto}.body pre{background:#f6f8fa;padding:.75rem 1rem;border-radius:6px;overflow-x:auto}.body code{background:#f6f8fa;padding:.1rem .3rem;border-radius:3px;font-size:.9em}.body pre code{background:transparent;padding:0}\n"] }]
+        }] });
+
 class ThemeService {
     constructor() {
         this.mode = signal('dark', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
@@ -2048,5 +2253,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AuthenticationService, CLEAR_USAGE, CommandRegistryService, CommandService, CommandTerminal, ConfirmDialog, FAQ_CONTENT_LOADER, FAQ_DEV_EDITOR, FAQ_DEV_MODE, FAQ_DEV_WORKSPACE_ROOT, FaqAuthoringPanel, FaqHistoryService, FaqMarkdownRendererService, FaqModal, FaqService, HELP_USAGE, HttpFaqContentLoader, KeyboardShortcutService, Login, MainContent, RegexValidatorDirective, SHELL_APP_NAME, SHELL_AUTH_URLS, SHELL_COMMANDS, SHELL_MENU_ITEMS, SHELL_POST_LOGIN_ROUTE, Shell, SideMenu, StatusBar, TerminalFocusService, ThemeService, ThinkingService, audienceAllowed, authGuard, authInterceptor, buildFallbackChain, guestGuard, provideShellConfig, tokenize };
+export { AuthenticationService, CLEAR_USAGE, CommandRegistryService, CommandService, CommandTerminal, ConfirmDialog, FAQ_CONTENT_LOADER, FAQ_DEV_EDITOR, FAQ_DEV_MODE, FAQ_DEV_WORKSPACE_ROOT, FaqAuthoringPanel, FaqHistoryService, FaqMarkdownRendererService, FaqModal, FaqService, HELP_USAGE, HttpFaqContentLoader, KeyboardShortcutService, Login, MainContent, PublicFaqIndex, PublicFaqPage, RegexValidatorDirective, SHELL_APP_NAME, SHELL_AUTH_URLS, SHELL_COMMANDS, SHELL_MENU_ITEMS, SHELL_POST_LOGIN_ROUTE, Shell, SideMenu, StatusBar, TerminalFocusService, ThemeService, ThinkingService, audienceAllowed, authGuard, authInterceptor, buildFallbackChain, guestGuard, provideShellConfig, tokenize };
 //# sourceMappingURL=franzzemen-brokenstock-shell.mjs.map