✨ Import text-editor code into the repository

frontend/text-editor/editor/selection/Imposter.js

@@ -0,0 +1,31 @@
+/**
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) KALEIDOS INC
+ */
+
+/**
+ * Creates a new selection imposter from a list of client rects.
+ *
+ * @param {DOMRect} referenceRect
+ * @param {DOMRectList} clientRects
+ * @returns {DocumentFragment}
+ */
+export function createSelectionImposterFromClientRects(
+  referenceRect,
+  clientRects
+) {
+  const fragment = document.createDocumentFragment();
+  for (const rect of clientRects) {
+    const rectElement = document.createElement("div");
+    rectElement.className = "selection-imposter-rect";
+    rectElement.style.left = `${rect.x - referenceRect.x}px`;
+    rectElement.style.top = `${rect.y - referenceRect.y}px`;
+    rectElement.style.width = `${rect.width}px`;
+    rectElement.style.height = `${rect.height}px`;
+    fragment.appendChild(rectElement);
+  }
+  return fragment;
+}

frontend/text-editor/editor/selection/Imposter.spec.js

@@ -0,0 +1,14 @@
+import { expect, test } from "vitest";
+import { createSelectionImposterFromClientRects } from "./Imposter.js";
+
+/* @vitest-environment jsdom */
+test("Create selection DOM rects from client rects", () => {
+  const rect = new DOMRect(20, 20, 100, 50);
+  const clientRects = [
+    new DOMRect(20, 20, 100, 20),
+    new DOMRect(20, 50, 50, 20)
+  ];
+  const fragment = createSelectionImposterFromClientRects(rect, clientRects);
+  expect(fragment).toBeInstanceOf(DocumentFragment);
+  expect(fragment.childNodes).toHaveLength(2);
+});