Process dom with uuid on load (#310)

* Process dom with uuid on load

* Assign unique ID by default

* Update insert and remove node after write

* Fix style bug

app/common/constants.ts

@@ -33,6 +33,7 @@ export enum WebviewChannels {
  STYLE_UPDATED = 'style-updated',
  WINDOW_RESIZED = 'window-resized',
  WINDOW_MUTATED = 'window-mutated',
+ DOM_READY = 'custom-dom-ready',
 }
 
 export enum MainChannels {

app/common/helpers/index.ts

@@ -1,5 +1,6 @@
 import { EditorAttributes } from '../constants';
 import { finder } from '../selector';
+import { assignUniqueId } from '/electron/preload/webview/elements/helpers';
 
 export function escapeSelector(selector: string) {
  return CSS.escape(selector);
@@ -11,6 +12,12 @@ export function querySelectorCommand(selector: string) {
 export const getUniqueSelector = (el: HTMLElement, root?: Element | undefined): string => {
  let selector = el.tagName.toLowerCase();
 
+ assignUniqueId(el);
+
+ const onlookUniqueId = getOnlookUniqueSelector(el);
+ if (onlookUniqueId) {
+ return onlookUniqueId;
+ }
  try {
  if (el.nodeType !== Node.ELEMENT_NODE) {
  return selector;

app/common/selector.ts

@@ -2,7 +2,7 @@
 // Author: Anton Medvedev <[email protected]>
 // Source: https://github.com/antonmedv/finder
 // @ts-expect-error - No declaration
-import { generate, parse } from '../electron/preload/webview/changes/csstree.esm.js';
+import { generate, parse } from '../electron/preload/webview/bundles/csstree.esm.js';
 
 type Knot = {
  name: string;