@putkoff/abstract-securefiles 0.0.24 → 0.0.27

package/dist/file_utils/src/upload_utils/src/upload_files.d.ts

@@ -1,5 +0,0 @@
-interface UploadResponse {
-    filepath: string;
-}
-export declare function uploadFiles(file: File, subdir?: string): Promise<UploadResponse>;
-export {};

package/dist/hooks/imports.d.ts

@@ -1,3 +0,0 @@
-export type { FileItem, ApiRow } from './../imports';
-export { secureFetchIt, fetchSharePatch, alertit, useCallback, isLoggedIn } from './../imports';
-export { toggleShare, removeFile, listFiles, downloadFile } from './../file_utils';

package/dist/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useFiles';

package/dist/hooks/useFiles/imports.d.ts

@@ -1,2 +0,0 @@
-export type { FileItem, ApiRow } from './../imports';
-export { secureFetchIt, fetchSharePatch, alertit, toggleShare, removeFile, listFiles, useCallback, downloadFile, isLoggedIn } from './../imports';

package/dist/hooks/useFiles/index.d.ts

@@ -1 +0,0 @@
-export * from './src';

package/dist/hooks/useFiles/src/deleteFile.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FileItem } from './../imports';
-/**
- * Custom hook to toggle share settings on a file item
- */
-export declare const useDeleteFile: (setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>) => (file: FileItem) => Promise<void>;

package/dist/hooks/useFiles/src/index.d.ts

@@ -1,6 +0,0 @@
-export * from './load';
-export * from './toggleShare';
-export * from './patchShareSettings';
-export * from './useFiles';
-export * from './deleteFile';
-export * from './useSaveShareSettings';

package/dist/hooks/useFiles/src/load.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FileItem } from './../imports';
-/**
- * Custom hook that returns a memoized loadFiles callback
- */
-export declare const useLoadFiles: (setLoading: React.Dispatch<React.SetStateAction<boolean>>, setError: React.Dispatch<React.SetStateAction<Error | null>>, setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>) => () => Promise<void>;

package/dist/hooks/useFiles/src/patchShareSettings.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { FileItem } from './../imports';
-/**
- * Custom hook to toggle share settings on a file item
- */
-export declare const usePatchShareSettings: (setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>) => (file: any) => Promise<void>;
-export default usePatchShareSettings;

package/dist/hooks/useFiles/src/toggleShare.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FileItem } from './../imports';
-/**
- * Custom hook to toggle share settings on a file item
- */
-export declare const useToggleShare: (setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>) => (file: FileItem) => Promise<void>;

package/dist/hooks/useFiles/src/useFiles.d.ts

@@ -1,13 +0,0 @@
-import type { FileItem } from './../imports';
-export declare function useFiles(): {
-    files: FileItem[];
-    loading: boolean;
-    error: Error | null;
-    load: () => Promise<void>;
-    toggleShare: (file: FileItem) => Promise<void>;
-    patchShareSettings: (updated: any) => Promise<void>;
-    deleteFile: (file: FileItem) => Promise<void>;
-    setFiles: import("react").Dispatch<import("react").SetStateAction<FileItem[]>>;
-    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setError: import("react").Dispatch<import("react").SetStateAction<Error | null>>;
-};

package/dist/hooks/useFiles/src/useSaveShareSettings.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FileItem } from './../imports';
-export declare const useSaveShareSettings: (setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>) => (updated: any) => Promise<void>;

package/dist/imports.d.ts

@@ -1,5 +0,0 @@
-export { createPortal } from "react-dom";
-export { ClipboardIcon, CloudArrowUpIcon } from "@heroicons/react/24/outline";
-export type { QueuedFile, FileItem, FileTableProps, UploadProps, ShareModalProps, FileRowProps, ApiRow, EnhancedInputProps } from './types';
-export { currentUsername, alertit, Button, Checkbox, Input, Spinner, useEffect, useRef, useState, requireToken, useCallback, isLoggedIn, fetchIt, stripPrefixes, make_path } from "@putkoff/abstract-utilities";
-export { secureFetchIt, fetchSharePatch } from "@putkoff/abstract-apis";

package/dist/styles/index.d.ts

@@ -1 +0,0 @@
-export * from './SecureFiles/index.css';

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export type { QueuedFile, FileItem, FileTableProps, UploadProps, ShareModalProps, FileRowProps, ApiRow, EnhancedInputProps } from './src/types';

package/dist/types/src/index.d.ts

@@ -1 +0,0 @@
-export type { QueuedFile, FileItem, FileTableProps, UploadProps, ShareModalProps, FileRowProps, ApiRow, EnhancedInputProps } from './types';

package/dist/types/src/types.d.ts

@@ -1,75 +0,0 @@
-export interface FileItem {
-    id: number | string;
-    filename: string;
-    uploader_id: string;
-    filepath: string;
-    created_at: string;
-    download_count: number;
-    download_limit: number | null;
-    shareable: boolean;
-    needsPassword: boolean;
-    share_password: string | null;
-    password_str: string | null;
-}
-export interface ApiRow {
-    id: number | string;
-    filename: string;
-    uploader_id: string;
-    filepath: string;
-    created_at: string;
-    download_count: number;
-    download_limit: number | null;
-    shareable: boolean;
-    needsPassword: boolean;
-    share_password: string;
-    password_str: string | null;
-}
-export interface FileListResponse {
-    files?: ApiRow[];
-}
-export interface FileTableProps {
-    files: FileItem[];
-    loading: boolean;
-    error: Error | null;
-    onDownload(id: any): Promise<void>;
-    onToggleShare(id: any): Promise<void>;
-    onPatchShare(id: any): Promise<void>;
-    onDelete(id: any): Promise<void>;
-}
-export interface ShareModalProps {
-    file: FileItem | null;
-    onClose(): void;
-    onSave(patch: Partial<FileItem>): Promise<void>;
-}
-export interface UploadProps {
-    /** Called *after* a successful upload */
-    onUploaded: () => Promise<void>;
-}
-export interface FileRowProps {
-    file: FileItem;
-    onDownload: () => Promise<void>;
-    onSettings: () => void;
-    onToggleShare: () => Promise<void>;
-    onDelete: () => any;
-}
-export interface QueuedFile {
-    file: File;
-    relPath: string;
-    progress: number;
-}
-export interface InputProps {
-    label?: any;
-    type?: any;
-    value?: any;
-    onChange?: any;
-    disabled?: any;
-    placeholder?: any;
-    error?: string;
-}
-export interface FileInputExtra {
-    directory?: boolean;
-    multiple?: boolean;
-    accept?: string;
-}
-/** keep other InputProps fields … */
-export type EnhancedInputProps = InputProps & FileInputExtra;

package/src/App/index.ts

@@ -1 +0,0 @@
-export { default as SecureFiles } from './SecureFiles'

package/src/FileHandlers/FileRow/imports.ts

@@ -1,2 +0,0 @@
-export type { FileRowProps } from './../imports';
-export { useState, Button, currentUsername } from './../imports';

package/src/FileHandlers/FileRow/index.ts

@@ -1 +0,0 @@
-export {FileRow} from './src';

package/src/FileHandlers/FileRow/src/index.ts

@@ -1 +0,0 @@
-export {default as FileRow} from './row_utils' 

package/src/FileHandlers/FileRow/src/row_utils.tsx

@@ -1,143 +0,0 @@
-import type { FileRowProps } from './../imports';
-import { useState, Button, currentUsername } from './../imports';
-
-export default function FileRow({
-  file,
-  onDownload,
-  onSettings,
-  onToggleShare,
-  onDelete,
-}: FileRowProps) {
-  const isOwner =
-    file.uploader_id?.toLowerCase() === (currentUsername() ?? '').toLowerCase();
-  const downloadAllowed = isOwner || file.shareable;
-  const [isDownloading, setIsDownloading] = useState(false);
-  const [isTogglingShare, setIsTogglingShare] = useState(false);
-  const [isDeleting, setIsDeleting] = useState(false);
-
-  // Mimic WindowManagerApp's unsaved heuristic
-  const looksUnsaved =
-    file.filename.toLowerCase().startsWith('untitled') ||
-    file.filename.includes('*');
-
-  const handleDownload = async () => {
-    setIsDownloading(true);
-    try {
-      await onDownload();
-    } finally {
-      setIsDownloading(false);
-    }
-  };
-
-  const handleToggleShare = async () => {
-    setIsTogglingShare(true);
-    try {
-      await onToggleShare();
-    } finally {
-      setIsTogglingShare(false);
-    }
-  };
-
-  const handleDeleteFile = async () => {
-    setIsDeleting(true);
-    try {
-      await onDelete();
-    } finally {
-      setIsDeleting(false);
-    }
-  };
-
-  return (
-    <tr className="wm-row transition-colors duration-75">
-      {/* Select checkbox */}
-      <td className="wm-cell w-12 align-middle">
-        <input
-          type="checkbox"
-          className="wm-checkbox"
-          aria-label={`Select ${file.filename}`}
-        />
-      </td>
-
-      {/* Filename */}
-      <td className={`wm-cell ${looksUnsaved ? 'unsaved' : ''}`}>
-        {file.filename}
-      </td>
-
-      {/* Download button or lock */}
-      <td className="wm-cell w-12 align-middle">
-        {downloadAllowed ? (
-          <Button
-            color="blue"
-            variant="secondary"
-            onClick={handleDownload}
-            disabled={isDownloading}
-            aria-label={`Download ${file.filename}`}
-            className="wm-btn-link"
-          >
-            {isDownloading ? 'Downloading...' : 'Download'}
-          </Button>
-        ) : (
-          <span
-            className="text-gray-500 text-lg"
-            aria-label="Download restricted"
-          >
-            🔒
-          </span>
-        )}
-      </td>
-
-      {/* Settings cog */}
-      <td className="wm-cell w-12 align-middle">
-        {isOwner && (
-          <Button
-            color="gray"
-            variant="icon"
-            onClick={() => {
-              console.log('⚙︎ clicked', file.id);
-              onSettings();
-            }}
-            aria-label="Open share settings"
-            className="wm-btn-icon text-lg"
-          >
-            ⚙️
-          </Button>
-        )}
-      </td>
-
-      {/* Share toggle */}
-      <td className="wm-cell w-12 align-middle">
-        {isOwner && (
-          <Button
-            color={file.shareable ? 'blue' : 'gray'}
-            variant={file.shareable ? 'primary' : 'secondary'}
-            onClick={handleToggleShare}
-            disabled={isTogglingShare}
-            className="btn"
-          >
-            {isTogglingShare
-              ? 'Toggling...'
-              : file.shareable
-              ? 'Sharing'
-              : 'Share'}
-          </Button>
-        )}
-      </td>
-
-      {/* Delete button */}
-      <td className="wm-cell w-12 align-middle">
-        {isOwner && (
-          <Button
-            color="gray"
-            variant="icon"
-            onClick={handleDeleteFile}
-            disabled={isDeleting}
-            className="wm-btn-icon text-lg"
-          >
-            🗑
-          </Button>
-        )}
-      </td>
-      <td className="wm-cell">{file.download_count} / {file.download_limit ?? "∞"}</td>
-    </tr>
-  );
-}

package/src/FileHandlers/FileTable/imports.ts

@@ -1,16 +0,0 @@
-export {FileRow} from './../FileRow';
-export {ShareModal} from './../ShareModal';
-export type { 
-  FileItem , 
-  FileTableProps 
-} from './../imports';
-export { 
-  useState , 
-  useFiles , 
-  downloadFile , 
-  Spinner , 
-  fetchSharePatch,
-  Input,
-  currentUsername,
-  Button
-} from './../imports';

package/src/FileHandlers/FileTable/index.ts

@@ -1 +0,0 @@
-export {FileTable} from './src'

package/src/FileHandlers/FileTable/src/index.ts

@@ -1 +0,0 @@
-export {default as FileTable} from './table_utils'

package/src/FileHandlers/FileTable/src/table_utils.tsx

@@ -1,251 +0,0 @@
-import type { FileItem, FileTableProps } from './../imports';
-import React, { useState, useMemo, ChangeEvent } from 'react';
-import {
-  useFiles,
-  downloadFile,
-  Spinner,
-  ShareModal,
-  Input,
-  Button,
-  currentUsername
-} from './../imports';
-import { downloadSelected } from './../../../file_utils';
-
-// Tree node type
-interface FileNode {
-  name: string;
-  path: string;
-  children: Map<string, FileNode>;
-  files: FileItem[];
-}
-
-// Build a directory tree from a flat file list
-function buildTree(files: FileItem[]): FileNode {
-  const root: FileNode = { name: '', path: '', children: new Map(), files: [] };
-  files.forEach(file => {
-    const parts = file.filepath.split('/');
-    let node = root;
-    parts.slice(0, -1).forEach((seg, idx) => {
-      const subPath = parts.slice(0, idx + 1).join('/');
-      if (!node.children.has(seg)) {
-        node.children.set(seg, { name: seg, path: subPath, children: new Map(), files: [] });
-      }
-      node = node.children.get(seg)!;
-    });
-    node.files.push(file);
-  });
-  return root;
-}
-
-// Collect all file IDs under a node (recursive)
-function collectNodeIds(node: FileNode): Array<number | string> {
-  let ids: Array<number | string> = [];
-  node.files.forEach(f => ids.push(f.id));
-  node.children.forEach(child => {
-    ids = ids.concat(collectNodeIds(child));
-  });
-  return ids;
-}
-
-export default function FileTable({
-  files,
-  loading,
-  error,
-  onToggleShare,
-  onPatchShare,
-  onDelete
-}: FileTableProps) {
-  const { load } = useFiles();
-  const [search, setSearch] = useState('');
-  const [modalFile, setModalFile] = useState<FileItem | null>(null);
-  const [selected, setSelected] = useState<Set<number | string>>(new Set());
-  const [expanded, setExpanded] = useState<Set<string>>(new Set());
-
-  // Upload controls
-  const [uploadDir, setUploadDir] = useState<string>('');
-  const [uploadFile, setUploadFile] = useState<File | null>(null);
-  const handleFileChange = (e: ChangeEvent<HTMLInputElement>) => setUploadFile(e.target.files?.[0] ?? null);
-  const handleUpload = async () => {
-    if (!uploadFile) return;
-    const form = new FormData();
-    form.append('file', uploadFile);
-    const dirPart = uploadDir ? `${uploadDir}/` : '';
-    const url = `/api/secure-files/upload/${dirPart}${encodeURIComponent(uploadFile.name)}`;
-    await fetch(url, { method: 'POST', credentials: 'include', body: form });
-    setUploadFile(null);
-    load();
-  };
-
-  // Filter files by search term
-  const filtered = useMemo(
-    () => files.filter(f => f.filename.toLowerCase().includes(search.trim().toLowerCase())),
-    [files, search]
-  );
-  // Build tree and directory paths list
-  const tree = useMemo(() => buildTree(filtered), [filtered]);
-  const allDirPaths = useMemo(() => {
-    const paths: string[] = [''];
-    function collect(node: FileNode) {
-      node.children.forEach(child => {
-        paths.push(child.path);
-        collect(child);
-      });
-    }
-    collect(tree);
-    return paths;
-  }, [tree]);
-
-  // Selection & expand/collapse logic
-  const allIds = filtered.map(f => f.id);
-  const toggleAllSelection = () => selected.size < allIds.length ? setSelected(new Set(allIds)) : setSelected(new Set());
-  const toggleDirOpen = (path: string) => setExpanded(prev => {
-    const next = new Set(prev);
-    next.has(path) ? next.delete(path) : next.add(path);
-    return next;
-  });
-  const expandAll = () => setExpanded(new Set(allDirPaths));
-  const collapseAll = () => setExpanded(new Set());
-
-  // Recursive renderer: directory row with select-all checkbox, then its files, then subdirectories
-  const renderNode = (node: FileNode, depth = 0): React.ReactNode[] => {
-    const rows: React.ReactNode[] = [];
-    if (node.path) {
-      const isOpen = expanded.has(node.path);
-      const nodeIds = collectNodeIds(node);
-      const allSelected = nodeIds.every(id => selected.has(id));
-      const someSelected = nodeIds.some(id => selected.has(id));
-      rows.push(
-        <tr key={node.path}>
-          {/* Directory-level checkbox */}
-          <td className="px-4 py-2 bg-gray-100">
-            <input
-              type="checkbox"
-              checked={allSelected}
-              ref={el => { if (el) el.indeterminate = !allSelected && someSelected; }}
-              onChange={() => {
-                setSelected(prev => {
-                  const next = new Set(prev);
-                  if (allSelected) {
-                    nodeIds.forEach(id => next.delete(id));
-                  } else {
-                    nodeIds.forEach(id => next.add(id));
-                  }
-                  return next;
-                });
-              }}
-            />
-          </td>
-          {/* Directory label pushed left */}
-          <td className="px-4 py-2 bg-gray-100 font-bold" colSpan={5} style={{ textAlign: 'left' }}>
-            {node.path}
-          </td>
-          {/* Expand/collapse ticker on right */}
-          <td className="px-4 py-2 bg-gray-100 text-right">
-            <button onClick={() => toggleDirOpen(node.path)}>
-              {isOpen ? '▾' : '▸'}
-            </button>
-          </td>
-        </tr>
-      );
-      if (!isOpen) return rows;
-    }
-    // Render files in this directory
-    node.files.sort((a, b) => a.filename.localeCompare(b.filename)).forEach(f => {
-      const isOwner = f.uploader_id.toLowerCase() === (currentUsername() ?? '').toLowerCase();
-      const canDownload = isOwner || f.shareable;
-      rows.push(
-        <tr key={f.id}>
-          <td className="px-4 py-2">
-            <input
-              type="checkbox"
-              checked={selected.has(f.id)}
-              onChange={() => setSelected(prev => {
-                const next = new Set(prev);
-                next.has(f.id) ? next.delete(f.id) : next.add(f.id);
-                return next;
-              })}
-            />
-          </td>
-          <td className="px-4 py-2" style={{ paddingLeft: (depth + 1) * 20 }}>
-            {f.filename}
-          </td>
-          <td className="px-4 py-2">
-            {canDownload ? <Button variant="secondary" onClick={() => downloadFile(f)}>Download</Button> : <span>🔒</span>}
-          </td>
-          <td className="px-4 py-2">
-            {isOwner && <Button variant="icon" onClick={() => setModalFile(f)}>⚙️</Button>}
-          </td>
-          <td className="px-4 py-2">
-            {isOwner && <Button variant={f.shareable ? 'primary' : 'secondary'} onClick={() => onToggleShare(f)}>{f.shareable ? 'Sharing' : 'Share'}</Button>}
-          </td>
-          <td className="px-4 py-2">
-            {isOwner && <Button variant="icon" onClick={() => onDelete(f).then(load)}>🗑</Button>}
-          </td>
-          <td className="px-4 py-2">
-            {f.download_count} / {f.download_limit ?? '∞'}
-          </td>
-        </tr>
-      );
-    });
-    // Render subdirectories
-    Array.from(node.children.values())
-      .sort((a, b) => a.name.localeCompare(b.name))
-      .forEach(child => rows.push(...renderNode(child, depth + 1)));
-    return rows;
-  };
-
-  // Batch actions
-  const handleDownloadAll = async () => {
-    const inputs = filtered.filter(f => selected.has(f.id)).map(f => document.createElement('input'));
-    inputs.forEach((cb, idx) => cb.value = filtered.filter(f => selected.has(f.id))[idx].filepath);
-    await downloadSelected(inputs);
-  };
-  const handleDeleteAll = async () => { await onDelete(filtered.filter(f => selected.has(f.id))); setSelected(new Set()); await load(); };
-  const handleShareAll = async () => { for (const f of filtered.filter(f => selected.has(f.id))) await onToggleShare(f); };
-
-  if (loading) return <Spinner />;
-  if (error) return <p className="text-red-600">{error.message}</p>;
-
-  return (
-    <>  
-
-
-      {/* Search & actions */}
-      <div className="mb-4 flex flex-col md:flex-row md:justify-between gap-4">
-        <Input label="Search files" type="text" value={search} onChange={e => setSearch(e.target.value)} placeholder="Enter filename…" className="form-input flex-1" />
-        <div className="flex gap-2">
-          <Button onClick={expandAll} disabled={!allDirPaths.length}>Expand All</Button>
-          <Button onClick={collapseAll} disabled={!allDirPaths.length}>Collapse All</Button>
-          <Button onClick={handleDownloadAll} disabled={!selected.size}>Download Selected</Button>
-          <Button color="gray" onClick={handleDeleteAll} disabled={!selected.size}>Delete Selected</Button>
-          <Button onClick={handleShareAll} disabled={!selected.size}>Share Selected</Button>
-        </div>
-      </div>
-
-      {/* File tree table */}
-      <div className="overflow-x-auto wm-container">
-        <table className="file-table w-full">
-          <thead className="wm-thead">
-            <tr>
-              <th className="px-4 py-2 w-12"><input type="checkbox" checked={selected.size === filtered.length && filtered.length > 0} onChange={toggleAllSelection} /></th>
-              <th className="px-4 py-2">Filename</th>
-              <th className="px-4 py-2">Download</th>
-              <th className="px-4 py-2">Settings</th>
-              <th className="px-4 py-2">Share</th>
-              <th className="px-4 py-2">Delete</th>
-              <th className="px-4 py-2">Downloads</th>
-            </tr>
-          </thead>
-          <tbody>{renderNode(tree)}</tbody>
-        </table>
-      </div>
-
-      <ShareModal file={modalFile} onClose={() => setModalFile(null)} onSave={async patch => {
-        if (!modalFile) return;
-        const updated: FileItem = { ...modalFile, ...patch };
-        await onPatchShare(updated);
-        setModalFile(null);
-      }} />
-    </>
-  );
-}

package/src/FileHandlers/ShareModal/imports.ts

@@ -1,2 +0,0 @@
-export {fetchSharePatch,Button, Checkbox, Input, ClipboardIcon, createPortal, useEffect, useRef, useState} from './../imports'
-export type {ShareModalProps} from './../imports'

package/src/FileHandlers/ShareModal/index.ts

@@ -1 +0,0 @@
-export {ShareModal} from './src';

package/src/FileHandlers/ShareModal/src/index.ts

@@ -1 +0,0 @@
-export {default as ShareModal} from './share_utils';