1.2.12 Fix computed problem

2026-04-15 14:57:21 +02:00
parent 1e470179ef
commit bedd4ae225
12 changed files with 327 additions and 972 deletions
--- a/docs/examples.md
+++ b/docs/examples.md
@@ -134,94 +134,4 @@ const PersistDemo = () => {
  ]);
 };
 Mount(PersistDemo, '#demo-persist');
-```
-
-<script>
-  (function() {
-    const initExamples = () => {
-      
-      const counterTarget = document.querySelector('#demo-counter');
-      if (counterTarget && !counterTarget.hasChildNodes()) {
-        const Counter = () => {
-          const $count = $(0);
-          return Div({ class: 'flex gap-4 items-center' }, [
-            Button({ class: 'btn btn-circle btn-outline', onclick: () => $count(c => c - 1) }, "-"),
-            Span({ class: 'text-2xl font-mono w-12 text-center' }, $count),
-            Button({ class: 'btn btn-circle btn-primary', onclick: () => $count(c => c + 1) }, "+")
-          ]);
-        };
-        Mount(Counter, counterTarget);
-      }
-
-      // 2. Computed
-      const computedTarget = document.querySelector('#demo-computed');
-      if (computedTarget && !computedTarget.hasChildNodes()) {
-        const ComputedDemo = () => {
-          const $count = $(10);
-          const $double = $(() => $count() * 2);
-          return Div({ class: 'space-y-4 w-full' }, [
-            Input({ type: 'range', min: 1, max: 100, class: 'range range-primary', value: $count }),
-            P({ class: 'text-center' }, ["Base: ", $count, " ⮕ ", Span({class: 'text-primary font-bold'}, ["Double: ", $double])])
-          ]);
-        };
-        Mount(ComputedDemo, computedTarget);
-      }
-
-      // 3. List
-      const listTarget = document.querySelector('#demo-list');
-      if (listTarget && !listTarget.hasChildNodes()) {
-        const ListDemo = () => {
-          const $todos = $(['Learn SigPro', 'Build an App']);
-          const $input = $("");
-          const addTodo = () => { if ($input()) { $todos(prev => [...prev, $input()]); $input(""); } };
-          return Div([
-            Div({ class: 'flex gap-2 mb-4' }, [
-              Input({ class: 'input input-bordered flex-1', value: $input, placeholder: 'New task...' }),
-              Button({ class: 'btn btn-primary', onclick: addTodo }, "Add")
-            ]),
-            Ul({ class: 'menu bg-base-200 rounded-box p-2' }, For($todos, (item) => Li([A(item)]), (item) => item))
-          ]);
-        };
-        Mount(ListDemo, listTarget);
-      }
-
-      // 4. If
-      const ifTarget = document.querySelector('#demo-if');
-      if (ifTarget && !ifTarget.hasChildNodes()) {
-        const ConditionalDemo = () => {
-          const $isVisible = $(false);
-          return Div({ class: 'text-center w-full' }, [
-            Button({ class: 'btn btn-outline mb-4', onclick: () => $isVisible(! $isVisible()) }, "Toggle Secret"),
-            If($isVisible, 
-              () => Div({ class: 'p-4 bg-warning text-warning-content rounded-lg' }, "🤫 SigPro is Awesome!"),
-              () => Div({ class: 'p-4 opacity-50' }, "Nothing to see here...")
-            )
-          ]);
-        };
-        Mount(ConditionalDemo, ifTarget);
-      }
-
-      // 5. Persist
-      const persistTarget = document.querySelector('#demo-persist');
-      if (persistTarget && !persistTarget.hasChildNodes()) {
-        const PersistDemo = () => {
-          const $name = $("Guest", "sigpro-demo-name");
-          return Div({ class: 'flex flex-col gap-2' }, [
-            H3({ class: 'text-lg font-bold' }, ["Hello, ", $name]),
-            Input({ class: 'input input-bordered', value: $name }),
-            P({ class: 'text-xs opacity-50' }, "Refresh the page!")
-          ]);
-        };
-        Mount(PersistDemo, persistTarget);
-      }
-    };
-
-    // Ejecutar inmediatamente y también en cada navegación de Docsify
-    initExamples();
-    if (window.$docsify) {
-      window.$docsify.plugins = [].concat(window.$docsify.plugins || [], (hook) => {
-        hook.doneEach(initExamples);
-      });
-    }
-  })();
-</script>
+```