npm - @ptengine/lp-editor-core - Versions diffs - 1.0.0-alpha.2 → 1.0.0-alpha.3 - Mend

@ptengine/lp-editor-core 1.0.0-alpha.2 → 1.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +28 -3
package/dist/golden/fixtures/popup/README.md +9 -4
package/dist/golden/manifest.json +114 -0
package/dist/golden/verify.mjs +24 -2
package/dist/index.d.ts +196 -206
package/dist/index.js +244 -73
package/dist/index.js.map +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -251,6 +251,9 @@ var THEME_PT_ID = "theme";
 var ROOT_PT_ID = "root";
 var FORMAT_META_NAME = "lpx-format";
 var FORMAT_VERSION = "4";
+var WRAP_ATTR = "data-pt-wrap";
+var WRAP_SECTION_PT_ID = "ptwrap-section";
+var WRAP_CONTAINER_PT_ID = "ptwrap-container";
 var SWITCHES = [
   {
     key: "hide",
@@ -352,6 +355,9 @@ var rules = {
   rootPtId: ROOT_PT_ID,
   formatMetaName: FORMAT_META_NAME,
   formatVersion: FORMAT_VERSION,
+  wrapAttr: WRAP_ATTR,
+  wrapSectionPtId: WRAP_SECTION_PT_ID,
+  wrapContainerPtId: WRAP_CONTAINER_PT_ID,
   switches: SWITCHES,
   crossDeviceConsistentProperties: CROSS_DEVICE_CONSISTENT_PROPERTIES,
   opaqueModes: OPAQUE_MODES,
@@ -362,43 +368,8 @@ var rules = {
   arbitraryValueAllowedProperties: ARBITRARY_VALUE_ALLOWED_PROPERTIES
 };
-// src/kinds.ts
-var KIND_PROFILES = {
-  page: {
-    root: "document",
-    layers: ["section", "container", "leaf"],
-    compile: "document",
-    leafTypes: ["text", "media", "button", "shape"],
-    components: {
-      carousel: "self",
-      faq: "self",
-      tabs: "self",
-      "sticky-cta": "self",
-      form: "self"
-    },
-    units: { vh: true },
-    customCode: true
-  },
-  popup: {
-    root: "fragment",
-    // 弹窗无 section 层：root › children。
-    layers: ["container", "leaf"],
-    compile: "shadow-px",
-    leafTypes: ["text", "media", "button", "shape"],
-    components: {
-      form: "engage-sdk",
-      countdown: "engage-sdk",
-      carousel: "self",
-      faq: "self",
-      tabs: "self"
-    },
-    units: { vh: false },
-    customCode: false
-  }
-};
 // src/version.ts
-var VERSION = "1.0.0-alpha.2";
+var VERSION = "1.0.0-alpha.3";
 var COMPILER_VERSION = "1";
 // src/validate/tree.ts
@@ -564,6 +535,163 @@ function* walkElements(root) {
   for (let i = 0; i < list.length; i++) yield list[i];
 }
+// src/wrap.ts
+function isWrapLayer(el) {
+  return el.hasAttribute(WRAP_ATTR);
+}
+var SKELETON = `<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="${FORMAT_META_NAME}" content="${FORMAT_VERSION}"></head><body></body></html>`;
+function createWrap(parse) {
+  return function wrap(fragmentHtml) {
+    if (typeof fragmentHtml !== "string") {
+      throw new TypeError("wrap(): fragmentHtml \u5FC5\u987B\u662F\u5B57\u7B26\u4E32");
+    }
+    const doc = parse(SKELETON);
+    const frag = parseFragment(doc, fragmentHtml);
+    const { theme, root, before, after } = checkFragmentShape(frag);
+    checkReservedLiterals(frag, root, theme);
+    const body = doc.body;
+    const attrs = root.attributes;
+    for (let i = 0; i < attrs.length; i++) {
+      body.setAttribute(attrs[i].name, attrs[i].value);
+    }
+    if (theme) doc.head.appendChild(theme);
+    const section = doc.createElement("section");
+    section.setAttribute(WRAP_ATTR, "");
+    section.setAttribute("data-pt-id", WRAP_SECTION_PT_ID);
+    const container = doc.createElement("div");
+    container.setAttribute(WRAP_ATTR, "");
+    container.setAttribute("data-pt-id", WRAP_CONTAINER_PT_ID);
+    while (root.firstChild) container.appendChild(root.firstChild);
+    section.appendChild(container);
+    for (const node of before) body.appendChild(node);
+    body.appendChild(section);
+    for (const node of after) body.appendChild(node);
+    return doc;
+  };
+}
+function checkFragmentShape(frag) {
+  const elements = [];
+  const nonElements = [];
+  let child = frag.firstChild;
+  while (child) {
+    const next = child.nextSibling;
+    if (child.nodeType === 1) {
+      elements.push(child);
+    } else if (child.nodeType === 3 && child.data.trim() === "") {
+      nonElements.push({ node: child, afterElements: elements.length });
+    } else {
+      throw new TypeError(
+        `wrap(): \u7247\u6BB5\u9876\u5C42\u53EA\u5141\u8BB8 theme \u5757\u3001\u5355\u4E00\u6839\u5143\u7D20\u4E0E\u7A7A\u767D \u2014\u2014 \u51FA\u73B0\u4E86 ${describeNode(child)}\u3002\u91CE\u751F\u5F62\u72B6\u8BF7\u5728\u8C03\u7528\u65B9\u7684 adapter \u91CC\u5148\u89C4\u6574\u3002`
+      );
+    }
+    child = next;
+  }
+  let theme = null;
+  let root;
+  if (elements.length === 2) {
+    if (!isThemeStyle(elements[0])) {
+      throw new TypeError(
+        'wrap(): \u7247\u6BB5\u9876\u5C42\u6709\u4E24\u4E2A\u5143\u7D20\u65F6\uFF0C\u7B2C\u4E00\u4E2A\u5FC5\u987B\u662F\u4E3B\u9898\u5757 <style type="text/tailwindcss">'
+      );
+    }
+    theme = elements[0];
+    root = elements[1];
+  } else if (elements.length === 1) {
+    if (isThemeStyle(elements[0])) {
+      throw new TypeError("wrap(): \u7247\u6BB5\u53EA\u6709\u4E3B\u9898\u5757\u3001\u6CA1\u6709\u6839\u5143\u7D20");
+    }
+    root = elements[0];
+  } else {
+    throw new TypeError(
+      `wrap(): \u7247\u6BB5\u9876\u5C42\u5FC5\u987B\u6070\u6709\u4E00\u4E2A\u6839\u5143\u7D20\uFF08\u53EF\u9009\u4E00\u4E2A\u4E3B\u9898\u5757\uFF09\uFF0C\u5B9E\u9645\u6709 ${elements.length} \u4E2A\u5143\u7D20`
+    );
+  }
+  if (tag(root) !== "div") {
+    throw new TypeError(`wrap(): \u7247\u6BB5\u6839\u5143\u7D20\u5FC5\u987B\u662F <div>\uFF0C\u5B9E\u9645\u662F <${tag(root)}>`);
+  }
+  if (root.getAttribute("data-pt-id") !== ROOT_PT_ID) {
+    throw new TypeError(
+      `wrap(): \u7247\u6BB5\u6839\u5143\u7D20\u7684 data-pt-id \u5FC5\u987B\u662F ${ROOT_PT_ID}\uFF0C\u5B9E\u9645\u662F ${JSON.stringify(root.getAttribute("data-pt-id"))}\u3002\u5B83\u4F1A\u88AB\u8BA4\u9886\u6210\u6587\u6863\u7684 <body>\uFF0C\u6539\u540D\u4F1A\u8BA9\u57CB\u70B9\u951A\u70B9\u65AD\u94FE\u3002`
+    );
+  }
+  const rootIndex = elements.indexOf(root);
+  const before = [];
+  const after = [];
+  for (const { node, afterElements } of nonElements) {
+    if (afterElements <= rootIndex) before.push(node);
+    else after.push(node);
+  }
+  return { theme, root, before, after };
+}
+function checkReservedLiterals(frag, root, theme) {
+  const all = frag.querySelectorAll("*");
+  for (let i = 0; i < all.length; i++) {
+    const el = all[i];
+    if (el.hasAttribute(WRAP_ATTR)) {
+      throw new TypeError(
+        `wrap(): \u7247\u6BB5\u91CC\u5DF2\u7ECF\u5E26\u7740\u5408\u6210\u5C42\u6807\u8BB0 ${WRAP_ATTR} \u2014\u2014 \u591A\u534A\u662F\u4E0A\u4E00\u8F6E\u6F0F\u5265\u6216\u56DE\u704C\uFF0C\u5148\u67E5\u4E0A\u6E38\uFF0C\u4E0D\u8981\u91CD\u590D\u5305\u88F9\u3002`
+      );
+    }
+    const id = el.getAttribute("data-pt-id");
+    if (id === null) continue;
+    if (id === WRAP_SECTION_PT_ID || id === WRAP_CONTAINER_PT_ID) {
+      throw new TypeError(`wrap(): \u7247\u6BB5\u91CC\u5DF2\u7ECF\u5360\u7528\u4E86\u5408\u6210\u5C42\u7684\u4FDD\u7559 id ${id}`);
+    }
+    if (id === ROOT_PT_ID && el !== root) {
+      throw new TypeError(
+        `wrap(): \u4FDD\u7559 id ${ROOT_PT_ID} \u53EA\u8BB8\u51FA\u73B0\u5728\u7247\u6BB5\u6839\u5143\u7D20\u4E0A\uFF0C\u8FD9\u91CC\u51FA\u73B0\u5728 <${tag(el)}> \u4E0A \u2014\u2014 \u5305\u88F9\u540E\u4F1A\u53D8\u6210\u91CD\u590D id`
+      );
+    }
+    if (id === THEME_PT_ID && el !== theme) {
+      throw new TypeError(
+        `wrap(): \u4FDD\u7559 id ${THEME_PT_ID} \u53EA\u8BB8\u51FA\u73B0\u5728\u4E3B\u9898\u5757\u4E0A\uFF0C\u8FD9\u91CC\u51FA\u73B0\u5728 <${tag(el)}> \u4E0A`
+      );
+    }
+  }
+}
+function unwrap(doc) {
+  if (!doc || doc.nodeType !== 9) {
+    throw new TypeError("unwrap(): \u5165\u53C2\u5FC5\u987B\u662F Document");
+  }
+  const clone = doc.cloneNode(true);
+  const body = clone.body;
+  if (!body) throw new TypeError("unwrap(): \u6587\u6863\u6CA1\u6709 <body>");
+  const section = onlyWrapChild(body, "body");
+  const container = onlyWrapChild(section, `<${tag(section)} ${WRAP_ATTR}>`);
+  const div = clone.createElement("div");
+  const attrs = body.attributes;
+  for (let i = 0; i < attrs.length; i++) div.setAttribute(attrs[i].name, attrs[i].value);
+  while (container.firstChild) div.appendChild(container.firstChild);
+  const out = clone.createDocumentFragment();
+  const theme = clone.head?.querySelector('style[type="text/tailwindcss"]') ?? null;
+  if (theme) out.appendChild(theme);
+  const children = Array.from(body.childNodes);
+  for (const node of children) {
+    out.appendChild(node === section ? div : node);
+  }
+  return out;
+}
+function onlyWrapChild(parent, label) {
+  const kids = parent.children;
+  if (kids.length !== 1) {
+    throw new TypeError(
+      `unwrap(): ${label} \u4E0B\u5FC5\u987B\u6070\u6709\u4E00\u4E2A\u5408\u6210\u5C42\u5B50\u5143\u7D20\uFF0C\u5B9E\u9645\u6709 ${kids.length} \u4E2A \u2014\u2014 \u4E0D\u731C\u4E00\u4E2A\u51FA\u6765\u3002\u8FD9\u4EFD\u6587\u6863\u4E0D\u662F wrap() \u7684\u4EA7\u7269\uFF0C\u6216\u8005\u88AB\u6539\u6210\u4E86\u522B\u7684\u7ED3\u6784\u3002`
+    );
+  }
+  const only = kids[0];
+  if (!only.hasAttribute(WRAP_ATTR)) {
+    throw new TypeError(
+      `unwrap(): ${label} \u4E0B\u552F\u4E00\u7684\u5B50\u5143\u7D20\u6CA1\u6709 ${WRAP_ATTR} \u6807\u8BB0 \u2014\u2014 \u8FD9\u4EFD\u6587\u6863\u6CA1\u6709\u88AB wrap() \u5305\u88F9\u8FC7\u3002`
+    );
+  }
+  return only;
+}
+function describeNode(node) {
+  if (node.nodeType === 8) return "\u6CE8\u91CA\u8282\u70B9";
+  if (node.nodeType === 3) return `\u975E\u7A7A\u767D\u6587\u672C ${JSON.stringify(node.data.trim())}`;
+  return `nodeType ${node.nodeType}`;
+}
 // src/validate/variants.ts
 var DEVICE = new Set(DEVICE_VARIANTS);
 var STATE = new Set(STATE_VARIANTS);
@@ -631,14 +759,25 @@ function isNativePaletteClass(className) {
 // src/validate/index.ts
 var EVENT_ATTR = /^on[a-z]/i;
-function validate(root, options) {
+function validate(root, options = {}) {
   const issues = [];
-  const isDocument = options.profile.root === "document" && isDoc(root);
-  if (isDocument) checkFormatMeta(root, issues);
+  if (isDoc(root)) checkFormatMeta(root, issues);
   checkIds(root, issues);
   checkElements(root, options, issues);
+  if (options.singleSection) checkSingleSection(root, issues);
   return { ok: issues.length === 0, issues };
 }
+function checkSingleSection(root, issues) {
+  const sections = root.querySelectorAll("section");
+  if (sections.length <= 1) return;
+  for (let i = 1; i < sections.length; i++) {
+    issues.push({
+      ptId: sections[i].getAttribute("data-pt-id") ?? void 0,
+      rule: "STRUCTURE",
+      params: { reason: "multiple-sections", count: sections.length }
+    });
+  }
+}
 function isDoc(root) {
   return root.nodeType === 9;
 }
@@ -723,11 +862,27 @@ function checkClasses(el, ptId, options, issues) {
       issues.push({ ptId, rule: "NATIVE_PALETTE", params: { className: cls } });
       continue;
     }
+    if (options.allowVhUnits === false) {
+      const unit = viewportUnitIn(cls);
+      if (unit) {
+        issues.push({ ptId, rule: "UNIT_FORBIDDEN", params: { className: cls, unit } });
+        continue;
+      }
+    }
     if (options.canCompileClass && !options.canCompileClass(cls)) {
       issues.push({ ptId, rule: "CLASS_UNCOMPILABLE", params: { className: cls } });
     }
   }
 }
+var ARBITRARY_VIEWPORT_UNIT = /\[[^\]]*?\d(?:\.\d+)?(l|s|d)?(vh|vw|vmin|vmax|vb|vi)\b/;
+var SCREEN_SCALE = /(^|:)(min-|max-)?[hw]-(screen|[lsd]vh|[lsd]vw|dvh|dvw|svh|svw|lvh|lvw)$/;
+function viewportUnitIn(cls) {
+  const arbitrary = ARBITRARY_VIEWPORT_UNIT.exec(cls);
+  if (arbitrary) return `${arbitrary[1] ?? ""}${arbitrary[2]}`;
+  const scale = SCREEN_SCALE.exec(cls);
+  if (scale) return scale[3];
+  return null;
+}
 function checkPlaceholder(el, ptId, issues) {
   if (!el.hasAttribute("data-pt-placeholder")) return;
   const cls = el.getAttribute("class") ?? "";
@@ -762,6 +917,12 @@ var ERROR_CODES = [
   "INLINE_STYLE",
   /** 使用了 Tailwind 内置色板。它本身可编译，所以必须由独立规则拦。 */
   "NATIVE_PALETTE",
+  /**
+   * 用了视口相对单位（vh / dvh / h-screen…），而当前调用方关掉了它
+   * （`validate(doc, { allowVhUnits: false })`）。同 NATIVE_PALETTE：它可编译，
+   * 拒绝它是产品决定，所以「可编译」判定拦不住，必须独立一条。
+   */
+  "UNIT_FORBIDDEN",
   /** class 在当前 @theme 下编译不出 CSS。 */
   "CLASS_UNCOMPILABLE",
   /** 变体前缀不在允许集内，或组合顺序不是「设备在前、状态在后」。 */
@@ -795,13 +956,13 @@ function editorError(code, extra) {
 // src/validate/structure.ts
 var NOT_A_LAYER = /* @__PURE__ */ new Set(["html", "head", "body"]);
-function layerOf(el, profile) {
+var LEAF_TYPE_SET = new Set(LEAF_TYPES);
+function layerOf(el) {
   const name = tag(el);
   if (NOT_A_LAYER.has(name)) return null;
-  const hasSectionLayer = profile.layers.includes("section");
-  if (hasSectionLayer && name === "section") return "section";
+  if (name === "section") return "section";
   const ptType = el.getAttribute("data-pt-type");
-  if (ptType && profile.leafTypes.includes(ptType)) return "leaf";
+  if (ptType && LEAF_TYPE_SET.has(ptType)) return "leaf";
   if (el.hasAttribute("data-pt-component")) return "leaf";
   const opaque = closestOpaque(el);
   if (opaque && opaque.host === el) return "leaf";
@@ -809,19 +970,19 @@ function layerOf(el, profile) {
   return null;
 }
 var MAX_CONTAINER_DEPTH = 2;
-function containerDepth(el, profile) {
+function containerDepth(el) {
   let depth = 0;
   let cur = el;
   while (cur) {
-    if (layerOf(cur, profile) === "container") depth += 1;
+    if (layerOf(cur) === "container" && !isWrapLayer(cur)) depth += 1;
     cur = cur.parentElement;
   }
   return depth;
 }
-function canContain(parent, childLayer, profile) {
+function canContain(parent, childLayer) {
   const opaque = closestOpaque(parent);
   if (opaque) return "opaque-subtree";
-  const parentLayer = layerOf(parent, profile);
+  const parentLayer = layerOf(parent);
   if (childLayer === "section") {
     const isBody = tag(parent) === "body";
     return isBody ? null : "section-not-body-child";
@@ -829,23 +990,21 @@ function canContain(parent, childLayer, profile) {
   if (childLayer === "container") {
     if (parentLayer === "section") return null;
     if (parentLayer === "container") {
-      return containerDepth(parent, profile) + 1 > MAX_CONTAINER_DEPTH ? "container-too-deep" : null;
+      return containerDepth(parent) + 1 > MAX_CONTAINER_DEPTH ? "container-too-deep" : null;
     }
-    if (!profile.layers.includes("section") && parentLayer === null) return null;
     return parentLayer === "leaf" ? "leaf-cannot-contain" : "unknown-layer";
   }
   if (parentLayer === "container") return null;
   if (parentLayer === "leaf") return "leaf-cannot-contain";
-  if (!profile.layers.includes("section") && parentLayer === null) return null;
   return "unknown-layer";
 }
-function deleteTarget(el, profile) {
-  const layer = layerOf(el, profile);
+function deleteTarget(el) {
+  const layer = layerOf(el);
   if (layer !== "container") return el;
   const parent = el.parentElement;
-  if (!parent || layerOf(parent, profile) !== "section") return el;
+  if (!parent || layerOf(parent) !== "section") return el;
   const siblingContainers = Array.from(parent.children).filter(
-    (c) => c !== el && layerOf(c, profile) === "container"
+    (c) => c !== el && layerOf(c) === "container"
   );
   return siblingContainers.length === 0 ? parent : el;
 }
@@ -931,33 +1090,33 @@ function requireCanonicalFragment(doc, html) {
 // src/ops/apply.ts
 var RAW_TEXT = /* @__PURE__ */ new Set(["style", "script", "xmp", "iframe", "noembed", "noframes", "plaintext"]);
-function apply(doc, ops, options) {
+function apply(doc, ops) {
   if (!Array.isArray(ops)) throw new TypeError("apply(): ops \u5FC5\u987B\u662F\u6570\u7EC4");
   if (ops.length === 0) return { ok: true, inverse: [] };
   const rehearsal = doc.cloneNode(true);
-  const dry = run(rehearsal, ops, options);
+  const dry = run(rehearsal, ops);
   if (!dry.ok) return dry;
-  return run(doc, ops, options);
+  return run(doc, ops);
 }
-function run(doc, ops, options) {
+function run(doc, ops) {
   const inverse = [];
   for (let i = 0; i < ops.length; i++) {
-    const result = applyOne(doc, ops[i], options);
+    const result = applyOne(doc, ops[i]);
     if (!result.ok) return { ok: false, error: result.error, failedIndex: i };
     inverse.unshift(result.inverse);
   }
   return { ok: true, inverse };
 }
-function applyOne(doc, op, options) {
+function applyOne(doc, op) {
   switch (op.op) {
     case "set":
       return applySet(doc, op);
     case "insert":
-      return applyInsert(doc, op, options);
+      return applyInsert(doc, op);
     case "delete":
-      return applyDelete(doc, op, options);
+      return applyDelete(doc, op);
     case "move":
-      return applyMove(doc, op, options);
+      return applyMove(doc, op);
     case "replace":
       return applyReplace(doc, op);
     default:
@@ -969,10 +1128,15 @@ function applyOne(doc, op, options) {
       };
   }
 }
+function rejectWrapTarget(el, ptId) {
+  return isWrapLayer(el) ? editorError("STRUCTURE", { ptId, params: { reason: "wrap-layer-immutable" } }) : null;
+}
 function applySet(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const opaque = closestOpaque(el);
   if (opaque && opaque.host !== el && opaque.mode !== "text") {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "opaque-subtree" } }) };
@@ -1065,7 +1229,7 @@ function setChildren(doc, el, text) {
   }
   el.appendChild(parseFragment(doc, text));
 }
-function applyInsert(doc, op, options) {
+function applyInsert(doc, op) {
   const miss = requireIdHit(doc, op.parentId);
   if (miss) return { ok: false, error: miss };
   const parent = findById(doc, op.parentId);
@@ -1079,11 +1243,11 @@ function applyInsert(doc, op, options) {
   const idErr = requireFragmentIds(frag, collectDocIds(doc));
   if (idErr) return { ok: false, error: idErr };
   const root = fragmentElementRoots(frag)[0];
-  const childLayer = layerOf(root, options.profile);
+  const childLayer = layerOf(root);
   if (!childLayer) {
     return { ok: false, error: editorError("STRUCTURE", { params: { reason: "unknown-layer" } }) };
   }
-  const rejection = canContain(parent, childLayer, options.profile);
+  const rejection = canContain(parent, childLayer);
   if (rejection) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.parentId, params: { reason: rejection } }) };
   }
@@ -1092,15 +1256,17 @@ function applyInsert(doc, op, options) {
   parent.insertBefore(frag, parent.childNodes[at] ?? null);
   return { ok: true, inverse: { op: "delete", id: newId } };
 }
-function applyDelete(doc, op, options) {
+function applyDelete(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const opaque = closestOpaque(el);
   if (opaque && opaque.host !== el) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "opaque-subtree" } }) };
   }
-  const target = deleteTarget(el, options.profile);
+  const target = deleteTarget(el);
   const parent = target.parentElement;
   if (!parent) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "no-parent" } }) };
@@ -1118,21 +1284,23 @@ function applyDelete(doc, op, options) {
     inverse: { op: "insert", parentId, index: 0, html, nodeIndex }
   };
 }
-function applyMove(doc, op, options) {
+function applyMove(doc, op) {
   const missSelf = requireIdHit(doc, op.id);
   if (missSelf) return { ok: false, error: missSelf };
   const missParent = requireIdHit(doc, op.parentId);
   if (missParent) return { ok: false, error: missParent };
   const el = findById(doc, op.id);
   const parent = findById(doc, op.parentId);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   if (el === parent || el.contains(parent)) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "move-into-self" } }) };
   }
-  const layer = layerOf(el, options.profile);
+  const layer = layerOf(el);
   if (!layer) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "unknown-layer" } }) };
   }
-  const rejection = canContain(parent, layer, options.profile);
+  const rejection = canContain(parent, layer);
   if (rejection) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.parentId, params: { reason: rejection } }) };
   }
@@ -1153,6 +1321,8 @@ function applyReplace(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const canonical = requireCanonicalFragment(doc, op.html);
   if (canonical) return { ok: false, error: canonical };
   const frag = parseFragment(doc, op.html);
@@ -1407,6 +1577,8 @@ function createCore(options) {
   return {
     parse,
     parseFragment,
+    wrap: createWrap(parse),
+    unwrap,
     serialize,
     normalize,
     validate,
@@ -1415,12 +1587,11 @@ function createCore(options) {
     compile: compile_exports,
     collectClasses,
     rules,
-    KIND_PROFILES,
     VERSION,
     COMPILER_VERSION
   };
 }
-export { COMPILER_VERSION, EMPTY_THEME, ERROR_CODES, KIND_PROFILES, PUBLISH_BLOCKING_RULES, VERSION, apply, canContain, checkVariants, collectClasses, compile_exports as compile, createCore, deleteTarget, editorError, fragmentElementRoots, guards_exports as guards, isErrorCode, isNativePaletteClass, isPublishBlocking, layerOf, normalize, normalizeClassValue, parseFragment, rules, serialize, themeFromSource, themeOf, themeTokens, validate };
+export { COMPILER_VERSION, EMPTY_THEME, ERROR_CODES, MAX_CONTAINER_DEPTH, PUBLISH_BLOCKING_RULES, VERSION, apply, canContain, checkVariants, collectClasses, compile_exports as compile, containerDepth, createCore, deleteTarget, editorError, fragmentElementRoots, guards_exports as guards, isErrorCode, isNativePaletteClass, isPublishBlocking, isWrapLayer, layerOf, normalize, normalizeClassValue, parseFragment, rules, serialize, themeFromSource, themeOf, themeTokens, unwrap, validate };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map