@putkoff/abstract-securefiles 0.0.32 → 0.0.34

package/src/FileHandlers/imports.ts

@@ -0,0 +1,18 @@
+export type {QueuedFile, FileItem,FileTableProps,UploadProps,ShareModalProps,FileRowProps } from './../imports';
+export { 
+    CloudArrowUpIcon,
+    currentUsername,
+    Button, 
+    Checkbox, 
+    Input, 
+    Spinner,
+    useEffect, 
+    useRef, 
+    useState,
+    useCallback,
+    ClipboardIcon,
+    createPortal,
+    fetchSharePatch,
+    } from './../imports';
+export {useFiles} from './../hooks'
+export { downloadFile, uploadFiles } from './../file_utils'

package/src/FileHandlers/index.ts

@@ -0,0 +1,4 @@
+export {FileRow} from './FileRow';
+export {FileTable} from './FileTable';
+export {ShareModal} from './ShareModal';
+export {Upload} from './Upload';

package/src/UI/index.tsx

@@ -0,0 +1,122 @@
+import React from 'react';
+
+export type String = string | undefined | null; 
+export type Astring = any[] | string | undefined | null; 
+export type Trailing = React.ReactNode
+export type ImportElem = {
+ reaxlEle?:React.InputHTMLAttributes<HTMLInputElement>;
+ label?: String;
+ checked?:boolean;
+ type?:string;
+ onChange?: any;
+ value?: any;
+ trailing?:Trailing;
+ className?: String; 
+ classNames?:Astring;
+ disabled?: any;
+ placeholder?: any;
+ error?: string;
+ min?:any,
+ readOnly?:boolean
+}
+
+// Utility to convert input to array
+function ensure_list(obj: Astring | null | undefined): string[] {
+  if (Array.isArray(obj)) return obj.filter(Boolean);
+  if (typeof obj === 'string') return obj.split(' ').filter(Boolean);
+  return [];
+}
+
+// Get list and length safely
+function getListAndLen(obj: Astring | null | undefined): { return_obj: string[]; ob_len: number } {
+  const return_obj = ensure_list(obj);
+  const ob_len = return_obj.length;
+  return { return_obj, ob_len };
+}
+
+// Combine class names with defaults
+function combineClassNames(classNames: Astring = [], defaultClasses: Astring = ['form-group', 'form-label', 'flex', 'gap-2']): string[] {
+  const { return_obj: inputClasses } = getListAndLen(classNames);
+  const { return_obj: defaultClassList } = getListAndLen(defaultClasses);
+  
+  // Combine and remove duplicates
+  const combined = [...new Set([...defaultClassList, ...inputClasses])];
+  
+  console.log(`Combined classes (length: ${combined.length}): ${combined.join(' ')}`);
+  return combined;
+}
+
+export function Button({
+  children,
+  color = 'gray',
+  variant = 'default',
+  className = '',
+  ...rest
+}: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  color?: 'gray' | 'green' | 'blue';
+  variant?: 'default' | 'icon' | 'primary' | 'secondary';
+  className?: string;
+}) {
+  const variantClasses = {
+    default: 'btn',
+    icon: 'btn-icon',
+    primary: 'btn-primary',
+    secondary: 'btn-secondary',
+  };
+
+  const colorClasses = {
+    gray: '',
+    green: variant === 'primary' ? 'btn-success' : 'btn-secondary',
+    blue: variant === 'primary' ? 'btn-primary' : 'btn-secondary',
+  };
+
+  const classes = combineClassNames([variantClasses[variant], colorClasses[color], className]);
+  
+  return (
+    <button className={classes.join(' ')} {...rest}>
+      {children}
+    </button>
+  );
+}
+
+export function Checkbox({
+  label,
+  className = '',
+  classNames = [],
+  ...rest
+}: ImportElem) {
+  const classes = combineClassNames(classNames, ['checkbox', 'wm-checkbox']);
+  
+  return (
+    <label className={classes.join(' ')}>
+      <input type="checkbox" className="wm-checkbox" {...rest} />
+      {label && <span>{label}</span>}
+    </label>
+  );
+}
+
+export function Input({
+  label,
+  trailing,
+  className = '',
+  classNames = [],
+  ...rest
+}: ImportElem) {
+  const classes = combineClassNames(classNames, ['form-group', 'flex', 'gap-2']);
+  const inputClasses = combineClassNames(className, ['form-input']);
+  
+  return (
+    <label className={classes.join(' ')}>
+      {label && <span className="form-label">{label}</span>}
+      <div className="flex gap-2">
+        <input className={inputClasses.join(' ')} {...rest} />
+        {trailing}
+      </div>
+    </label>
+  );
+}
+
+export function Spinner() {
+  const classes = combineClassNames('animate-pulse');
+  return <p className={classes.join(' ')}>Loading…</p>;
+}

package/src/custom.d.ts

@@ -0,0 +1,7 @@
+// src/custom.d.ts
+declare namespace NodeJS {
+  interface ProcessEnv {
+    readonly REACT_APP_API_BASE_URL: string;
+    // add more as needed...
+  }
+}

package/src/file_utils/imports.ts

@@ -0,0 +1,2 @@
+export { fetchSharePatch, requireToken, alertit, fetchIt, stripPrefixes, make_path, secureFetchIt } from "./../imports";
+export type { FileItem, ApiRow } from "./../types";

package/src/file_utils/index.ts

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

package/src/file_utils/src/cookieFetch.ts

@@ -0,0 +1,78 @@
+/**
+ * Cookie-authenticated API helpers.
+ * All requests include credentials: 'include' so the browser sends the
+ * session cookie (auth_session) automatically. No JWT tokens are used.
+ */
+
+const API_BASE = "/api/secure-files";
+
+function apiUrl(path: string): string {
+  const p = path.startsWith("/") ? path : `/${path}`;
+  return `${API_BASE}${p}`;
+}
+
+/**
+ * Generic JSON fetch with session-cookie auth.
+ * Throws Error("UNAUTHENTICATED") on 401 so callers can redirect to login.
+ */
+export async function cookieFetch<T = unknown>(
+  path: string,
+  body?: unknown,
+  method?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE",
+): Promise<T> {
+  const m = method ?? (body !== undefined ? "POST" : "GET");
+  const init: RequestInit = { method: m, credentials: "include" };
+
+  if (body !== undefined && body !== null) {
+    init.headers = { "Content-Type": "application/json" };
+    init.body = JSON.stringify(body);
+  }
+
+  const res = await fetch(apiUrl(path), init);
+  if (res.status === 401) throw new Error("UNAUTHENTICATED");
+  if (!res.ok) {
+    const msg = await res.text().catch(() => res.statusText);
+    throw new Error(`HTTP ${res.status}: ${msg}`);
+  }
+
+  const ct = res.headers.get("Content-Type") ?? "";
+  return (ct.includes("application/json") ? res.json() : res.text()) as Promise<T>;
+}
+
+/**
+ * Check whether the current session is valid.
+ * Calls /userInfo which requires authentication; returns true if the user is
+ * logged in, false otherwise (no exception thrown).
+ */
+export async function checkAuth(): Promise<boolean> {
+  try {
+    const res = await fetch(apiUrl("/userInfo"), {
+      method: "GET",
+      credentials: "include",
+    });
+    return res.ok;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Upload a single file using multipart/form-data with session-cookie auth.
+ * @param file  The File object to upload.
+ * @param relPath  Optional relative path within the user's directory.
+ */
+export async function cookieUpload(file: File, relPath = ""): Promise<unknown> {
+  const form = new FormData();
+  form.append("file", file);
+  if (relPath) form.append("rel_path", relPath);
+
+  const res = await fetch(apiUrl("/upload"), {
+    method: "POST",
+    credentials: "include",
+    body: form,
+  });
+
+  if (res.status === 401) throw new Error("UNAUTHENTICATED");
+  if (!res.ok) throw new Error(`Upload failed: HTTP ${res.status}`);
+  return res.json();
+}

package/src/file_utils/src/delete_utils/imports.ts

@@ -0,0 +1 @@
+export { secureFetchIt,requireToken,alertit } from "./../imports";

package/src/file_utils/src/delete_utils/index.ts

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

package/src/file_utils/src/delete_utils/src/delete_row.ts

@@ -0,0 +1,11 @@
+
+import {removeFile} from './delete_select'
+import {alertit} from './../imports'
+/** Given a checkbox inside a table-row → download that row’s file. */
+export async function removeRow(cb: HTMLInputElement): Promise<void> {
+  const row = cb.closest("tr") as HTMLTableRowElement | null;
+  alertit(row)
+  if (row && row?.id) await removeFile(row);
+}
+
+

package/src/file_utils/src/delete_utils/src/delete_select.ts

@@ -0,0 +1,10 @@
+import { cookieFetch } from '../../cookieFetch';
+
+export async function removeFile(
+  item: { id?: number | string; filename?: string },
+): Promise<void> {
+  const resp = await cookieFetch<unknown>("remove", { id: item.id }, "POST");
+  if (!resp || (resp as any) === false || (resp as any)?.result === false) {
+    throw new Error(`Could not delete "${item.filename ?? item.id}"`);
+  }
+}

package/src/file_utils/src/delete_utils/src/delete_selected.ts

@@ -0,0 +1,15 @@
+import {removeFile} from './delete_select';
+
+
+/** Bulk download: pass a NodeList or array of checkboxes. */
+export async function removeSelected(checkboxes: Iterable<HTMLInputElement>): Promise<void> {
+  const list = Array.from(checkboxes);
+  if (!list.length) {
+    alert("No files selected.");
+    return;
+  }
+  for (const cb of list) {
+    alert(cb);
+    await removeFile(cb);
+  }
+}

package/src/file_utils/src/delete_utils/src/index.ts

@@ -0,0 +1,3 @@
+export * from './delete_select';
+export * from './delete_selected';
+export * from './delete_row';

package/src/file_utils/src/download_utils/imports.ts

@@ -0,0 +1,3 @@
+
+export { secureFetchIt, requireToken } from './../imports'
+export type { FileItem } from './../imports'

package/src/file_utils/src/download_utils/index.ts

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

package/src/file_utils/src/download_utils/src/direct_download.ts

@@ -0,0 +1,22 @@
+import {triggerDownload} from './trigger_download';
+import {FileItem} from './../imports';
+/** Non-React “direct download” used by some old links (kept for parity) */
+export async function directDownload(item: FileItem): Promise<void> {
+  const token = localStorage.getItem("token");
+  if (!token) throw new Error("No auth token found");
+
+  const res = await fetch("https://abstractendeavors.com/api/secure-files/secure-download/", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/json",
+      Accept: "application/octet-stream",
+    },
+
+    body: JSON.stringify(item),
+  });
+
+  if (!res.ok) throw new Error(`Download failed: ${res.status}`);
+  const blob = await res.blob();
+  triggerDownload(blob, item.filename);
+}

package/src/file_utils/src/download_utils/src/download_file.ts

@@ -0,0 +1,25 @@
+import type { FileItem } from './../imports';
+import { triggerDownload } from './trigger_download';
+
+/**
+ * Download a file using the current session cookie.
+ * No JWT / localStorage token required.
+ */
+export async function downloadFile(item: FileItem): Promise<void> {
+  const res = await fetch("/api/secure-files/download", {
+    method: "POST",
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      id: item.id,
+      filepath: item.filepath,
+      filename: item.filename,
+    }),
+  });
+
+  if (res.status === 401) throw new Error("Not authenticated – please log in.");
+  if (!res.ok) throw new Error(`Download failed: HTTP ${res.status}`);
+
+  const blob = await res.blob();
+  triggerDownload(blob, item.filename || "download");
+}

package/src/file_utils/src/download_utils/src/download_select.ts

@@ -0,0 +1,20 @@
+import {requireToken,secureFetchIt,FileItem} from './../imports';
+import {triggerDownload} from './trigger_download';
+export async function downloadSelect(item: FileItem): Promise<void> {
+  const token: string = requireToken();
+  const body = item
+  const headers = {
+    Authorization: `Bearer ${token}`,
+    Accept: "application/octet-stream",
+    "Content-Type": "application/json"
+  }
+  const blob = await secureFetchIt( "download", body, "POST", headers, true, true) as Blob;
+
+
+
+  if (!blob || blob.size === 0) {
+    throw new Error(`Received empty file data for “${item.filename}”`);
+  }
+
+  triggerDownload(blob, item.filename);
+}

package/src/file_utils/src/download_utils/src/index.ts

@@ -0,0 +1,5 @@
+export * from './direct_download'; 
+export * from './download_file'; 
+export * from './download_select'; 
+export * from './target_downloads'; 
+export * from './trigger_download';

package/src/file_utils/src/download_utils/src/target_downloads.ts

@@ -0,0 +1,21 @@
+import {downloadSelect} from './download_select';
+import type {FileItem} from './../imports'
+/** Given a checkbox inside a table-row → download that row’s file. */
+export async function downloadRow(cb: HTMLInputElement): Promise<void> {
+  const row = cb.closest("tr") as HTMLTableRowElement | null;
+  const filepath = cb.value;
+  const filename = row?.children[1]?.textContent?.trim() || "downloaded_file";
+  if (filepath) await downloadSelect({filepath,filename} as any);
+}
+
+/** Bulk download: pass a NodeList or array of checkboxes. */
+export async function downloadSelected(checkboxes: Iterable<HTMLInputElement>): Promise<void> {
+  const list = Array.from(checkboxes);
+  if (!list.length) {
+    alert("No files selected.");
+    return;
+  }
+  for (const cb of list) {
+    await downloadRow(cb);
+  }
+}

package/src/file_utils/src/download_utils/src/trigger_download.ts

@@ -0,0 +1,14 @@
+/** Helper function to trigger file download */
+export function triggerDownload(blob: Blob, filename: string): void {
+  const url = URL.createObjectURL(blob);
+  const a = Object.assign(document.createElement("a"), {
+    href: url,
+    download: filename,
+  });
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+
+  console.log(`✅ Successfully downloaded: ${filename}`);
+}

package/src/file_utils/src/imports.ts

@@ -0,0 +1,3 @@
+export type { FileItem, ApiRow } from './../../types/src/types'
+export { alertit, requireToken, secureFetchIt, fetchSharePatch } from './../imports'
+

package/src/file_utils/src/index.ts

@@ -0,0 +1,6 @@
+export * from './download_utils';
+export * from './select_utils'; 
+export * from './upload_utils';
+export * from './delete_utils'; 
+export * from './list_utils';
+export * from './share_utils';

package/src/file_utils/src/list_utils/imports.ts

@@ -0,0 +1,2 @@
+export {secureFetchIt,fetchSharePatch} from './../imports';
+export type { FileItem,ApiRow } from './../imports';

package/src/file_utils/src/list_utils/index.ts

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

package/src/file_utils/src/list_utils/src/index.ts

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

package/src/file_utils/src/list_utils/src/list_utils.ts

@@ -0,0 +1,28 @@
+import { cookieFetch } from './../../cookieFetch';
+import type { ApiRow, FileItem } from './../imports';
+
+export async function listFiles(
+  setFiles: ((rows: FileItem[]) => void) | null = null,
+): Promise<FileItem[]> {
+  const result = await cookieFetch<ApiRow[] | { result: ApiRow[] }>("list", undefined, "GET");
+  const apiRows: ApiRow[] = Array.isArray(result)
+    ? result
+    : ((result as any)?.result ?? []);
+
+  const rows: FileItem[] = apiRows.map((r: ApiRow) => ({
+    id:             r.id,
+    filename:       r.filename,
+    uploader_id:    r.uploader_id,
+    filepath:       r.filepath,
+    created_at:     r.created_at,
+    download_count: r.download_count,
+    download_limit: r.download_limit,
+    shareable:      Boolean(r.shareable),
+    needsPassword:  !!r.share_password,
+    share_password: r.share_password,
+    password_str:   r.password_str,
+  }));
+
+  if (setFiles) setFiles(rows);
+  return rows;
+}

package/src/file_utils/src/select_utils/index.ts

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

package/src/file_utils/src/select_utils/src/index.ts

@@ -0,0 +1,3 @@
+export * from './init_select_all'; 
+export * from './sync_header_checkbox'; 
+export * from './toggle_checkboxes';

package/src/file_utils/src/select_utils/src/init_select_all.ts

@@ -0,0 +1,37 @@
+import {syncHeaderCheckbox} from './sync_header_checkbox';
+/** Wire up header + row checkboxes once the table is in the DOM. */
+export function initSelectAll(): void {
+  const header = document.getElementById(
+    "select-all-checkbox"
+  ) as HTMLInputElement;
+  const btn = document.getElementById("select-all") as HTMLButtonElement;
+
+  // 1) header → toggle all
+  header.addEventListener("change", (e) => {
+    const on = (e.target as HTMLInputElement).checked;
+    document
+      .querySelectorAll<HTMLInputElement>(".file-checkbox")
+      .forEach((cb) => (cb.checked = on));
+  });
+
+  // 2) button → toggle all
+  btn.addEventListener("click", () => {
+    const cbs = Array.from(
+      document.querySelectorAll<HTMLInputElement>(".file-checkbox")
+    );
+    if (!cbs.length) {
+      alert("No files to select.");
+      return;
+    }
+    const anyUnchecked = cbs.some((cb) => !cb.checked);
+    cbs.forEach((cb) => (cb.checked = anyUnchecked));
+    syncHeaderCheckbox();
+  });
+
+  // 3) row boxes → keep header state
+  document
+    .querySelectorAll<HTMLInputElement>(".file-checkbox")
+    .forEach((cb) => cb.addEventListener("change", syncHeaderCheckbox));
+
+  syncHeaderCheckbox();
+}

package/src/file_utils/src/select_utils/src/sync_header_checkbox.ts

@@ -0,0 +1,18 @@
+/**
+ * Classic “select all rows” logic (still handy in non-React views
+ * such as the admin dashboard).
+ */
+export function syncHeaderCheckbox(): void {
+  const all     = document.querySelectorAll<HTMLInputElement>(".file-checkbox");
+  const checked = document.querySelectorAll<HTMLInputElement>(
+    ".file-checkbox:checked"
+  );
+  const header  = document.getElementById(
+    "select-all-checkbox"
+  ) as HTMLInputElement;
+
+  header.indeterminate =
+    checked.length > 0 && checked.length < all.length;
+  header.checked = checked.length === all.length;
+}
+

package/src/file_utils/src/select_utils/src/toggle_checkboxes.ts

@@ -0,0 +1,11 @@
+import {syncHeaderCheckbox} from './sync_header_checkbox';
+/** Utility for other screens: toggle a list of checkboxes on/off. */
+export function toggleCheckboxes(cbs: HTMLInputElement[]): void {
+  if (!cbs.length) {
+    alert("No files to select.");
+    return;
+  }
+  const anyUnchecked = cbs.some((cb) => !cb.checked);
+  cbs.forEach((cb) => (cb.checked = anyUnchecked));
+  syncHeaderCheckbox();
+}

package/src/file_utils/src/share_utils/imports.ts

@@ -0,0 +1,2 @@
+export type { FileItem } from './../../../types/src/types'
+export { fetchSharePatch } from './../imports'

package/src/file_utils/src/share_utils/index.ts

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

package/src/file_utils/src/share_utils/src/index.ts

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

package/src/file_utils/src/share_utils/src/share_utils.ts

@@ -0,0 +1,20 @@
+import { cookieFetch } from './../../cookieFetch';
+import type { FileItem } from './../imports';
+
+/**
+ * Toggle sharing on a file.
+ * Sends the updated settings to /api/secure-files/files/share.
+ * Does NOT update local state – the caller is responsible for that.
+ */
+export async function toggleShare(file: FileItem): Promise<void> {
+  const updated: FileItem = { ...file, shareable: !file.shareable };
+  if (!updated.shareable) updated.needsPassword = false;
+
+  await cookieFetch("files/share", {
+    id:             updated.id,
+    shareable:      updated.shareable,
+    share_password: updated.share_password ?? null,
+    password_str:   updated.password_str   ?? null,
+    download_limit: updated.download_limit ?? null,
+  }, "POST");
+}

package/src/file_utils/src/upload_utils/imports.ts

@@ -0,0 +1 @@
+// No legacy auth imports needed — upload_file.ts uses cookieUpload directly.

package/src/file_utils/src/upload_utils/index.ts

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

package/src/file_utils/src/upload_utils/src/index.ts

@@ -0,0 +1,3 @@
+export * from './patch_file_settings'; 
+export * from './upload_file'; 
+export * from './upload_files';

package/src/file_utils/src/upload_utils/src/patch_file_settings.ts

@@ -0,0 +1,20 @@
+const API_BASE = '/api/secure-files';
+
+/** Generic PATCH helper for file-level admin settings. */
+export async function patchFileSetting(
+  fileId: string,
+  field: string,
+  value: unknown,
+): Promise<Record<string, unknown>> {
+  const res = await fetch(`${API_BASE}/files/${fileId}/settings/${field}`, {
+    method: 'PATCH',
+    credentials: 'include',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ value }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error((err as any).error || res.statusText);
+  }
+  return (await res.json()) as Record<string, unknown>;
+}

package/src/file_utils/src/upload_utils/src/upload_file.ts

@@ -0,0 +1,27 @@
+import { cookieUpload } from './../../cookieFetch';
+
+/** File-upload helper (used by non-React fallback pages). */
+export async function uploadFile(file: any, subdir: any): Promise<any> {
+  const fileInput   = file   || document.getElementById('file-browser') as HTMLInputElement;
+  const subdirInput = subdir || document.getElementById('subdir')       as HTMLInputElement;
+  const banner      = document.getElementById('banner')                 as HTMLElement;
+
+  if (!fileInput.files?.length) {
+    alert('No file selected.');
+    return;
+  }
+
+  const f       = fileInput.files[0];
+  const dir     = (subdirInput?.value ?? '').trim();
+  const relPath = dir ? `${dir}/${f.name}` : f.name;
+
+  try {
+    const json = await cookieUpload(f, relPath) as { filepath: string };
+    if (banner) banner.textContent = `Uploaded: ${json.filepath}`;
+    fileInput.value   = '';
+    if (subdirInput) subdirInput.value = '';
+    window.location.reload();
+  } catch (err: any) {
+    console.error('Upload failed', err);
+  }
+}