@alwith/module-drive 0.0.0-stage → 0.1.0-rc.23

package/dist/styles.css

@@ -0,0 +1,458 @@
+@import "./content.css";
+.alwith-drive {
+  color: var(--foreground);
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
+  min-width: 0;
+  font-size: 0.875rem;
+}
+.alwith-drive h2,
+.alwith-drive h3,
+.alwith-drive h4 {
+  font-weight: 500;
+  margin: 0;
+}
+.alwith-drive h2 {
+  font-size: 1rem;
+}
+.alwith-drive h3,
+.alwith-drive h4 {
+  font-size: 0.875rem;
+}
+.alwith-drive p {
+  color: var(--muted-foreground);
+  font-size: 0.75rem;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+  margin: 0;
+}
+.alwith-drive small {
+  color: var(--muted-foreground);
+  font-size: 0.6875rem;
+}
+.alwith-drive header,
+.alwith-drive-row,
+.alwith-drive-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.alwith-drive header {
+  justify-content: space-between;
+}
+.alwith-drive-actions {
+  flex-wrap: wrap;
+}
+.alwith-drive-row {
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--border);
+  min-width: 0;
+}
+.alwith-drive-row > span:first-child {
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.alwith-drive-row small {
+  display: block;
+}
+.alwith-drive .alwith-drive-error {
+  color: var(--destructive);
+}
+.alwith-drive-form,
+.alwith-drive form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.alwith-drive label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  font-size: 0.75rem;
+}
+.alwith-drive-form label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  font-size: 0.75rem;
+}
+.alwith-drive input[type="checkbox"] {
+  width: 1rem;
+  min-width: 1rem;
+  height: 1rem;
+  accent-color: var(--primary);
+}
+.alwith-drive details > summary {
+  cursor: pointer;
+  font-size: 0.75rem;
+  color: var(--muted-foreground);
+  padding: 0.375rem 0;
+}
+.alwith-drive-launcher {
+  padding: 0.25rem;
+  gap: 0.25rem;
+  height: 100%;
+  overflow: hidden;
+}
+.alwith-drive-toolbar {
+  height: 2rem;
+  padding: 0 0.25rem;
+  flex-shrink: 0;
+}
+.alwith-drive-toolbar > strong {
+  font-size: 0.8125rem;
+  font-weight: 500;
+}
+.alwith-drive-search {
+  padding: 0 0.25rem 0.25rem;
+}
+.alwith-drive-search input,
+.alwith-drive-group > input {
+  height: 1.75rem;
+  font-size: 0.75rem;
+}
+.alwith-drive-search-results {
+  max-height: 20rem;
+  overflow: auto;
+}
+.alwith-drive-search-result {
+  width: 100%;
+  height: auto !important;
+  justify-content: flex-start !important;
+  text-align: start;
+  padding: 0.375rem !important;
+}
+.alwith-drive-search-result span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.alwith-drive-search-result small {
+  display: block;
+  font-size: 0.625rem;
+}
+.alwith-drive-navigation {
+  min-height: 0;
+  overflow: auto;
+  flex: 1;
+}
+.alwith-drive-group {
+  padding: 0.125rem 0;
+}
+.alwith-drive-group > summary {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.375rem 0.5rem !important;
+  font-size: 0.6875rem !important;
+  font-weight: 500;
+}
+.alwith-drive-group > summary::before {
+  content: "›";
+  width: 0.5rem;
+}
+.alwith-drive-group[open] > summary::before {
+  transform: rotate(90deg);
+}
+.alwith-drive-group > summary > span {
+  margin-left: auto;
+  font-weight: 400;
+}
+.alwith-drive-group > .alwith-drive-group {
+  padding-left: 0.5rem;
+}
+.alwith-drive-nav-row {
+  min-width: 0;
+  height: var(--navigation-row-height, 1.875rem);
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  position: relative;
+  border-radius: 0.25rem;
+}
+.alwith-drive-nav-row:hover,
+.alwith-drive-nav-row[data-active="true"] {
+  background: var(--accent);
+  color: var(--accent-foreground);
+}
+.alwith-drive-nav-open {
+  flex: 1 1 0%;
+  display: flex !important;
+  align-items: center;
+  gap: 0.375rem;
+  height: var(--navigation-row-height, 1.875rem) !important;
+  padding: 0 0.375rem !important;
+  width: 100%;
+  min-width: 0;
+  justify-content: flex-start !important;
+  font-size: 0.8125rem !important;
+  font-weight: 400 !important;
+}
+.alwith-drive-nav-open > span:nth-child(2),
+.alwith-drive-nav-open > span:only-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  text-align: start;
+}
+.alwith-drive-nav-open > small {
+  margin-left: auto;
+  white-space: nowrap;
+  font-size: 0.625rem;
+}
+.alwith-drive-menu {
+  position: relative;
+  flex-shrink: 0;
+}
+.alwith-drive-menu > summary {
+  list-style: none;
+  padding: 0.25rem !important;
+  font-size: 0.625rem !important;
+}
+.alwith-drive-menu > div {
+  position: absolute;
+  right: 0;
+  top: 100%;
+  z-index: 40;
+  min-width: 12rem;
+  padding: 0.25rem;
+  border: 1px solid var(--border);
+  border-radius: 0.375rem;
+  background: var(--popover);
+  color: var(--popover-foreground);
+  box-shadow: 0 0.25rem 1rem color-mix(in srgb, var(--foreground) 12%, transparent);
+  display: flex;
+  flex-direction: column;
+}
+.alwith-drive-menu > div > button {
+  justify-content: flex-start !important;
+  font-size: 0.75rem;
+}
+.alwith-drive-nav-row > .alwith-drive-menu {
+  opacity: 0;
+}
+.alwith-drive-nav-row:hover > .alwith-drive-menu,
+.alwith-drive-nav-row:focus-within > .alwith-drive-menu {
+  opacity: 1;
+}
+.alwith-drive-notice {
+  border-radius: 0.375rem;
+  background: var(--muted);
+  padding: 0.5rem;
+}
+.alwith-drive-settings {
+  padding: 0.25rem 0;
+  gap: 1rem;
+}
+.alwith-drive-setting {
+  display: flex !important;
+  flex-direction: row !important;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.75rem 0;
+  border-bottom: 1px solid var(--border);
+}
+.alwith-drive-setting > div:first-child {
+  flex: 1;
+  min-width: 0;
+}
+.alwith-drive-setting > div:first-child > p {
+  margin-top: 0.25rem;
+}
+.alwith-drive-setting input[type="number"] {
+  width: 5rem;
+}
+.alwith-drive-setting .alwith-drive-form {
+  max-width: 18rem;
+}
+.alwith-drive-status {
+  --alwith-drive-upload: #0ea5e9;
+  --alwith-drive-download: #10b981;
+  padding: 0.75rem;
+  gap: 0;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  max-height: 70vh;
+  overflow: auto;
+}
+.alwith-drive-status-header h2 {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+.alwith-drive-status-tools {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.alwith-drive-status .alwith-drive-status-icon {
+  width: 1.75rem;
+  height: 1.75rem;
+  padding: 0;
+  flex-shrink: 0;
+}
+.alwith-drive-status .alwith-drive-status-icon svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.alwith-drive-status-grid {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 0.25rem 0.75rem;
+  margin: 0.5rem 0 0;
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.alwith-drive-status-grid dt,
+.alwith-drive-status-trailing,
+.alwith-drive-status-section h3 {
+  color: var(--muted-foreground);
+}
+.alwith-drive-status-grid dd {
+  margin: 0;
+  text-align: start;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+.alwith-drive-status-section {
+  margin-top: 0.75rem;
+}
+.alwith-drive-status-section h3 {
+  font-size: 0.75rem;
+  font-weight: 500;
+  margin-bottom: 0.25rem;
+}
+.alwith-drive-status-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  max-height: 10rem;
+  overflow: auto;
+}
+.alwith-drive-status-list > li + li {
+  margin-top: 0.25rem;
+}
+.alwith-drive-status-active {
+  max-height: 8rem;
+}
+.alwith-drive-status-file {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-width: 0;
+}
+.alwith-drive-status-file > svg {
+  width: 0.75rem;
+  height: 0.75rem;
+  flex-shrink: 0;
+}
+.alwith-drive-upload {
+  color: var(--alwith-drive-upload);
+}
+.alwith-drive-download {
+  color: var(--alwith-drive-download);
+}
+.alwith-drive-status .alwith-drive-status-filename {
+  display: block;
+  flex: 1;
+  min-width: 0;
+  height: auto;
+  padding: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: start;
+  font: inherit;
+  border: 0;
+  border-radius: 0;
+}
+.alwith-drive-status .alwith-drive-status-link {
+  height: auto;
+  padding: 0;
+  font: inherit;
+  border: 0;
+  border-radius: 0;
+}
+.alwith-drive-status button.alwith-drive-status-filename:hover,
+.alwith-drive-status .alwith-drive-status-link:hover {
+  background: transparent;
+  text-decoration: underline;
+}
+.alwith-drive-status-trailing {
+  flex-shrink: 0;
+  font-variant-numeric: tabular-nums;
+}
+.alwith-drive-status .alwith-drive-status-quiet {
+  margin-top: 0.75rem;
+  text-align: center;
+}
+.alwith-drive-failure {
+  padding: 0.5rem 0;
+}
+.alwith-drive-sharing {
+  padding: 0.5rem;
+}
+@media (max-width: 480px) {
+  .alwith-drive-setting {
+    flex-wrap: wrap;
+  }
+  .alwith-drive-setting > div:first-child {
+    flex-basis: 100%;
+  }
+}
+
+.alwith-drive-condense-trigger {
+  opacity: 0;
+}
+.alwith-drive-nav-row:hover .alwith-drive-condense-trigger,
+.alwith-drive-condense-trigger:focus-visible {
+  opacity: 1;
+}
+
+.alwith-drive-icon {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  display: inline-block;
+  vertical-align: middle;
+}
+.alwith-drive-spin {
+  animation: alwith-drive-spin 1s linear infinite;
+}
+@keyframes alwith-drive-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.alwith-drive-nav-open > svg + span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  text-align: start;
+}
+.alwith-drive-nav-open[data-missing="true"] {
+  color: var(--muted-foreground);
+  text-decoration: line-through;
+}
+.alwith-drive-badge {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.alwith-drive-badge.text-primary {
+  color: var(--primary);
+}
+.alwith-drive-badge.text-destructive {
+  color: var(--destructive);
+}
+.alwith-drive-badge.text-muted-foreground {
+  color: var(--muted-foreground);
+}

package/dist/summary.d.ts

@@ -0,0 +1,10 @@
+import type { EngineState, FailedUpload, StatusSnapshot } from "./core.js";
+export declare function engineStateKey(state: EngineState): `drive.engine.${EngineState["kind"]}`;
+type SummaryKey = "drive.summary.error" | "drive.summary.conflicts" | "drive.summary.notUploaded" | "drive.summary.notDownloaded" | "drive.summary.transferFailed" | "drive.summary.failed" | "drive.summary.syncing" | "drive.summary.paused" | "drive.summary.scanning" | "drive.summary.upToDate";
+export declare function failureKey(failures: readonly FailedUpload[]): "notUploaded" | "notDownloaded" | "transferFailed";
+export declare function summarize(status: StatusSnapshot | null, failures?: readonly FailedUpload[]): {
+    key: SummaryKey;
+    count: number;
+    tone: "trouble" | "busy" | "calm";
+};
+export {};

package/dist/summary.js

@@ -0,0 +1 @@
+function c(n){return`drive.engine.${n.kind}`}function u(n){let o=n.some((r)=>r.direction==="upload"),e=n.some((r)=>r.direction==="download");if(o&&!e)return"notUploaded";if(e&&!o)return"notDownloaded";return"transferFailed"}function a(n,o=[]){let e=n?.state??{kind:"idle"};if(e.kind==="error")return{key:"drive.summary.error",count:0,tone:"trouble"};let r=n?.conflicts.length??0;if(r>0)return{key:"drive.summary.conflicts",count:r,tone:"trouble"};let t=n?.failed??0;if(t>0)return{key:`drive.summary.${u(o)}`,count:t,tone:"trouble"};let i=n?.errors.length??0;if(i>0)return{key:"drive.summary.failed",count:i,tone:"trouble"};let d=(n?.downloading??0)+(n?.uploading??0)+(n?.pending??0);if(d>0)return{key:"drive.summary.syncing",count:d,tone:"busy"};if(e.kind==="paused")return{key:"drive.summary.paused",count:0,tone:"calm"};if(e.kind==="scanning")return{key:"drive.summary.scanning",count:0,tone:"busy"};return{key:"drive.summary.upToDate",count:0,tone:"calm"}}export{c as engineStateKey,u as failureKey,a as summarize};

package/dist/tauri.d.ts

@@ -0,0 +1,6 @@
+import type { DriveEvent, DriveRequest, DriveResponse, DriveTransport } from "./core.js";
+export interface NativeDriveHost {
+    invoke: (request: DriveRequest) => Promise<DriveResponse>;
+    listen: (listener: (event: DriveEvent) => void) => Promise<() => void>;
+}
+export declare function createTauriDriveTransport(host: NativeDriveHost): DriveTransport;

package/dist/tauri.js

@@ -0,0 +1 @@
+function i(r){return{request:(e)=>r.invoke(e),subscribe:(e)=>r.listen(e)}}export{i as createTauriDriveTransport};

package/dist/transfer-feed.d.ts

@@ -0,0 +1,36 @@
+import type { FileState, RemoteId } from "./core.js";
+export declare const RECENT_LIMIT = 20;
+export type TransferDirection = "up" | "down";
+export interface ActiveTransfer {
+    key: string;
+    projectId: RemoteId;
+    path: string;
+    localPath: string;
+    name: string;
+    direction: TransferDirection;
+    size: number;
+    startedAt: number;
+}
+export interface RecentTransfer {
+    key: string;
+    path: string;
+    localPath: string;
+    name: string;
+    direction: TransferDirection;
+    size: number;
+    completedAt: number;
+}
+export interface TransferFeed {
+    active: ActiveTransfer[];
+    recent: RecentTransfer[];
+}
+export declare const EMPTY_FEED: TransferFeed;
+export declare function transferKey(projectId: RemoteId, path: string): string;
+export interface FileStateSignal {
+    projectId: RemoteId;
+    path: string;
+    localPath: string;
+    state: FileState;
+    size?: number;
+}
+export declare function applyFileState(feed: TransferFeed, signal: FileStateSignal, now: number): TransferFeed;

package/dist/transfer-feed.js

@@ -0,0 +1 @@
+var v=20,z={active:[],recent:[]};function l(t,e){return`${String(t)}\x00${e}`}function s(t){if(t==="uploading")return"up";if(t==="downloading")return"down";return null}function f(t){return t==="synced"||t==="readOnly"||t==="collab"}function h(t){let e=t.split("/").pop();return e!==void 0&&e.length>0?e:t}function E(t,e,a){let r=l(e.projectId,e.path),i=s(e.state);if(i!==null){let n=t.active.find((o)=>o.key===r),p={key:r,projectId:e.projectId,path:e.path,localPath:e.localPath,name:h(e.path),direction:i,size:e.size??n?.size??0,startedAt:n?.direction===i?n.startedAt:a};return{active:[...t.active.filter((o)=>o.key!==r),p],recent:t.recent}}let c=t.active.find((n)=>n.key===r);if(c===void 0)return t;let u=t.active.filter((n)=>n.key!==r);if(!f(e.state))return{active:u,recent:t.recent};let d=[{key:r,path:c.path,localPath:e.localPath||c.localPath,name:c.name,direction:c.direction,size:e.size!==void 0&&e.size>0?e.size:c.size,completedAt:a},...t.recent.filter((n)=>n.key!==r)].slice(0,20);return{active:u,recent:d}}export{z as EMPTY_FEED,v as RECENT_LIMIT,E as applyFileState,l as transferKey};

package/dist/ui.d.ts

@@ -0,0 +1,96 @@
+import { type ButtonHTMLAttributes, type ComponentType, type InputHTMLAttributes, type ReactNode } from "react";
+import type { DriveController, DriveState, RootInfo } from "./core.js";
+import type { ReadDirLike } from "./global-search.js";
+import type { PinnedDoc } from "./pinned-docs.js";
+export interface DriveMenuProps {
+    label: string;
+    children?: ReactNode;
+    items: Array<{
+        label: string;
+        onSelect: () => void;
+        disabled?: boolean;
+    }>;
+}
+export interface DriveControls {
+    Switch?: ComponentType<{
+        checked: boolean;
+        onCheckedChange: (checked: boolean) => void;
+        disabled?: boolean;
+        "aria-label"?: string;
+    }>;
+    Menu?: ComponentType<DriveMenuProps>;
+    ContextMenu?: ComponentType<DriveMenuProps>;
+    Button: ComponentType<ButtonHTMLAttributes<HTMLButtonElement> & {
+        variant?: "outline" | "ghost" | "destructive";
+        size?: "sm" | "icon-xs" | "icon-sm";
+    }>;
+    Input: ComponentType<InputHTMLAttributes<HTMLInputElement>>;
+    Select?: ComponentType<{
+        value: string;
+        onValueChange: (value: string) => void;
+        options: Array<{
+            value: string;
+            label: string;
+        }>;
+        disabled?: boolean;
+        "aria-label"?: string;
+    }>;
+    Dialog?: ComponentType<{
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        title: string;
+        description?: string;
+        children?: ReactNode;
+    }>;
+}
+export interface DriveHost {
+    readDirectory: ReadDirLike;
+    pathExists: (path: string) => Promise<boolean>;
+    onOpenEntry: (entry: {
+        path: string;
+        isDirectory: boolean;
+    }) => Promise<void>;
+    onRevealPath: (path: string) => Promise<void>;
+    onOpenExternal: (url: string) => Promise<void>;
+    pinnedDocs: PinnedDoc[];
+    onPinnedDocsChange: (docs: PinnedDoc[]) => Promise<void>;
+    onCondense?: (root: RootInfo) => Promise<void>;
+    integrations?: ReactNode;
+}
+export declare function useDrive(controller: DriveController): DriveState;
+export declare function useDriveAction(): {
+    busy: boolean;
+    error: string | null;
+    run: (action: () => Promise<unknown>) => void;
+};
+export declare function requireHost(host: DriveHost | undefined): DriveHost;
+export declare function DriveChoice({ controls, ...props }: {
+    controls: DriveControls;
+    value: string;
+    onValueChange: (value: string) => void;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    "aria-label"?: string;
+    disabled?: boolean;
+}): ReactNode;
+export declare function DriveModal({ controls, ...props }: {
+    controls: DriveControls;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+}): ReactNode;
+export declare function DriveMenu({ controls, context, ...props }: DriveMenuProps & {
+    controls: DriveControls;
+    context?: boolean;
+}): ReactNode;
+export declare function DriveSwitch({ controls, ...props }: {
+    controls: DriveControls;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    "aria-label"?: string;
+}): ReactNode;

package/dist/ui.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useRef as a,useState as s,useSyncExternalStore as h}from"react";function d(e){return h(e.subscribe,e.getSnapshot,e.getSnapshot)}function p(){let[e,t]=s(!1),[r,n]=s(null),i=a(!1);return{busy:e,error:r,run(c){if(i.current)return;i.current=!0,t(!0),n(null),c().catch((u)=>n(u instanceof Error?u.message:String(u))).finally(()=>{i.current=!1,t(!1)})}}}function w(e){if(!e)throw Error("Drive host integration is required for this action");return e}function S({controls:e,...t}){let r=e.Select;if(!r)throw Error("The host must supply its shadcn Select control");return o(r,{...t})}function g({controls:e,...t}){let r=e.Dialog;if(!r)throw Error("The host must supply its shadcn Dialog control");return o(r,{...t})}function x({controls:e,context:t=!1,...r}){let n=t?e.ContextMenu:e.Menu;if(!n)throw Error(`The host must supply its shadcn ${t?"ContextMenu":"DropdownMenu"} control`);return o(n,{...r})}function D({controls:e,...t}){if(e.Switch){let n=e.Switch;return o(n,{...t})}let r=e.Input;return o(r,{type:"checkbox",role:"switch",checked:t.checked,disabled:t.disabled,"aria-label":t["aria-label"],onChange:(n)=>t.onCheckedChange(n.target.checked)})}export{S as DriveChoice,x as DriveMenu,g as DriveModal,D as DriveSwitch,w as requireHost,d as useDrive,p as useDriveAction};