tools.equationzone 0.0.1 → 0.0.2

package/dist/example.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function example(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/example.js

@@ -0,0 +1,60 @@
+/**
+ * @returns 
+ */
+export function example() {
+  let name = 'example';
+
+  return {
+    name,
+    // Corregido: Permite opcionalmente un símbolo + o - al final
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?(\\+|-)?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      
+      // Capturamos el título [1] y el estado (+/-) [3]
+      const match = info.match(new RegExp(`^${name}(\\[(.+?)\\])?(\\+|-)?$`));
+      
+      const title = (match && match[2]) ? match[2] : 'Ejemplos';
+      const state = (match && match[3]) ? match[3] : ''; // "+" o "-" o ""
+      
+      // Si tiene "+", el <details> debe estar abierto por defecto
+      const isOpen = state === '+' ? 'open' : '';
+
+      return `
+    <details
+      ${isOpen}
+      class="not-prose group mt-4 overflow-hidden rounded-xl border border-gray-200 bg-white transition-all dark:border-gray-800 dark:bg-[#0B0C0E]"
+    >
+      <summary
+        class="flex w-full cursor-pointer list-none items-center justify-between p-3.5 text-gray-600 transition-colors hover:bg-gray-50 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-200 [&::-webkit-details-marker]:hidden"
+      >
+        <div class="flex items-center">
+          <svg
+            class="h-3 w-3 text-gray-400 transition-transform duration-200 group-open:rotate-90"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <polyline points="9 18 15 12 9 6"></polyline>
+          </svg>
+          <div class="ml-3 flex items-center gap-2">
+            <h3 class="font-semibold text-inherit">${title}</h3>
+          </div>
+        </div>
+      </summary>
+
+      <div
+        class="prose max-w-none prose-sm md:prose-base border-t border-gray-100 bg-gray-50/30 px-5 py-4 dark:border-white/5 dark:bg-black/10 prose-hr:my-3 pl-4  md:pl-6  [&_ul]:list-disc [&_ul]:pl-4 md:[&_ul]:pl-4 [&_ul]:list-outside prose-li:marker:text-slate-700 "
+      >
+      `;
+    },
+
+    closeRender: () => `</div></details>`
+  };
+}

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { note } from './note.js';
+export { example } from './example.js';

package/dist/index.js

@@ -1,2 +1,3 @@
 // Reexport your entry components here
 export { note } from './note.js';
+export { example } from './example.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tools.equationzone",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "files": [
     "dist",
     "!dist/**/*.test.*",