@ozdao/martyrs 0.2.485 → 0.2.487

package/dist/martyrs/src/modules/globals/views/utils/query-serializer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-serializer.cjs","sources":["../../../../../../../src/modules/globals/views/utils/query-serializer.js"],"sourcesContent":["// @martyrs/src/modules/globals/views/utils/query-serializer.js\n\n/**\n * Сериализует параметры в query string как axios\n * Поддерживает: строки, числа, булевы, даты, массивы, вложенные объекты\n */\n\n/**\n * Кодирует значение для URL\n * @param {*} val - значение для кодирования\n * @returns {string}\n */\nfunction encode(val) {\n  return encodeURIComponent(val)\n    .replace(/%3A/gi, ':')\n    .replace(/%24/g, '$')\n    .replace(/%2C/gi, ',')\n    .replace(/%20/g, '+')\n    .replace(/%5B/gi, '[')\n    .replace(/%5D/gi, ']');\n}\n\n/**\n * Проверяет, является ли значение датой\n * @param {*} val\n * @returns {boolean}\n */\nfunction isDate(val) {\n  return Object.prototype.toString.call(val) === '[object Date]';\n}\n\n/**\n * Проверяет, является ли значение объектом\n * @param {*} val\n * @returns {boolean}\n */\nfunction isObject(val) {\n  return val !== null && typeof val === 'object';\n}\n\n/**\n * Проверяет, является ли значение URLSearchParams\n * @param {*} val\n * @returns {boolean}\n */\nfunction isURLSearchParams(val) {\n  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Сериализует массив\n * @param {string} key\n * @param {Array} arr\n * @returns {Array<string>}\n */\nfunction serializeArray(key, arr) {\n  const result = [];\n  arr.forEach((val, index) => {\n    if (val === null || typeof val === 'undefined') {\n      return;\n    }\n    \n    // Для массивов используем формат key[]=value (как в axios)\n    const k = key + '[]';\n    \n    if (isDate(val)) {\n      result.push(encode(k) + '=' + encode(val.toISOString()));\n    } else if (isObject(val)) {\n      // Для объектов в массиве используем индексы\n      const nestedParams = serializeObject(val, `${key}[${index}]`);\n      result.push(...nestedParams);\n    } else {\n      result.push(encode(k) + '=' + encode(val));\n    }\n  });\n  return result;\n}\n\n/**\n * Сериализует объект\n * @param {Object} obj\n * @param {string} [prefix]\n * @returns {Array<string>}\n */\nfunction serializeObject(obj, prefix) {\n  const result = [];\n  \n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const value = obj[key];\n      \n      if (value === null || typeof value === 'undefined') {\n        continue;\n      }\n      \n      const fullKey = prefix ? `${prefix}[${key}]` : key;\n      \n      if (isDate(value)) {\n        result.push(encode(fullKey) + '=' + encode(value.toISOString()));\n      } else if (Array.isArray(value)) {\n        result.push(...serializeArray(fullKey, value));\n      } else if (isObject(value)) {\n        result.push(...serializeObject(value, fullKey));\n      } else {\n        result.push(encode(fullKey) + '=' + encode(value));\n      }\n    }\n  }\n  \n  return result;\n}\n\n/**\n * Основная функция сериализации параметров\n * @param {Object|URLSearchParams} params\n * @returns {string}\n */\nexport function serializeParams(params) {\n  if (!params) {\n    return '';\n  }\n  \n  if (isURLSearchParams(params)) {\n    return params.toString();\n  }\n  \n  const parts = [];\n  \n  for (const key in params) {\n    if (Object.prototype.hasOwnProperty.call(params, key)) {\n      const val = params[key];\n      \n      if (val === null || typeof val === 'undefined') {\n        continue;\n      }\n      \n      let serializedVal;\n      \n      if (Array.isArray(val)) {\n        serializedVal = serializeArray(key, val);\n      } else if (isDate(val)) {\n        serializedVal = [encode(key) + '=' + encode(val.toISOString())];\n      } else if (isObject(val)) {\n        serializedVal = serializeObject(val, key);\n      } else {\n        serializedVal = [encode(key) + '=' + encode(val)];\n      }\n      \n      parts.push(...serializedVal);\n    }\n  }\n  \n  return parts.join('&');\n}\n\n/**\n * Строит полный URL с параметрами\n * @param {string} url\n * @param {Object} params\n * @returns {string}\n */\nexport function buildURL(url, params) {\n  if (!params) {\n    return url;\n  }\n  \n  const serializedParams = serializeParams(params);\n  if (serializedParams) {\n    const hashIndex = url.indexOf('#');\n    if (hashIndex !== -1) {\n      url = url.slice(0, hashIndex);\n    }\n    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n  }\n  \n  return url;\n}\n\nexport default {\n  serializeParams,\n  buildURL\n};"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/utils/query-serializer.js

@@ -0,0 +1,100 @@
+function encode(val) {
+  return encodeURIComponent(val).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+").replace(/%5B/gi, "[").replace(/%5D/gi, "]");
+}
+function isDate(val) {
+  return Object.prototype.toString.call(val) === "[object Date]";
+}
+function isObject(val) {
+  return val !== null && typeof val === "object";
+}
+function isURLSearchParams(val) {
+  return typeof URLSearchParams !== "undefined" && val instanceof URLSearchParams;
+}
+function serializeArray(key, arr) {
+  const result = [];
+  arr.forEach((val, index) => {
+    if (val === null || typeof val === "undefined") {
+      return;
+    }
+    const k = key + "[]";
+    if (isDate(val)) {
+      result.push(encode(k) + "=" + encode(val.toISOString()));
+    } else if (isObject(val)) {
+      const nestedParams = serializeObject(val, `${key}[${index}]`);
+      result.push(...nestedParams);
+    } else {
+      result.push(encode(k) + "=" + encode(val));
+    }
+  });
+  return result;
+}
+function serializeObject(obj, prefix) {
+  const result = [];
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      const value = obj[key];
+      if (value === null || typeof value === "undefined") {
+        continue;
+      }
+      const fullKey = prefix ? `${prefix}[${key}]` : key;
+      if (isDate(value)) {
+        result.push(encode(fullKey) + "=" + encode(value.toISOString()));
+      } else if (Array.isArray(value)) {
+        result.push(...serializeArray(fullKey, value));
+      } else if (isObject(value)) {
+        result.push(...serializeObject(value, fullKey));
+      } else {
+        result.push(encode(fullKey) + "=" + encode(value));
+      }
+    }
+  }
+  return result;
+}
+function serializeParams(params) {
+  if (!params) {
+    return "";
+  }
+  if (isURLSearchParams(params)) {
+    return params.toString();
+  }
+  const parts = [];
+  for (const key in params) {
+    if (Object.prototype.hasOwnProperty.call(params, key)) {
+      const val = params[key];
+      if (val === null || typeof val === "undefined") {
+        continue;
+      }
+      let serializedVal;
+      if (Array.isArray(val)) {
+        serializedVal = serializeArray(key, val);
+      } else if (isDate(val)) {
+        serializedVal = [encode(key) + "=" + encode(val.toISOString())];
+      } else if (isObject(val)) {
+        serializedVal = serializeObject(val, key);
+      } else {
+        serializedVal = [encode(key) + "=" + encode(val)];
+      }
+      parts.push(...serializedVal);
+    }
+  }
+  return parts.join("&");
+}
+function buildURL(url, params) {
+  if (!params) {
+    return url;
+  }
+  const serializedParams = serializeParams(params);
+  if (serializedParams) {
+    const hashIndex = url.indexOf("#");
+    if (hashIndex !== -1) {
+      url = url.slice(0, hashIndex);
+    }
+    url += (url.indexOf("?") === -1 ? "?" : "&") + serializedParams;
+  }
+  return url;
+}
+export {
+  buildURL,
+  serializeParams
+};
+//# sourceMappingURL=query-serializer.js.map

package/dist/martyrs/src/modules/globals/views/utils/query-serializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-serializer.js","sources":["../../../../../../../src/modules/globals/views/utils/query-serializer.js"],"sourcesContent":["// @martyrs/src/modules/globals/views/utils/query-serializer.js\n\n/**\n * Сериализует параметры в query string как axios\n * Поддерживает: строки, числа, булевы, даты, массивы, вложенные объекты\n */\n\n/**\n * Кодирует значение для URL\n * @param {*} val - значение для кодирования\n * @returns {string}\n */\nfunction encode(val) {\n  return encodeURIComponent(val)\n    .replace(/%3A/gi, ':')\n    .replace(/%24/g, '$')\n    .replace(/%2C/gi, ',')\n    .replace(/%20/g, '+')\n    .replace(/%5B/gi, '[')\n    .replace(/%5D/gi, ']');\n}\n\n/**\n * Проверяет, является ли значение датой\n * @param {*} val\n * @returns {boolean}\n */\nfunction isDate(val) {\n  return Object.prototype.toString.call(val) === '[object Date]';\n}\n\n/**\n * Проверяет, является ли значение объектом\n * @param {*} val\n * @returns {boolean}\n */\nfunction isObject(val) {\n  return val !== null && typeof val === 'object';\n}\n\n/**\n * Проверяет, является ли значение URLSearchParams\n * @param {*} val\n * @returns {boolean}\n */\nfunction isURLSearchParams(val) {\n  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Сериализует массив\n * @param {string} key\n * @param {Array} arr\n * @returns {Array<string>}\n */\nfunction serializeArray(key, arr) {\n  const result = [];\n  arr.forEach((val, index) => {\n    if (val === null || typeof val === 'undefined') {\n      return;\n    }\n    \n    // Для массивов используем формат key[]=value (как в axios)\n    const k = key + '[]';\n    \n    if (isDate(val)) {\n      result.push(encode(k) + '=' + encode(val.toISOString()));\n    } else if (isObject(val)) {\n      // Для объектов в массиве используем индексы\n      const nestedParams = serializeObject(val, `${key}[${index}]`);\n      result.push(...nestedParams);\n    } else {\n      result.push(encode(k) + '=' + encode(val));\n    }\n  });\n  return result;\n}\n\n/**\n * Сериализует объект\n * @param {Object} obj\n * @param {string} [prefix]\n * @returns {Array<string>}\n */\nfunction serializeObject(obj, prefix) {\n  const result = [];\n  \n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const value = obj[key];\n      \n      if (value === null || typeof value === 'undefined') {\n        continue;\n      }\n      \n      const fullKey = prefix ? `${prefix}[${key}]` : key;\n      \n      if (isDate(value)) {\n        result.push(encode(fullKey) + '=' + encode(value.toISOString()));\n      } else if (Array.isArray(value)) {\n        result.push(...serializeArray(fullKey, value));\n      } else if (isObject(value)) {\n        result.push(...serializeObject(value, fullKey));\n      } else {\n        result.push(encode(fullKey) + '=' + encode(value));\n      }\n    }\n  }\n  \n  return result;\n}\n\n/**\n * Основная функция сериализации параметров\n * @param {Object|URLSearchParams} params\n * @returns {string}\n */\nexport function serializeParams(params) {\n  if (!params) {\n    return '';\n  }\n  \n  if (isURLSearchParams(params)) {\n    return params.toString();\n  }\n  \n  const parts = [];\n  \n  for (const key in params) {\n    if (Object.prototype.hasOwnProperty.call(params, key)) {\n      const val = params[key];\n      \n      if (val === null || typeof val === 'undefined') {\n        continue;\n      }\n      \n      let serializedVal;\n      \n      if (Array.isArray(val)) {\n        serializedVal = serializeArray(key, val);\n      } else if (isDate(val)) {\n        serializedVal = [encode(key) + '=' + encode(val.toISOString())];\n      } else if (isObject(val)) {\n        serializedVal = serializeObject(val, key);\n      } else {\n        serializedVal = [encode(key) + '=' + encode(val)];\n      }\n      \n      parts.push(...serializedVal);\n    }\n  }\n  \n  return parts.join('&');\n}\n\n/**\n * Строит полный URL с параметрами\n * @param {string} url\n * @param {Object} params\n * @returns {string}\n */\nexport function buildURL(url, params) {\n  if (!params) {\n    return url;\n  }\n  \n  const serializedParams = serializeParams(params);\n  if (serializedParams) {\n    const hashIndex = url.indexOf('#');\n    if (hashIndex !== -1) {\n      url = url.slice(0, hashIndex);\n    }\n    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n  }\n  \n  return url;\n}\n\nexport default {\n  serializeParams,\n  buildURL\n};"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.cjs

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Popup = require("../../../components/Popup/Popup.vue.cjs");
+const Feed = require("../../../components/Feed/Feed.vue.cjs");
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "icon-search-popup" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-medium cols-2 gap-small"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center" };
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = { class: "t-small t-truncate w-100 t-center" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mn-t-medium pd-small bg-danger radius-medium t-white"
+};
+const _sfc_main = {
+  __name: "IconSearchPopup",
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    mode: {
+      type: String,
+      default: "add",
+      // 'add' or 'replace'
+      validator: (value) => ["add", "replace"].includes(value)
+    },
+    currentIcon: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["close", "icon-selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const error = vue.ref("");
+    const iconName = vue.ref("");
+    const category = vue.ref("");
+    const loading = vue.ref(false);
+    const searchValue = vue.ref("");
+    const store = {
+      async read(params = {}) {
+        try {
+          if (!params.search) {
+            return [];
+          }
+          const response = await fetch("/api/icons/search", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(params)
+          });
+          const data = await response.json();
+          if (!response.ok) {
+            throw new Error(data.error || "Failed to search icons");
+          }
+          return data.icons || [];
+        } catch (err) {
+          console.error("Search error:", err);
+          error.value = err.message;
+          return [];
+        }
+      }
+    };
+    vue.watch(() => props.isOpen, (newVal) => {
+      if (newVal && props.mode === "replace" && props.currentIcon) {
+        iconName.value = props.currentIcon.name;
+        category.value = props.currentIcon.category;
+        searchValue.value = props.currentIcon.name.replace(/^Icon/, "");
+      }
+    });
+    function getIconSvg(icon) {
+      if (icon.preview_url) {
+        return `<img src="${icon.preview_url}" alt="${icon.term}" style="width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);" />`;
+      }
+      return `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="24" height="24" rx="4" fill="rgb(var(--black))" opacity="0.8"/>
+      <text x="12" y="16" text-anchor="middle" fill="white" font-size="8" font-family="monospace">
+        ${icon.term.slice(0, 3)}
+      </text>
+    </svg>
+  `;
+    }
+    async function selectIcon(icon) {
+      var _a;
+      if (props.mode === "add" && (!iconName.value || !category.value)) {
+        error.value = "Please enter icon name and select category";
+        return;
+      }
+      loading.value = true;
+      error.value = "";
+      try {
+        const response = await fetch("/api/icons/save", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            iconId: icon.id,
+            category: category.value,
+            iconName: iconName.value,
+            mode: props.mode,
+            currentIconName: (_a = props.currentIcon) == null ? void 0 : _a.name
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          throw new Error(data.error || "Failed to save icon");
+        }
+        emit("icon-selected", {
+          ...data,
+          icon: {
+            name: iconName.value,
+            category: category.value,
+            term: icon.term
+          }
+        });
+        closePopup();
+      } catch (err) {
+        console.error("Save error:", err);
+        error.value = err.message;
+      } finally {
+        loading.value = false;
+      }
+    }
+    function closePopup() {
+      error.value = "";
+      iconName.value = "";
+      category.value = "";
+      searchValue.value = "";
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Popup.default, {
+        title: __props.mode === "add" ? "Add New Icon" : "Replace Icon",
+        isPopupOpen: __props.isOpen,
+        onClosePopup: closePopup,
+        class: "bg-white pd-big radius-big w-max-60r"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            __props.mode === "add" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconName.value = $event),
+                type: "text",
+                placeholder: "Icon name (e.g., IconCart)",
+                class: "pd-small radius-medium border-light"
+              }, null, 512), [
+                [vue.vModelText, iconName.value]
+              ]),
+              vue.withDirectives(vue.createElementVNode("select", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => category.value = $event),
+                class: "pd-small radius-medium border-light"
+              }, _cache[2] || (_cache[2] = [
+                vue.createElementVNode("option", { value: "" }, "Select category", -1),
+                vue.createElementVNode("option", { value: "navigation" }, "Navigation", -1),
+                vue.createElementVNode("option", { value: "entities" }, "Entities", -1),
+                vue.createElementVNode("option", { value: "actions" }, "Actions", -1),
+                vue.createElementVNode("option", { value: "socials" }, "Socials", -1)
+              ]), 512), [
+                [vue.vModelSelect, category.value]
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(Feed.default, {
+              search: true,
+              showLoadMore: false,
+              skeleton: {
+                hide: false,
+                horizontal: false,
+                structure: [
+                  { block: "image", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No icons found",
+                  description: "Try searching for different terms"
+                }
+              },
+              store: {
+                read: (options) => store.read(options)
+              },
+              options: { limit: 20 },
+              class: "cols-4 gap-small icon-grid"
+            }, {
+              default: vue.withCtx(({ items }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (icon) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: icon.id,
+                    onClick: ($event) => selectIcon(icon),
+                    class: "icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      vue.createElementVNode("div", {
+                        class: "icon-svg w-100 h-100",
+                        innerHTML: getIconSvg(icon)
+                      }, null, 8, _hoisted_5)
+                    ]),
+                    vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(icon.term), 1)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store"]),
+            error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "isPopupOpen"]);
+    };
+  }
+};
+const IconSearchPopup = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1763f3da"]]);
+exports.default = IconSearchPopup;
+//# sourceMappingURL=IconSearchPopup.vue.cjs.map

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSearchPopup.vue.cjs","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n  <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n    <div class=\"icon-search-popup\">\n      <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n        <input \n          v-model=\"iconName\" \n          type=\"text\" \n          placeholder=\"Icon name (e.g., IconCart)\"\n          class=\"pd-small radius-medium border-light\"\n        />\n        <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n          <option value=\"\">Select category</option>\n          <option value=\"navigation\">Navigation</option>\n          <option value=\"entities\">Entities</option>\n          <option value=\"actions\">Actions</option>\n          <option value=\"socials\">Socials</option>\n        </select>\n      </div>\n\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :skeleton=\"{\n          hide: false,\n          horizontal: false,\n          structure: [\n            { block: 'image', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No icons found',\n            description: 'Try searching for different terms'\n          }\n        }\"\n        :store=\"{\n          read: (options) => store.read(options)\n        }\"\n        :options=\"{ limit: 20 }\"\n        v-slot=\"{ items }\"\n        class=\"cols-4 gap-small icon-grid\"\n      >\n        <div \n          v-for=\"icon in items\" \n          :key=\"icon.id\"\n          @click=\"selectIcon(icon)\"\n          class=\"icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small\"\n        >\n          <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n            <div \n              class=\"icon-svg w-100 h-100\"\n              v-html=\"getIconSvg(icon)\"\n            ></div>\n          </div>\n          <div class=\"t-small t-truncate w-100 t-center\">{{ icon.term }}</div>\n        </div>\n      </Feed>\n\n      <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n        {{ error }}\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n  isOpen: {\n    type: Boolean,\n    default: false\n  },\n  mode: {\n    type: String,\n    default: 'add', // 'add' or 'replace'\n    validator: (value) => ['add', 'replace'].includes(value)\n  },\n  currentIcon: {\n    type: Object,\n    default: null\n  }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component\nconst store = {\n  async read(params = {}) {\n    try {\n      if (!params.search) {\n        return [];\n      }\n\n      const response = await fetch('/api/icons/search', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(params)\n      });\n\n      const data = await response.json();\n      \n      if (!response.ok) {\n        throw new Error(data.error || 'Failed to search icons');\n      }\n\n      return data.icons || [];\n    } catch (err) {\n      console.error('Search error:', err);\n      error.value = err.message;\n      return [];\n    }\n  }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal && props.mode === 'replace' && props.currentIcon) {\n    iconName.value = props.currentIcon.name;\n    category.value = props.currentIcon.category;\n    // Set initial search term (remove Icon prefix)\n    searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n  }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n  // Use the PNG preview from Noun Project but apply CSS filter to make it black\n  if (icon.preview_url) {\n    return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n  }\n  \n  // Fallback SVG placeholder\n  return `\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n      <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n        ${icon.term.slice(0, 3)}\n      </text>\n    </svg>\n  `;\n}\n\nasync function selectIcon(icon) {\n  if (props.mode === 'add' && (!iconName.value || !category.value)) {\n    error.value = 'Please enter icon name and select category';\n    return;\n  }\n\n  loading.value = true;\n  error.value = '';\n\n  try {\n    const response = await fetch('/api/icons/save', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        iconId: icon.id,\n        category: category.value,\n        iconName: iconName.value,\n        mode: props.mode,\n        currentIconName: props.currentIcon?.name\n      })\n    });\n\n    const data = await response.json();\n    \n    if (!response.ok) {\n      throw new Error(data.error || 'Failed to save icon');\n    }\n\n    emit('icon-selected', {\n      ...data,\n      icon: {\n        name: iconName.value,\n        category: category.value,\n        term: icon.term\n      }\n    });\n    \n    closePopup();\n  } catch (err) {\n    console.error('Save error:', err);\n    error.value = err.message;\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction closePopup() {\n  error.value = '';\n  iconName.value = '';\n  category.value = '';\n  searchValue.value = '';\n  emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n  min-height: 500px;\n}\n\n.icon-grid {\n  min-height: 400px;\n}\n\n.icon-item {\n  transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n  background-color: rgb(var(--light-hover));\n  transform: scale(1.05);\n}\n\n.icon-preview {\n  background: rgb(var(--light));\n  border-radius: 8px;\n}\n\n.icon-svg {\n  filter: none;\n}\n\n.w-max-800 {\n  max-width: 800px;\n  width: 90vw;\n}\n\n:deep(.feed-enter-active),\n:deep(.feed-leave-active) {\n  transition: all 0.3s ease;\n}\n\n:deep(.feed-enter-from),\n:deep(.feed-leave-to) {\n  opacity: 0;\n  transform: scale(0.9);\n}\n</style>"],"names":["ref","watch"],"mappings":"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"}

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js

@@ -0,0 +1,224 @@
+import { ref, watch, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, withDirectives, vModelText, vModelSelect, Fragment, renderList, toDisplayString } from "vue";
+import _sfc_main$1 from "../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../components/Feed/Feed.vue.js";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "icon-search-popup" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-medium cols-2 gap-small"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center" };
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = { class: "t-small t-truncate w-100 t-center" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mn-t-medium pd-small bg-danger radius-medium t-white"
+};
+const _sfc_main = {
+  __name: "IconSearchPopup",
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    mode: {
+      type: String,
+      default: "add",
+      // 'add' or 'replace'
+      validator: (value) => ["add", "replace"].includes(value)
+    },
+    currentIcon: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["close", "icon-selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const error = ref("");
+    const iconName = ref("");
+    const category = ref("");
+    const loading = ref(false);
+    const searchValue = ref("");
+    const store = {
+      async read(params = {}) {
+        try {
+          if (!params.search) {
+            return [];
+          }
+          const response = await fetch("/api/icons/search", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(params)
+          });
+          const data = await response.json();
+          if (!response.ok) {
+            throw new Error(data.error || "Failed to search icons");
+          }
+          return data.icons || [];
+        } catch (err) {
+          console.error("Search error:", err);
+          error.value = err.message;
+          return [];
+        }
+      }
+    };
+    watch(() => props.isOpen, (newVal) => {
+      if (newVal && props.mode === "replace" && props.currentIcon) {
+        iconName.value = props.currentIcon.name;
+        category.value = props.currentIcon.category;
+        searchValue.value = props.currentIcon.name.replace(/^Icon/, "");
+      }
+    });
+    function getIconSvg(icon) {
+      if (icon.preview_url) {
+        return `<img src="${icon.preview_url}" alt="${icon.term}" style="width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);" />`;
+      }
+      return `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="24" height="24" rx="4" fill="rgb(var(--black))" opacity="0.8"/>
+      <text x="12" y="16" text-anchor="middle" fill="white" font-size="8" font-family="monospace">
+        ${icon.term.slice(0, 3)}
+      </text>
+    </svg>
+  `;
+    }
+    async function selectIcon(icon) {
+      var _a;
+      if (props.mode === "add" && (!iconName.value || !category.value)) {
+        error.value = "Please enter icon name and select category";
+        return;
+      }
+      loading.value = true;
+      error.value = "";
+      try {
+        const response = await fetch("/api/icons/save", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            iconId: icon.id,
+            category: category.value,
+            iconName: iconName.value,
+            mode: props.mode,
+            currentIconName: (_a = props.currentIcon) == null ? void 0 : _a.name
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          throw new Error(data.error || "Failed to save icon");
+        }
+        emit("icon-selected", {
+          ...data,
+          icon: {
+            name: iconName.value,
+            category: category.value,
+            term: icon.term
+          }
+        });
+        closePopup();
+      } catch (err) {
+        console.error("Save error:", err);
+        error.value = err.message;
+      } finally {
+        loading.value = false;
+      }
+    }
+    function closePopup() {
+      error.value = "";
+      iconName.value = "";
+      category.value = "";
+      searchValue.value = "";
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: __props.mode === "add" ? "Add New Icon" : "Replace Icon",
+        isPopupOpen: __props.isOpen,
+        onClosePopup: closePopup,
+        class: "bg-white pd-big radius-big w-max-60r"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            __props.mode === "add" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconName.value = $event),
+                type: "text",
+                placeholder: "Icon name (e.g., IconCart)",
+                class: "pd-small radius-medium border-light"
+              }, null, 512), [
+                [vModelText, iconName.value]
+              ]),
+              withDirectives(createElementVNode("select", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => category.value = $event),
+                class: "pd-small radius-medium border-light"
+              }, _cache[2] || (_cache[2] = [
+                createElementVNode("option", { value: "" }, "Select category", -1),
+                createElementVNode("option", { value: "navigation" }, "Navigation", -1),
+                createElementVNode("option", { value: "entities" }, "Entities", -1),
+                createElementVNode("option", { value: "actions" }, "Actions", -1),
+                createElementVNode("option", { value: "socials" }, "Socials", -1)
+              ]), 512), [
+                [vModelSelect, category.value]
+              ])
+            ])) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              search: true,
+              showLoadMore: false,
+              skeleton: {
+                hide: false,
+                horizontal: false,
+                structure: [
+                  { block: "image", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No icons found",
+                  description: "Try searching for different terms"
+                }
+              },
+              store: {
+                read: (options) => store.read(options)
+              },
+              options: { limit: 20 },
+              class: "cols-4 gap-small icon-grid"
+            }, {
+              default: withCtx(({ items }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (icon) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: icon.id,
+                    onClick: ($event) => selectIcon(icon),
+                    class: "icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+                  }, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", {
+                        class: "icon-svg w-100 h-100",
+                        innerHTML: getIconSvg(icon)
+                      }, null, 8, _hoisted_5)
+                    ]),
+                    createElementVNode("div", _hoisted_6, toDisplayString(icon.term), 1)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store"]),
+            error.value ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "isPopupOpen"]);
+    };
+  }
+};
+const IconSearchPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1763f3da"]]);
+export {
+  IconSearchPopup as default
+};
+//# sourceMappingURL=IconSearchPopup.vue.js.map

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSearchPopup.vue.js","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n  <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n    <div class=\"icon-search-popup\">\n      <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n        <input \n          v-model=\"iconName\" \n          type=\"text\" \n          placeholder=\"Icon name (e.g., IconCart)\"\n          class=\"pd-small radius-medium border-light\"\n        />\n        <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n          <option value=\"\">Select category</option>\n          <option value=\"navigation\">Navigation</option>\n          <option value=\"entities\">Entities</option>\n          <option value=\"actions\">Actions</option>\n          <option value=\"socials\">Socials</option>\n        </select>\n      </div>\n\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :skeleton=\"{\n          hide: false,\n          horizontal: false,\n          structure: [\n            { block: 'image', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No icons found',\n            description: 'Try searching for different terms'\n          }\n        }\"\n        :store=\"{\n          read: (options) => store.read(options)\n        }\"\n        :options=\"{ limit: 20 }\"\n        v-slot=\"{ items }\"\n        class=\"cols-4 gap-small icon-grid\"\n      >\n        <div \n          v-for=\"icon in items\" \n          :key=\"icon.id\"\n          @click=\"selectIcon(icon)\"\n          class=\"icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small\"\n        >\n          <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n            <div \n              class=\"icon-svg w-100 h-100\"\n              v-html=\"getIconSvg(icon)\"\n            ></div>\n          </div>\n          <div class=\"t-small t-truncate w-100 t-center\">{{ icon.term }}</div>\n        </div>\n      </Feed>\n\n      <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n        {{ error }}\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n  isOpen: {\n    type: Boolean,\n    default: false\n  },\n  mode: {\n    type: String,\n    default: 'add', // 'add' or 'replace'\n    validator: (value) => ['add', 'replace'].includes(value)\n  },\n  currentIcon: {\n    type: Object,\n    default: null\n  }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component\nconst store = {\n  async read(params = {}) {\n    try {\n      if (!params.search) {\n        return [];\n      }\n\n      const response = await fetch('/api/icons/search', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(params)\n      });\n\n      const data = await response.json();\n      \n      if (!response.ok) {\n        throw new Error(data.error || 'Failed to search icons');\n      }\n\n      return data.icons || [];\n    } catch (err) {\n      console.error('Search error:', err);\n      error.value = err.message;\n      return [];\n    }\n  }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal && props.mode === 'replace' && props.currentIcon) {\n    iconName.value = props.currentIcon.name;\n    category.value = props.currentIcon.category;\n    // Set initial search term (remove Icon prefix)\n    searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n  }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n  // Use the PNG preview from Noun Project but apply CSS filter to make it black\n  if (icon.preview_url) {\n    return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n  }\n  \n  // Fallback SVG placeholder\n  return `\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n      <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n        ${icon.term.slice(0, 3)}\n      </text>\n    </svg>\n  `;\n}\n\nasync function selectIcon(icon) {\n  if (props.mode === 'add' && (!iconName.value || !category.value)) {\n    error.value = 'Please enter icon name and select category';\n    return;\n  }\n\n  loading.value = true;\n  error.value = '';\n\n  try {\n    const response = await fetch('/api/icons/save', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        iconId: icon.id,\n        category: category.value,\n        iconName: iconName.value,\n        mode: props.mode,\n        currentIconName: props.currentIcon?.name\n      })\n    });\n\n    const data = await response.json();\n    \n    if (!response.ok) {\n      throw new Error(data.error || 'Failed to save icon');\n    }\n\n    emit('icon-selected', {\n      ...data,\n      icon: {\n        name: iconName.value,\n        category: category.value,\n        term: icon.term\n      }\n    });\n    \n    closePopup();\n  } catch (err) {\n    console.error('Save error:', err);\n    error.value = err.message;\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction closePopup() {\n  error.value = '';\n  iconName.value = '';\n  category.value = '';\n  searchValue.value = '';\n  emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n  min-height: 500px;\n}\n\n.icon-grid {\n  min-height: 400px;\n}\n\n.icon-item {\n  transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n  background-color: rgb(var(--light-hover));\n  transform: scale(1.05);\n}\n\n.icon-preview {\n  background: rgb(var(--light));\n  border-radius: 8px;\n}\n\n.icon-svg {\n  filter: none;\n}\n\n.w-max-800 {\n  max-width: 800px;\n  width: 90vw;\n}\n\n:deep(.feed-enter-active),\n:deep(.feed-leave-active) {\n  transition: all 0.3s ease;\n}\n\n:deep(.feed-enter-from),\n:deep(.feed-leave-to) {\n  opacity: 0;\n  transform: scale(0.9);\n}\n</style>"],"names":[],"mappings":"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"}