instaui 0.1.5__py3-none-any.whl → 0.1.7__py3-none-any.whl

instaui/components/shiki_code/static/shiki-style.css

@@ -1,175 +1,179 @@
-:root {
-  --shiki-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
-  --shiki-code-line-height: 1.5;
-  --shiki-code-font-size: 0.875em;
-  --shiki-code-block-color: #67676c;
-  --shiki-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
-  --shiki-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E");
-  --shiki-code-copy-code-border-color: #e2e2e3;
-  --shiki-code-copy-code-bg: #f6f6f7;
-  --shiki-code-copy-code-hover-border-color: #e2e2e3;
-  --shiki-code-copy-code-hover-bg: #ffffff;
-  --shiki-code-copy-code-active-text: #67676c;
-  --shiki-code-copy-copied-text-content: "Copied";
-  --shiki-code-lang-color: #929295;
-}
-@media (min-width: 640px) {
-  .shiki-code[class*=language-] {
-    border-radius: 8px;
-    margin: 15px 0;
-  }
-}
-.shiki-code[class*=language-] {
-  position: relative;
-  margin: 16px 0;
-  background-color: #f9f9f9;
-  overflow-x: auto;
-  transition: background-color 0.5s;
-  /* line numbers */
-}
-.shiki-code[class*=language-] pre,
-.shiki-code[class*=language-] code {
-  font-family: var(--shiki-font-family-mono);
-}
-.shiki-code[class*=language-] pre {
-  position: relative;
-  z-index: 1;
-  margin: 0;
-  padding: 20px 0;
-  background: transparent;
-  overflow-x: auto;
-}
-.shiki-code[class*=language-] code {
-  display: block;
-  padding: 0 24px 0 0;
-  width: fit-content;
-  min-width: 100%;
-  line-height: var(--shiki-code-line-height);
-  font-size: var(--shiki-code-font-size);
-  color: var(--shiki-code-block-color);
-  transition: color 0.5s;
-}
-.shiki-code[class*=language-] code > .line:before {
-  content: ' ';
-  padding: 0 5px;
-}
-.shiki-code[class*=language-] > button.copy {
-  direction: ltr;
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  z-index: 3;
-  border: 1px solid var(--shiki-code-copy-code-border-color);
-  border-radius: 4px;
-  width: 40px;
-  height: 40px;
-  background-color: var(--shiki-code-copy-code-bg);
-  opacity: 0;
-  cursor: pointer;
-  background-image: var(--shiki-icon-copy);
-  background-position: 50%;
-  background-size: 20px;
-  background-repeat: no-repeat;
-  transition: border-color 0.25s, background-color 0.25s, opacity 0.25s;
-}
-.shiki-code[class*=language-]:hover > button.copy,
-.shiki-code[class*=language-] > button.copy:focus {
-  opacity: 1;
-}
-.shiki-code[class*=language-] > button.copy:hover,
-.shiki-code[class*=language-] > button.copy.copied {
-  border-color: var(--shiki-code-copy-code-hover-border-color);
-  background-color: var(--shiki-code-copy-code-hover-bg);
-}
-.shiki-code[class*=language-] > button.copy.copied,
-.shiki-code[class*=language-] > button.copy:hover.copied {
-  border-radius: 0 4px 4px 0;
-  background-color: var(--shiki-code-copy-code-hover-bg);
-  background-image: var(--shiki-icon-copied);
-}
-.shiki-code[class*=language-] > button.copy.copied:before,
-.shiki-code[class*=language-] > button.copy:hover.copied:before {
-  position: relative;
-  top: -1px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid var(--shiki-code-copy-code-hover-border-color);
-  border-right: 0;
-  border-radius: 4px 0 0 4px;
-  padding: 0 10px;
-  width: fit-content;
-  height: 40px;
-  text-align: center;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--shiki-code-copy-code-active-text);
-  background-color: var(--shiki-code-copy-code-hover-bg);
-  white-space: nowrap;
-  content: var(--shiki-code-copy-copied-text-content);
-  transform: translate(calc(-100% - 1px));
-}
-.shiki-code[class*=language-] > span.lang {
-  position: absolute;
-  top: 2px;
-  right: 8px;
-  z-index: 2;
-  font-size: 12px;
-  font-weight: 500;
-  -webkit-user-select: none;
-  user-select: none;
-  color: var(--shiki-code-lang-color);
-  transition: color 0.4s, opacity 0.4s;
-}
-.shiki-code[class*=language-]:hover > button.copy + span.lang,
-.shiki-code[class*=language-] > button.copy:focus + span.lang {
-  opacity: 0;
-}
-.shiki-code[class*=language-].theme-dark {
-  --shiki-code-line-diff-add-color: #3dd68c;
-  --shiki-code-line-diff-add-symbol-color: #3dd68c;
-  --shiki-code-line-diff-remove-color: hsla(349.72, 89.16%, 60.2%, 0.16);
-  --shiki-code-line-diff-remove-symbol-color: hsl(357.62, 39.92%, 50.39%);
-  --shiki-code-line-line-number-color: hsla(198.18, 13.36%, 80%, 0.7);
-}
-.shiki-code[class*=language-] pre.shiki .diff {
-  all: unset;
-}
-.shiki-code[class*=language-] pre.shiki code .diff.remove {
-  background-color: var(--shiki-code-line-diff-remove-color, rgba(244, 63, 94, 0.14));
-  opacity: 0.7;
-}
-.shiki-code[class*=language-] pre.shiki code .diff.add {
-  background-color: rgba(16, 185, 129, 0.14);
-}
-.shiki-code[class*=language-] pre.shiki code .diff.add:before {
-  content: "+";
-  color: var(--shiki-code-line-diff-add-symbol-color, #18794e);
-}
-.shiki-code[class*=language-] pre.shiki code .diff.remove:before {
-  content: "-";
-  color: var(--shiki-code-line-diff-remove-symbol-color, hsl(357.62, 39.92%, 50.39%));
-}
-.shiki-code[class*=language-] pre.shiki code .diff:before {
-  padding: 0 10px;
-}
-.shiki-code[class*=language-] pre.shiki code .diff {
-  box-sizing: border-box;
-  transition: background-color 0.5s;
-  margin: 0 -24px;
-  padding: 0 24px;
-  width: calc(100% + 48px);
-  display: inline-block;
-}
-.shiki-code[class*=language-].line-numbers code {
-  counter-reset: step;
-  counter-increment: step 0;
-}
-.shiki-code[class*=language-].line-numbers code .line::before {
-  padding: 0 10px;
-  content: counter(step);
-  counter-increment: step;
-  display: inline-block;
-  text-align: right;
-  color: var(--shiki-code-line-line-number-color, hsla(198.18, 13.36%, 51.57%, 0.7));
-}
+:root {
+  --shiki-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
+  --shiki-code-line-height: 1.5;
+  --shiki-code-font-size: 0.875em;
+  --shiki-code-block-color: #67676c;
+  --shiki-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
+  --shiki-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E");
+  --shiki-code-copy-code-border-color: #e2e2e3;
+  --shiki-code-copy-code-bg: #f6f6f7;
+  --shiki-code-copy-code-hover-border-color: #e2e2e3;
+  --shiki-code-copy-code-hover-bg: #ffffff;
+  --shiki-code-copy-code-active-text: #67676c;
+  --shiki-code-copy-copied-text-content: "Copied";
+  --shiki-code-lang-color: #929295;
+}
+@media (min-width: 640px) {
+  .shiki-code[class*=language-] {
+    border-radius: 8px;
+    margin: 15px 0;
+  }
+}
+.shiki-code[class*=language-] {
+  position: relative;
+  margin: 16px 0;
+  background-color: #f9f9f9;
+  overflow-x: auto;
+  transition: background-color 0.5s;
+  /* line numbers */
+}
+.shiki-code[class*=language-] pre,
+.shiki-code[class*=language-] code {
+  font-family: var(--shiki-font-family-mono);
+}
+.shiki-code[class*=language-] pre {
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  padding: 20px 0;
+  background: transparent;
+  overflow-x: auto;
+}
+.shiki-code[class*=language-] code {
+  display: block;
+  padding: 0 24px 0 0;
+  width: fit-content;
+  min-width: 100%;
+  line-height: var(--shiki-code-line-height);
+  font-size: var(--shiki-code-font-size);
+  color: var(--shiki-code-block-color);
+  transition: color 0.5s;
+}
+.shiki-code[class*=language-] code > .line:before {
+  content: ' ';
+  padding: 0 5px;
+}
+.shiki-code[class*=language-] > button.copy {
+  direction: ltr;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  z-index: 3;
+  border: 1px solid var(--shiki-code-copy-code-border-color);
+  border-radius: 4px;
+  width: 40px;
+  height: 40px;
+  background-color: var(--shiki-code-copy-code-bg);
+  opacity: 0;
+  cursor: pointer;
+  background-image: var(--shiki-icon-copy);
+  background-position: 50%;
+  background-size: 20px;
+  background-repeat: no-repeat;
+  transition: border-color 0.25s, background-color 0.25s, opacity 0.25s;
+}
+.shiki-code[class*=language-]:hover > button.copy,
+.shiki-code[class*=language-] > button.copy:focus {
+  opacity: 1;
+}
+.shiki-code[class*=language-] > button.copy:hover,
+.shiki-code[class*=language-] > button.copy.copied {
+  border-color: var(--shiki-code-copy-code-hover-border-color);
+  background-color: var(--shiki-code-copy-code-hover-bg);
+}
+.shiki-code[class*=language-] > button.copy.copied,
+.shiki-code[class*=language-] > button.copy:hover.copied {
+  border-radius: 0 4px 4px 0;
+  background-color: var(--shiki-code-copy-code-hover-bg);
+  background-image: var(--shiki-icon-copied);
+}
+.shiki-code[class*=language-] > button.copy.copied:before,
+.shiki-code[class*=language-] > button.copy:hover.copied:before {
+  position: relative;
+  top: -1px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid var(--shiki-code-copy-code-hover-border-color);
+  border-right: 0;
+  border-radius: 4px 0 0 4px;
+  padding: 0 10px;
+  width: fit-content;
+  height: 40px;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--shiki-code-copy-code-active-text);
+  background-color: var(--shiki-code-copy-code-hover-bg);
+  white-space: nowrap;
+  content: var(--shiki-code-copy-copied-text-content);
+  transform: translate(calc(-100% - 1px));
+}
+.shiki-code[class*=language-] > span.lang {
+  position: absolute;
+  top: 2px;
+  right: 8px;
+  z-index: 2;
+  font-size: 12px;
+  font-weight: 500;
+  -webkit-user-select: none;
+  user-select: none;
+  color: var(--shiki-code-lang-color);
+  transition: color 0.4s, opacity 0.4s;
+}
+.shiki-code[class*=language-]:hover > button.copy + span.lang,
+.shiki-code[class*=language-] > button.copy:focus + span.lang {
+  opacity: 0;
+}
+.shiki-code[class*=language-].theme-dark {
+  --shiki-code-line-diff-add-color: #3dd68c;
+  --shiki-code-line-diff-add-symbol-color: #3dd68c;
+  --shiki-code-line-diff-remove-color: hsla(349.72, 89.16%, 60.2%, 0.16);
+  --shiki-code-line-diff-remove-symbol-color: hsl(357.62, 39.92%, 50.39%);
+  --shiki-code-line-line-number-color: hsla(198.18, 13.36%, 80%, 0.7);
+}
+.shiki-code[class*=language-] pre.shiki .diff {
+  all: unset;
+}
+.shiki-code[class*=language-] pre.shiki code .diff.remove {
+  background-color: var(--shiki-code-line-diff-remove-color, rgba(244, 63, 94, 0.14));
+  opacity: 0.7;
+}
+.shiki-code[class*=language-] pre.shiki code .diff.add {
+  background-color: rgba(16, 185, 129, 0.14);
+}
+.shiki-code[class*=language-] pre.shiki code .diff.add:before {
+  content: "+";
+  color: var(--shiki-code-line-diff-add-symbol-color, #18794e);
+}
+.shiki-code[class*=language-] pre.shiki code .diff.remove:before {
+  content: "-";
+  color: var(--shiki-code-line-diff-remove-symbol-color, hsl(357.62, 39.92%, 50.39%));
+}
+.shiki-code[class*=language-] pre.shiki code .diff:before {
+  width: 2.5em;
+  text-align: left;
+  padding-left: 10px;
+}
+.shiki-code[class*=language-] pre.shiki code .diff {
+  box-sizing: border-box;
+  transition: background-color 0.5s;
+  margin: 0 -24px;
+  padding: 0 24px;
+  width: calc(100% + 48px);
+  display: inline-block;
+}
+.shiki-code[class*=language-].line-numbers code {
+  counter-reset: step;
+  counter-increment: step 0;
+}
+.shiki-code[class*=language-].line-numbers code .line::before {
+  content: counter(step);
+  counter-increment: step;
+  display: inline-block;
+  text-align: right;
+  color: var(--shiki-code-line-line-number-color, hsla(198.18, 13.36%, 51.57%, 0.7));
+  width: 2.5em;
+  text-align: left;
+  padding-left: 10px;
+}

instaui/experimental/link_sql/__init__.py

@@ -0,0 +1,3 @@
+__all__ = ["duckdb"]
+
+from ._duckdb import _facade as duckdb

instaui/experimental/link_sql/_base.py

@@ -0,0 +1,23 @@
+from instaui import ui
+from ._types import TFilters
+
+
+class DataSourceElement(ui.element, esm="./data_source.js"):
+    def __init__(
+        self,
+    ):
+        super().__init__()
+
+        self._ele_ref = ui.element_ref()
+        self.element_ref(self._ele_ref)
+
+        self.filters: TFilters = ui.state({})
+
+        self.on(
+            "filter-changed",
+            ui.js_event(
+                inputs=[ui.event_context.e()],
+                outputs=[self.filters],
+                code="v=> v.filters",
+            ),
+        )

instaui/experimental/link_sql/_duckdb.py

@@ -0,0 +1,221 @@
+from pathlib import Path
+from typing import Dict, TypeVar
+import itertools
+from instaui import ui, arco
+from ._base import DataSourceElement
+from ._types import TFilters, TQueryStrInfo
+
+try:
+    import pandas
+    import duckdb
+except ImportError as e:
+    raise e
+
+
+TElementClass = TypeVar("TElementClass", bound=ui.element)
+
+
+class DuckdbDataFrameSource:
+    QUERY_ID: int = 0
+
+    def __init__(
+        self,
+        table_name: str,
+    ):
+        super().__init__()
+
+        self._element = DataSourceElement()
+        self._conn = duckdb.connect(":default:", read_only=False)
+        self._table_name = table_name
+
+    def _generate_query_id(self):
+        self.QUERY_ID += 1
+        return self.QUERY_ID
+
+    def __getitem__(self, field: str):
+        def use_fn(cls: type[TElementClass]) -> TElementClass:
+            if issubclass(cls, arco.select):
+                return self.__apply_select(field)(cls)
+
+            if issubclass(cls, arco.input):
+                return self.__apply_input(field)(cls)
+
+            raise NotImplementedError(f"Not supported component:{cls.__name__}")
+
+        return use_fn
+
+    def __query_distinct_field_values(
+        self, field: str, query_id: int, order_sql: str = ""
+    ):
+        @ui.computed(inputs=[self.__query_str_info(field, query_id), field, order_sql])
+        def query_distinct_field_values_computed(
+            with_filters_info: TQueryStrInfo, field: str, order_sql: str
+        ):
+            sql = f"with cte as ({with_filters_info['sql']}) select distinct {field} from cte {order_sql}"
+
+            local_con = self._conn.cursor()
+
+            query = local_con.sql(sql, params=with_filters_info["params"])
+            return list(itertools.chain(*query.fetchall()))
+
+        return query_distinct_field_values_computed
+
+    def __apply_select(self, field: str):
+        def use_fn(cls: type[arco.select]) -> arco.select:
+            query_id = self._generate_query_id()
+            element = cls(
+                self.__query_distinct_field_values(
+                    field=field, query_id=query_id, order_sql=f"order by {field}"
+                )
+            )
+
+            on_change = ui.js_event(
+                inputs=[ui.event_context.e(), field, query_id],
+                outputs=[self._element._ele_ref],
+                code=r"""(value,field,query_id) => {
+if (value) {
+    return {method: 'addFilter', args:[{field, expr: `${field}= ?`,value,query_id}]};
+}
+
+return {method:'removeFilter', args:[{field,query_id}]};
+                }""",
+            )
+
+            element.on_change(on_change)
+
+            return element
+
+        return use_fn
+
+    def __apply_input(self, field: str):
+        def use_fn(cls: type[arco.input]) -> arco.input:
+            query_id = self._generate_query_id()
+            element = cls()
+
+            on_change = ui.js_event(
+                inputs=[ui.event_context.e(), field, query_id],
+                outputs=[self._element._ele_ref],
+                code=r"""(value,field,query_id) => {
+if (value) {
+    value = `%${value.trim()}%`
+    return {method: 'addFilter', args:[{field, expr: `${field} like ?`,value,replace:true,query_id}]};
+}
+
+return {method:'removeFilter', args:[{field,query_id}]};
+                }""",
+            )
+
+            element.on_input(on_change)
+
+            return element
+
+        return use_fn
+
+    def __query_str_info(self, target_field: str = "", query_id: int = -1):
+        @ui.computed(inputs=[self._element.filters, target_field, query_id])
+        def query_str_computed(filters: TFilters, target_field: str, query_id: int):
+            if not filters:
+                return {
+                    "sql": f"select * from {self._table_name}",
+                    "params": [],
+                }
+            else:
+                filter_exprs = []
+
+                if target_field:
+                    target_key = f"{target_field}-{query_id}"
+                    without_target_exprs = (
+                        exprs for key, exprs in filters.items() if key != target_key
+                    )
+                    filter_exprs = list(itertools.chain(*without_target_exprs))
+                else:
+                    filter_exprs = list(itertools.chain(*filters.values()))
+
+                where_stem = " and ".join(info["expr"] for info in filter_exprs)
+                if where_stem:
+                    where_stem = f" where {where_stem}"
+                return {
+                    "sql": f"select * from {self._table_name}{where_stem}",
+                    "params": [info["value"] for info in filter_exprs],
+                }
+
+        return query_str_computed
+
+    def query_str(self):
+        return ui.js_computed(
+            inputs=[self.__query_str_info()],
+            code=r"""info=>{
+    const {sql,params} = info;
+    let currentIndex = 0;
+    return sql.replace(/\?/g, function () {
+        if (currentIndex >= params.length) {
+            throw new Error('Not enough parameters provided for the SQL statement.');
+        }
+        return JSON.stringify(params[currentIndex++]);
+    });                                                
+}""",
+        )
+
+    def filters(self):
+        return self._element.filters
+
+    def __apply_table(self, *, sql: str):
+        def use_fn(cls: type[arco.table]) -> arco.table:
+            @ui.computed(inputs=[self.__query_str_info(), sql])
+            def table_query(with_filters_into: TQueryStrInfo, sql: str):
+                sql = f"with cte as ({with_filters_into['sql']}) {sql}"
+
+                local_con = self._conn.cursor()
+
+                query = local_con.sql(sql, params=with_filters_into["params"])
+                columns = query.columns
+                values = query.fetchall()
+
+                real_cols = [{"title": col, "dataIndex": col} for col in columns]
+
+                real_values = [
+                    {col: val for col, val in zip(columns, row)} for row in values
+                ]
+
+                return {
+                    "columns": real_cols,
+                    "data": real_values,
+                }
+
+            element = cls(
+                data=ui.js_computed(inputs=[table_query], code=r"v=> v ? v.data : []"),
+                columns=ui.js_computed(
+                    inputs=[table_query], code=r"v=> v ? v.columns : []"
+                ),
+            )
+
+            return element
+
+        return use_fn
+
+    def __call__(self, cls: type[arco.table], *, sql: str = "select * from cte"):
+        return self.__apply_table(sql=sql)(cls)
+
+    def query_table(self, *, sql: str):
+        return self.__apply_table(sql=sql)
+
+
+class Facade:
+    def __call__(self, db: Path):
+        self.db = db
+        raise NotImplementedError()
+
+    @classmethod
+    def from_pandas(
+        cls, dataframe: "pandas.DataFrame", *, table_name: str = "df"
+    ) -> DuckdbDataFrameSource:
+        ds = DuckdbDataFrameSource(table_name)
+
+        cursor = ds._conn.cursor()
+        cursor.execute(
+            f"create table if not exists {table_name} as select * from dataframe"
+        )
+        return ds
+
+
+_facade = Facade()

instaui/experimental/link_sql/_types.py

@@ -0,0 +1,15 @@
+from typing import Any, Dict, List
+from typing_extensions import TypedDict
+
+
+class TFilterInfo(TypedDict):
+    expr: str
+    value: Any
+
+
+TFilters = Dict[str, List[TFilterInfo]]
+
+
+class TQueryStrInfo(TypedDict):
+    sql: str
+    params: List[Any]

instaui/experimental/link_sql/data_source.js

@@ -0,0 +1,50 @@
+
+export default {
+    props: [],
+
+    setup(props, { emit, expose }) {
+        const filters = new Map()
+
+        function addFilter(filter) {
+            const { field, expr, value, replace = true, query_id } = filter
+            const key = `${field}-${query_id}`
+
+            if (!filters.has(key)) {
+                filters.set(key, [])
+            }
+
+            const info = { expr, value }
+
+            if (replace) {
+                filters.set(key, [info])
+            } else {
+                filters.get(key).push(info)
+            }
+            emit("filter-changed", { filters: Object.fromEntries(filters.entries()), target: field, query_id })
+        }
+
+        function removeFilter(info) {
+            const { field, query_id } = info
+            const key = `${field}-${query_id}`
+
+            filters.delete(key)
+            emit("filter-changed", { filters: Object.fromEntries(filters.entries()), target: field, query_id })
+        }
+
+
+
+        function test(count) {
+            console.log('test', count)
+        }
+
+        expose({
+            test,
+            addFilter,
+            removeFilter,
+        })
+
+
+    },
+
+
+}

instaui/fastapi_server/debug_mode_router.py

@@ -18,7 +18,7 @@ def create_router(app: FastAPI):
 
 
 async def event_generator(
-    request: Request, connection_id: str, interval_heart_beat_sec: int = 2
+    request: Request, connection_id: str, interval_heart_beat_sec: float = 0.8
 ):
     logger.debug("debug sse started")
     task_event = asyncio.Event()