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

instaui/html_tools.py

@@ -5,6 +5,8 @@ from instaui.common.jsonable import dumps, dumps2dict
 from instaui.runtime._app import get_app_slot
 from instaui.tailwind._index import use_tailwind
 
+use_tailwind = use_tailwind
+
 
 def add_css_link(href: Union[str, Path]):
     """Add a link to a CSS file to the HTML document.
@@ -52,9 +54,6 @@ def add_style(content: str):
     get_app_slot()._html_resource.add_style_tag(content)
 
 
-use_tailwind = use_tailwind
-
-
 def use_page_title(title: str):
     """Set the title of the HTML document.
 

instaui/runtime/scope.py

@@ -8,6 +8,9 @@ if TYPE_CHECKING:
     from instaui.vars.mixin_types.var_type import VarMixin
     from instaui.vars.mixin_types.py_binding import CanInputMixin
     from instaui.vars.web_computed import WebComputed
+    from instaui.vars.js_computed import JsComputed
+    from instaui.vars.vue_computed import VueComputed
+    from instaui.vars.data import ConstData
     from instaui.watch.web_watch import WebWatch
     from instaui.watch.js_watch import JsWatch
     from instaui.watch.vue_watch import VueWatch
@@ -20,7 +23,10 @@ class Scope(Jsonable):
         self.id = id
         self._vars_id_counter = 0
         self._element_ref_id_counter = 0
-        self._vars: List[VarMixin] = []
+        self._refs: List[VarMixin] = []
+        self._const_data: List[ConstData] = []
+        self._js_computeds: List[JsComputed] = []
+        self._vue_computeds: List[VueComputed] = []
         self._web_computeds: List[WebComputed] = []
         self._element_refs: List[ElementRef] = []
         self._run_method_records: List = []
@@ -52,8 +58,17 @@ class Scope(Jsonable):
             "on": [v._to_input_config() for v in on],
         }
 
-    def register_var(self, var: VarMixin) -> None:
-        self._vars.append(var)
+    def register_ref(self, var: VarMixin) -> None:
+        self._refs.append(var)
+
+    def register_data(self, data: ConstData) -> None:
+        self._const_data.append(data)
+
+    def register_js_computed(self, computed: JsComputed) -> None:
+        self._js_computeds.append(computed)
+
+    def register_vue_computed(self, computed: VueComputed) -> None:
+        self._vue_computeds.append(computed)
 
     def register_web_computed(self, computed: WebComputed) -> None:
         self._web_computeds.append(computed)
@@ -69,8 +84,8 @@ class Scope(Jsonable):
 
     def _to_json_dict(self):
         data = super()._to_json_dict()
-        if self._vars:
-            data["vars"] = self._vars
+        if self._refs:
+            data["refs"] = self._refs
         if self._query:
             data["query"] = self._query
         if self._web_watchs:
@@ -83,6 +98,12 @@ class Scope(Jsonable):
             data["eRefs"] = self._element_refs
         if self._web_computeds:
             data["web_computed"] = self._web_computeds
+        if self._js_computeds:
+            data["js_computed"] = self._js_computeds
+        if self._vue_computeds:
+            data["vue_computed"] = self._vue_computeds
+        if self._const_data:
+            data["data"] = self._const_data
 
         return data
 
@@ -91,8 +112,8 @@ class GlobalScope(Scope):
     def __init__(self, id: str) -> None:
         super().__init__(id)
 
-    def register_var(self, var: VarMixin) -> None:
-        raise ValueError("Can not register vars in global scope")
+    def register_ref(self, var: VarMixin) -> None:
+        raise ValueError("Can not register ref in global scope")
 
     def register_web_computed(self, computed: WebComputed) -> None:
         raise ValueError("Can not register web_computeds  in global scope")

instaui/static/insta-ui.css

@@ -1 +1 @@
-:root{color-scheme:light dark}:where(body){--insta-column-gap: 1rem;height:100vh}:where(*){box-sizing:border-box}:where(#app){height:100%}:where(.app-box,.insta-main){height:100%}:where(.insta-main){--insta-padding: 16px;padding:var(--insta-padding, 16px)}
+:root{color-scheme:light dark}:where(body){--insta-column-gap: 1rem;height:100vh}:where(*){box-sizing:border-box}:where(#app){height:100%}:where(.app-box,.insta-main){height:100%;overflow-y:auto}:where(.insta-main){--insta-padding: 16px;padding:var(--insta-padding, 16px)}