@bquery/bquery 1.1.2 → 1.3.0

package/src/core/dom.ts

@@ -0,0 +1,38 @@
+import { sanitizeHtml } from '../security/sanitize';
+import { applyAll, toElementList } from './shared';
+
+export type InsertableContent = string | Element | Element[];
+
+export const sanitizeContent = (html: string): string => sanitizeHtml(html);
+
+export const setHtml = (element: Element, html: string): void => {
+  element.innerHTML = sanitizeHtml(html);
+};
+
+export const createElementFromHtml = (html: string): Element => {
+  const template = document.createElement('template');
+  template.innerHTML = sanitizeHtml(html);
+  return template.content.firstElementChild ?? document.createElement('div');
+};
+
+export const insertContent = (
+  target: Element,
+  content: InsertableContent,
+  position: InsertPosition
+): void => {
+  if (typeof content === 'string') {
+    target.insertAdjacentHTML(position, sanitizeHtml(content));
+    return;
+  }
+
+  const elements = toElementList(content);
+
+  // For positions that insert at the beginning (afterbegin, afterend), reverse
+  // the array to maintain the caller's order. For beforeend/beforebegin, keep order.
+  const needsReverse = position === 'afterbegin' || position === 'afterend';
+  const orderedElements = needsReverse ? elements.slice().reverse() : elements;
+
+  applyAll(orderedElements, (el) => {
+    target.insertAdjacentElement(position, el);
+  });
+};