@blocksuite/global - npm Package Compare versions

Comparing version 0.4.0-alpha.3 to 0.4.0-alpha.4

dist/config/consts.d.ts

@@ -20,2 +20,3 @@ export * from './consts/affine-style-consts.js';
     TAB: string;
+    SPACE: string;
 };
@@ -22,0 +23,0 @@ export declare const MOVE_DETECT_THRESHOLD = 2;

dist/config/consts.js

@@ -20,2 +20,3 @@ export * from './consts/affine-style-consts.js';
     TAB: 'tab',
+    SPACE: 'space',
 };
@@ -22,0 +23,0 @@ export const MOVE_DETECT_THRESHOLD = 2;

dist/config/consts/affine-style-consts.js

@@ -38,3 +38,3 @@ export const plate = {
         name: 'blockHubBackground',
-        cssProperty: '--affine-block-hub-background',
+        cssProperty: ' --affine-hub-background',
     },
@@ -41,0 +41,0 @@ {

dist/config/consts/blockhub.d.ts

@@ -7,3 +7,3 @@ import type { TemplateResult } from 'lit/html.js';
     hotkey: string | null;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 };
@@ -15,3 +15,3 @@ export declare const paragraphConfig: ({
     hotkey: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 } | {
@@ -22,3 +22,3 @@ flavour: "affine:list";
     hotkey: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 } | {
@@ -29,3 +29,3 @@ flavour: "affine:list";
     hotkey: null;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 } | {
@@ -36,3 +36,3 @@ flavour: "affine:code";
     hotkey: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 } | {
@@ -43,3 +43,3 @@ flavour: "affine:paragraph";
     hotkey: null;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
 })[];
@@ -51,3 +51,3 @@ export declare const BLOCKHUB_TEXT_ITEMS: ({
     description: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
     toolTip: string;
@@ -59,3 +59,3 @@ } | {
     description: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
     toolTip: string;
@@ -68,5 +68,5 @@ })[];
     description: string;
-    icon: TemplateResult<2>;
+    icon: TemplateResult<1>;
     toolTip: string;
 }[];
 //# sourceMappingURL=blockhub.d.ts.map

dist/config/consts/blockhub.js

@@ -1,2 +0,2 @@
-import { BulletedListIcon, CodeIcon, DividerIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, NumberedIcon, QuoteIcon, TextIcon, TodoIcon, } from '../icons.js';
+import { BulletedListIcon, CodeBlockIcon, DividerIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, NumberedListIcon, QuoteIcon, TextIcon, TodoIcon, } from '../icons.js';
 export const paragraphConfig = [
@@ -64,3 +64,3 @@ {
         hotkey: 'command+option+9,ctrl+shift+9',
-        icon: NumberedIcon,
+        icon: NumberedListIcon,
     },
@@ -79,3 +79,3 @@ {
         hotkey: 'command+option+c,ctrl+alt+c',
-        icon: CodeIcon,
+        icon: CodeBlockIcon,
     },
@@ -109,3 +109,3 @@ {
         name: 'Heading 1',
-        description: 'Heading in the largest font.',
+        description: 'Headings in the largest font.',
         icon: H1Icon,
@@ -118,3 +118,3 @@ toolTip: 'Drag to insert Heading 1',
         name: 'Heading 2',
-        description: 'Heading in second largest font.',
+        description: 'Headings in the 2nd font size.',
         icon: H2Icon,
@@ -127,3 +127,3 @@ toolTip: 'Drag to insert Heading 2',
         name: 'Heading 3',
-        description: 'Heading in third largest font.',
+        description: 'Headings in the 3rd font size.',
         icon: H3Icon,
@@ -136,3 +136,3 @@ toolTip: 'Drag to insert Heading 3',
         name: 'Heading 4',
-        description: 'Heading in forth largest font.',
+        description: 'Heading in the 4th font size.',
         icon: H4Icon,
@@ -145,3 +145,3 @@ toolTip: 'Drag to insert Heading 4',
         name: 'Heading 5',
-        description: 'Heading in fifth largest font.',
+        description: 'Heading in the 5th font size.',
         icon: H5Icon,
@@ -154,3 +154,3 @@ toolTip: 'Drag to insert Heading 5',
         name: 'Heading 6',
-        description: 'Heading in sixth largest font.',
+        description: 'Heading in the 6th font size.',
         icon: H6Icon,
@@ -161,6 +161,6 @@ toolTip: 'Drag to insert Heading 6',
         flavour: 'affine:code',
-        type: 'code',
+        type: null,
         name: 'Code Block',
         description: 'Capture a code snippet.',
-        icon: CodeIcon,
+        icon: CodeBlockIcon,
         toolTip: 'Drag to insert Code Block',
@@ -190,3 +190,3 @@ },
         name: 'Bulleted List',
-        description: 'a simple bulleted list.',
+        description: 'A simple bulleted list.',
         icon: BulletedListIcon,
@@ -199,4 +199,4 @@ toolTip: 'Drag to insert Bulleted List.',
         name: 'Numbered List',
-        description: 'A list with numbering.',
-        icon: NumberedIcon,
+        description: '1. A list with numbering.',
+        icon: NumberedListIcon,
         toolTip: 'Drag to insert Numbered List.',
@@ -203,0 +203,0 @@ },

dist/config/icons.d.ts

@@ -0,1 +1,2 @@
+export declare const TextIcon: import("lit-html").TemplateResult<1>;
 /**
@@ -5,41 +6,62 @@ * When icons with same shape with have multiple sizes, mark them as Small, _, Large size
  */
-export declare const TextIcon: import("lit-html").TemplateResult<2>;
-export declare const TextIconLarge: import("lit-html").TemplateResult<2>;
-export declare const H1Icon: import("lit-html").TemplateResult<2>;
-export declare const H2Icon: import("lit-html").TemplateResult<2>;
-export declare const H3Icon: import("lit-html").TemplateResult<2>;
-export declare const H4Icon: import("lit-html").TemplateResult<2>;
-export declare const H5Icon: import("lit-html").TemplateResult<2>;
-export declare const H6Icon: import("lit-html").TemplateResult<2>;
-export declare const BulletedListIcon: import("lit-html").TemplateResult<2>;
-export declare const BulletedListIconLarge: import("lit-html").TemplateResult<2>;
-export declare const DatabaseTableViewIcon: import("lit-html").TemplateResult<2>;
-export declare const NumberedIcon: import("lit-html").TemplateResult<2>;
-export declare const TodoIcon: import("lit-html").TemplateResult<2>;
-export declare const CodeIcon: import("lit-html").TemplateResult<2>;
-export declare const QuoteIcon: import("lit-html").TemplateResult<2>;
-export declare const CalloutIcon: import("lit-html").TemplateResult<2>;
-export declare const BoldIcon: import("lit-html").TemplateResult<2>;
-export declare const ItalicIcon: import("lit-html").TemplateResult<2>;
-export declare const UnderlineIcon: import("lit-html").TemplateResult<2>;
-export declare const StrikethroughIcon: import("lit-html").TemplateResult<2>;
-export declare const InlineCodeIcon: import("lit-html").TemplateResult<2>;
-export declare const LinkIcon: import("lit-html").TemplateResult<2>;
-export declare const DividerIcon: import("lit-html").TemplateResult<2>;
-export declare const CrossIcon: import("lit-html").TemplateResult<2>;
-export declare const BlockHubIcon: import("lit-html").TemplateResult<2>;
-export declare const RectIcon: import("lit-html").TemplateResult<2>;
-export declare const CopyIcon: import("lit-html").TemplateResult<2>;
-export declare const ArrowDownIcon: import("lit-html").TemplateResult<2>;
-export declare const SelectIcon: import("lit-html").TemplateResult<2>;
-export declare const ShapeIcon: import("lit-html").TemplateResult<2>;
-export declare const ImageIcon: import("lit-html").TemplateResult<2>;
-export declare const ConnectorIcon: import("lit-html").TemplateResult<2>;
-export declare const PenIcon: import("lit-html").TemplateResult<2>;
-export declare const HandIcon: import("lit-html").TemplateResult<2>;
-export declare const SquareIcon: import("lit-html").TemplateResult<2>;
-export declare const EllipseIcon: import("lit-html").TemplateResult<2>;
-export declare const DiamondIcon: import("lit-html").TemplateResult<2>;
-export declare const TriangleIcon: import("lit-html").TemplateResult<2>;
-export declare const RoundedRectangleIcon: import("lit-html").TemplateResult<2>;
+export declare const TextIconLarge: import("lit-html").TemplateResult<1>;
+export declare const H1Icon: import("lit-html").TemplateResult<1>;
+export declare const H2Icon: import("lit-html").TemplateResult<1>;
+export declare const H3Icon: import("lit-html").TemplateResult<1>;
+export declare const H4Icon: import("lit-html").TemplateResult<1>;
+export declare const H5Icon: import("lit-html").TemplateResult<1>;
+export declare const H6Icon: import("lit-html").TemplateResult<1>;
+export declare const BulletedListIcon: import("lit-html").TemplateResult<1>;
+export declare const BulletedListIconLarge: import("lit-html").TemplateResult<1>;
+export declare const NumberedListIconLarge: import("lit-html").TemplateResult<1>;
+export declare const NumberedListIcon: import("lit-html").TemplateResult<1>;
+export declare const DatabaseTableViewIcon: import("lit-html").TemplateResult<1>;
+export declare const TodoIcon: import("lit-html").TemplateResult<1>;
+export declare const CodeBlockIcon: import("lit-html").TemplateResult<1>;
+export declare const QuoteIcon: import("lit-html").TemplateResult<1>;
+export declare const DividerIcon: import("lit-html").TemplateResult<1>;
+export declare const BoldIcon: import("lit-html").TemplateResult<1>;
+export declare const ItalicIcon: import("lit-html").TemplateResult<1>;
+export declare const UnderlineIcon: import("lit-html").TemplateResult<1>;
+export declare const StrikethroughIcon: import("lit-html").TemplateResult<1>;
+export declare const InlineCodeIcon: import("lit-html").TemplateResult<1>;
+export declare const LinkIcon: import("lit-html").TemplateResult<1>;
+export declare const FontLinkIcon: import("lit-html").TemplateResult<1>;
+export declare const CopyIcon: import("lit-html").TemplateResult<1>;
+export declare const PasteIcon: import("lit-html").TemplateResult<1>;
+export declare const DuplicateIcon: import("lit-html").TemplateResult<1>;
+export declare const DeleteIcon: import("lit-html").TemplateResult<1>;
+export declare const TodayIcon: import("lit-html").TemplateResult<1>;
+export declare const TomorrowIcon: import("lit-html").TemplateResult<1>;
+export declare const YesterdayIcon: import("lit-html").TemplateResult<1>;
+export declare const NowIcon: import("lit-html").TemplateResult<1>;
+export declare const CrossIcon: import("lit-html").TemplateResult<1>;
+export declare const BlockHubIcon: import("lit-html").TemplateResult<1>;
+export declare const SearchIcon: import("lit-html").TemplateResult<1>;
+/**
+ * ✅
+ */
+export declare const ConfirmIcon: import("lit-html").TemplateResult<1>;
+/**
+ * 🖊️
+ */
+export declare const EditIcon: import("lit-html").TemplateResult<1>;
+export declare const UnlinkIcon: import("lit-html").TemplateResult<1>;
+export declare const CaptionIcon: import("lit-html").TemplateResult<1>;
+export declare const DownloadIcon: import("lit-html").TemplateResult<1>;
+export declare const LineWrapIcon: import("lit-html").TemplateResult<1>;
+export declare const RectIcon: import("lit-html").TemplateResult<1>;
+export declare const ArrowDownIcon: import("lit-html").TemplateResult<1>;
+export declare const SelectIcon: import("lit-html").TemplateResult<1>;
+export declare const ShapeIcon: import("lit-html").TemplateResult<1>;
+export declare const ImageIcon: import("lit-html").TemplateResult<1>;
+export declare const ConnectorIcon: import("lit-html").TemplateResult<1>;
+export declare const PenIcon: import("lit-html").TemplateResult<1>;
+export declare const HandIcon: import("lit-html").TemplateResult<1>;
+export declare const SquareIcon: import("lit-html").TemplateResult<1>;
+export declare const EllipseIcon: import("lit-html").TemplateResult<1>;
+export declare const DiamondIcon: import("lit-html").TemplateResult<1>;
+export declare const TriangleIcon: import("lit-html").TemplateResult<1>;
+export declare const RoundedRectangleIcon: import("lit-html").TemplateResult<1>;
+export declare const CollapseDownIcon: import("lit-html").TemplateResult<1>;
 //# sourceMappingURL=icons.d.ts.map

dist/utils.d.ts

@@ -22,2 +22,3 @@ export type { Disposable } from './utils/disposable.js';
 export declare function sleep(ms: number): Promise<void>;
+export declare const getDefaultPlaygroundURL: (isE2E: boolean) => URL;
 //# sourceMappingURL=utils.d.ts.map

dist/utils.js

@@ -66,2 +66,3 @@ export { DisposableGroup, flattenDisposable } from './utils/disposable.js';
 }
+export const getDefaultPlaygroundURL = (isE2E) => new URL(`http://localhost:${isE2E ? 4173 : 5173}/`);
 //# sourceMappingURL=utils.js.map

dist/utils/signal.d.ts

@@ -6,4 +6,8 @@ import { Disposable } from './disposable.js';
     private _disposables;
-    static fromEvent<N extends keyof WindowEventMap>(element: Window, eventName: N, options?: boolean | AddEventListenerOptions): Signal<WindowEventMap[N]>;
-    static fromEvent<N extends keyof HTMLElementEventMap>(element: HTMLElement, eventName: N, eventOptions?: boolean | AddEventListenerOptions): Signal<HTMLElementEventMap[N]>;
+    /**
+     * This is method will return a disposable that will remove the listener
+     */
+    static disposableListener<N extends keyof WindowEventMap>(element: Window, eventName: N, handler: (e: WindowEventMap[N]) => void, options?: boolean | AddEventListenerOptions): Disposable;
+    static disposableListener<N extends keyof DocumentEventMap>(element: Document, eventName: N, handler: (e: DocumentEventMap[N]) => void, eventOptions?: boolean | AddEventListenerOptions): Disposable;
+    static disposableListener<N extends keyof HTMLElementEventMap>(element: HTMLElement, eventName: N, handler: (e: HTMLElementEventMap[N]) => void, eventOptions?: boolean | AddEventListenerOptions): Disposable;
     filter(testFun: (v: T) => boolean): Signal<T>;
@@ -10,0 +14,0 @@ on(callback: (v: T) => unknown): Disposable;

dist/utils/signal.js

@@ -24,14 +24,9 @@ import { flattenDisposable } from './disposable.js';
     }
-    static fromEvent(element, eventName, eventOptions) {
-        const signal = new Signal();
-        const handler = (ev) => {
-            signal.emit(ev);
-        };
+    static disposableListener(element, eventName, handler, eventOptions) {
         element.addEventListener(eventName, handler, eventOptions);
-        signal._disposables.push({
+        return {
             dispose: () => {
                 element.removeEventListener(eventName, handler, eventOptions);
             },
-        });
-        return signal;
+        };
     }
@@ -38,0 +33,0 @@ filter(testFun) {

index.d.ts

@@ -72,6 +72,2 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any
   enable_slash_menu: boolean;
-  /**
-   * @deprecated Will be removed after slash menu is stable
-   */
-  enable_append_flavor_slash: boolean;
   enable_edgeless_toolbar: boolean;
@@ -82,3 +78,3 @@ readonly: Record<string, boolean>;
 declare namespace BlockSuiteInternal {
-  import type { TextType } from '@blocksuite/store';
+  import type { Text } from '@blocksuite/store';
   interface IBaseBlockProps {
@@ -91,6 +87,6 @@ flavour: string;
     // TODO use schema
-    text?: TextType;
+    text?: Text;
   }
 
-  import {
+  import type {
     // Model
@@ -97,0 +93,0 @@ CodeBlockModel,

package.json

 {
   "name": "@blocksuite/global",
-  "version": "0.4.0-alpha.3",
+  "version": "0.4.0-alpha.4",
   "types": "./index.d.ts",
   "type": "module",
+  "sideEffects": false,
   "exports": {
@@ -25,3 +26,3 @@ ".": "./index.d.ts",
     "ansi-colors": "^4.1.3",
-    "zod": "^3.20.2"
+    "zod": "^3.20.6"
   },
@@ -28,0 +29,0 @@ "devDependencies": {

src/config/consts.ts

@@ -23,2 +23,3 @@ export * from './consts/affine-style-consts.js';
   TAB: 'tab',
+  SPACE: 'space',
 };
@@ -25,0 +26,0 @@

src/config/consts/affine-style-consts.ts

@@ -41,3 +41,3 @@ export const plate = {
     name: 'blockHubBackground',
-    cssProperty: '--affine-block-hub-background',
+    cssProperty: ' --affine-hub-background',
   },
@@ -44,0 +44,0 @@ {

src/config/consts/blockhub.ts

@@ -5,3 +5,3 @@ import type { TemplateResult } from 'lit/html.js';
   BulletedListIcon,
-  CodeIcon,
+  CodeBlockIcon,
   DividerIcon,
@@ -14,3 +14,3 @@ H1Icon,
   H6Icon,
-  NumberedIcon,
+  NumberedListIcon,
   QuoteIcon,
@@ -30,3 +30,3 @@ TextIcon,
   hotkey: string | null;
-  icon: TemplateResult<2>;
+  icon: TemplateResult<1>;
 };
@@ -54,3 +54,2 @@
     hotkey: 'command+option+2,ctrl+shift+2',
-
     icon: H2Icon,
@@ -98,3 +97,3 @@ },
     hotkey: 'command+option+9,ctrl+shift+9',
-    icon: NumberedIcon,
+    icon: NumberedListIcon,
   },
@@ -113,3 +112,3 @@ {
     hotkey: 'command+option+c,ctrl+alt+c',
-    icon: CodeIcon,
+    icon: CodeBlockIcon,
   },
@@ -144,3 +143,3 @@ {
     name: 'Heading 1',
-    description: 'Heading in the largest font.',
+    description: 'Headings in the largest font.',
     icon: H1Icon,
@@ -153,3 +152,3 @@ toolTip: 'Drag to insert Heading 1',
     name: 'Heading 2',
-    description: 'Heading in second largest font.',
+    description: 'Headings in the 2nd font size.',
     icon: H2Icon,
@@ -162,3 +161,3 @@ toolTip: 'Drag to insert Heading 2',
     name: 'Heading 3',
-    description: 'Heading in third largest font.',
+    description: 'Headings in the 3rd font size.',
     icon: H3Icon,
@@ -171,3 +170,3 @@ toolTip: 'Drag to insert Heading 3',
     name: 'Heading 4',
-    description: 'Heading in forth largest font.',
+    description: 'Heading in the 4th font size.',
     icon: H4Icon,
@@ -180,3 +179,3 @@ toolTip: 'Drag to insert Heading 4',
     name: 'Heading 5',
-    description: 'Heading in fifth largest font.',
+    description: 'Heading in the 5th font size.',
     icon: H5Icon,
@@ -189,3 +188,3 @@ toolTip: 'Drag to insert Heading 5',
     name: 'Heading 6',
-    description: 'Heading in sixth largest font.',
+    description: 'Heading in the 6th font size.',
     icon: H6Icon,
@@ -196,6 +195,6 @@ toolTip: 'Drag to insert Heading 6',
     flavour: 'affine:code',
-    type: 'code',
+    type: null,
     name: 'Code Block',
     description: 'Capture a code snippet.',
-    icon: CodeIcon,
+    icon: CodeBlockIcon,
     toolTip: 'Drag to insert Code Block',
@@ -226,3 +225,3 @@ },
     name: 'Bulleted List',
-    description: 'a simple bulleted list.',
+    description: 'A simple bulleted list.',
     icon: BulletedListIcon,
@@ -235,4 +234,4 @@ toolTip: 'Drag to insert Bulleted List.',
     name: 'Numbered List',
-    description: 'A list with numbering.',
-    icon: NumberedIcon,
+    description: '1. A list with numbering.',
+    icon: NumberedListIcon,
     toolTip: 'Drag to insert Numbered List.',
@@ -239,0 +238,0 @@ },

src/utils.ts

@@ -101,1 +101,4 @@ export type { Disposable } from './utils/disposable.js';
 }
+
+export const getDefaultPlaygroundURL = (isE2E: boolean): URL =>
+  new URL(`http://localhost:${isE2E ? 4173 : 5173}/`);

src/utils/signal.ts

@@ -9,32 +9,36 @@ import { Disposable, flattenDisposable } from './disposable.js';
   private _disposables: Disposable[] = [];
-  static fromEvent<N extends keyof WindowEventMap>(
+
+  /**
+   * This is method will return a disposable that will remove the listener
+   */
+  static disposableListener<N extends keyof WindowEventMap>(
     element: Window,
     eventName: N,
+    handler: (e: WindowEventMap[N]) => void,
     options?: boolean | AddEventListenerOptions
-  ): Signal<WindowEventMap[N]>;
-  static fromEvent<N extends keyof HTMLElementEventMap>(
-    element: HTMLElement,
+  ): Disposable;
+  static disposableListener<N extends keyof DocumentEventMap>(
+    element: Document,
     eventName: N,
+    handler: (e: DocumentEventMap[N]) => void,
     eventOptions?: boolean | AddEventListenerOptions
-  ): Signal<HTMLElementEventMap[N]>;
-  static fromEvent<N extends keyof HTMLElementEventMap>(
-    element: HTMLElement | Window,
+  ): Disposable;
+  static disposableListener<N extends keyof HTMLElementEventMap>(
+    element: HTMLElement,
     eventName: N,
+    handler: (e: HTMLElementEventMap[N]) => void,
     eventOptions?: boolean | AddEventListenerOptions
-  ): Signal<HTMLElementEventMap[N]> {
-    const signal = new Signal<HTMLElementEventMap[N]>();
-    const handler = (ev: HTMLElementEventMap[N]) => {
-      signal.emit(ev);
-    };
-    (element as HTMLElement).addEventListener(eventName, handler, eventOptions);
-    signal._disposables.push({
+  ): Disposable;
+  static disposableListener(
+    element: HTMLElement | Window | Document,
+    eventName: string,
+    handler: (e: Event) => void,
+    eventOptions?: boolean | AddEventListenerOptions
+  ): Disposable {
+    element.addEventListener(eventName, handler, eventOptions);
+    return {
       dispose: () => {
-        (element as HTMLElement).removeEventListener(
-          eventName,
-          handler,
-          eventOptions
-        );
+        element.removeEventListener(eventName, handler, eventOptions);
       },
-    });
-    return signal;
+    };
   }
@@ -41,0 +45,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

329633

increased by19.58%

Lines of code

4204

increased by26.21%

Dependency changes

• Updatedzod@^3.20.6