@putkoff/abstract-securefiles 0.0.48 → 0.0.49

package/src/styles/SecureFiles/index.css

@@ -1,10 +0,0 @@
-/* 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";

package/src/styles/SecureFiles/tailwind.css

@@ -1,3 +0,0 @@
-/* src/styles/tailwind.css */
-@tailwind base;
-@tailwind utilities;

package/src/styles/SecureFiles/window-manager.css

@@ -1,283 +0,0 @@
-/* ------- window-manager table look ------- */
-.wm-table {
-  width: 100%;
-  font-size: 13px;
-  table-layout: fixed;
-}
-
-.wm-thead th {
-  background-color: #e5e7eb;
-  border-bottom: 1px solid #9ca3af;
-  padding: 5px 8px;
-  text-align: left;
-  font-weight: 600;
-}
-
-.wm-row {
-  border-bottom: 1px solid #d1d5db;
-  background-color: #f9fafb;
-}
-
-.wm-row:hover {
-  background-color: #eff6ff;
-}
-
-.wm-cell {
-  padding: 5px 8px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.wm-checkbox {
-  height: 14px;
-  width: 14px;
-  color: #2563eb;
-  border: 1px solid #9ca3af;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.wm-btn-link {
-  color: #2563eb;
-  text-decoration: underline;
-}
-
-.wm-btn-link:hover {
-  color: #1e40af;
-}
-
-.wm-btn-link:disabled {
-  color: #9ca3af;
-  cursor: not-allowed;
-}
-
-.wm-btn-icon {
-  color: #4b5563;
-  padding: 2px;
-  border-radius: 4px;
-}
-
-.wm-btn-icon:hover {
-  color: #111827;
-  background-color: #e5e7eb;
-}
-
-.wm-btn-icon:disabled {
-  color: #9ca3af;
-}
-
-/* whole table */
-.file-table {
-  width: 100%;
-  border: 1px solid #9ca3af;
-  font-size: 13px;
-  line-height: 1.15rem;
-  border-collapse: collapse;
-}
-
-/* header cells */
-.file-table thead th {
-  background-color: #e5e7eb;
-  color: #1f2937;
-  font-weight: 600;
-  padding: 6px 12px;
-  user-select: none;
-  border-bottom: 1px solid #9ca3af;
-  border-right: 1px solid #d1d5db;
-}
-
-.file-table thead th:last-child {
-  border-right: none;
-}
-
-/* body rows */
-.file-table tbody tr {
-  border-bottom: 1px solid #d1d5db;
-  transition: background-color 0.2s;
-}
-
-.file-table tbody tr:hover {
-  background-color: #f3f4f6;
-}
-
-.file-table tbody tr:nth-child(even) {
-  background-color: #f9fafb;
-}
-
-/* body cells */
-.file-table td {
-  padding: 6px 12px;
-  vertical-align: middle;
-  white-space: nowrap;
-  border-right: 1px solid #d1d5db;
-}
-
-.file-table td:last-child {
-  border-right: none;
-}
-
-/* unsaved filename cue */
-.file-table .unsaved {
-  color: #dc2626;
-}
-
-/* ---------- MODALS ---------- */
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-}
-
-.modal-wrapper {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modal-panel {
-  background-color: #ffffff;
-  border-radius: 12px;
-  padding: 24px;
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  outline: none;
-  max-width: 28rem;
-  max-height: 90vh;
-  overflow-y: auto;
-}
-
-/* ---------- FORMS & INPUTS ---------- */
-.form-container {
-  background-color: #ffffff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
-  border-radius: 8px;
-  padding: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  max-width: 28rem;
-}
-
-.form-title {
-  font-size: 20px;
-  font-weight: 600;
-  text-align: center;
-}
-
-.form-input {
-  display: block;
-  width: 100%;
-  border-radius: 4px;
-  border: 1px solid #d1d5db;
-  padding: 4px 8px;
-}
-
-.form-input:disabled {
-  background-color: #f3f4f6;
-}
-
-.form-group {
-  margin-bottom: 16px;
-}
-
-.form-label {
-  display: block;
-  font-size: 14px;
-  font-weight: 500;
-  margin-bottom: 4px;
-}
-
-.form-error {
-  font-size: 14px;
-  color: #dc2626;
-}
-
-/* ---------- BUTTONS ---------- */
-.btn {
-  border-radius: 8px;
-  padding: 4px 12px;
-  font-size: 14px;
-  font-weight: 500;
-  transition: background-color 0.15s, color 0.15s;
-}
-
-.btn:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.1);
-}
-
-.btn-primary {
-  background-color: #2563eb;
-  color: #ffffff;
-}
-
-.btn-primary:hover {
-  background-color: #1d4ed8;
-}
-
-.btn-primary:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(59, 130, 246, 0.5);
-}
-
-.btn-secondary {
-  background-color: #e5e7eb;
-}
-
-.btn-secondary:hover {
-  background-color: #d1d5db;
-}
-
-.btn-secondary:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(156, 163, 175, 0.5);
-}
-
-.btn-success {
-  background-color: #16a34a;
-  color: #ffffff;
-}
-
-.btn-success:hover {
-  background-color: #15803d;
-}
-
-.btn-success:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(34, 197, 94, 0.5);
-}
-
-.btn-danger {
-  background-color: #dc2626;
-  color: #ffffff;
-}
-
-.btn-danger:hover {
-  background-color: #b91c1c;
-}
-
-.btn-danger:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(239, 68, 68, 0.5);
-}
-
-.btn-icon {
-  padding: 4px;
-  background-color: transparent;
-}
-
-.btn-icon:hover {
-  background-color: #f3f4f6;
-}
-
-/* ---------- CHECKBOX ---------- */
-.checkbox {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 16px;
-}

package/src/styles/SecureFilesStyles.module.css

@@ -1,287 +0,0 @@
-/* SecureFilesStyles.module.css */
-
-/* Scope all styles under .secure-files */
-.secure-files {
-  /* Pull in Tailwind utilities if needed (but skip @base to avoid global resets) */
-  @tailwind utilities;
-
-  /* window-manager.css styles (prefixed where needed) */
-  .wm-table {
-    width: 100%;
-    font-size: 13px;
-    table-layout: fixed;
-  }
-
-  .wm-thead th {
-    background-color: #e5e7eb;
-    border-bottom: 1px solid #9ca3af;
-    padding: 5px 8px;
-    text-align: left;
-    font-weight: 600;
-  }
-
-  .wm-row {
-    border-bottom: 1px solid #d1d5db;
-    background-color: #f9fafb;
-  }
-
-  .wm-row:hover {
-    background-color: #eff6ff;
-  }
-
-  .wm-cell {
-    padding: 5px 8px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .wm-checkbox {
-    height: 14px;
-    width: 14px;
-    color: #2563eb;
-    border: 1px solid #9ca3af;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-
-  .wm-btn-link {
-    color: #2563eb;
-    text-decoration: underline;
-  }
-
-  .wm-btn-link:hover {
-    color: #1e40af;
-  }
-
-  .wm-btn-link:disabled {
-    color: #9ca3af;
-    cursor: not-allowed;
-  }
-
-  .wm-btn-icon {
-    color: #4b5563;
-    padding: 2px;
-    border-radius: 4px;
-  }
-
-  .wm-btn-icon:hover {
-    color: #111827;
-    background-color: #e5e7eb;
-  }
-
-  .wm-btn-icon:disabled {
-    color: #9ca3af;
-  }
-
-  /* file-table styles */
-  .file-table {
-    width: 100%;
-    border: 1px solid #9ca3af;
-    font-size: 13px;
-    line-height: 1.15rem;
-    border-collapse: collapse;
-  }
-
-  .file-table thead th {
-    background-color: #e5e7eb;
-    color: #1f2937;
-    font-weight: 600;
-    padding: 6px 12px;
-    user-select: none;
-    border-bottom: 1px solid #9ca3af;
-    border-right: 1px solid #d1d5db;
-  }
-
-  .file-table thead th:last-child {
-    border-right: none;
-  }
-
-  .file-table tbody tr {
-    border-bottom: 1px solid #d1d5db;
-    transition: background-color 0.2s;
-  }
-
-  .file-table tbody tr:hover {
-    background-color: #f3f4f6;
-  }
-
-  .file-table tbody tr:nth-child(even) {
-    background-color: #f9fafb;
-  }
-
-  .file-table td {
-    padding: 6px 12px;
-    vertical-align: middle;
-    white-space: nowrap;
-    border-right: 1px solid #d1d5db;
-  }
-
-  .file-table td:last-child {
-    border-right: none;
-  }
-
-  .file-table .unsaved {
-    color: #dc2626;
-  }
-
-  /* Modals */
-  .modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.6);
-  }
-
-  .modal-wrapper {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .modal-panel {
-    background-color: #ffffff;
-    border-radius: 12px;
-    padding: 24px;
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-    outline: none;
-    max-width: 28rem;
-    max-height: 90vh;
-    overflow-y: auto;
-  }
-
-  /* Forms & Inputs */
-  .form-container {
-    background-color: #ffffff;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
-    border-radius: 8px;
-    padding: 24px;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    max-width: 28rem;
-  }
-
-  .form-title {
-    font-size: 20px;
-    font-weight: 600;
-    text-align: center;
-  }
-
-  .form-input {
-    display: block;
-    width: 100%;
-    border-radius: 4px;
-    border: 1px solid #d1d5db;
-    padding: 4px 8px;
-  }
-
-  .form-input:disabled {
-    background-color: #f3f4f6;
-  }
-
-  .form-group {
-    margin-bottom: 16px;
-  }
-
-  .form-label {
-    display: block;
-    font-size: 14px;
-    font-weight: 500;
-    margin-bottom: 4px;
-  }
-
-  .form-error {
-    font-size: 14px;
-    color: #dc2626;
-  }
-
-  /* Buttons */
-  .btn {
-    border-radius: 8px;
-    padding: 4px 12px;
-    font-size: 14px;
-    font-weight: 500;
-    transition: background-color 0.15s, color 0.15s;
-  }
-
-  .btn:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.1);
-  }
-
-  .btn-primary {
-    background-color: #2563eb;
-    color: #ffffff;
-  }
-
-  .btn-primary:hover {
-    background-color: #1d4ed8;
-  }
-
-  .btn-primary:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(59, 130, 246, 0.5);
-  }
-
-  .btn-secondary {
-    background-color: #e5e7eb;
-  }
-
-  .btn-secondary:hover {
-    background-color: #d1d5db;
-  }
-
-  .btn-secondary:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(156, 163, 175, 0.5);
-  }
-
-  .btn-success {
-    background-color: #16a34a;
-    color: #ffffff;
-  }
-
-  .btn-success:hover {
-    background-color: #15803d;
-  }
-
-  .btn-success:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(34, 197, 94, 0.5);
-  }
-
-  .btn-danger {
-    background-color: #dc2626;
-    color: #ffffff;
-  }
-
-  .btn-danger:hover {
-    background-color: #b91c1c;
-  }
-
-  .btn-danger:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(239, 68, 68, 0.5);
-  }
-
-  .btn-icon {
-    padding: 4px;
-    background-color: transparent;
-  }
-
-  .btn-icon:hover {
-    background-color: #f3f4f6;
-  }
-
-  /* Checkbox */
-  .checkbox {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 16px;
-  }
-}

package/src/styles/index.ts

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

package/src/types/index.ts

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

package/src/types/src/index.ts

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

package/src/types/src/types.ts

@@ -1,88 +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;        // true → allow folder selection
-  multiple?: boolean;         // true → allow multiple files
-  accept?: string;            // optional MIME filter
-}
-/** keep other InputProps fields … */
-export type EnhancedInputProps = InputProps & FileInputExtra;

package/tailwind.config.cjs

@@ -1,7 +0,0 @@
-module.exports = {
-  content: [
-    './src/**/*.{ts,tsx,js,jsx}',
-  ],
-  theme: { extend: {} },
-  plugins: [],
-};

package/testit.mjs

@@ -1,11 +0,0 @@
-// testit.mjs
-import { secureFetchIt } from './dist/index.js';
-
-(async () => {
-
-
-
-    const result = await secureFetchIt('list');
-    console.log('Result:', result);
-
-})();

package/testit.ts

@@ -1,3 +0,0 @@
-import {secureFetchIt} from './src/functions';
-const data = await secureFetchIt('links');
-console.log(data);