@kyro-cms/admin 0.2.10 → 0.3.0

package/src/components/Modal.tsx

@@ -1,206 +0,0 @@
-import React, {
-  createContext,
-  useContext,
-  useState,
-  useCallback,
-  type ReactNode,
-} from "react";
-import {
-  Modal as UIModal,
-  ModalContent,
-  ModalActions,
-  ConfirmModal,
-} from "./ui/Modal";
-import { PromptModal } from "./ui/PromptModal";
-
-export { UIModal as Modal, UIModal, ModalContent, ModalActions, ConfirmModal };
-
-// ============================================================================
-// Global Modal Context for programmatic access
-// ============================================================================
-
-type ModalVariant = "alert" | "confirm" | "prompt";
-
-interface ModalState {
-  variant: ModalVariant;
-  open: boolean;
-  title: string;
-  message?: string;
-  placeholder?: string;
-  defaultValue?: string;
-  onConfirm?: (value?: string) => void;
-  onCancel?: () => void;
-  danger?: boolean;
-}
-
-const initialState: ModalState = {
-  variant: "alert",
-  open: false,
-  title: "",
-  message: "",
-  onConfirm: () => {},
-  onCancel: () => {},
-  danger: false,
-};
-
-interface ModalContextType {
-  showAlert: (title: string, message?: string) => void;
-  showConfirm: (
-    title: string,
-    message: string,
-    onConfirm: () => void,
-    options?: { danger?: boolean },
-  ) => void;
-  showPrompt: (
-    title: string,
-    message: string,
-    onConfirm: (value: string) => void,
-    options?: { placeholder?: string; defaultValue?: string },
-  ) => void;
-  closeModal: () => void;
-}
-
-const ModalContext = createContext<ModalContextType | null>(null);
-
-export function useModal() {
-  const context = useContext(ModalContext);
-  if (!context) {
-    throw new Error("useModal must be used within ModalProvider");
-  }
-  return context;
-}
-
-interface ModalProviderProps {
-  children: ReactNode;
-}
-
-export function ModalProvider({ children }: ModalProviderProps) {
-  const [state, setState] = useState<ModalState>(initialState);
-  const [inputValue, setInputValue] = useState(state.defaultValue || "");
-
-  const showAlert = useCallback((title: string, message?: string) => {
-    setState({
-      variant: "alert",
-      open: true,
-      title,
-      message,
-      onConfirm: () => setState((s) => ({ ...s, open: false })),
-      onCancel: () => setState((s) => ({ ...s, open: false })),
-    });
-  }, []);
-
-  const showConfirm = useCallback(
-    (
-      title: string,
-      message: string,
-      onConfirm: () => void,
-      options?: { danger?: boolean },
-    ) => {
-      setState({
-        variant: "confirm",
-        open: true,
-        title,
-        message,
-        danger: options?.danger,
-        onConfirm: () => {
-          onConfirm();
-          setState((s) => ({ ...s, open: false }));
-        },
-        onCancel: () => setState((s) => ({ ...s, open: false })),
-      });
-    },
-    [],
-  );
-
-  const showPrompt = useCallback(
-    (
-      title: string,
-      message: string,
-      onConfirm: (value: string) => void,
-      options?: { placeholder?: string; defaultValue?: string },
-    ) => {
-      setState({
-        variant: "prompt",
-        open: true,
-        title,
-        message,
-        placeholder: options?.placeholder,
-        defaultValue: options?.defaultValue,
-        onConfirm: (value) => {
-          onConfirm(value || "");
-          setState((s) => ({ ...s, open: false }));
-        },
-        onCancel: () => setState((s) => ({ ...s, open: false })),
-      });
-    },
-    [],
-  );
-
-  const closeModal = useCallback(() => {
-    setState((s) => ({ ...s, open: false }));
-  }, []);
-
-  // Re-order so imports come first, then showAlert
-  const handleShowAlert = (title: string, message?: string) => {
-    setState({
-      variant: "alert",
-      open: true,
-      title,
-      message,
-      onConfirm: () => setState((s) => ({ ...s, open: false })),
-      onCancel: () => setState((s) => ({ ...s, open: false })),
-    });
-  };
-
-  return (
-    <ModalContext.Provider
-      value={{
-        showAlert: handleShowAlert,
-        showConfirm,
-        showPrompt,
-        closeModal,
-      }}
-    >
-      {children}
-      {state.variant === "confirm" && (
-        <ConfirmModal
-          open={state.open}
-          onClose={state.onCancel || closeModal}
-          onConfirm={() => state.onConfirm?.()}
-          title={state.title}
-          message={state.message || ""}
-          variant={state.danger ? "danger" : "default"}
-        />
-      )}
-      {state.variant === "alert" && (
-        <UIModal
-          open={state.open}
-          onClose={state.onCancel || closeModal}
-          title={state.title}
-          size="sm"
-          footer={
-            <button
-              type="button"
-              onClick={() => state.onConfirm?.()}
-              className="px-4 py-2 rounded-lg font-medium text-sm bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] hover:opacity-90 transition-colors"
-            >
-              OK
-            </button>
-          }
-        >
-          <p className="text-[var(--kyro-text-secondary)]">{state.message}</p>
-        </UIModal>
-      )}
-      {state.variant === "prompt" && (
-        <PromptModal
-          open={state.open}
-          onClose={state.onCancel || closeModal}
-          onSubmit={(value) => state.onConfirm?.(value)}
-          title={state.title}
-          placeholder={state.placeholder}
-          defaultValue={state.defaultValue}
-        />
-      )}
-    </ModalContext.Provider>
-  );
-}

package/src/components/index.ts

@@ -1,29 +0,0 @@
-export { Admin } from "./Admin";
-export { ListView } from "./ListView";
-export { DetailView } from "./DetailView";
-export { CreateView } from "./CreateView";
-export { Dashboard } from "./Dashboard";
-export { AutoForm } from "./AutoForm";
-export {
-  ActionBar,
-  type ActionBarProps,
-  type DocumentStatus,
-  type SaveStatus,
-} from "./ActionBar";
-export { BulkActionsBar } from "./BulkActionsBar";
-export { StatusBadge, CountBadge } from "./StatusBadge";
-export { VersionHistoryPanel } from "./VersionHistoryPanel";
-export {
-  ThemeProvider,
-  LightThemeProvider,
-  DarkThemeProvider,
-  useTheme,
-  type ThemeMode,
-} from "./ThemeProvider";
-export * from "./ui/Button";
-export * from "./ui/Badge";
-export * from "./ui/Spinner";
-export * from "./ui/Toast";
-export { Dropdown, DropdownItem, DropdownSeparator } from "./ui/Dropdown";
-export { Modal, ConfirmModal } from "./ui/Modal";
-export { SlidePanel } from "./ui/SlidePanel";

package/src/env.ts

@@ -1,20 +0,0 @@
-import fs from "fs";
-import path from "path";
-
-const envPath = path.join(process.cwd(), "..", ".env");
-if (fs.existsSync(envPath)) {
-  const envContent = fs.readFileSync(envPath, "utf-8");
-  envContent.split("\n").forEach((line) => {
-    const trimmed = line.trim();
-    if (trimmed && !trimmed.startsWith("#")) {
-      const eqIndex = trimmed.indexOf("=");
-      if (eqIndex > 0) {
-        const key = trimmed.substring(0, eqIndex);
-        const value = trimmed.substring(eqIndex + 1);
-        if (!process.env[key]) {
-          process.env[key] = value;
-        }
-      }
-    }
-  });
-}

package/src/lib/i18n.tsx

@@ -1,353 +0,0 @@
-import { create } from "zustand";
-
-export const en = {
-  common: {
-    save: "Save",
-    cancel: "Cancel",
-    delete: "Delete",
-    edit: "Edit",
-    create: "Create",
-    add: "Add",
-    update: "Update",
-    confirm: "Confirm",
-    clear: "Clear",
-    close: "Close",
-    back: "Back",
-    next: "Next",
-    submit: "Submit",
-    remove: "Remove",
-    loading: "Loading...",
-  },
-
-  status: {
-    draft: "Draft",
-    published: "Published",
-    error: "Error",
-    success: "Success",
-    failed: "Failed",
-    archived: "Archived",
-  },
-
-  form: {
-    email: "Email",
-    password: "Password",
-    confirmPassword: "Confirm Password",
-    name: "Name",
-    label: "Label",
-    title: "Title",
-    description: "Description",
-    role: "Role",
-  },
-
-  placeholder: {
-    search: "Search...",
-    searchByNameOrEmail: "Search by name or email...",
-    searchFiles: "Search files...",
-    searchMedia: "Search media...",
-    searchTypes: "Search types...",
-    enterHeading: "Enter heading text...",
-    enterParagraph: "Enter paragraph text...",
-    enterMarkdown: "Enter markdown content...",
-    linkText: "Link text...",
-    url: "https://...",
-    value: "Value...",
-    videoUrl: "MP4 URL, YouTube, or Vimeo link...",
-    jsonPlaceholder: '{"key": "value"}',
-    folderName: "Folder name",
-    apiKey: "API Key",
-  },
-
-  tooltip: {
-    moveUp: "Move up",
-    moveDown: "Move down",
-    remove: "Remove",
-    edit: "Edit",
-    delete: "Delete",
-    livePreview: "Live Preview",
-    toggleSidebar: "Toggle Sidebar",
-    fullscreen: "Fullscreen",
-    exitFullscreen: "Exit fullscreen",
-    undo: "Undo",
-    redo: "Redo",
-    bold: "Bold",
-    italic: "Italic",
-    underline: "Underline",
-    strikethrough: "Strikethrough",
-    code: "Code",
-    link: "Link",
-    bulletList: "Bullet List",
-    numberedList: "Numbered List",
-    generateNewKey: "Generate new key",
-    copyToClipboard: "Copy to clipboard",
-  },
-
-  media: {
-    all: "All",
-    images: "Images",
-    videos: "Videos",
-    audio: "Audio",
-    documents: "Documents",
-    archives: "Archives",
-    noMediaFound: "No media files found",
-    deleteMedia: "Delete Media",
-    createFolder: "Create New Folder",
-    deleteFolder: "Delete Folder",
-    deleteSelected: "Delete Selected",
-    downloadCollection: "Download Collection",
-    editMetadata: "Edit metadata",
-    download: "Download",
-  },
-
-  user: {
-    teamManagement: "Team Management",
-    inviteMember: "Invite Member",
-    allUsers: "All Users",
-    admins: "Admins",
-    restricted: "Restricted",
-  },
-
-  auth: {
-    signIn: "Sign In",
-    createAccount: "Create Account",
-    signingIn: "Signing in...",
-    creatingAccount: "Creating account...",
-    dontHaveAccount: "Don't have an account?",
-    signUp: "Sign up",
-    alreadyHaveAccount: "Already have an account?",
-  },
-
-  confirm: {
-    deleteEntry: "Delete Entry",
-    deleteConfirm: "Delete {item}?",
-    actionCannotBeUndone: "This action cannot be undone.",
-    deleteDocuments: "Delete Documents",
-  },
-
-  audit: {
-    eventId: "Event ID",
-    timestamp: "Timestamp",
-    userEmail: "User Email",
-    userId: "User ID",
-    role: "Role",
-    resource: "Resource",
-    resourceId: "Resource ID",
-    ipAddress: "IP Address",
-  },
-
-  collection: {
-    pages: "Pages",
-    posts: "Posts",
-    categories: "Categories",
-    media: "Media",
-    settings: "Settings",
-    navigation: "Navigation",
-    users: "Users",
-  },
-
-  item: {
-    item: "Item",
-    itemCount: "Item {n}",
-    items: "Items",
-    noItems: 'No items. Click "Add Item" to create one.',
-  },
-
-  empty: {
-    noResults: "No results found",
-    loading: "Loading...",
-    noData: "No data available",
-  },
-
-  validation: {
-    required: "This field is required",
-    email: "Please enter a valid email address",
-    url: "Please enter a valid URL",
-    minLength: "Minimum {min} characters required",
-    maxLength: "Maximum {max} characters allowed",
-    number: "Please enter a valid number",
-    integer: "Please enter a whole number",
-    range: "Please enter a value between {min} and {max}",
-    json: "Please enter valid JSON",
-    hexColor: "Please enter a valid hex color",
-    phone: "Please enter a valid phone number",
-    postalCode: "Please enter a valid postal code",
-    matches: "Values do not match",
-    pattern: "Invalid format",
-  },
-
-  errors: {
-    generic: "Something went wrong. Please try again.",
-    network: "Network error. Please check your connection.",
-    unauthorized: "You are not authorized to perform this action.",
-    notFound: "The requested resource was not found.",
-    serverError: "Server error. Please try again later.",
-  },
-
-  actions: {
-    save: "Save",
-    cancel: "Cancel",
-    delete: "Delete",
-    edit: "Edit",
-    create: "Create",
-    add: "Add",
-    update: "Update",
-    confirm: "Confirm",
-    clear: "Clear",
-    close: "Close",
-    back: "Back",
-    next: "Next",
-    submit: "Submit",
-    remove: "Remove",
-    search: "Search",
-    filter: "Filter",
-    sort: "Sort",
-    refresh: "Refresh",
-    reload: "Reload",
-    export: "Export",
-    import: "Import",
-    upload: "Upload",
-    download: "Download",
-    copy: "Copy",
-    select: "Select",
-    selectAll: "Select All",
-    deselectAll: "Deselect All",
-  },
-
-  pagination: {
-    page: "Page",
-    of: "of",
-    first: "First",
-    last: "Last",
-    previous: "Previous",
-    next: "Next",
-    showing: "Showing",
-    to: "to",
-    from: "from",
-    results: "results",
-    perPage: "Per page",
-  },
-
-  filters: {
-    all: "All",
-    active: "Active",
-    inactive: "Inactive",
-    published: "Published",
-    draft: "Draft",
-    archived: "Archived",
-    search: "Search",
-    dateRange: "Date Range",
-    clearFilters: "Clear Filters",
-    applyFilters: "Apply Filters",
-  },
-
-  sort: {
-    ascending: "Ascending",
-    descending: "Descending",
-    sortBy: "Sort by",
-  },
-
-  table: {
-    noColumns: "No columns selected",
-    toggleColumns: "Toggle Columns",
-    rowsPerPage: "Rows per page",
-  },
-
-  blocks: {
-    addBlock: "Add Block",
-    removeBlock: "Remove Block",
-    moveUp: "Move Up",
-    moveDown: "Move Down",
-  },
-
-  richText: {
-    bold: "Bold",
-    italic: "Italic",
-    underline: "Underline",
-    strikethrough: "Strikethrough",
-    bulletList: "Bullet List",
-    numberedList: "Numbered List",
-    heading: "Heading",
-    link: "Link",
-    code: "Code",
-  },
-
-  upload: {
-    dragDrop: "Drag and drop files here",
-    orBrowse: "or browse",
-    uploading: "Uploading...",
-    uploadComplete: "Upload complete",
-    uploadFailed: "Upload failed",
-    fileTooLarge: "File is too large",
-    invalidType: "Invalid file type",
-  },
-
-  version: {
-    versionHistory: "Version History",
-    currentVersion: "Current Version",
-    restoreVersion: "Restore Version",
-    previewVersion: "Preview Version",
-    compareVersion: "Compare Versions",
-    autoSaved: "Auto-saved",
-    manuallySaved: "Manually saved",
-  },
-};
-
-type Translations = typeof en;
-
-interface I18nState {
-  locale: string;
-  translations: Translations;
-  setLocale: (locale: string) => void;
-}
-
-export const useI18n = create<I18nState>((set) => ({
-  locale: "en",
-  translations: en,
-  setLocale: (locale) => set({ locale }),
-}));
-
-export function getT(
-  key: string,
-  replacements?: Record<string, string>,
-): string {
-  const { translations } = useI18n.getState();
-  const keys = key.split(".");
-  let result: any = translations;
-
-  for (const k of keys) {
-    result = result?.[k];
-    if (result === undefined) return key;
-  }
-
-  if (typeof result !== "string") return key;
-
-  if (replacements) {
-    return Object.entries(replacements).reduce(
-      (str, [k, v]) => str.replace(new RegExp(`\\{${k}}`, "g"), v),
-      result,
-    );
-  }
-
-  return result;
-}
-
-export function useTranslation() {
-  const translations = useI18n((state) => state.translations);
-  return {
-    t: (key: string, replacements?: Record<string, string>) => {
-      const keys = key.split(".");
-      let result: any = translations;
-      for (const k of keys) {
-        result = result?.[k];
-        if (result === undefined) return key;
-      }
-      if (typeof result !== "string") return key;
-      if (replacements) {
-        return Object.entries(replacements).reduce(
-          (str, [k, v]) => str.replace(new RegExp(`\\{${k}}`, "g"), v),
-          result,
-        );
-      }
-      return result;
-    },
-  };
-}