@putkoff/abstract-securefiles 0.0.19 → 0.0.23

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,29 @@
+import {FileItem,fetchSharePatch} from './../imports'
+export function getToggleShare(file:any){
+      if (file == true || file?.shareable == true){
+        return false
+      }
+      return false
+}
+export function updateFileShare(file:any){
+  let updated: FileItem = file
+  const boolIt = getToggleShare(updated)
+  updated = { ...file, shareable: boolIt };
+  return updated;
+}
+     
+/**
+ * Custom hook to toggle share settings on a file item
+ */
+export async function toggleShare(file:FileItem){
+
+      const updated = updateFileShare(file)
+      try {
+        const resp = await fetchSharePatch(updated);
+    
+      } catch (err: any) {
+        console.error('Failed to toggle share settings', err);
+        // Optionally revert UI state or show an error message
+      }
+}
+

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

@@ -0,0 +1 @@
+export { secureFetchIt  }   from './../imports';

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,18 @@
+
+/** Generic PATCH helper kept for other admin forms */
+export async function patchFileSetting(
+  fileId: string,
+  field: string,
+  value: unknown
+): Promise<Record<string, unknown>> {
+  const res = await fetch(`/files/${fileId}/settings/${field}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ value }),
+  });
+  if (!res.ok) {
+    const err = await res.json();
+    throw new Error(err.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,28 @@
+import { secureFetchIt } from './../imports';
+/** Classic file-upload for the fallback HTML page. */
+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 formData = new FormData();
+  formData.append("file",  fileInput.files[0]);
+  formData.append("subdir", subdirInput.value.trim());
+
+  try {
+    const json = await secureFetchIt("upload", formData, "POST", null, false,false) as { filepath: string };
+    banner.textContent  = `Uploaded: ${json.filepath}`;
+    fileInput.value     = "";
+    subdirInput.value   = "";
+    window.location.reload();                         // no-op in React view
+  } catch (err: any) {
+    console.error("Upload failed", err);
+  }
+}

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

@@ -0,0 +1,34 @@
+import { secureFetchIt } from './../imports';
+
+interface UploadResponse {
+  filepath: string;
+}
+
+export async function uploadFiles(file: File, subdir: string = ''): Promise<UploadResponse> {
+  if (!(file instanceof File)) {
+    throw new Error('Invalid file: Must be a File object.');
+  }
+  if (typeof subdir !== 'string') {
+    throw new Error('Invalid subdir: Must be a string.');
+  }
+
+  const formData = new FormData();
+  formData.append('file', file);
+  formData.append('subdir', subdir.trim());
+
+  try {
+    const json = await secureFetchIt('upload', formData, 'POST', null, false, false);
+    
+    if (!json || typeof json !== 'object') {
+      throw new Error('Invalid response from server.');
+    }
+    
+    if (!('filepath' in json) || typeof json.filepath !== 'string' || !json.filepath) {
+      throw new Error('Server response missing or invalid filepath.');
+    }
+
+    return { filepath: json.filepath };
+  } catch (err: any) {
+    throw new Error(`Upload failed: ${err?.message ?? 'Unknown error'}`);
+  }
+}

package/src/global.d.ts

@@ -0,0 +1 @@
+declare module "*.css";

package/src/hooks/imports.ts

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

package/src/hooks/index.ts

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

package/src/hooks/useFiles/imports.ts

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

package/src/hooks/useFiles/index.ts

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

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

@@ -0,0 +1,22 @@
+import React from 'react'
+import { useCallback, FileItem, secureFetchIt, removeFile } from './../imports';
+
+/**
+ * Custom hook to toggle share settings on a file item
+ */
+export const useDeleteFile = (
+  setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>
+) => {
+  return useCallback(
+    async (file: FileItem) => {
+      try {
+        await removeFile(file)
+        window.location.reload();
+      } catch (err: any) {
+        console.error('Failed to toggle share settings', err);
+        // Optionally revert UI state or show an error message
+      }
+    },
+    [setFiles]
+  );
+};

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

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

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import { secureFetchIt, useCallback, FileItem, ApiRow, alertit } from './../imports'
+/**
+ * Custom hook that returns a memoized loadFiles callback
+ */
+export const useLoadFiles = (
+  setLoading: React.Dispatch<React.SetStateAction<boolean>>,
+  setError: React.Dispatch<React.SetStateAction<Error | null>>,
+  setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>
+) => {
+
+  return useCallback(async () => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      /** ← your request already returns the raw array */
+      let apiRows = await secureFetchIt<ApiRow[]>(
+        "list",
+        null,
+        "GET",
+      ) as any;
+      console.log(`all apiRows == ${JSON.stringify(apiRows)}`)
+      if (apiRows?.result) {
+        apiRows = apiRows.result
+      }
+      apiRows = apiRows as ApiRow[]
+      /** map API → UI ------------------------------------------------ */
+      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,
+      }));
+
+      setFiles(rows);
+
+    } catch (err) {
+      setError(err instanceof Error ? err
+        : new Error("Unknown error loading files"));
+    } finally {
+      setLoading(false);
+    }
+  }, [setLoading, setError, setFiles]);
+};

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { useCallback, FileItem, fetchSharePatch } from './../imports';
+import { alertit } from '@putkoff/abstract-utilities'
+/**
+ * Custom hook to toggle share settings on a file item
+ */
+export const usePatchShareSettings = (
+  setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>
+) => {
+  return useCallback(
+    async (file: any) => {
+
+
+      const body: any = {
+        id: file.id,                       // ← always send id
+      };
+
+      // now send whichever settings changed
+      body.shareable = file.shareable;
+      body.share_password = file.share_password ?? null;
+      body.password_str = file.password_str ?? null;
+      body.download_limit = file.download_limit ?? null;
+      console.log(`file contents == ${JSON.stringify(body)}`)
+      try {
+        await fetchSharePatch(body);
+        setFiles((curr) =>
+          curr.map((f) => (f.id === body.id ? body : f))
+        );
+      } catch (err: any) {
+        console.error('Failed to toggle share settings', err);
+        // Optionally revert UI state or show an error message
+      }
+    },
+    [setFiles]
+  );
+};
+export default usePatchShareSettings;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useCallback, FileItem, fetchSharePatch } from './../imports';
+
+/**
+ * Custom hook to toggle share settings on a file item
+ */
+export const useToggleShare = (
+  setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>
+) => {
+  return useCallback(
+    async (file: FileItem) => {
+      const updated: FileItem = { ...file, shareable: !file.shareable };
+      if (!updated.shareable) {
+        updated.needsPassword = false;
+      }
+      try {
+        await fetchSharePatch(updated);
+        setFiles((curr) =>
+          curr.map((f) => (f.id === file.id ? updated : f))
+        );
+      } catch (err: any) {
+        console.error('Failed to toggle share settings', err);
+        // Optionally revert UI state or show an error message
+      }
+    },
+    [setFiles]
+  );
+};

package/src/hooks/useFiles/src/useFiles.ts

@@ -0,0 +1,35 @@
+import { useState, useEffect } from 'react';
+import type {FileItem} from './../imports';
+import { useLoadFiles } from './load';
+import { useToggleShare } from './toggleShare';
+import {useSaveShareSettings}  from './useSaveShareSettings';
+import { useDeleteFile } from './deleteFile';
+
+export function useFiles() {
+  const [files, setFiles] = useState<FileItem[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const loadCallback = useLoadFiles(setLoading, setError, setFiles);
+  const toggleShareCallback = useToggleShare(setFiles);
+  const patchShareSettingsCallback = useSaveShareSettings(setFiles);
+  const deleteFileCallback = useDeleteFile(setFiles);
+
+  useEffect(() => {
+    loadCallback();
+  }, [loadCallback]);
+
+  return {
+    files,
+    loading,
+    error,
+    load: loadCallback,
+    toggleShare: toggleShareCallback,
+    patchShareSettings: patchShareSettingsCallback,
+    deleteFile: deleteFileCallback,
+    setFiles,
+    setLoading,
+    setError,
+    
+  };
+}

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

@@ -0,0 +1,25 @@
+// hooks/useSaveShareSettings.ts
+import React from 'react';
+import { useCallback, FileItem, fetchSharePatch } from './../imports';
+
+export const useSaveShareSettings = (
+  setFiles: React.Dispatch<React.SetStateAction<FileItem[]>>
+) => {
+  return useCallback(
+    async (updated: any) => {
+      await fetchSharePatch({
+        id: updated.id,
+        shareable: updated.shareable,
+        share_password: updated.share_password,
+        password_str: updated.password_str,
+        download_limit: updated.download_limit,
+      });
+
+      // optimistic UI update – identical to toggleShare
+      setFiles(curr =>
+        curr.map(f => (f.id === updated.id ? updated : f))
+      );
+    },
+    [setFiles]
+  );
+};

package/src/imports.ts

@@ -0,0 +1,20 @@
+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/src/index.ts

@@ -1 +1,8 @@
-export {SecureFiles} from './App';
+export { FileRow, ShareModal, FileTable, Upload } from './FileHandlers';
+export { useFiles } from './hooks';
+export * from './file_utils';
+export * from './hooks';
+export * from './UI';
+export * from './types';
+export * from './styles';
+export { SecureFiles } from './App'

package/src/styles/SecureFiles/index.css

@@ -0,0 +1,10 @@
+/* src/styles/index.css */
+
+/* 1) pull in Tailwind’s directives */
+@import "./tailwind.css";
+
+/* 2) pull in your custom @layer components */
+@import "./window-manager.css";
+
+/* 3) pull in all your overrides & global resets */
+@import "./App.css";