Function addAssetElementToCanvas

app.js:3317–3369

(assetId)

}

function addAssetElementToCanvas(assetId) {
  const a = (assets || []).find((x) => x && x.id === assetId);
  if (!a) return;
  const w = a.width || 32;
  const h = a.height || 32;
  const x = Math.max(0, Math.round((dispWidth - w) / 2));
  const y = Math.max(0, Math.round((dispHeight - h) / 2));
  const id = makeId();

  if (a.kind === "icon") {
    const el = createElementWithDefaults("icon", {
      id,
      x,
      y,
      w,
      h,
      assetId,
      iconSrc: a.dataUrl || "",
      imageName: `icon_${safeSymbolFromPath(a.sourceName || a.name || a.id)}_${id.replace(/[^a-zA-Z0-9_]/g, "_")}`,
      imageWidth: w,
      imageHeight: h,
      rgb565: a.rgb565 || undefined,
      monoBitmap: a.monoBitmap || undefined,
    });
    elements.push(el);
  } else {
    const el = createElementWithDefaults("image", {
      id,
      x,
      y,
      w,
      h,
      assetId,
      previewUrl: a.dataUrl || "",
      imageName: `img_${id.replace(/[^a-zA-Z0-9_]/g, "_")}`,
      imageWidth: w,
      imageHeight: h,
      rgb565: a.rgb565 || undefined,
    });
    elements.push(el);
  }

  syncActiveScreenElements();
  selectedId = id;
  selectedIds = new Set([id]);
  updatePreviewSize();
  renderElements();
  renderLayers();
  updatePropsInputs();
  updateCode();
  pushHistory();
  setInspectorTab("selection");
}

function deleteAsset(assetId) {
  if (!assetId) return;