qumra-engine 2.0.93 → 2.0.95

package/dist/extensions/logic/qumra-scripts.js

@@ -51,6 +51,7 @@ exports.default = new (class SeoExtension {
                 pointer-events: all;
                 opacity: 0;
                 animation: toolbarSlideIn 0.3s ease-out forwards;
+                z-index: 10;
             }
 
             @keyframes toolbarSlideIn {
@@ -114,25 +115,7 @@ exports.default = new (class SeoExtension {
                 box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4);
             }
 
-            .btn-copy {
-                background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-                color: white;
-            }
 
-            .btn-copy:hover {
-                transform: scale(1.1);
-                box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4);
-            }
-
-            .btn-settings {
-                background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
-                color: white;
-            }
-
-            .btn-settings:hover {
-                transform: scale(1.1);
-                box-shadow: 0 4px 16px rgba(245, 158, 11, 0.4);
-            }
 
             /* تأثير النبض اللطيف */
             #selector-outline::before {
@@ -148,6 +131,7 @@ exports.default = new (class SeoExtension {
                 z-index: -1;
                 animation: gradientShift 3s ease infinite;
                 opacity: 0.6;
+                curser: pointer;
             }
 
             @keyframes gradientShift {
@@ -262,8 +246,6 @@ exports.default = new (class SeoExtension {
         <div id="selector-outline">
           <div id="selector-toolbar">
             <button class="control-btn btn-edit" title="تحرير" id="btn-edit">✏️</button>
-            <button class="control-btn btn-copy" title="نسخ" id="btn-copy">📋</button>
-            <button class="control-btn btn-settings" title="إعدادات" id="btn-settings">⚙️</button>
             <button class="control-btn btn-delete" title="حذف" id="btn-delete">🗑️</button>
           </div>
           <div class="corner-dot top-left"></div>
@@ -281,8 +263,6 @@ exports.default = new (class SeoExtension {
             const outline = document.getElementById('selector-outline');
             const btnEdit = document.getElementById('btn-edit');
             const btnDelete = document.getElementById('btn-delete');
-            const btnCopy = document.getElementById('btn-copy');
-            const btnSettings = document.getElementById('btn-settings');
             let selectedElement = null;
             let hoverTimeout = null;
 
@@ -296,6 +276,14 @@ exports.default = new (class SeoExtension {
               outline.style.left = \`\${rect.left + window.scrollX - 4}px\`;
               outline.style.width = \`\${rect.width + 8}px\`;
               outline.style.height = \`\${rect.height + 8}px\`;
+
+               element.onclick = () => {
+                  window.parent.postMessage(
+                    { type: "widgetAction", action: "edit", widgetId: element.getAttribute("widget-id"), templateKey: element.getAttribute("template-key") },
+                    "*"
+                  );
+                };
+
             }
 
             function hideSelector() {
@@ -326,25 +314,15 @@ exports.default = new (class SeoExtension {
             const btnActions = {
               'btn-edit': el => {
                 window.parent.postMessage(
-                  { type: "widgetAction", action: "edit", widgetId: el.getAttribute("widget-id") },
-                  "*"
-                );
-              },
-              'btn-copy': el => {
-                window.parent.postMessage(
-                  { type: "widgetAction", action: "copy", widgetId: el.getAttribute("widget-id") },
-                  "*"
-                );
-              },
-              'btn-settings': el => {
-                window.parent.postMessage(
-                  { type: "widgetAction", action: "settings", widgetId: el.getAttribute("widget-id") },
+                  { type: "widgetAction", action: "edit", widgetId: el.getAttribute("widget-id"), templateKey: el.getAttribute("template-key") },
                   "*"
                 );
               },
+
+
               'btn-delete': el => {
                 window.parent.postMessage(
-                  { type: "widgetAction", action: "delete", widgetId: el.getAttribute("widget-id") },
+                  { type: "widgetAction", action: "delete", widgetId: el.getAttribute("widget-id"), templateKey: el.getAttribute("template-key") },
                   "*"
                 );
               }

package/dist/extensions/logic/template.js

@@ -29,7 +29,8 @@ exports.default = new (class WidgetExtension {
     `);
         }
         const templates = env.getGlobal("templates");
-        const widgets = templates.find((t) => t.key === templateKey)?.widgets || [];
+        const template = templates.find((t) => t.key === templateKey);
+        const widgets = template?.widgets || [];
         const renderedWidgets = [];
         for (const widget of widgets) {
             const widgetTemplatePath = (0, normalizeWidgetPath_1.normalizeWidgetPath)(widget.widget);
@@ -57,7 +58,7 @@ exports.default = new (class WidgetExtension {
                 }
                 if (isIframe) {
                     renderedWidgets.push(`
-            <section widget-id="${widget._id}" id="qumra-widget-id-${widget._id}">
+            <section widget-id="${widget._id}" id="qumra-widget-id-${widget._id}" template-key="${templateKey}" >
               ${html}
             </section>
           `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qumra-engine",
-  "version": "2.0.93",
+  "version": "2.0.95",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {