dars-framework 1.2.2__tar.gz → 1.2.3__tar.gz

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. {dars_framework-1.2.2/dars_framework.egg-info → dars_framework-1.2.3}/PKG-INFO +1 -1
  2. {dars_framework-1.2.2 → dars_framework-1.2.3}/README.md +207 -223
  3. dars_framework-1.2.3/dars/cli/doctor/__init__.py +1 -0
  4. dars_framework-1.2.3/dars/cli/doctor/detect.py +154 -0
  5. dars_framework-1.2.3/dars/cli/doctor/doctor.py +176 -0
  6. dars_framework-1.2.3/dars/cli/doctor/installers.py +100 -0
  7. dars_framework-1.2.3/dars/cli/doctor/persist.py +62 -0
  8. dars_framework-1.2.3/dars/cli/doctor/preflight.py +33 -0
  9. dars_framework-1.2.3/dars/cli/doctor/ui.py +54 -0
  10. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/cli/main.py +74 -15
  11. dars_framework-1.2.3/dars/core/js_bridge.py +99 -0
  12. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/properties.py +3 -3
  13. dars_framework-1.2.3/dars/security.py +195 -0
  14. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/dState/state_mods_demo.py +2 -5
  15. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/version.py +2 -2
  16. {dars_framework-1.2.2 → dars_framework-1.2.3/dars_framework.egg-info}/PKG-INFO +1 -1
  17. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars_framework.egg-info/SOURCES.txt +8 -9
  18. {dars_framework-1.2.2 → dars_framework-1.2.3}/pyproject.toml +1 -1
  19. dars_framework-1.2.2/dars/security.py +0 -133
  20. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/index.html +0 -72
  21. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/lib/dars.min.js +0 -131
  22. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/runtime_css.css +0 -676
  23. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/runtime_dars.js +0 -349
  24. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/script.js +0 -1
  25. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/snapshot.json +0 -1
  26. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/styles.css +0 -0
  27. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/vdom_tree.js +0 -1
  28. dars_framework-1.2.2/dars/templates/examples/advanced/dState/dars_preview/version.txt +0 -1
  29. {dars_framework-1.2.2 → dars_framework-1.2.3}/LICENSE +0 -0
  30. {dars_framework-1.2.2 → dars_framework-1.2.3}/MANIFEST.in +0 -0
  31. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/__init__.py +0 -0
  32. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/all.py +0 -0
  33. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/cli/__init__.py +0 -0
  34. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/cli/hot_reload.py +0 -0
  35. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/cli/preview.py +0 -0
  36. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/cli/translations.py +0 -0
  37. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/__init__.py +0 -0
  38. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/__init__.py +0 -0
  39. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/accordion.py +0 -0
  40. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/card.py +0 -0
  41. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/modal.py +0 -0
  42. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/navbar.py +0 -0
  43. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/table.py +0 -0
  44. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/advanced/tabs.py +0 -0
  45. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/__init__.py +0 -0
  46. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/button.py +0 -0
  47. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/checkbox.py +0 -0
  48. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/container.py +0 -0
  49. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/datepicker.py +0 -0
  50. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/image.py +0 -0
  51. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/input.py +0 -0
  52. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/link.py +0 -0
  53. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/markdown.py +0 -0
  54. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/page.py +0 -0
  55. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/progressbar.py +0 -0
  56. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/radiobutton.py +0 -0
  57. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/select.py +0 -0
  58. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/slider.py +0 -0
  59. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/spinner.py +0 -0
  60. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/text.py +0 -0
  61. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/textarea.py +0 -0
  62. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/basic/tooltip.py +0 -0
  63. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/layout/__init__.py +0 -0
  64. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/layout/anchor.py +0 -0
  65. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/layout/flex.py +0 -0
  66. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/components/layout/grid.py +0 -0
  67. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/config.py +0 -0
  68. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/__init__.py +0 -0
  69. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/app.py +0 -0
  70. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/component.py +0 -0
  71. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/events.py +0 -0
  72. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/core/state.py +0 -0
  73. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/apps_test/health_check.py +0 -0
  74. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/run_tests.py +0 -0
  75. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/tests/test_advanced_components.py +0 -0
  76. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/tests/test_basic_components.py +0 -0
  77. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/tests/test_core_and_cli.py +0 -0
  78. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/tests/test_layout_components.py +0 -0
  79. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/dars_tests/tests/test_version_check.py +0 -0
  80. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/__init__.py +0 -0
  81. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/app.md +0 -0
  82. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/cli.md +0 -0
  83. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/components.md +0 -0
  84. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/custom_components.md +0 -0
  85. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/events.md +0 -0
  86. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/exporters.md +0 -0
  87. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/getting_started.md +0 -0
  88. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/index.md +0 -0
  89. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/scripts.md +0 -0
  90. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/docs/state_management.md +0 -0
  91. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/__init__.py +0 -0
  92. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/base.py +0 -0
  93. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/OLD/html_css_js_OLD4.py +0 -0
  94. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/OLD/html_css_js_old.py +0 -0
  95. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/OLD/html_css_js_old2.py +0 -0
  96. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/__init__.py +0 -0
  97. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/html_css_js.py +0 -0
  98. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/exporters/web/vdom.py +0 -0
  99. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/js_lib.py +0 -0
  100. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/scripts/__init__.py +0 -0
  101. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/scripts/dscript.py +0 -0
  102. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/scripts/script.py +0 -0
  103. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/__init__.py +0 -0
  104. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/__pycache__/__init__.cpython-311.pyc +0 -0
  105. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/README.md +0 -0
  106. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/__pycache__/dynamic_event_demo.cpython-311.pyc +0 -0
  107. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/Modal_Demo/advanced_modal_demo.py +0 -0
  108. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/SimpleDashboard/dashboard.py +0 -0
  109. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/SimpleModermWeb/modern_web_app.py +0 -0
  110. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/VariousComponents/all_components_demo.py +0 -0
  111. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/advanced/__init__.py +0 -0
  112. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Forms/form_components.py +0 -0
  113. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Forms/simple_form.py +0 -0
  114. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/HelloWorld/hello_world.py +0 -0
  115. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Layouts/flex_layout_responsive.py +0 -0
  116. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Layouts/grid_layout_responsive.py +0 -0
  117. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Layouts/layout_multipage_demo.py +0 -0
  118. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/Multipage/multipage_example.py +0 -0
  119. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/PWA/icon-192x192.png +0 -0
  120. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/PWA/icon-512x512.png +0 -0
  121. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/PWA/pwa_custom_icons.py +0 -0
  122. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/basic/__init__.py +0 -0
  123. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/demo/__pycache__/complete_app.cpython-311.pyc +0 -0
  124. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/demo/complete_app.py +0 -0
  125. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/markdown/MarkdownTemplate/README.md +0 -0
  126. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/markdown/MarkdownTemplate/markdown_template.py +0 -0
  127. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/markdown/MarkdownTemplate/other_docs.md +0 -0
  128. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/examples/markdown/__init__.py +0 -0
  129. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars/templates/html/__init__.py +0 -0
  130. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars_framework.egg-info/dependency_links.txt +0 -0
  131. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars_framework.egg-info/entry_points.txt +0 -0
  132. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars_framework.egg-info/requires.txt +0 -0
  133. {dars_framework-1.2.2 → dars_framework-1.2.3}/dars_framework.egg-info/top_level.txt +0 -0
  134. {dars_framework-1.2.2 → dars_framework-1.2.3}/setup.cfg +0 -0
@@ -1,6 +1,6 @@
1
1
  Metadata-Version: 2.4
2
2
  Name: dars_framework
3
- Version: 1.2.2
3
+ Version: 1.2.3
4
4
  Summary: Dars is a Python UI framework for building modern, interactive web apps with only Python code. Write your interface in Python, export it to static HTML/CSS/JS, and deploy anywhere.
5
5
  Author-email: ztamdev <zondax2009@gmail.com>
6
6
  License-Expression: MIT
@@ -14,226 +14,210 @@ pip install dars-framework
14
14
 
15
15
  > Some Javascript or frontend stack required.
16
16
 
17
- Try dars without installing nothing just visit the [Dars Playground](https://dars-playground.vercel.app/)
18
-
19
- ## How It Works
20
- - Build your UI using Python classes and components (like Text, Button, Container, Page, etc).
21
- - Preview instantly with hot-reload using `app.rTimeCompile()`.
22
- - Export your app to static web files with a single CLI command.
23
- - Use multipage, layouts, scripts, and more—see docs for advanced features.
24
- - For mor information visit the [Documentation](https://ztamdev.github.io/Dars-Framework/documentation.html)
25
-
26
- ## Quick Example: Your First App
27
- ```python
28
- from dars.all import *
29
-
30
- app = App(title="Hello World", theme="dark")
31
- # Crear componentes
32
- index = Page(
33
- Text(
34
- text="Hello World",
35
- style={
36
- 'font-size': '48px',
37
- 'color': '#2c3e50',
38
- 'margin-bottom': '20px',
39
- 'font-weight': 'bold',
40
- 'text-align': 'center'
41
- }
42
- ),
43
- Text(
44
- text="Hello World",
45
- style={
46
- 'font-size': '20px',
47
- 'color': '#7f8c8d',
48
- 'margin-bottom': '40px',
49
- 'text-align': 'center'
50
- }
51
- ),
52
-
53
- Button(
54
- text="Click Me!",
55
- on_click= dScript("alert('Hello World')"),
56
- on_mouse_enter=dScript("this.style.backgroundColor = '#2980b9';"),
57
- on_mouse_leave=dScript("this.style.backgroundColor = '#3498db';"),
58
- style={
59
- 'background-color': '#3498db',
60
- 'color': 'white',
61
- 'padding': '15px 30px',
62
- 'border': 'none',
63
- 'border-radius': '8px',
64
- 'font-size': '18px',
65
- 'cursor': 'pointer',
66
- 'transition': 'background-color 0.3s'
67
- }
68
- ),
69
- style={
70
- 'display': 'flex',
71
- 'flex-direction': 'column',
72
- 'align-items': 'center',
73
- 'justify-content': 'center',
74
- 'min-height': '100vh',
75
- 'background-color': '#f0f2f5',
76
- 'font-family': 'Arial, sans-serif'
77
- }
78
- )
79
- index.attr()
80
- app.add_page("index", index, title="Hello World", index=True)
81
-
82
- if __name__ == "__main__":
83
- app.rTimeCompile()
84
-
85
- ```
86
-
87
- ---
88
-
89
- ## Reactivity and State System
90
-
91
- **Dars Framework** includes a built-in **reactive state system** (`dState` / `cState`) that allows dynamic and modular DOM updates directly from Python.
92
- It enables fully event-driven interfaces without requiring manual JavaScript.
93
-
94
- ### Key Concepts
95
-
96
- * **`dState(name, component, states)`**
97
- Creates a reactive state controller bound to a specific component and a list of possible states.
98
-
99
- * **`cState(idx, mods=[...])`**
100
- Defines rules (modifications) that are automatically applied when entering a specific state.
101
-
102
- * **`Mod` Helpers**
103
- A compact way to modify DOM elements on state changes: `inc`, `dec`, `set`, `toggle_class`, `append_text`, `prepend_text`, `goto`, and more.
104
-
105
- * **Deferred Mutations**
106
- Using `component.attr(..., defer=True)` or `component.mod(...)` inside a `cComp=True` state defers HTML updates until an event occurs, preventing authoring-time mutations.
107
-
108
- ### Example Template
109
-
110
- A complete example demonstrating `dState`, `cState`, `Mod`, and deferred updates is available [here](https://github.com/ZtaMDev/Dars-Framework/blob/CrystalMain/dars/templates/examples/advanced/dState/state_mods_demo.py)
111
-
112
- <img width="384" height="187" alt="imagen" src="https://github.com/user-attachments/assets/7750ee7f-768f-48da-94df-2fa00339a99c" /> <img width="361" height="215" alt="imagen" src="https://github.com/user-attachments/assets/9b8a3e67-2424-49b4-aee0-9f1c0f747d66" />
113
-
114
-
115
-
116
- ### Features
117
-
118
- * Reactive Mod system with compact `Mod` helpers
119
- * Unified event model — any component can use `on_*` props (`on_click`, `on_input`, `on_change`, etc.)
120
- * Deferred rendering for safer, predictable state transitions (`cComp=True`)
121
- * Navigation between states using `goto`, including relative moves (`'+1'`, `'-1'`)
122
- * Consistent, event-time mutation flow for reliable behavior
123
-
124
- ---
125
-
126
- ## CLI Usage
127
- | Command | What it does |
128
- |-----------------------------------------|--------------------------------------------|
129
- | `dars export my_app.py --format html` | Export app to HTML/CSS/JS in `./my_app_web` |
130
- | `dars preview ./my_app_web` | Preview exported app locally |
131
- | `dars init my_project` | Create a new Dars project (also creates dars.config.json) |
132
- | `dars init --update` | Create/Update dars.config.json in current dir |
133
- | `dars build` | Build using dars.config.json (entry/outdir/format) |
134
- | `dars config validate` | Validate dars.config.json and print report |
135
- | `dars info my_app.py` | Show info about your app |
136
- | `dars formats` | List supported export formats |
137
- | `dars --help` | Show help and all CLI options |
138
-
139
- ## More
140
-
141
- - Visit dars [official website](https://ztamdev.github.io/Dars-Framework/)
142
- - Visit the dars official [Documentation](https://ztamdev.github.io/Dars-Framework/documentation.html) now on separate website.
143
- - Try dars without installing nothing just visit the [Dars Playground](https://dars-playground.vercel.app/)
144
-
145
- ## Local Execution and Live Preview
146
-
147
- To test your app locally before exporting, use the hot-reload preview from any Python file that defines your app:
148
-
149
- ```python
150
- if __name__ == "__main__":
151
- app.rTimeCompile()
152
- ```
153
-
154
- Then run your file directly:
155
-
156
- ```bash
157
- python my_app.py
158
- ```
159
-
160
- This will start a local server at http://localhost:8000 so you can view your app in the browser—no manual export needed. You can change the port with:
161
-
162
- ```bash
163
- python my_app.py --port 8088
164
- ```
165
-
166
- ---
167
-
168
- You can also use the CLI preview command on an exported app:
169
-
170
- ```bash
171
- dars preview ./my_exported_app
172
- ```
173
-
174
- This will start a local server at http://localhost:8000 to view your exported app in the browser.
175
-
176
- ---
177
-
178
- ## Project Configuration (dars.config.json)
179
-
180
- Dars can read build/export settings from a `dars.config.json` at your project root. It is created automatically by `dars init`, and you can add it to existing projects with `dars init --update`.
181
-
182
- Example default:
183
-
184
- ```json
185
- {
186
- "entry": "main.py",
187
- "format": "html",
188
- "outdir": "dist",
189
- "publicDir": null,
190
- "include": [],
191
- "exclude": ["**/__pycache__", ".git", ".venv", "node_modules"],
192
- "bundle": false
193
- }
194
- ```
195
-
196
- - `entry`: Python entry file. Used by `dars build` and `dars export config`.
197
- - `format`: Export format. Currently only `html` is supported.
198
- - `outdir`: Output directory. Used by `dars build` and default for `dars export` when not overridden.
199
- - `publicDir`: Folder (e.g., `public/` or `assets/`) copied into the output. If null, it is autodetected.
200
- - `include`/`exclude`: Basic filters for copying from `publicDir`.
201
- - `bundle`: Reserved for future use. CLI exports and build already bundle appropriately.
202
-
203
- Validate your config:
204
-
205
- ```bash
206
- dars config validate
207
- ```
208
-
209
- Build using config:
210
-
211
- ```bash
212
- dars build
213
- ```
214
-
215
- Export using the config entry and outdir:
216
-
217
- ```bash
218
- dars export config --format html
219
- ```
220
-
221
-
222
- ---
223
-
224
- ## What's new in v1.2.2
225
-
226
- Highlights:
227
-
228
- - Cross-dState calls with `Mod.call(...)` to trigger other states.
229
- - Immutable default state (index `0`) that restores the component's initial DOM when activated.
230
- - `Mod.set` accepts multiple attributes and `on_*` event arrays (mix InlineScript, FileScript, dScript, or JS strings), executed sequentially.
231
- - State bootstrap now serializes embedded scripts safely; runtime reconstitutes them.
232
-
233
- Upgrade:
234
-
235
- ```bash
236
- pip install --upgrade dars-framework
237
- ```
238
-
239
- See LandingPage docs for details: state_management.md, events.md, scripts.md.
17
+ Try dars without installing nothing just visit the [Dars Playground](https://dars-playground.vercel.app/)
18
+
19
+ ## How It Works
20
+ - Build your UI using Python classes and components (like Text, Button, Container, Page, etc).
21
+ - Preview instantly with hot-reload using `app.rTimeCompile()`.
22
+ - Export your app to static web files with a single CLI command.
23
+ - Use multipage, layouts, scripts, and more—see docs for advanced features.
24
+ - For more information visit the [Documentation](https://ztamdev.github.io/Dars-Framework/documentation.html)
25
+
26
+ ## Quick Example: Your First App
27
+ ```python
28
+ from dars.all import *
29
+
30
+ app = App(title="Hello World", theme="dark")
31
+ # Crear componentes
32
+ index = Page(
33
+ Text(
34
+ text="Hello World",
35
+ style={
36
+ 'font-size': '48px',
37
+ 'color': '#2c3e50',
38
+ 'margin-bottom': '20px',
39
+ 'font-weight': 'bold',
40
+ 'text-align': 'center'
41
+ }
42
+ ),
43
+ Text(
44
+ text="Hello World",
45
+ style={
46
+ 'font-size': '20px',
47
+ 'color': '#7f8c8d',
48
+ 'margin-bottom': '40px',
49
+ 'text-align': 'center'
50
+ }
51
+ ),
52
+
53
+ Button(
54
+ text="Click Me!",
55
+ on_click= dScript("alert('Hello World')"),
56
+ on_mouse_enter=dScript("this.style.backgroundColor = '#2980b9';"),
57
+ on_mouse_leave=dScript("this.style.backgroundColor = '#3498db';"),
58
+ style={
59
+ 'background-color': '#3498db',
60
+ 'color': 'white',
61
+ 'padding': '15px 30px',
62
+ 'border': 'none',
63
+ 'border-radius': '8px',
64
+ 'font-size': '18px',
65
+ 'cursor': 'pointer',
66
+ 'transition': 'background-color 0.3s'
67
+ }
68
+ ),
69
+ style={
70
+ 'display': 'flex',
71
+ 'flex-direction': 'column',
72
+ 'align-items': 'center',
73
+ 'justify-content': 'center',
74
+ 'min-height': '100vh',
75
+ 'background-color': '#f0f2f5',
76
+ 'font-family': 'Arial, sans-serif'
77
+ }
78
+ )
79
+ index.attr()
80
+ app.add_page("index", index, title="Hello World", index=True)
81
+
82
+ if __name__ == "__main__":
83
+ app.rTimeCompile()
84
+
85
+ ```
86
+
87
+ ---
88
+
89
+ ## Reactivity and State System
90
+
91
+ **Dars Framework** includes a built-in **reactive state system** (`dState` / `cState`) that allows dynamic and modular DOM updates directly from Python.
92
+ It enables fully event-driven interfaces without requiring manual JavaScript.
93
+
94
+ ### Key Concepts
95
+
96
+ * **`dState(name, component, states)`**
97
+ Creates a reactive state controller bound to a specific component and a list of possible states.
98
+
99
+ * **`cState(idx, mods=[...])`**
100
+ Defines rules (modifications) that are automatically applied when entering a specific state.
101
+
102
+ * **`Mod` Helpers**
103
+ A compact way to modify DOM elements on state changes: `inc`, `dec`, `set`, `toggle_class`, `append_text`, `prepend_text`, `goto`, and more.
104
+
105
+ * **Deferred Mutations**
106
+ Using `component.attr(..., defer=True)` or `component.mod(...)` inside a `cComp=True` state defers HTML updates until an event occurs, preventing authoring-time mutations.
107
+
108
+ ### Example Template
109
+
110
+ A complete example demonstrating `dState`, `cState`, `Mod`, and deferred updates is available [here](https://github.com/ZtaMDev/Dars-Framework/blob/CrystalMain/dars/templates/examples/advanced/dState/state_mods_demo.py)
111
+
112
+ <img width="384" height="187" alt="imagen" src="https://github.com/user-attachments/assets/7750ee7f-768f-48da-94df-2fa00339a99c" /> <img width="361" height="215" alt="imagen" src="https://github.com/user-attachments/assets/9b8a3e67-2424-49b4-aee0-9f1c0f747d66" />
113
+
114
+
115
+
116
+ ### Features
117
+
118
+ * Reactive Mod system with compact `Mod` helpers
119
+ * Unified event model — any component can use `on_*` props (`on_click`, `on_input`, `on_change`, etc.)
120
+ * Deferred rendering for safer, predictable state transitions (`cComp=True`)
121
+ * Navigation between states using `goto`, including relative moves (`'+1'`, `'-1'`)
122
+ * Consistent, event-time mutation flow for reliable behavior
123
+
124
+ ---
125
+
126
+ ## CLI Usage
127
+ | Command | What it does |
128
+ |-----------------------------------------|--------------------------------------------|
129
+ | `dars export my_app.py --format html` | Export app to HTML/CSS/JS in `./my_app_web` |
130
+ | `dars preview ./my_app_web` | Preview exported app locally |
131
+ | `dars init my_project` | Create a new Dars project (also creates dars.config.json) |
132
+ | `dars init --update` | Create/Update dars.config.json in current dir |
133
+ | `dars build` | Build using dars.config.json (entry/outdir/format) |
134
+ | `dars config validate` | Validate dars.config.json and print report |
135
+ | `dars info my_app.py` | Show info about your app |
136
+ | `dars formats` | List supported export formats |
137
+ | `dars --help` | Show help and all CLI options |
138
+
139
+ ## More
140
+
141
+ - Visit dars [official website](https://ztamdev.github.io/Dars-Framework/)
142
+ - Visit the dars official [Documentation](https://ztamdev.github.io/Dars-Framework/documentation.html) now on separate website.
143
+ - Try dars without installing nothing just visit the [Dars Playground](https://dars-playground.vercel.app/)
144
+
145
+ ## Local Execution and Live Preview
146
+
147
+ To test your app locally before exporting, use the hot-reload preview from any Python file that defines your app:
148
+
149
+ ```python
150
+ if __name__ == "__main__":
151
+ app.rTimeCompile()
152
+ ```
153
+
154
+ Then run your file directly:
155
+
156
+ ```bash
157
+ python my_app.py
158
+ ```
159
+
160
+ This will start a local server at http://localhost:8000 so you can view your app in the browser—no manual export needed. You can change the port with:
161
+
162
+ ```bash
163
+ python my_app.py --port 8088
164
+ ```
165
+
166
+ ---
167
+
168
+ You can also use the CLI preview command on an exported app:
169
+
170
+ ```bash
171
+ dars preview ./my_exported_app
172
+ ```
173
+
174
+ This will start a local server at http://localhost:8000 to view your exported app in the browser.
175
+
176
+ ---
177
+
178
+ ## Project Configuration (dars.config.json)
179
+
180
+ Dars can read build/export settings from a `dars.config.json` at your project root. It is created automatically by `dars init`, and you can add it to existing projects with `dars init --update`.
181
+
182
+ Example default:
183
+
184
+ ```json
185
+ {
186
+ "entry": "main.py",
187
+ "format": "html",
188
+ "outdir": "dist",
189
+ "publicDir": null,
190
+ "include": [],
191
+ "exclude": ["**/__pycache__", ".git", ".venv", "node_modules"],
192
+ "bundle": false
193
+ }
194
+ ```
195
+
196
+ - `entry`: Python entry file. Used by `dars build` and `dars export config`.
197
+ - `format`: Export format. Currently only `html` is supported.
198
+ - `outdir`: Output directory. Used by `dars build` and default for `dars export` when not overridden.
199
+ - `publicDir`: Folder (e.g., `public/` or `assets/`) copied into the output. If null, it is autodetected.
200
+ - `include`/`exclude`: Basic filters for copying from `publicDir`.
201
+ - `bundle`: Reserved for future use. CLI exports and build already bundle appropriately.
202
+
203
+ Validate your config:
204
+
205
+ ```bash
206
+ dars config validate
207
+ ```
208
+
209
+ Build using config:
210
+
211
+ ```bash
212
+ dars build
213
+ ```
214
+
215
+ Export using the config entry and outdir:
216
+
217
+ ```bash
218
+ dars export config --format html
219
+ ```
220
+
221
+ ---
222
+
223
+ See LandingPage docs for details: state_management.md, events.md, scripts.md.
@@ -0,0 +1 @@
1
+ # dars.cli.doctor package
@@ -0,0 +1,154 @@
1
+ import os, subprocess, sys, re
2
+ from typing import Tuple, Optional, List, Dict
3
+ from dars.core.js_bridge import has_bun, has_node, _run as js_run
4
+
5
+ SEMVER_RE = re.compile(r"v?(\d+)\.(\d+)\.(\d+)")
6
+
7
+
8
+ def _run(cmd: List[str]) -> Tuple[int, str, str]:
9
+ try:
10
+ p = subprocess.run(cmd, capture_output=True, text=True, shell=False)
11
+ return p.returncode, p.stdout.strip(), p.stderr.strip()
12
+ except Exception as e:
13
+ return 1, "", str(e)
14
+
15
+
16
+ def which(bin_name: str) -> Optional[str]:
17
+ if os.name == 'nt':
18
+ code, out, _ = _run(["where", bin_name])
19
+ else:
20
+ code, out, _ = _run(["which", bin_name])
21
+ if code == 0 and out:
22
+ return out.splitlines()[0].strip()
23
+ return None
24
+
25
+
26
+ def parse_semver(s: str) -> Optional[str]:
27
+ m = SEMVER_RE.search(s or "")
28
+ if not m:
29
+ return None
30
+ return f"{m.group(1)}.{m.group(2)}.{m.group(3)}"
31
+
32
+
33
+ def detect_node() -> Dict[str, Optional[str]]:
34
+ path = which("node")
35
+ if not path:
36
+ return {"ok": False, "version": None, "path": None}
37
+ code, out, _ = _run([path, "--version"]) # prints like v18.19.1
38
+ ver = parse_semver(out)
39
+ return {"ok": bool(ver), "version": ver, "path": path}
40
+
41
+
42
+ def detect_esbuild() -> Dict[str, Optional[str]]:
43
+ # Prefer bun x esbuild --version
44
+ if has_bun():
45
+ code, out, err = js_run(["bun", "x", "esbuild", "--version"]) # type: ignore
46
+ if code == 0:
47
+ return {"ok": True, "version": out.strip() or "unknown", "path": "bun x esbuild"}
48
+ # Node fallback
49
+ if has_node():
50
+ code, out, err = js_run(["npx", "--yes", "esbuild", "--version"]) # type: ignore
51
+ if code == 0:
52
+ return {"ok": True, "version": out.strip() or "unknown", "path": "npx esbuild"}
53
+ return {"ok": False, "version": None, "path": None}
54
+
55
+
56
+ def detect_vite() -> Dict[str, Optional[str]]:
57
+ # Prefer bun x vite --version
58
+ if has_bun():
59
+ code, out, err = js_run(["bun", "x", "vite", "--version"]) # type: ignore
60
+ if code == 0:
61
+ return {"ok": True, "version": out.strip() or "unknown", "path": "bun x vite"}
62
+ if has_node():
63
+ code, out, err = js_run(["npx", "--yes", "vite", "--version"]) # type: ignore
64
+ if code == 0:
65
+ return {"ok": True, "version": out.strip() or "unknown", "path": "npx vite"}
66
+ return {"ok": False, "version": None, "path": None}
67
+
68
+
69
+ def detect_bun() -> Dict[str, Optional[str]]:
70
+ path = which("bun")
71
+ if not path:
72
+ return {"ok": False, "version": None, "path": None}
73
+ code, out, _ = _run([path, "--version"]) # prints like 1.1.24
74
+ ver = parse_semver(out) or out.strip()
75
+ return {"ok": bool(ver), "version": ver, "path": path}
76
+
77
+
78
+ def read_pyproject_deps(pyproject_path: Optional[str] = None) -> List[str]:
79
+ """Extract [project].dependencies items as a list of requirement strings.
80
+ Avoids pulling unrelated keys (e.g., license).
81
+ """
82
+ path = pyproject_path or os.path.join(os.getcwd(), "pyproject.toml")
83
+ if not os.path.isfile(path):
84
+ return []
85
+ try:
86
+ with open(path, 'r', encoding='utf-8') as f:
87
+ lines = f.readlines()
88
+ reqs: List[str] = []
89
+ in_project = False
90
+ in_array = False
91
+ buf: List[str] = []
92
+ for raw in lines:
93
+ l = raw.strip()
94
+ # Track project table
95
+ if l.startswith('['):
96
+ in_project = (l == '[project]')
97
+ # leaving dependencies array if we hit a new table
98
+ if l != '[project]':
99
+ in_array = False
100
+ continue
101
+ if not in_project:
102
+ continue
103
+ # Find dependencies array start
104
+ if not in_array and l.startswith('dependencies') and '=' in l:
105
+ # Could be inline or multiline
106
+ # Normalize to everything after '='
107
+ after = l.split('=', 1)[1].strip()
108
+ if after.startswith('[') and after.endswith(']'):
109
+ # Inline array
110
+ buf = [after]
111
+ in_array = False
112
+ elif after.startswith('['):
113
+ buf = [after]
114
+ in_array = True
115
+ else:
116
+ # Malformed; skip
117
+ buf = []
118
+ in_array = False
119
+ # If inline, fall-through to extraction below
120
+ elif in_array:
121
+ buf.append(l)
122
+ if ']' in l:
123
+ in_array = False
124
+ # When we have a complete buffer (inline or closed multiline), extract
125
+ if buf and not in_array:
126
+ content = ' '.join(buf)
127
+ # Extract quoted items within brackets
128
+ m = re.findall(r'"([^"\\]*(?:\\.[^"\\]*)*)"', content)
129
+ for item in m:
130
+ if item:
131
+ reqs.append(item)
132
+ buf = []
133
+ return reqs
134
+ except Exception:
135
+ return []
136
+
137
+
138
+ def check_python_deps(requirements: List[str]) -> Dict[str, List[str]]:
139
+ missing: List[str] = []
140
+ try:
141
+ try:
142
+ import importlib.metadata as md # py3.8+
143
+ except Exception:
144
+ import importlib_metadata as md # type: ignore
145
+ for spec in requirements:
146
+ name = spec.split("==")[0].split(">=")[0].split("<=")[0]
147
+ try:
148
+ md.version(name)
149
+ except Exception:
150
+ missing.append(spec)
151
+ except Exception:
152
+ # if detection fails, don't block
153
+ pass
154
+ return {"missing": missing}