Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-22 14:39:45 -05:00
Code Issues Activity

🐛 Fix esm module incompatibilities on text-editor with node

Browse source
This commit is contained in:
Andrey Antukh 2024-11-19 17:20:16 +01:00
parent 04a0d867b0
commit 7faa9e970e
19 changed files with 52 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/text-editor/editor/TextEditor.js
View file

@ -11,7 +11,7 @@ import commands from "./commands/index.js";
import ChangeController from './controllers/ChangeController.js';
import SelectionController from './controllers/SelectionController.js';
import { createSelectionImposterFromClientRects } from './selection/Imposter.js';
import { addEventListeners, removeEventListeners } from "./Event";
import { addEventListeners, removeEventListeners } from "./Event.js";
import { createRoot, createEmptyRoot } from './content/dom/Root.js';
import { createParagraph, fixParagraph, getParagraph } from './content/dom/Paragraph.js';
import { createEmptyInline, createInline } from './content/dom/Inline.js';

2
frontend/text-editor/editor/clipboard/paste.js
View file

@ -6,7 +6,7 @@
* Copyright (c) KALEIDOS INC
*/
import { mapContentFragmentFromHTML, mapContentFragmentFromString } from '~/editor/content/dom/Content';
import { mapContentFragmentFromHTML, mapContentFragmentFromString } from '../content/dom/Content.js';
/**
* When the user pastes some HTML, what we do is generate

6
frontend/text-editor/editor/content/dom/Content.js
View file

@ -6,13 +6,13 @@
* Copyright (c) KALEIDOS INC
*/
import { createInline } from "./Inline";
import { createInline } from "./Inline.js";
import {
createEmptyParagraph,
createParagraph,
isLikeParagraph,
} from "./Paragraph";
import { isDisplayBlock, normalizeStyles } from "./Style";
} from "./Paragraph.js";
import { isDisplayBlock, normalizeStyles } from "./Style.js";
/**
* Maps any HTML into a valid content DOM element.

2
frontend/text-editor/editor/content/dom/Content.test.js
View file

@ -1,5 +1,5 @@
import { describe, test, expect } from 'vitest';
import { mapContentFragmentFromHTML, mapContentFragmentFromString } from './Content';
import { mapContentFragmentFromHTML, mapContentFragmentFromString } from './Content.js';
/* @vitest-environment jsdom */
describe('Content', () => {

2
frontend/text-editor/editor/content/dom/Element.js
View file

@ -6,7 +6,7 @@
* Copyright (c) KALEIDOS INC
*/
import { setStyles } from "./Style";
import { setStyles } from "./Style.js";
/**
* @typedef {Object} CreateElementOptions

2
frontend/text-editor/editor/content/dom/Element.test.js
View file

@ -1,5 +1,5 @@
import { describe, test, expect } from "vitest";
import { createElement, isElement, createRandomId, isOffsetAtStart, isOffsetAtEnd } from "./Element";
import { createElement, isElement, createRandomId, isOffsetAtStart, isOffsetAtEnd } from "./Element.js";
/* @vitest-environment jsdom */
describe("Element", () => {

8
frontend/text-editor/editor/content/dom/Inline.js
View file

@ -11,10 +11,10 @@ import {
isElement,
isOffsetAtStart,
isOffsetAtEnd,
} from "./Element";
import { createLineBreak, isLineBreak } from "./LineBreak";
import { setStyles, mergeStyles } from "./Style";
import { createRandomId } from "./Element";
} from "./Element.js";
import { createLineBreak, isLineBreak } from "./LineBreak.js";
import { setStyles, mergeStyles } from "./Style.js";
import { createRandomId } from "./Element.js";
export const TAG = "SPAN";
export const TYPE = "inline";

4
frontend/text-editor/editor/content/dom/Inline.test.js
View file

@ -1,6 +1,6 @@
import { describe, test, expect } from "vitest";
import { createEmptyInline, createInline, getInline, getInlineLength, isInline, isInlineEnd, isInlineStart, isLikeInline, splitInline, TAG, TYPE } from "./Inline";
import { createLineBreak } from "./LineBreak";
import { createEmptyInline, createInline, getInline, getInlineLength, isInline, isInlineEnd, isInlineStart, isLikeInline, splitInline, TAG, TYPE } from "./Inline.js";
import { createLineBreak } from "./LineBreak.js";
/* @vitest-environment jsdom */
describe("Inline", () => {

2
frontend/text-editor/editor/content/dom/LineBreak.test.js
View file

@ -1,5 +1,5 @@
import { describe, expect, test } from 'vitest';
import { createLineBreak } from './LineBreak';
import { createLineBreak } from './LineBreak.js';
/* @vitest-environment jsdom */
describe('LineBreak', () => {

12
frontend/text-editor/editor/content/dom/Paragraph.js
View file

@ -11,7 +11,7 @@ import {
isElement,
isOffsetAtStart,
isOffsetAtEnd,
} from "./Element";
} from "./Element.js";
import {
isInline,
isLikeInline,
@ -21,11 +21,11 @@ import {
createEmptyInline,
isInlineEnd,
splitInline,
} from "./Inline";
import { createLineBreak, isLineBreak } from "./LineBreak";
import { setStyles } from "./Style";
import { createRandomId } from "./Element";
import { isEmptyTextNode, isTextNode } from './TextNode';
} from "./Inline.js";
import { createLineBreak, isLineBreak } from "./LineBreak.js";
import { setStyles } from "./Style.js";
import { createRandomId } from "./Element.js";
import { isEmptyTextNode, isTextNode } from './TextNode.js';
export const TAG = "DIV";
export const TYPE = "paragraph";

4
frontend/text-editor/editor/content/dom/Paragraph.test.js
View file

@ -12,8 +12,8 @@ import {
splitParagraph,
splitParagraphAtNode,
isEmptyParagraph,
} from "./Paragraph";
import { createInline, isInline } from "./Inline";
} from "./Paragraph.js";
import { createInline, isInline } from "./Inline.js";
/* @vitest-environment jsdom */
describe("Paragraph", () => {

8
frontend/text-editor/editor/content/dom/Root.js
View file

@ -6,10 +6,10 @@
* Copyright (c) KALEIDOS INC
*/
import { createElement, isElement } from "./Element";
import { createEmptyParagraph, isParagraph } from "./Paragraph";
import { setStyles } from "./Style";
import { createRandomId } from "./Element";
import { createElement, isElement } from "./Element.js";
import { createEmptyParagraph, isParagraph } from "./Paragraph.js";
import { setStyles } from "./Style.js";
import { createRandomId } from "./Element.js";
export const TAG = "DIV";
export const TYPE = "root";

2
frontend/text-editor/editor/content/dom/Root.test.js
View file

@ -1,5 +1,5 @@
import { describe, test, expect } from "vitest";
import { createEmptyRoot, createRoot, setRootStyles, TAG, TYPE } from './Root'
import { createEmptyRoot, createRoot, setRootStyles, TAG, TYPE } from './Root.js'
/* @vitest-environment jsdom */
describe("Root", () => {

2
frontend/text-editor/editor/content/dom/Style.js
View file

@ -6,7 +6,7 @@
* Copyright (c) KALEIDOS INC
*/
import { getFills } from "./Color";
import { getFills } from "./Color.js";
const DEFAULT_FONT_SIZE = "16px";
const DEFAULT_LINE_HEIGHT = "1.2";

2
frontend/text-editor/editor/content/dom/Style.test.js
View file

@ -1,5 +1,5 @@
import { describe, test, expect, vi } from "vitest";
import { getStyles, isDisplayBlock, isDisplayInline, setStyle, setStyles } from "./Style";
import { getStyles, isDisplayBlock, isDisplayInline, setStyle, setStyles } from "./Style.js";
/* @vitest-environment jsdom */
describe("Style", () => {

8
frontend/text-editor/editor/content/dom/TextNode.js
View file

@ -6,10 +6,10 @@
* Copyright (c) KALEIDOS INC
*/
import { isInline } from "./Inline";
import { isLineBreak } from "./LineBreak";
import { isParagraph } from "./Paragraph";
import { isRoot } from "./Root";
import { isInline } from "./Inline.js";
import { isLineBreak } from "./LineBreak.js";
import { isParagraph } from "./Paragraph.js";
import { isRoot } from "./Root.js";
/**
* Returns true if the node is "like"

4
frontend/text-editor/editor/content/dom/TextNode.test.js
View file

@ -1,6 +1,6 @@
import { describe, test, expect } from 'vitest';
import { isTextNode, getTextNodeLength } from './TextNode';
import { createLineBreak } from './LineBreak';
import { isTextNode, getTextNodeLength } from './TextNode.js';
import { createLineBreak } from './LineBreak.js';
/* @vitest-environment jsdom */
describe("TextNode", () => {

10
frontend/text-editor/editor/content/dom/TextNodeIterator.test.js
View file

@ -1,9 +1,9 @@
import { describe, test, expect } from "vitest";
import TextNodeIterator from "./TextNodeIterator";
import { createInline } from "./Inline";
import { createParagraph } from "./Paragraph";
import { createRoot } from "./Root";
import { createLineBreak } from "./LineBreak";
import TextNodeIterator from "./TextNodeIterator.js";
import { createInline } from "./Inline.js";
import { createParagraph } from "./Paragraph.js";
import { createRoot } from "./Root.js";
import { createLineBreak } from "./LineBreak.js";
/* @vitest-environment jsdom */
describe("TextNodeIterator", () => {

22
frontend/text-editor/editor/controllers/SelectionController.js
View file

@ -6,7 +6,7 @@
* Copyright (c) KALEIDOS INC
*/
import { createLineBreak, isLineBreak } from "~/editor/content/dom/LineBreak";
import { createLineBreak, isLineBreak } from "../content/dom/LineBreak.js";
import {
createInline,
createInlineFrom,
@ -19,7 +19,7 @@ import {
mergeInlines,
splitInline,
createEmptyInline,
} from "~/editor/content/dom/Inline";
} from "../content/dom/Inline.js";
import {
createEmptyParagraph,
isEmptyParagraph,
@ -32,21 +32,21 @@ import {
splitParagraphAtNode,
mergeParagraphs,
fixParagraph,
} from "~/editor/content/dom/Paragraph";
} from "../content/dom/Paragraph.js";
import {
removeBackward,
removeForward,
replaceWith,
insertInto,
removeSlice,
} from "~/editor/content/Text";
import { getTextNodeLength, getClosestTextNode, isTextNode } from "~/editor/content/dom/TextNode";
import TextNodeIterator from "~/editor/content/dom/TextNodeIterator";
import TextEditor from "~/editor/TextEditor";
import CommandMutations from "~/editor/commands/CommandMutations";
import { setRootStyles } from "~/editor/content/dom/Root";
import { SelectionDirection } from "./SelectionDirection";
import SafeGuard from './SafeGuard';
} from "../content/Text.js";
import { getTextNodeLength, getClosestTextNode, isTextNode } from "../content/dom/TextNode.js";
import TextNodeIterator from "../content/dom/TextNodeIterator.js";
import TextEditor from "../TextEditor.js";
import CommandMutations from "../commands/CommandMutations.js";
import { setRootStyles } from "../content/dom/Root.js";
import { SelectionDirection } from "./SelectionDirection.js";
import SafeGuard from "./SafeGuard.js";
const SAFE_GUARD = true;
const SAFE_GUARD_TIME = true;