diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..826b210
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+* text=auto
+*.* text eol=lf
\ No newline at end of file
diff --git a/.github/workflows/autofix.yml b/.github/workflows/autofix.yml
index 8e3b4ef..5dd9b19 100644
--- a/.github/workflows/autofix.yml
+++ b/.github/workflows/autofix.yml
@@ -1,34 +1,34 @@
-name: autofix.ci
-
-on:
- push:
- branches:
- - master
-
- pull_request:
- branches:
- - master
-
- merge_group: {}
-
-jobs:
- lint:
- runs-on: ubuntu-latest
- steps:
- - uses: actions/checkout@v4
-
- - name: Install pnpm
- uses: pnpm/action-setup@v4
-
- - name: Set node
- uses: actions/setup-node@v4
- with:
- node-version: 20
-
- - name: Install
- run: pnpm i
-
- - name: Lint
- run: pnpm lint --fix
-
- - uses: autofix-ci/action@v1.3
+name: autofix.ci
+
+on:
+ push:
+ branches:
+ - main
+
+ pull_request:
+ branches:
+ - main
+
+ merge_group: {}
+
+jobs:
+ lint:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v4
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v4
+
+ - name: Set node
+ uses: actions/setup-node@v4
+ with:
+ node-version: 20
+
+ - name: Install
+ run: pnpm i
+
+ - name: Lint
+ run: pnpm lint --fix
+
+ - uses: autofix-ci/action@v1.3
diff --git a/.github/workflows/deploy-doc.yml b/.github/workflows/deploy-doc.yml
index a5dfc0c..0aaed0e 100644
--- a/.github/workflows/deploy-doc.yml
+++ b/.github/workflows/deploy-doc.yml
@@ -1,37 +1,40 @@
-name: GitHub Pages
-on:
- push:
- branches:
- - master
- workflow_dispatch: {}
-
-permissions:
- contents: write
-
-jobs:
- deploy:
- runs-on: ubuntu-latest
- steps:
- - name: Checkout
- uses: actions/checkout@v4
- with:
- fetch-depth: 0
-
- - name: Install pnpm
- uses: pnpm/action-setup@v4
-
- - name: Set node
- uses: actions/setup-node@v4
- with:
- node-version: 20
-
- - name: Install deps
- run: pnpm install
-
- - name: Build
- run: pnpm build
-
- - name: Deploy to GitHub Pages
- uses: JamesIves/github-pages-deploy-action@v4
- with:
- folder: ./docs
+name: GitHub Pages
+on:
+ push:
+ tags:
+ - 'v*'
+ branches:
+ - main
+ workflow_dispatch: {}
+
+permissions:
+ contents: write
+
+jobs:
+ deploy:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout
+ uses: actions/checkout@v6
+ with:
+ fetch-depth: 0
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v4
+
+ - name: Set node
+ uses: actions/setup-node@v6
+ with:
+ registry-url: https://registry.npmjs.org/
+ node-version: lts/*
+
+ - name: Install deps
+ run: pnpm install
+
+ - name: Build
+ run: pnpm build
+
+ - name: Deploy to GitHub Pages
+ uses: JamesIves/github-pages-deploy-action@v4
+ with:
+ folder: ./docs
diff --git a/.github/workflows/pkg-pr-new.yml b/.github/workflows/pkg-pr-new.yml
new file mode 100644
index 0000000..de79182
--- /dev/null
+++ b/.github/workflows/pkg-pr-new.yml
@@ -0,0 +1,34 @@
+name: Continuous Releases
+on:
+ push:
+ branches:
+ - main
+ - v**
+ pull_request:
+ types:
+ - opened
+ - synchronize
+
+jobs:
+ publish:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v6
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v4
+
+ - name: Set node
+ uses: actions/setup-node@v6
+ with:
+ registry-url: https://registry.npmjs.org/
+ node-version: lts/*
+
+ - name: Install
+ run: pnpm i
+
+ - name: Build
+ run: pnpm build
+
+ - name: Publish packages
+ run: pnpx pkg-pr-new publish --compact --pnpm
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index e40baf3..e06b8cd 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,27 +1,30 @@
-name: Release
-
-permissions:
- contents: write
-
-on:
- push:
- tags:
- - 'v*'
-
-jobs:
- release:
- runs-on: ubuntu-latest
- steps:
- - uses: actions/checkout@v4
- with:
- fetch-depth: 0
-
- - name: Set node
- uses: actions/setup-node@v4
- with:
- registry-url: https://registry.npmjs.org/
- node-version: lts/*
-
- - run: npx changelogithub
- env:
- GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+name: Release
+
+permissions:
+ contents: write
+
+on:
+ push:
+ tags:
+ - 'v*'
+
+jobs:
+ release:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v6
+ with:
+ fetch-depth: 0
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v4
+
+ - name: Set node
+ uses: actions/setup-node@v6
+ with:
+ registry-url: https://registry.npmjs.org/
+ node-version: lts/*
+
+ - run: npx changelogithub
+ env:
+ GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 0000000..0620628
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,37 @@
+name: Test Unit
+
+on:
+ push:
+ branches:
+ - main
+ - v**
+
+ pull_request:
+ branches:
+ - main
+
+ merge_group: {}
+
+jobs:
+ test-unit:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v6
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v4
+
+ - name: Set node
+ uses: actions/setup-node@v6
+ with:
+ registry-url: https://registry.npmjs.org/
+ node-version: lts/*
+
+ - name: Install
+ run: pnpm i
+
+ - name: Build
+ run: pnpm build
+
+ - name: Unit Tests
+ run: pnpm test
diff --git a/.gitignore b/.gitignore
index ecf9f9e..e8db5ae 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,9 @@
-dist
-node_modules
-
-.eslintcache
-
-docs/**/*.css
-docs/*umd.js
-docs/*umd.js.map
+dist
+node_modules
+coverage
+
+.eslintcache
+
+docs/**/*.css
+docs/*umd.js
+docs/*umd.js.map
diff --git a/README.md b/README.md
index 69468f5..e94dcc0 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# QuillImagePreview
+# Quill Image Preview
An quill module for image preview popup
@@ -27,7 +27,7 @@ const quill = new Quill('#editor', {
## Options
-| attribute | description | type | default |
+| Attribute | Description | Type | Default |
| -------------------- | -------------------------------------------------------------- | -------------------------------------------------------------- | -------------- |
| enableOnEdit | only enable when quill is enabled | `boolean` | `true` |
| beforePreviewDisplay | before popup display. return `true` will prevent popup trigger | `(this: QuillImagePreview, img: HTMLImageElement) => boolean;` | ` () => false` |
diff --git a/docs/index.html b/docs/index.html
index 400007d..7514bae 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,60 +1,60 @@
-
-
-
-
- Quill Table Module Demo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
');
+ const quill = new Quill(container, {
+ theme: 'snow',
+ modules: {
+ 'image-preview': imagePreviewOptions,
+ 'history': {
+ delay: 0,
+ },
+ ...moduleOptions,
+ },
+ ...quillOptions,
+ });
+ return quill;
+}
diff --git a/src/__tests__/vitest.d.ts b/src/__tests__/vitest.d.ts
new file mode 100644
index 0000000..3a0ff23
--- /dev/null
+++ b/src/__tests__/vitest.d.ts
@@ -0,0 +1,14 @@
+/* eslint-disable unused-imports/no-unused-imports */
+import type { Assertion, AsymmetricMatchersContaining } from 'vitest';
+
+interface CustomMatchers {
+ toEqualHTML: (html: string, options?: {
+ ignoreAttrs?: string[];
+ replaceAttrs?: Record string>;
+ }) => R;
+}
+
+declare module 'vitest' {
+ interface Assertion extends CustomMatchers {}
+ interface AsymmetricMatchersContaining extends CustomMatchers {}
+}
diff --git a/src/index.ts b/src/index.ts
index 6466de6..43dc889 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,45 +1,45 @@
-import type Quill from 'quill';
-
-export interface QuillImagePreviewOptions {
- enableOnEdit: boolean;
- beforePreviewDisplay: (this: QuillImagePreview, img: HTMLImageElement) => boolean;
-}
-export class QuillImagePreview {
- options: QuillImagePreviewOptions;
- constructor(public quill: Quill, options: Partial) {
- this.options = this.resolveOptions(options);
- this.quill.root.addEventListener('click', this.imagePreviewCheck);
- }
-
- resolveOptions(options: Partial) {
- return Object.assign({
- enableOnEdit: true,
- beforePreviewDisplay: () => false,
- }, options);
- }
-
- imagePreviewCheck = (e: MouseEvent) => {
- if (!this.options.enableOnEdit && this.quill.isEnabled()) return;
- const target = e.target as HTMLElement;
- if (target && target.tagName === 'IMG' && !this.options.beforePreviewDisplay.call(this, target as HTMLImageElement)) {
- this.createImagePreview(target as HTMLImageElement);
- }
- };
-
- createImagePreview(img: HTMLImageElement) {
- const temp = document.createElement('div');
- temp.innerHTML = `
-
-
-
-
+
+
+