@pb33f/cowboy-components 0.14.1 → 0.15.0

package/dist/components/the-doctor/the-doctor.css.js

@@ -97,14 +97,29 @@ export default css `
     }
     
     
-    .rolodex-tree {
-       height: 100%
-    }
-    
-    .split-panel {
-        --min: 550px;
-        --max: calc(100vw - 550px);
-    }
+	    .rolodex-tree {
+	       height: 100%
+	    }
+
+	    .split-panel {
+	        --min: 550px;
+	        --max: calc(100vw - 550px);
+	    }
+
+	    .split-panel.docs-mode {
+	        --divider-width: 0;
+	        --min: 0;
+	        --max: 100%;
+	    }
+
+	    .split-panel.docs-mode::part(divider),
+	    .split-panel.docs-mode::part(end) {
+	        display: none;
+	    }
+
+	    .split-panel.docs-mode::part(start) {
+	        min-width: 0;
+	    }
 
     .split-panel-explorer {
         --min: 30px;
@@ -112,6 +127,21 @@ export default css `
         max-width: 100vw;
     }
 
+	    .split-panel-explorer.docs-takeover {
+	        --divider-width: 0;
+	        --min: 0;
+	        --max: 100%;
+	    }
+
+    .split-panel-explorer.docs-takeover::part(start),
+    .split-panel-explorer.docs-takeover::part(divider) {
+        display: none;
+    }
+
+    .split-panel-explorer.docs-takeover::part(end) {
+        min-width: 0;
+    }
+
     .explorer-panel {
         height: calc(100vh - 85px);
         width: 100%;
@@ -257,6 +287,116 @@ export default css `
         background-color: var(--background-color-withopacity);
     }
 
+	    .printing-press-docs-pending {
+	        display: grid;
+	        grid-template-columns: minmax(180px, 20%) 1fr;
+	        height: 100%;
+	        min-height: 0;
+	        background: var(--background-color);
+	        color: var(--terminal-text);
+	        font-family: var(--font-stack-mono), monospace;
+	    }
+
+	    .docs-slot {
+	        display: block;
+	        width: 100%;
+	        height: 100%;
+	        min-width: 0;
+	        min-height: 0;
+	    }
+
+	    .printing-press-docs-panel {
+	        display: flex;
+	        flex-direction: column;
+	        width: 100%;
+	        height: 100%;
+	        min-width: 0;
+	        min-height: 0;
+	        background: var(--background-color);
+	    }
+
+	    .printing-press-docs-content {
+	        flex: 1 1 auto;
+	        width: 100%;
+	        min-width: 0;
+	        min-height: 0;
+	        overflow: hidden;
+	    }
+
+	    .printing-press-docs-shell {
+	        position: relative;
+	        width: 100%;
+	        height: 100%;
+	        min-width: 0;
+	        min-height: 0;
+	        background: var(--background-color);
+	    }
+
+	    .printing-press-docs-frame {
+	        display: block;
+	        width: 100%;
+	        height: 100%;
+	        min-width: 0;
+	        min-height: 0;
+	        background: var(--background-color);
+        opacity: 0;
+        transition: opacity 120ms linear;
+    }
+
+    .printing-press-docs-frame.ready {
+        opacity: 1;
+    }
+
+    .printing-press-docs-access-denied-frame {
+        display: block;
+        height: 100%;
+        min-height: 0;
+        background: var(--background-color);
+    }
+
+    .printing-press-docs-overlay {
+        position: absolute;
+        inset: 0;
+        background: var(--background-color);
+    }
+
+    .printing-press-docs-pending-nav {
+        border-right: 1px solid var(--primary-color-lowalpha);
+        padding: 24px 18px;
+    }
+
+    .printing-press-docs-pending-nav span {
+        display: block;
+        height: 12px;
+        margin-bottom: 18px;
+        border: 1px solid var(--secondary-color-lowalpha);
+        background: var(--background-color);
+    }
+
+    .printing-press-docs-pending-nav span:nth-child(1) { width: 82%; }
+    .printing-press-docs-pending-nav span:nth-child(2) { width: 64%; }
+    .printing-press-docs-pending-nav span:nth-child(3) { width: 76%; }
+    .printing-press-docs-pending-nav span:nth-child(4) { width: 58%; }
+    .printing-press-docs-pending-nav span:nth-child(5) { width: 70%; }
+
+    .printing-press-docs-pending-main {
+        padding: 38px 44px;
+    }
+
+    .printing-press-docs-pending-main h2 {
+        margin: 0 0 14px;
+        color: var(--primary-color);
+        font-size: 0.96rem;
+        letter-spacing: 0;
+        text-transform: uppercase;
+    }
+
+    .printing-press-docs-pending-main p {
+        margin: 0;
+        color: var(--tertiary-color);
+        font-size: 0.84rem;
+    }
+
     .sr-only {
         position: absolute;
         width: 1px;

package/dist/components/the-doctor/the-doctor.d.ts

@@ -36,6 +36,8 @@ import { DoctorEventChannels } from "../../services/doctor-events.js";
 import { ReferenceMap, RolodexFiles, RolodexResponse, RolodexState } from "../../model/rolodex.js";
 import { UploadArchiveComponent } from "./upload-archive.js";
 import '../premium-gate/premium-gate.js';
+import './printing-press-docs-unavailable.js';
+import './printing-press-export-controls.js';
 import { NukeWorkspaceComponent } from "./nuke-workspace.js";
 import { PanelState } from "../../model/panel-state.js";
 import { CreditTicker } from "../credit-ticker/credit-ticker.js";
@@ -60,7 +62,6 @@ import { GitHubController } from "../../controllers/github-controller.js";
 import { DiagramatronController } from "../../controllers/diagramatron-controller.js";
 import { TimelineController } from "../../controllers/timeline-controller.js";
 import { BundleController } from "../../controllers/bundle-controller.js";
-import { ApiKeyController } from "../../controllers/api-key-controller.js";
 import '../bundle-toolbar/bundle-toolbar.js';
 import { GitHubCachedState } from '../../model/github.js';
 import { GenericDetailsDrawer } from '../details-drawer/generic-details-drawer.js';
@@ -71,6 +72,7 @@ import { DoctorUrlOverlay } from './doctor-url-overlay.js';
 import { DoctorSidebarPanel } from './doctor-sidebar-panel.js';
 import { DoctorNavigatorPanel } from './doctor-navigator-panel.js';
 import { DoctorEditorPanel } from './doctor-editor-panel.js';
+import type { PremiumGate } from '../premium-gate/premium-gate.js';
 export declare const GraphBag = "pb33f-doctor-graph";
 export declare const PanelStateBag = "pb33f-doctor-panel-state";
 export declare const RolodexResponseBag = "pb33f-doctor-rolodex-response";
@@ -102,6 +104,7 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     exportSelection: SlRadioGroup;
     downloadRulesetLink: HTMLAnchorElement;
     loadingOverlay: SlDialog;
+    printingPressExportGate?: PremiumGate;
     urlInputButton: SlButton;
     urlInput: SlInput;
     unavailable: boolean;
@@ -133,6 +136,19 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     editorDirty: boolean;
     bundleLoading: boolean;
     isBundled: boolean;
+    private printingPressDocsPending;
+    private printingPressDocsUrl?;
+    private printingPressDocsReady;
+    private printingPressDocsError?;
+    private printingPressDocsAccessDenied;
+    private printingPressDocsTaskId?;
+    private printingPressDocsReadyTimeout?;
+    private printingPressDocsExpectedOrigin?;
+    private printingPressDocsRetryableError;
+    private static readonly PRINTING_PRESS_DOCS_READY_TIMEOUT_MS;
+    private docsTakeoverApplied;
+    private explorerPositionBeforeDocs?;
+    private inspectorPositionBeforeDocs?;
     private tardisControlRef;
     private editorRef;
     private rulesetEditorRef;
@@ -210,7 +226,6 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     readonly walletController: WalletController;
     readonly globalTaskController: GlobalTaskController;
     readonly githubController: GitHubController;
-    readonly apiKeyController: ApiKeyController;
     readonly diagramatronController: DiagramatronController;
     readonly timelineController: TimelineController;
     readonly bundleController: BundleController;
@@ -256,6 +271,7 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     handleUrlOverlayDismissed(): void;
     handleSidebarTabChanged(event: CustomEvent<{
         name: string;
+        focusPanel?: boolean;
     }>): void;
     openSidebar(): void;
     markEditorTabLoaded(tabName: string): void;
@@ -280,6 +296,7 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     private loadMinimapState;
     private applyMinimapState;
     firstUpdated(): Promise<void>;
+    protected updated(changedProperties: Map<string, unknown>): void;
     disconnectedCallback(): void;
     setupDrawerHandlers(): void;
     addClickTrack(node: Node): void;
@@ -292,6 +309,7 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     sendToast(toast: Toast): void;
     updateInspectorDivider(): void;
     updateExplorerDivider(): void;
+    private syncDocsTakeoverLayout;
     updateRefmapBag(currentPath: string | undefined, result: Reference[]): void;
     creditEmpty(e: CustomEvent): void;
     socketDisconnected(event: CustomEvent): void;
@@ -301,6 +319,38 @@ export declare class TheDoctor extends LitElement implements DoctorContext {
     handleBundleRequested(): Promise<void>;
     handleBundleDownload(): void;
     handleBundleCopy(): void;
+    handlePrintingPressZipExport(): Promise<void>;
+    handlePrintingPressTarballExport(): Promise<void>;
+    private handlePrintingPressExport;
+    handlePrintingPressTask(taskId: string): void;
+    preloadPrintingPressDocs(options?: {
+        refresh?: boolean;
+    }): void;
+    markPrintingPressDocsUnavailable(detail: string): void;
+    private resetPrintingPressDocsState;
+    private loadCurrentPrintingPressDocs;
+    private loadPrintingPressDocsForTask;
+    private loadPrintingPressDocsFromResult;
+    private handlePrintingPressMessage;
+    private handlePrintingPressDocumentExport;
+    private shouldOpenPrintingPressExportGate;
+    private openPrintingPressExportGate;
+    private armPrintingPressDocsReadyWatchdog;
+    private clearPrintingPressDocsReadyWatchdog;
+    private createPrintingPressRequestNonce;
+    private createPrintingPressRequestId;
+    private handlePrintingPressDocsIframeError;
+    private handlePrintingPressDocsIframeLoad;
+    private handleThemeChangeForPrintingPress;
+    private sendCurrentThemeToPrintingPress;
+    private sendThemeToPrintingPress;
+    private sendPrintingPressArchiveControls;
+    private findPrintingPressIframeWindow;
+    private renderPrintingPressDocsPanel;
+    private renderPrintingPressDocs;
+    private renderPrintingPressAccessDenied;
+    private isPrintingPressAccessDeniedError;
+    private renderPrintingPressDocsPending;
     handleEditorUpdatedForBundle(event: CustomEvent<EditorUpdatedEvent>): void;
     reboot(): void;
     updateWorkspaceReadOnlyState(): void;