@pb33f/cowboy-components 0.7.17 → 0.8.0

package/dist/components/github/github-workspace-view.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/github/github-workspace-view.css.js

@@ -0,0 +1,165 @@
+import { css } from "lit";
+export default css `
+    .github-file-list {
+        list-style: none;
+        padding: 0;
+        margin: 0 0 0 20px;
+    }
+
+    h3 {
+        margin-top: 20px;
+        margin-bottom: 10px;
+        color: var(--primary-color);
+    }
+
+    p {
+        font-size: 0.8rem;
+        margin: 10px 0;
+    }
+    
+    .preview-label {
+        text-align: right; 
+        padding-right: 10px;
+        color: var(--tertiary-color);
+    }
+    
+    .repo {
+        font-size: 1rem;
+        padding: 4px 0 4px 0;
+    }
+    
+    .spec {
+        font-size: 0.9rem;
+        padding: 4px 0 4px 0;
+    }
+
+    .private-badge {
+        font-size: 0.75rem;
+        color: var(--secondary-color);
+        margin-left: 8px;
+    }
+
+    .no-specs {
+        color: var(--tertiary-color);
+        font-style: italic;
+        font-size: 0.8rem;
+        padding: 8px 10px; 
+    }
+
+    /* Active/hover state */
+    .active {
+        background-color: var(--primary-color-verylowalpha);
+        color: var(--font-color);
+    }
+
+    /* Import button - hidden by default, shown on hover */
+    sl-icon-button.import-file::part(base) {
+        padding: 5px 10px 0 0;
+        display: none;
+    }
+    
+    .active sl-icon-button.import-file::part(base) {
+        display: inline-block;
+    }
+
+    /* Imported indicator - hidden by default, shown on hover */
+    .imported-indicator {
+        font-family: var(--font-stack-italic), sans-serif;
+        font-size: 0.8rem;
+        color: var(--tertiary-color);
+        padding: 5px 10px 0 0;
+        display: none;
+    }
+
+    .active .imported-indicator {
+        display: inline-block;
+    }
+
+    /* Imported value in preview */
+    .imported-value {
+        color: var(--primary-color);
+        font-family: var(--font-stack), monospace;
+        text-shadow: 0 0 1rem var(--primary-color);
+    }
+
+    :host-context(html[theme="light"]) .imported-value {
+        text-shadow: none;
+    }
+
+    /* Button styles */
+    sl-button > strong {
+        color: inherit;
+    }
+
+    sl-button.refresh-button::part(base) {
+        margin-top: 0;
+    }
+
+    /* Typography */
+    strong {
+        font-family: var(--font-stack-bold), sans-serif;
+        color: var(--primary-color);
+    }
+
+    strong.secondary {
+        font-family: var(--font-stack-bold), sans-serif;
+        color: var(--secondary-color);
+    }
+
+    /* GitHub controls section */
+    .github-controls {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin: 10px 0;
+    }
+
+    .last-refreshed {
+        font-size: 0.8rem;
+        color: var(--tertiary-color);
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .last-refreshed sl-relative-time {
+        color: var(--font-color);
+    }
+
+    .stale-tag {
+        font-size: 0.7rem;
+    }
+
+    .stale-tag::part(base) {
+        padding: 2px 6px;
+    }
+
+    /* First load prompt */
+    .first-load-prompt {
+        margin: 15px 0;
+        padding: 15px;
+        background-color: var(--primary-color-verylowalpha);
+        border-left: 3px solid var(--primary-color);
+    }
+
+    .first-load-prompt p {
+        margin: 0 0 10px 0;
+    }
+
+    /* Empty repos message */
+    .empty-repos-message {
+        margin: 15px 0;
+        padding: 15px;
+        background-color: var(--tertiary-color-verylowalpha);
+        border-left: 3px solid var(--tertiary-color);
+    }
+
+    .empty-repos-message p {
+        margin: 0 0 8px 0;
+        color: var(--tertiary-color);
+    }
+
+    .empty-repos-message .last-refreshed {
+        margin-bottom: 10px;
+    }
+`;

package/dist/components/github/github-workspace-view.d.ts

@@ -0,0 +1,59 @@
+import { LitElement } from "lit";
+import { GitHubController } from "../../controllers/github-controller.js";
+import { GitHubFile, GitHubInstallation, GitHubRepository } from "../../model/github.js";
+import "../indeterminate-loader/indeterminate-loader.js";
+import { IndeterminateLoader } from "../indeterminate-loader/indeterminate-loader.js";
+import '@shoelace-style/shoelace/dist/components/relative-time/relative-time.js';
+export declare class GitHubWorkspaceView extends LitElement {
+    static styles: import("lit").CSSResult[];
+    githubController: GitHubController;
+    installations: GitHubInstallation[];
+    repositories: GitHubRepository[];
+    refreshing: boolean;
+    importingFiles: Set<string>;
+    repositoriesLastRefreshed?: string;
+    installationsLastRefreshed?: string;
+    workspaceReadOnly: boolean;
+    loader?: IndeterminateLoader;
+    private installationsLoading;
+    private repositoriesLoading;
+    private hoverDebounceTimers;
+    private boundHandleInstallationsLoaded;
+    private boundHandleRepositoriesLoaded;
+    private boundHandleInstallationsAsync;
+    private boundHandleRepositoriesAsync;
+    private boundHandleRepositoryAttached;
+    private boundHandleCacheLoaded;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private setupEventListeners;
+    private removeEventListeners;
+    private handleInstallationsLoaded;
+    private handleRepositoriesLoaded;
+    private handleCacheLoaded;
+    private handleInstallationsAsync;
+    private handleRepositoriesAsync;
+    private checkIfLoadingComplete;
+    private handleRepositoryAttached;
+    private calculateCycleDuration;
+    private stopRefreshLoader;
+    private isStale;
+    private handleLoadRepositories;
+    private handleInstallGitHub;
+    private handleClaimRepository;
+    private handleAttachRepository;
+    private handleRefresh;
+    private toggleElementHighlight;
+    private lightElement;
+    private dimElement;
+    private renderFilePreview;
+    private handleImportedFileHover;
+    private handleImportedFileUnhover;
+    render(): import("lit-html").TemplateResult<1>;
+    handleMouseOver(fileId: string, file: GitHubFile): void;
+    handleMouseOut(fileId: string, file: GitHubFile): void;
+    private toggleRepositoryHighlight;
+    highlightRepository(repositoryId: string, workspaceName?: string): void;
+    unhighlightRepository(repositoryId: string, workspaceName?: string): void;
+}