Function enterNodeSelectionMode

packages/clipper/src/index.ts:188–229

(doc: Document, config?: Config)

}

function enterNodeSelectionMode(doc: Document, config?: Config) {
  setTimeout(() => {
    registerClickListeners(doc);
    registerHoverListeners(doc);
  }, 0);

  injectStyles();

  return new Promise((resolve, reject) => {
    injectNodeSelectionControls(
      async () => {
        cleanup();

        const selectedNodes = document.querySelectorAll(
          `.${CLASSES.nodeSelected}`
        );

        const { head } = await getPage(document, config, false);
        const html = document.createElement("html");
        html.append(head!);
        const body = document.createElement("body");
        html.append(body);
        for (const node of selectedNodes) {
          node.classList.remove(CLASSES.nodeSelected);
          const inlined = await getInlinedNode(node as HTMLElement, {
            raster: false,
            fetchOptions: resolveFetchOptions(config),
            inlineOptions: {
              ...inlineOptions,
              images: config?.images,
              inlineImages: config?.inlineImages
            }
          });
          if (!inlined) continue;
          body.appendChild(inlined);
        }
        resolve(html?.outerHTML);
      },
      () => reject("Cancelled.")
    );
  });
}

export {
  clipPage,