@rolder/kit 3.0.0-alpha.8 → 3.0.0-alpha.80

package/src/surreal/deserialize.ts

@@ -1,144 +0,0 @@
-import { RecordId } from 'surrealdb';
-
-/**
- * Type that converts specified string paths to RecordId, others stay as their original types
- */
-type DeserializeResult<T, IdPaths extends string = never> = T extends string
-  ? RecordId<string> // Plain strings always become RecordId when no paths or when it's root level
-  : T extends (infer U)[]
-    ? U extends object
-      ? {
-          [K in keyof U]: K extends IdPaths ? RecordId<string> : U[K];
-        }[]
-      : DeserializeResult<U, IdPaths>[]
-    : T extends object
-      ? T extends Date
-        ? T
-        : {
-            [K in keyof T]: K extends IdPaths ? RecordId<string> : T[K]; // Keep original types for non-ID fields
-          }
-      : T;
-
-/**
- * Extract table name from "table:id" format string
- */
-const extractTableName = (str: string): string | null => {
-  const match = str.match(/^([^:]+):/);
-  return match ? match[1] : null;
-};
-
-/**
- * Check if string is in "table:id" format
- */
-const isRecordIdFormat = (str: string): boolean => {
-  return /^[^:]+:.+$/.test(str);
-};
-
-/**
- * Deserializes DTO back to SurrealDB Record recursively based on specified ID paths
- */
-// Overload for arrays with ID paths
-export function deserialize<T, K extends keyof T & string>(
-  dto: T[],
-  idPaths: K[],
-): DeserializeResult<T, K>[];
-// Overload for single objects with ID paths
-export function deserialize<T, K extends keyof T & string>(
-  dto: T,
-  idPaths: K[],
-): DeserializeResult<T, K>;
-// Overload for arrays without ID paths (treats all strings as potential IDs)
-export function deserialize<T>(dto: T[]): DeserializeResult<T>[];
-// Overload for single objects without ID paths (treats all strings as potential IDs)
-export function deserialize<T>(dto: T): DeserializeResult<T>;
-
-// Implementation
-export function deserialize<T, K extends keyof T & string = never>(
-  dto: T | T[],
-  idPaths?: K[],
-): DeserializeResult<T, K> | DeserializeResult<T, K>[] {
-  if (Array.isArray(dto)) {
-    return dto.map((item) =>
-      convertStringsToRecordIds(item, idPaths || []),
-    ) as DeserializeResult<T, K>[];
-  }
-
-  return convertStringsToRecordIds(dto, idPaths || []) as DeserializeResult<
-    T,
-    K
-  >;
-}
-
-/**
- * Recursively converts string IDs back to RecordId instances based on specified paths
- */
-const convertStringsToRecordIds = (
-  obj: unknown,
-  idPaths: string[],
-  currentPath = '',
-): unknown => {
-  if (obj === null || obj === undefined) {
-    return obj;
-  }
-
-  // If it's an array, check if the current path matches any idPath
-  if (Array.isArray(obj)) {
-    // If this array's path is in idPaths, convert all string elements to RecordIds
-    if (idPaths.includes(currentPath)) {
-      return obj.map((item) => {
-        if (typeof item === 'string' && isRecordIdFormat(item)) {
-          const tableName = extractTableName(item);
-          if (tableName) {
-            return new RecordId(tableName, item.split(':')[1]);
-          }
-        }
-        return item;
-      });
-    }
-    // Otherwise, recursively process each element with indexed path
-    return obj.map((item, index) =>
-      convertStringsToRecordIds(item, idPaths, `${currentPath}[${index}]`),
-    );
-  }
-
-  // If it's an object, recursively process each property
-  if (typeof obj === 'object' && !(obj instanceof Date)) {
-    const result: Record<string, unknown> = {};
-    for (const [key, value] of Object.entries(obj)) {
-      const fieldPath = currentPath ? `${currentPath}.${key}` : key;
-
-      if (typeof value === 'string') {
-        // Only convert if this field path is explicitly in idPaths
-        const shouldConvert =
-          idPaths.includes(fieldPath) && isRecordIdFormat(value);
-
-        if (shouldConvert) {
-          const tableName = extractTableName(value);
-          if (tableName) {
-            result[key] = new RecordId(tableName, value.split(':')[1]);
-          } else {
-            result[key] = value;
-          }
-        } else {
-          result[key] = value;
-        }
-      } else {
-        result[key] = convertStringsToRecordIds(value, idPaths, fieldPath);
-      }
-    }
-    return result;
-  }
-
-  // For strings at root level (not in objects) - only convert if no idPaths specified
-  if (typeof obj === 'string') {
-    if (idPaths.length === 0 && isRecordIdFormat(obj)) {
-      const tableName = extractTableName(obj);
-      if (tableName) {
-        return new RecordId(tableName, obj.split(':')[1]);
-      }
-    }
-  }
-
-  // For primitive types, return as is
-  return obj;
-};

package/src/surreal/encryption.ts

@@ -1,51 +0,0 @@
-import { createCipheriv, createDecipheriv, randomBytes } from 'node:crypto';
-import { createServerOnlyFn } from '@tanstack/react-start';
-
-type EncryptionInstance = {
-  encrypt(text: string): string;
-  decrypt(encryptedText: string): string;
-};
-
-export const encryptionFn = createServerOnlyFn(
-  (secretHash: string): EncryptionInstance => {
-    class Encryption {
-      private key: Buffer;
-
-      constructor(secretHash: string) {
-        // Создаем 32-байтный ключ из 64-символьного hex хеша
-        this.key = Buffer.from(secretHash, 'hex');
-      }
-
-      // Функция для шифрования
-      encrypt(text: string): string {
-        const algorithm = 'aes-256-cbc';
-        const iv = randomBytes(16);
-
-        const cipher = createCipheriv(algorithm, this.key, iv);
-        let encrypted = cipher.update(text, 'utf8', 'hex');
-        encrypted += cipher.final('hex');
-
-        // Возвращаем IV + зашифрованные данные
-        return `${iv.toString('hex')}:${encrypted}`;
-      }
-
-      // Функция для дешифрования
-      decrypt(encryptedText: string): string {
-        const algorithm = 'aes-256-cbc';
-
-        // Разделяем IV и зашифрованные данные
-        const parts = encryptedText.split(':');
-        const iv = Buffer.from(parts[0], 'hex');
-        const encrypted = parts[1];
-
-        const decipher = createDecipheriv(algorithm, this.key, iv);
-        let decrypted = decipher.update(encrypted, 'hex', 'utf8');
-        decrypted += decipher.final('utf8');
-
-        return decrypted;
-      }
-    }
-
-    return new Encryption(secretHash);
-  },
-);

package/src/ui/AnimatedChevron.tsx

@@ -1,32 +0,0 @@
-import type { SVGProps } from 'react';
-
-interface Props extends SVGProps<SVGSVGElement> {
-  expanded?: boolean;
-}
-
-export const AnimatedChevron = ({ expanded, style, ...props }: Props) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      role="img"
-      aria-label="Chevron"
-      style={{
-        transition: 'transform 0.2s ease-in-out',
-        transform: expanded ? 'rotate(-180deg)' : 'rotate(0deg)',
-        ...style,
-      }}
-      {...props}
-    >
-      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <path d="M6 9l6 6l6 -6" />
-    </svg>
-  );
-};

package/src/ui/JsonInput.tsx

@@ -1,52 +0,0 @@
-import { indentSelection } from '@codemirror/commands';
-import { json, jsonParseLinter } from '@codemirror/lang-json';
-import { linter } from '@codemirror/lint';
-import { type EditorView, keymap } from '@codemirror/view';
-import { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';
-import CodeMirror, { type ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { getCookie } from '../functions/getCookie';
-
-const formatJson = (view: EditorView) => {
-  try {
-    const text = view.state.doc.toString();
-    const parsed = JSON.parse(text);
-    const formatted = JSON.stringify(parsed, null, 2);
-
-    view.dispatch({
-      changes: {
-        from: 0,
-        to: view.state.doc.length,
-        insert: formatted,
-      },
-    });
-
-    return true;
-  } catch (_) {
-    // Если JSON невалидный, пробуем просто отступы
-    return indentSelection(view);
-  }
-};
-
-const extensions = [
-  json(),
-  linter(jsonParseLinter()),
-  keymap.of([
-    {
-      key: 'Mod-Shift-f',
-      run: formatJson,
-    },
-  ]),
-];
-
-export const JsonInput = (props: ReactCodeMirrorProps) => {
-  const colorScheme = getCookie('colorScheme');
-
-  return (
-    <CodeMirror
-      height="280px"
-      theme={colorScheme === 'light' ? vscodeLight : vscodeDark}
-      extensions={extensions}
-      {...props}
-    />
-  );
-};

package/src/ui/RouterLink.tsx

@@ -1,78 +0,0 @@
-import {
-  ActionIcon,
-  type ActionIconProps,
-  Anchor,
-  type AnchorProps,
-  Button,
-  type ButtonProps,
-  UnstyledButton,
-  type UnstyledButtonProps,
-} from '@mantine/core';
-import { createLink, type LinkComponent } from '@tanstack/react-router';
-import { forwardRef } from 'react';
-
-interface MantineAnchorProps extends Omit<AnchorProps, 'href'> {}
-interface MantineButtonProps extends Omit<ButtonProps, 'href'> {}
-interface MantineActionIconProps extends Omit<ActionIconProps, 'href'> {}
-interface MantineUnstyledButtonProps
-  extends Omit<UnstyledButtonProps, 'href'> {}
-
-// Базовый компонент Anchor
-const MantineLinkComponent = forwardRef<HTMLAnchorElement, MantineAnchorProps>(
-  ({ classNames, ...props }, ref) => {
-    return (
-      <Anchor
-        ref={ref}
-        classNames={{ root: 'rolder-router-link-root', ...classNames }}
-        c="inherit"
-        underline="never"
-        {...props}
-      />
-    );
-  },
-);
-
-// Компонент Button - передаем все пропсы кроме href
-const MantineButtonComponent = forwardRef<
-  HTMLButtonElement,
-  MantineButtonProps
->((props, ref) => {
-  return <Button ref={ref} {...props} />;
-});
-
-// Компонент ActionIcon - передаем все пропсы кроме href
-const MantineActionIconComponent = forwardRef<
-  HTMLButtonElement,
-  MantineActionIconProps
->((props, ref) => {
-  return <ActionIcon ref={ref} {...props} />;
-});
-
-// Компонент UnstyledButton - передаем все пропсы кроме href
-const MantineUnstyledButtonComponent = forwardRef<
-  HTMLButtonElement,
-  MantineUnstyledButtonProps
->((props, ref) => {
-  return <UnstyledButton ref={ref} {...props} />;
-});
-
-// Создаем RouterLink для каждого компонента
-const RouterLinkBase: LinkComponent<typeof MantineLinkComponent> =
-  createLink(MantineLinkComponent);
-
-const RouterLinkButton: LinkComponent<typeof MantineButtonComponent> =
-  createLink(MantineButtonComponent);
-
-const RouterLinkActionIcon: LinkComponent<typeof MantineActionIconComponent> =
-  createLink(MantineActionIconComponent);
-
-const RouterLinkUnstyledButton: LinkComponent<
-  typeof MantineUnstyledButtonComponent
-> = createLink(MantineUnstyledButtonComponent);
-
-// Экспортируем с namespace pattern
-export const RouterLink = Object.assign(RouterLinkBase, {
-  Button: RouterLinkButton,
-  ActionIcon: RouterLinkActionIcon,
-  UnstyledButton: RouterLinkUnstyledButton,
-});

package/src/ui/editor/Content.tsx

@@ -1,11 +0,0 @@
-import { RichTextEditor } from '@mantine/tiptap';
-import { ScrollArea } from '../scrollArea';
-
-export const Content = ({ height }: { height: string }) => {
-  return (
-    <ScrollArea h={height} autoScroll radius="md">
-      <RichTextEditor.Content />
-      <ScrollArea.ScrollButton />
-    </ScrollArea>
-  );
-};

package/src/ui/editor/Provider.tsx

@@ -1,96 +0,0 @@
-import { getTaskListExtension, Link } from '@mantine/tiptap';
-import Highlight from '@tiptap/extension-highlight';
-import Placeholder from '@tiptap/extension-placeholder';
-import { TableKit } from '@tiptap/extension-table';
-import TaskItem from '@tiptap/extension-task-item';
-import TipTapTaskList from '@tiptap/extension-task-list';
-import TextAlign from '@tiptap/extension-text-align';
-import type { Editor } from '@tiptap/react';
-import { useEditor as useTipTapEditor } from '@tiptap/react';
-import StarterKit from '@tiptap/starter-kit';
-import { createContext, useContext, useEffect, useState } from 'react';
-import type { EditorProps } from './types';
-
-interface EditorContext {
-  editor: Editor | null;
-  editable?: boolean;
-  setEditable: (value: boolean) => void;
-  disabledToolbar: boolean;
-  setDisabledToolbar: (value: boolean) => void;
-  focused: boolean;
-  setFocused: (value: boolean) => void;
-  editedByUser: boolean;
-  setEditedByUser: (value: boolean) => void;
-}
-
-const EditorContext = createContext<EditorContext | null>(null);
-
-export const Provider = ({
-  children,
-  initialContent,
-  initialEditable = true,
-  initialDisabledToolbar,
-  onChange,
-}: EditorProps) => {
-  const editor = useTipTapEditor({
-    shouldRerenderOnTransaction: false,
-    immediatelyRender: false,
-    extensions: [
-      StarterKit.configure({ link: false }),
-      Placeholder.configure({ placeholder: 'Документ пуст' }),
-      Link,
-      Highlight,
-      TextAlign.configure({ types: ['heading', 'paragraph'] }),
-      getTaskListExtension(TipTapTaskList),
-      TaskItem.configure({ nested: true }),
-      TableKit,
-    ],
-    content: initialContent,
-    onUpdate: ({ editor }) => {
-      onChange?.(editor.getHTML());
-    },
-    editable: initialEditable,
-  });
-
-  const [editable, setEditable] = useState(initialEditable);
-  const [disabledToolbar, setDisabledToolbar] = useState(
-    !!initialDisabledToolbar,
-  );
-
-  const [editedByUser, setEditedByUser] = useState(true);
-  const [focused, setFocused] = useState(false);
-
-  useEffect(() => {
-    editor?.on('focus', () => setFocused(true));
-    editor?.on('blur', () => setFocused(false));
-    editor?.on('update', ({ transaction }) => {
-      if (transaction.docChanged && focused) setEditedByUser(true);
-      if (transaction.docChanged && !focused) setEditedByUser(false);
-    });
-  }, [editor, focused]);
-
-  const value: EditorContext = {
-    editor,
-    editable,
-    setEditable,
-    disabledToolbar,
-    setDisabledToolbar,
-    editedByUser,
-    setEditedByUser,
-    focused,
-    setFocused,
-  };
-
-  return (
-    <EditorContext.Provider value={value}>{children}</EditorContext.Provider>
-  );
-};
-
-export const useEditor = () => {
-  const context = useContext(EditorContext);
-  if (!context) {
-    throw new Error('useEditor must be used within EditorProvider');
-  }
-
-  return context;
-};

package/src/ui/editor/Root.tsx

@@ -1,25 +0,0 @@
-import { RichTextEditor, type RichTextEditorProps } from '@mantine/tiptap';
-import { useEditor } from './Provider';
-
-export const Root = ({
-  children,
-  classNames,
-  ...props
-}: Omit<RichTextEditorProps, 'editor'>) => {
-  const { editor } = useEditor();
-
-  return (
-    <RichTextEditor
-      editor={editor}
-      classNames={{
-        root: 'rolder-editor-root',
-        content: 'rolder-editor-content',
-        toolbar: 'rolder-editor-toolbar',
-        ...classNames,
-      }}
-      {...props}
-    >
-      {children}
-    </RichTextEditor>
-  );
-};

package/src/ui/editor/Toolbar.tsx

@@ -1,92 +0,0 @@
-import { Loader } from '@mantine/core';
-import { RichTextEditor } from '@mantine/tiptap';
-import type { ReactNode } from 'react';
-import { useEditor } from './Provider';
-
-export const Toolbar = ({
-  saving,
-  children,
-}: {
-  saving?: boolean;
-  children?: ReactNode;
-}) => {
-  const { editor, disabledToolbar } = useEditor();
-
-  return !disabledToolbar ? (
-    <RichTextEditor.Toolbar sticky>
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.Bold disabled={!editor?.isEditable} />
-        <RichTextEditor.Italic disabled={!editor?.isEditable} />
-        <RichTextEditor.Underline disabled={!editor?.isEditable} />
-        <RichTextEditor.Strikethrough disabled={!editor?.isEditable} />
-        <RichTextEditor.ClearFormatting disabled={!editor?.isEditable} />
-        <RichTextEditor.Highlight disabled={!editor?.isEditable} />
-        <RichTextEditor.Code disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.H1 disabled={!editor?.isEditable} />
-        <RichTextEditor.H2 disabled={!editor?.isEditable} />
-        <RichTextEditor.H3 disabled={!editor?.isEditable} />
-        <RichTextEditor.H4 disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.Blockquote disabled={!editor?.isEditable} />
-        <RichTextEditor.Hr disabled={!editor?.isEditable} />
-        <RichTextEditor.BulletList disabled={!editor?.isEditable} />
-        <RichTextEditor.OrderedList disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.TaskList disabled={!editor?.isEditable} />
-        <RichTextEditor.TaskListLift disabled={!editor?.isEditable} />
-        <RichTextEditor.TaskListSink disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.Link disabled={!editor?.isEditable} />
-        <RichTextEditor.Unlink disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.AlignLeft disabled={!editor?.isEditable} />
-        <RichTextEditor.AlignCenter disabled={!editor?.isEditable} />
-        <RichTextEditor.AlignJustify disabled={!editor?.isEditable} />
-        <RichTextEditor.AlignRight disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup>
-        <RichTextEditor.Undo disabled={!editor?.isEditable} />
-        <RichTextEditor.Redo disabled={!editor?.isEditable} />
-      </RichTextEditor.ControlsGroup>
-
-      <RichTextEditor.ControlsGroup ml="auto">
-        {children}
-
-        <RichTextEditor.Control ml="10px" style={{ cursor: 'default' }}>
-          {saving ? (
-            <Loader size={14} />
-          ) : (
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 16 16"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="1.5"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              role="img"
-              aria-label="Saved"
-            >
-              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-              <path d="M5 12l5 5l10 -10" />
-            </svg>
-          )}
-        </RichTextEditor.Control>
-      </RichTextEditor.ControlsGroup>
-    </RichTextEditor.Toolbar>
-  ) : null;
-};

package/src/ui/editor/index.ts

@@ -1,13 +0,0 @@
-import { Content } from './Content';
-import { Provider } from './Provider';
-import { Root } from './Root';
-import { Toolbar } from './Toolbar';
-
-export const Editor = {
-  Root,
-  Content,
-  Toolbar,
-  Provider,
-};
-
-export { useEditor } from './Provider';

package/src/ui/editor/types.ts

@@ -1,7 +0,0 @@
-export interface EditorProps {
-  children: React.ReactNode;
-  initialContent?: string;
-  initialEditable?: boolean;
-  initialDisabledToolbar?: boolean;
-  onChange?: (value: string) => void;
-}

package/src/ui/error/DefaultError.tsx

@@ -1,60 +0,0 @@
-import { Button, Group, Stack, Title } from '@mantine/core';
-import type { ErrorComponentProps } from '@tanstack/react-router';
-import { rootRouteId, useMatch, useRouter } from '@tanstack/react-router';
-import { RouterLink } from '../RouterLink';
-
-export const DefaultError = ({ error }: ErrorComponentProps) => {
-  const router = useRouter();
-  const isRoot = useMatch({
-    strict: false,
-    select: (state) => state.id === rootRouteId,
-  });
-
-  return (
-    <Stack align="center" justify="center" gap={0} ta="center" h="100vh">
-      <Title textWrap="balance" size={65}>
-        Произошла ошибка!
-      </Title>
-      {error.message && (
-        <Title
-          order={3}
-          ml={4}
-          textWrap="balance"
-          c="var(--mantine-color-error)"
-        >
-          {error.message}
-        </Title>
-      )}
-
-      <Group>
-        <Button
-          mt="xl"
-          size="lg"
-          variant="light"
-          onClick={() => {
-            router.invalidate();
-          }}
-        >
-          Попробовать еще раз
-        </Button>
-        {isRoot ? (
-          <RouterLink.Button to="/" mt="xl" size="lg" radius="md">
-            На главную
-          </RouterLink.Button>
-        ) : (
-          <Button
-            mt="xl"
-            radius="md"
-            size="lg"
-            onClick={(e) => {
-              e.preventDefault();
-              router.history.back();
-            }}
-          >
-            Назад
-          </Button>
-        )}
-      </Group>
-    </Stack>
-  );
-};

package/src/ui/error/DefaultNotFound.tsx

@@ -1,19 +0,0 @@
-import { Stack, Text, Title } from '@mantine/core';
-import { RouterLink } from '../RouterLink';
-
-export const DefaultNotFound = () => (
-  <Stack align="center" justify="center" gap={0} ta="center" h="100vh">
-    <Text c="dimmed" fw="bold">
-      404
-    </Text>
-    <Title textWrap="balance" size={65}>
-      Страница не найдена
-    </Title>
-    <Title order={3} ml={4} textWrap="balance" c="dimmed">
-      Извините, но здесь нет страницы. Возможно она перемещена.
-    </Title>
-    <RouterLink.Button to="/" mt="xl" size="lg" radius="md">
-      На главную
-    </RouterLink.Button>
-  </Stack>
-);