@formicoidea/labre-core 0.23.0 → 0.23.1

package/src/_pkgs/affine-block-table/table-data-manager.ts

@@ -1,382 +0,0 @@
-import type { TableBlockModel, TableCell } from '../affine-model/index.js';
-import { generateFractionalIndexingKeyBetween } from '../affine-shared/utils/index.js';
-import { nanoid, Text } from '../store/index.js';
-import { computed, type ReadonlySignal, signal } from '@preact/signals-core';
-
-import type { TableAreaSelection } from './selection-schema';
-
-export class TableDataManager {
-  constructor(private readonly model: TableBlockModel) {}
-  readonly readonly$: ReadonlySignal<boolean> = computed(() => {
-    return this.model.store.readonly;
-  });
-  readonly ui = {
-    columnIndicatorIndex$: signal<number>(),
-    rowIndicatorIndex$: signal<number>(),
-  };
-  readonly hoverColumnIndex$ = signal<number>();
-  readonly hoverRowIndex$ = signal<number>();
-  readonly hoverDragHandleColumnId$ = signal<string>();
-  readonly widthAdjustColumnId$ = signal<string>();
-  readonly virtualColumnCount$ = signal<number>(0);
-  readonly virtualRowCount$ = signal<number>(0);
-  readonly virtualWidth$ = signal<
-    { columnId: string; width: number } | undefined
-  >();
-  readonly cellCountTips$ = computed(
-    () =>
-      `${this.virtualRowCount$.value + this.rows$.value.length} x ${this.virtualColumnCount$.value + this.columns$.value.length}`
-  );
-  readonly rows$ = computed(() => {
-    return Object.values(this.model.props.rows$.value).sort((a, b) =>
-      a.order > b.order ? 1 : -1
-    );
-  });
-
-  readonly columns$ = computed(() => {
-    return Object.values(this.model.props.columns$.value).sort((a, b) =>
-      a.order > b.order ? 1 : -1
-    );
-  });
-
-  readonly uiRows$ = computed(() => {
-    const virtualRowCount = this.virtualRowCount$.value;
-    const rows = this.rows$.value;
-    if (virtualRowCount === 0) {
-      return rows;
-    }
-    if (virtualRowCount > 0) {
-      return [
-        ...rows,
-        ...Array.from({ length: virtualRowCount }, (_, i) => ({
-          rowId: `${i}`,
-          backgroundColor: undefined,
-        })),
-      ];
-    }
-    return rows.slice(0, rows.length + virtualRowCount);
-  });
-
-  readonly uiColumns$ = computed(() => {
-    const virtualColumnCount = this.virtualColumnCount$.value;
-    const columns = this.columns$.value;
-    if (virtualColumnCount === 0) {
-      return columns;
-    }
-    if (virtualColumnCount > 0) {
-      return [
-        ...columns,
-        ...Array.from({ length: virtualColumnCount }, (_, i) => ({
-          columnId: `${i}`,
-          backgroundColor: undefined,
-          width: undefined,
-        })),
-      ];
-    }
-    return columns.slice(0, columns.length + virtualColumnCount);
-  });
-
-  getCell(rowId: string, columnId: string): TableCell | undefined {
-    return this.model.props.cells$.value[`${rowId}:${columnId}`];
-  }
-
-  addRow(after?: number) {
-    const order = this.getOrder(this.rows$.value, after);
-    const rowId = nanoid();
-    this.model.store.transact(() => {
-      this.model.props.rows[rowId] = {
-        rowId,
-        order,
-      };
-
-      this.columns$.value.forEach(column => {
-        this.model.props.cells[`${rowId}:${column.columnId}`] = {
-          text: new Text(),
-        };
-      });
-    });
-    return rowId;
-  }
-  addNRow(count: number) {
-    if (count === 0) {
-      return;
-    }
-    if (count > 0) {
-      this.model.store.transact(() => {
-        for (let i = 0; i < count; i++) {
-          this.addRow(this.rows$.value.length - 1);
-        }
-      });
-    } else {
-      const rows = this.rows$.value;
-      const rowCount = rows.length;
-      this.model.store.transact(() => {
-        rows.slice(rowCount + count, rowCount).forEach(row => {
-          this.deleteRow(row.rowId);
-        });
-      });
-    }
-  }
-
-  addNColumn(count: number) {
-    if (count === 0) {
-      return;
-    }
-    if (count > 0) {
-      this.model.store.transact(() => {
-        for (let i = 0; i < count; i++) {
-          this.addColumn(this.columns$.value.length - 1);
-        }
-      });
-    } else {
-      const columns = this.columns$.value;
-      const columnCount = columns.length;
-      this.model.store.transact(() => {
-        columns.slice(columnCount + count, columnCount).forEach(column => {
-          this.deleteColumn(column.columnId);
-        });
-      });
-    }
-  }
-
-  private getOrder<T extends { order: string }>(array: T[], after?: number) {
-    after = after != null ? (after < 0 ? undefined : after) : undefined;
-    const prevOrder = after == null ? null : array[after]?.order;
-    const nextOrder = after == null ? array[0]?.order : array[after + 1]?.order;
-    const order = generateFractionalIndexingKeyBetween(
-      prevOrder ?? null,
-      nextOrder ?? null
-    );
-    return order;
-  }
-
-  addColumn(after?: number) {
-    const order = this.getOrder(this.columns$.value, after);
-    const columnId = nanoid();
-    this.model.store.transact(() => {
-      this.model.props.columns[columnId] = {
-        columnId,
-        order,
-      };
-      this.rows$.value.forEach(row => {
-        this.model.props.cells[`${row.rowId}:${columnId}`] = {
-          text: new Text(),
-        };
-      });
-    });
-    return columnId;
-  }
-
-  deleteRow(rowId: string) {
-    this.model.store.transact(() => {
-      Object.keys(this.model.props.rows).forEach(id => {
-        if (id === rowId) {
-          delete this.model.props.rows[id];
-        }
-      });
-      Object.keys(this.model.props.cells).forEach(id => {
-        if (id.startsWith(rowId)) {
-          delete this.model.props.cells[id];
-        }
-      });
-    });
-  }
-
-  deleteColumn(columnId: string) {
-    this.model.store.transact(() => {
-      Object.keys(this.model.props.columns).forEach(id => {
-        if (id === columnId) {
-          delete this.model.props.columns[id];
-        }
-      });
-      Object.keys(this.model.props.cells).forEach(id => {
-        if (id.endsWith(`:${columnId}`)) {
-          delete this.model.props.cells[id];
-        }
-      });
-    });
-  }
-
-  updateRowOrder(rowId: string, newOrder: string) {
-    this.model.store.transact(() => {
-      if (this.model.props.rows[rowId]) {
-        this.model.props.rows[rowId].order = newOrder;
-      }
-    });
-  }
-
-  updateColumnOrder(columnId: string, newOrder: string) {
-    this.model.store.transact(() => {
-      if (this.model.props.columns[columnId]) {
-        this.model.props.columns[columnId].order = newOrder;
-      }
-    });
-  }
-
-  setRowBackgroundColor(rowId: string, color?: string) {
-    this.model.store.transact(() => {
-      if (this.model.props.rows[rowId]) {
-        this.model.props.rows[rowId].backgroundColor = color;
-      }
-    });
-  }
-
-  setColumnBackgroundColor(columnId: string, color?: string) {
-    this.model.store.transact(() => {
-      if (this.model.props.columns[columnId]) {
-        this.model.props.columns[columnId].backgroundColor = color;
-      }
-    });
-  }
-
-  setColumnWidth(columnId: string, width: number) {
-    this.model.store.transact(() => {
-      if (this.model.props.columns[columnId]) {
-        this.model.props.columns[columnId].width = width;
-      }
-    });
-  }
-
-  clearRow(rowId: string) {
-    this.model.store.transact(() => {
-      Object.keys(this.model.props.cells).forEach(id => {
-        if (id.startsWith(rowId)) {
-          this.model.props.cells[id]?.text.replace(
-            0,
-            this.model.props.cells[id]?.text.length,
-            ''
-          );
-        }
-      });
-    });
-  }
-
-  clearColumn(columnId: string) {
-    this.model.store.transact(() => {
-      Object.keys(this.model.props.cells).forEach(id => {
-        if (id.endsWith(`:${columnId}`)) {
-          this.model.props.cells[id]?.text.replace(
-            0,
-            this.model.props.cells[id]?.text.length,
-            ''
-          );
-        }
-      });
-    });
-  }
-
-  clearCellsBySelection(selection: TableAreaSelection) {
-    const columns = this.uiColumns$.value;
-    const rows = this.uiRows$.value;
-    const deleteCells: { rowId: string; columnId: string }[] = [];
-    for (let i = selection.rowStartIndex; i <= selection.rowEndIndex; i++) {
-      const row = rows[i];
-      if (!row) {
-        continue;
-      }
-      for (
-        let j = selection.columnStartIndex;
-        j <= selection.columnEndIndex;
-        j++
-      ) {
-        const column = columns[j];
-        if (!column) {
-          continue;
-        }
-        deleteCells.push({ rowId: row.rowId, columnId: column.columnId });
-      }
-    }
-    this.clearCells(deleteCells);
-  }
-
-  clearCells(cells: { rowId: string; columnId: string }[]) {
-    this.model.store.transact(() => {
-      cells.forEach(({ rowId, columnId }) => {
-        const text = this.model.props.cells[`${rowId}:${columnId}`]?.text;
-        if (text) {
-          text.replace(0, text.length, '');
-        }
-      });
-    });
-  }
-
-  insertColumn(after?: number) {
-    this.addColumn(after);
-  }
-
-  insertRow(after?: number) {
-    this.addRow(after);
-  }
-
-  moveColumn(from: number, after?: number) {
-    const columns = this.columns$.value;
-    const column = columns[from];
-    if (!column) return;
-    const order = this.getOrder(columns, after);
-    this.model.store.transact(() => {
-      const realColumn = this.model.props.columns[column.columnId];
-      if (realColumn) {
-        realColumn.order = order;
-      }
-    });
-  }
-
-  moveRow(from: number, after?: number) {
-    const rows = this.rows$.value;
-    const row = rows[from];
-    if (!row) return;
-    const order = this.getOrder(rows, after);
-    this.model.store.transact(() => {
-      const realRow = this.model.props.rows[row.rowId];
-      if (realRow) {
-        realRow.order = order;
-      }
-    });
-  }
-
-  duplicateColumn(index: number) {
-    const oldColumn = this.columns$.value[index];
-    if (!oldColumn) return;
-    const order = this.getOrder(this.columns$.value, index);
-    const newColumnId = nanoid();
-    this.model.store.transact(() => {
-      this.model.props.columns[newColumnId] = {
-        ...oldColumn,
-        columnId: newColumnId,
-        order,
-      };
-      this.rows$.value.forEach(row => {
-        this.model.props.cells[`${row.rowId}:${newColumnId}`] = {
-          text:
-            this.model.props.cells[
-              `${row.rowId}:${oldColumn.columnId}`
-            ]?.text.clone() ?? new Text(),
-        };
-      });
-    });
-    return newColumnId;
-  }
-
-  duplicateRow(index: number) {
-    const oldRow = this.rows$.value[index];
-    if (!oldRow) return;
-    const order = this.getOrder(this.rows$.value, index);
-    const newRowId = nanoid();
-    this.model.store.transact(() => {
-      this.model.props.rows[newRowId] = {
-        ...oldRow,
-        rowId: newRowId,
-        order,
-      };
-      this.columns$.value.forEach(column => {
-        this.model.props.cells[`${newRowId}:${column.columnId}`] = {
-          text:
-            this.model.props.cells[
-              `${oldRow.rowId}:${column.columnId}`
-            ]?.text.clone() ?? new Text(),
-        };
-      });
-    });
-    return newRowId;
-  }
-}

package/src/_pkgs/affine-block-table/utils.ts

@@ -1,6 +0,0 @@
-export const cleanSelection = () => {
-  const selection = window.getSelection();
-  if (selection) {
-    selection.removeAllRanges();
-  }
-};

package/src/_pkgs/affine-block-table/view.ts

@@ -1,29 +0,0 @@
-import {
-  type ViewExtensionContext,
-  ViewExtensionProvider,
-} from '../affine-ext-loader/index.js';
-import { TableModelFlavour } from '../affine-model/index.js';
-import { SlashMenuConfigExtension } from '../affine-widget-slash-menu/index.js';
-import { BlockViewExtension, FlavourExtension } from '../std/index.js';
-import { literal } from 'lit/static-html.js';
-
-import { tableSlashMenuConfig } from './configs/slash-menu';
-import { effects } from './effects';
-
-export class TableViewExtension extends ViewExtensionProvider {
-  override name = 'affine-table-block';
-
-  override effect(): void {
-    super.effect();
-    effects();
-  }
-
-  override setup(context: ViewExtensionContext) {
-    super.setup(context);
-    context.register([
-      FlavourExtension(TableModelFlavour),
-      BlockViewExtension(TableModelFlavour, literal`affine-table`),
-      SlashMenuConfigExtension(TableModelFlavour, tableSlashMenuConfig),
-    ]);
-  }
-}

package/src/_pkgs/affine-components/block-selection/index.ts

@@ -1,69 +0,0 @@
-import { SignalWatcher } from '../../global/lit/index.js';
-import { css, LitElement, type PropertyValues } from 'lit';
-import { property } from 'lit/decorators.js';
-
-/**
- * Renders a the block selection.
- *
- * @example
- * ```ts
- * class Block extends LitElement {
- *   state override styles = css`
- *     :host {
- *       position: relative;
- *     }
- *
- *   render() {
- *      return html`<affine-block-selection></affine-block-selection>
- *   };
- * }
- * ```
- */
-export class BlockSelection extends SignalWatcher(LitElement) {
-  static override styles = css`
-    :host {
-      position: absolute;
-      z-index: 1;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      pointer-events: none;
-      background-color: var(--affine-hover-color);
-      border-color: transparent;
-      border-style: solid;
-    }
-  `;
-
-  override connectedCallback(): void {
-    super.connectedCallback();
-
-    this.style.borderRadius = `${this.borderRadius}px`;
-    if (this.borderWidth !== 0) {
-      this.style.boxSizing = 'content-box';
-      this.style.transform = `translate(-${this.borderWidth}px, -${this.borderWidth}px)`;
-    }
-    this.style.borderWidth = `${this.borderWidth}px`;
-  }
-
-  protected override updated(changed: PropertyValues) {
-    if (changed.has('selected')) {
-      this.style.display = this.selected ? 'block' : 'none';
-    }
-  }
-
-  @property({ attribute: false })
-  accessor selected = false;
-
-  @property({ attribute: false })
-  accessor borderRadius: number = 5;
-
-  @property({ attribute: false })
-  accessor borderWidth: number = 0;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-block-selection': BlockSelection;
-  }
-}

package/src/_pkgs/affine-components/block-zero-width/index.ts

@@ -1,59 +0,0 @@
-import { stopPropagation } from '../../affine-shared/utils/index.js';
-import { type BlockComponent, TextSelection } from '../../std/index.js';
-import { css, html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-
-export class BlockZeroWidth extends LitElement {
-  static override styles = css`
-    .block-zero-width {
-      position: absolute;
-      bottom: -15px;
-      height: 10px;
-      width: 100%;
-      cursor: text;
-      z-index: 1;
-    }
-  `;
-
-  _handleClick = (e: MouseEvent) => {
-    stopPropagation(e);
-    if (this.block.store.readonly) return;
-    const nextBlock = this.block.store.getNext(this.block.model);
-    if (nextBlock?.flavour !== 'affine:paragraph') {
-      const [paragraphId] = this.block.store.addSiblingBlocks(
-        this.block.model,
-        [{ flavour: 'affine:paragraph' }]
-      );
-      const std = this.block.std;
-      std.selection.setGroup('note', [
-        std.selection.create(TextSelection, {
-          from: { blockId: paragraphId, index: 0, length: 0 },
-          to: null,
-        }),
-      ]);
-    }
-  };
-
-  override connectedCallback(): void {
-    super.connectedCallback();
-    this.addEventListener('click', this._handleClick);
-  }
-
-  override disconnectedCallback(): void {
-    this.removeEventListener('click', this._handleClick);
-    super.disconnectedCallback();
-  }
-
-  override render() {
-    return html`<div class="block-zero-width"></div>`;
-  }
-
-  @property({ attribute: false })
-  accessor block!: BlockComponent;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'block-zero-width': BlockZeroWidth;
-  }
-}