thoth-markup-lang 12.0.0 β 12.0.1
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.
- package/README.md +175 -113
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,242 +1,304 @@
|
|
|
1
|
-
#
|
|
2
|
-
### v12.0.0 β Sovereign Cloud
|
|
1
|
+
# π THOTH: The Sovereign Web Intelligence Engine
|
|
2
|
+
### v12.0.0 β Sovereign Cloud β’ Async Core β’ Reactive Architecture
|
|
3
3
|
|
|
4
4
|
<p align="center">
|
|
5
5
|
<img src="https://img.shields.io/npm/v/thoth-markup-lang?style=for-the-badge&color=06b6d4&logo=npm" />
|
|
6
|
+
<img src="https://img.shields.io/badge/Core-Async%20Non--Blocking-0ea5e9?style=for-the-badge" />
|
|
6
7
|
<img src="https://img.shields.io/badge/Architecture-Sovereign-f59e0b?style=for-the-badge" />
|
|
8
|
+
<img src="https://img.shields.io/badge/Rendering-Reactive%20Engine-22c55e?style=for-the-badge" />
|
|
7
9
|
<img src="https://img.shields.io/badge/Built%20In-Egypt%20πͺπ¬-020617?style=for-the-badge" />
|
|
8
10
|
</p>
|
|
9
11
|
|
|
10
12
|
<p align="center">
|
|
11
|
-
<b>
|
|
13
|
+
<b>Structure is Truth β’ Logic is Indentation β’ Control is Sovereignty</b>
|
|
12
14
|
</p>
|
|
13
15
|
|
|
14
16
|
---
|
|
15
17
|
|
|
16
|
-
##
|
|
18
|
+
## π§ What is THOTH?
|
|
17
19
|
|
|
18
|
-
THOTH is
|
|
20
|
+
**THOTH** is a next-generation **Asynchronous Reactive Web Engine** designed to eliminate the structural and cognitive overhead of modern frontend development.
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
It is not:
|
|
23
|
+
- β A framework
|
|
24
|
+
- β A wrapper
|
|
25
|
+
- β A templating engine
|
|
23
26
|
|
|
24
|
-
|
|
27
|
+
It is:
|
|
28
|
+
- β
A **unified architecture layer**
|
|
29
|
+
- β
A **runtime + syntax + philosophy**
|
|
30
|
+
- β
A **replacement for fragmented stacks**
|
|
25
31
|
|
|
26
|
-
> You donβt
|
|
32
|
+
> You donβt βbuild UIβ with THOTHβ¦ you **define systems**.
|
|
27
33
|
|
|
28
34
|
---
|
|
29
35
|
|
|
30
|
-
##
|
|
36
|
+
## π¨ The Problem THOTH Solves
|
|
31
37
|
|
|
32
|
-
Modern web
|
|
33
|
-
- Too many frameworks
|
|
34
|
-
- Too much boilerplate
|
|
35
|
-
- Too much mental overhead
|
|
38
|
+
Modern web stacks suffer from:
|
|
36
39
|
|
|
37
|
-
|
|
40
|
+
- Dependency hell (React, Vite, Redux, Axiosβ¦)
|
|
41
|
+
- Boilerplate explosion
|
|
42
|
+
- Context switching (HTML + CSS + JS)
|
|
43
|
+
- Manual state wiring
|
|
44
|
+
- Routing complexity
|
|
45
|
+
- API integration overhead
|
|
38
46
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
β
|
|
42
|
-
β
|
|
47
|
+
### THOTH Response:
|
|
48
|
+
|
|
49
|
+
β Zero-bracket syntax
|
|
50
|
+
β Native state engine
|
|
51
|
+
β Built-in SPA routing
|
|
52
|
+
β Direct API binding
|
|
53
|
+
β No external JS required for core logic
|
|
54
|
+
β Single unified architecture file
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
58
|
+
## ποΈ Sovereign Scaffolding System [REVOLUTION]
|
|
59
|
+
|
|
60
|
+
```bash
|
|
61
|
+
thoth create my-app
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
### Instantly Generates:
|
|
65
|
+
|
|
66
|
+
```
|
|
67
|
+
/my-app
|
|
68
|
+
βββ index.thoth
|
|
69
|
+
βββ /components
|
|
70
|
+
βββ /data
|
|
71
|
+
βββ /pages
|
|
72
|
+
βββ thoth.config.json
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### Built for:
|
|
76
|
+
- Rapid prototyping
|
|
77
|
+
- Enterprise architecture
|
|
78
|
+
- Scalable systems
|
|
43
79
|
|
|
44
80
|
---
|
|
45
81
|
|
|
46
|
-
## π Core
|
|
82
|
+
## π Core Engine Capabilities
|
|
47
83
|
|
|
48
|
-
### βοΈ Sovereign Cloud Engine
|
|
49
|
-
Fetch APIs natively:
|
|
84
|
+
### βοΈ Sovereign Cloud Engine (Native API Layer)
|
|
50
85
|
```text
|
|
51
|
-
API users="https://
|
|
86
|
+
API users="https://api.example.com/users"
|
|
52
87
|
```
|
|
53
88
|
|
|
89
|
+
- Async by default
|
|
90
|
+
- Non-blocking rendering
|
|
91
|
+
- Auto binding to UI nodes
|
|
92
|
+
|
|
54
93
|
---
|
|
55
94
|
|
|
56
|
-
### β‘ Native State
|
|
95
|
+
### β‘ Native Reactive State Engine
|
|
57
96
|
```text
|
|
58
|
-
State
|
|
97
|
+
State energy: 0
|
|
59
98
|
```
|
|
60
99
|
|
|
61
|
-
|
|
100
|
+
- Instant UI updates
|
|
101
|
+
- No virtual DOM diffing
|
|
102
|
+
- No hooks / reducers
|
|
62
103
|
|
|
63
104
|
---
|
|
64
105
|
|
|
65
|
-
### π Smart SPA Routing
|
|
106
|
+
### π Smart SPA Routing Engine
|
|
66
107
|
```text
|
|
67
108
|
Route "/":
|
|
68
109
|
Route "/dashboard":
|
|
110
|
+
Route "/system":
|
|
69
111
|
```
|
|
70
112
|
|
|
71
|
-
|
|
113
|
+
- History API handled internally
|
|
114
|
+
- Zero configuration
|
|
115
|
+
- Automatic DOM hydration
|
|
72
116
|
|
|
73
117
|
---
|
|
74
118
|
|
|
75
|
-
### π
|
|
119
|
+
### π Native Layout System (Flex Engine)
|
|
76
120
|
```text
|
|
77
121
|
Row gap="20px" align="center":
|
|
78
122
|
Column width="300px":
|
|
79
123
|
```
|
|
80
124
|
|
|
81
|
-
|
|
125
|
+
- No Tailwind
|
|
126
|
+
- No Bootstrap
|
|
127
|
+
- Pure structural layout logic
|
|
82
128
|
|
|
83
129
|
---
|
|
84
130
|
|
|
85
|
-
### π§© Component System
|
|
131
|
+
### π§© Sovereign Component System
|
|
86
132
|
```text
|
|
87
133
|
Define Card:
|
|
88
134
|
Box:
|
|
89
135
|
Text: @{{title}}
|
|
90
136
|
```
|
|
91
137
|
|
|
92
|
-
Reusable
|
|
138
|
+
- Reusable
|
|
139
|
+
- Stateless or stateful
|
|
140
|
+
- Fully isolated
|
|
93
141
|
|
|
94
142
|
---
|
|
95
143
|
|
|
96
|
-
### π Data Binding
|
|
144
|
+
### π Recursive Data Binding Engine
|
|
97
145
|
```text
|
|
98
|
-
Text: @{{
|
|
146
|
+
Text: @{{username}}
|
|
99
147
|
```
|
|
100
148
|
|
|
101
|
-
|
|
149
|
+
- JSON / API binding
|
|
150
|
+
- Deep nesting support
|
|
151
|
+
- Zero transformation layer
|
|
102
152
|
|
|
103
153
|
---
|
|
104
154
|
|
|
105
|
-
### π Auth Guards
|
|
155
|
+
### π Structural Security (Auth Guards)
|
|
106
156
|
```text
|
|
107
157
|
Header Auth="admin":
|
|
108
158
|
```
|
|
109
159
|
|
|
110
|
-
|
|
160
|
+
- Built-in access control
|
|
161
|
+
- DOM-level protection
|
|
111
162
|
|
|
112
163
|
---
|
|
113
164
|
|
|
114
|
-
### π
|
|
115
|
-
Errors actually help you:
|
|
116
|
-
|
|
165
|
+
### π Intelligent Traceback System
|
|
117
166
|
```text
|
|
118
|
-
File "app.thoth", line
|
|
119
|
-
APIError:
|
|
167
|
+
File "app.thoth", line 22
|
|
168
|
+
APIError: Invalid endpoint
|
|
120
169
|
```
|
|
121
170
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
### 1. Install
|
|
127
|
-
|
|
128
|
-
```bash
|
|
129
|
-
npm install -g thoth-markup-lang
|
|
130
|
-
```
|
|
171
|
+
- Precise debugging
|
|
172
|
+
- Developer-friendly errors
|
|
173
|
+
- Runtime + overlay support
|
|
131
174
|
|
|
132
175
|
---
|
|
133
176
|
|
|
134
|
-
|
|
177
|
+
## π Master Example (Full System)
|
|
135
178
|
|
|
136
|
-
**app.thoth**
|
|
137
179
|
```text
|
|
138
180
|
TYPE THOTH
|
|
139
181
|
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
Sub: @{{name}}
|
|
144
|
-
Text: "Email: @{{email}}"
|
|
145
|
-
|
|
146
|
-
State active_users: 0
|
|
182
|
+
# Data & Imports
|
|
183
|
+
DataSource: data/config.json
|
|
184
|
+
Import: components/Navbar.thoth
|
|
147
185
|
|
|
186
|
+
# API Layer
|
|
148
187
|
API users="https://jsonplaceholder.typicode.com/users"
|
|
149
188
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
Row gap="20px":
|
|
153
|
-
Repeat Over="users":
|
|
154
|
-
UserCard name="@{{name}}", email="@{{email}}"
|
|
189
|
+
# State Layer
|
|
190
|
+
State clicks: 0
|
|
155
191
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
Button action="set:active_users=active_users+1": "Ping"
|
|
159
|
-
```
|
|
192
|
+
# Root Architecture
|
|
193
|
+
Container class="app-shell":
|
|
160
194
|
|
|
161
|
-
|
|
195
|
+
Navbar title="THOTH Engine"
|
|
162
196
|
|
|
163
|
-
|
|
197
|
+
Route "/":
|
|
198
|
+
Column align="center":
|
|
164
199
|
|
|
165
|
-
|
|
166
|
-
thoth serve app.thoth
|
|
167
|
-
```
|
|
200
|
+
Title: "Sovereign Cloud Interface"
|
|
168
201
|
|
|
169
|
-
|
|
202
|
+
Row gap="20px":
|
|
203
|
+
Repeat Over="users":
|
|
204
|
+
Box class="card":
|
|
205
|
+
Sub: @{{name}}
|
|
206
|
+
Text: @{{email}}
|
|
170
207
|
|
|
171
|
-
|
|
208
|
+
Row:
|
|
209
|
+
Text: "Clicks: @{{clicks}}"
|
|
210
|
+
Button action="set:clicks=clicks+1":
|
|
211
|
+
"Inject Signal"
|
|
172
212
|
|
|
173
|
-
|
|
174
|
-
|
|
213
|
+
Route "/system":
|
|
214
|
+
Column:
|
|
215
|
+
Sub: "Diagnostics"
|
|
216
|
+
Text: "All systems operational."
|
|
175
217
|
```
|
|
176
218
|
|
|
177
219
|
---
|
|
178
220
|
|
|
179
|
-
##
|
|
221
|
+
## βοΈ CLI Commands
|
|
180
222
|
|
|
181
|
-
|
|
223
|
+
### Install Engine
|
|
224
|
+
```bash
|
|
225
|
+
npm install -g thoth-markup-lang
|
|
226
|
+
```
|
|
182
227
|
|
|
183
|
-
|
|
228
|
+
### Run Dev Server
|
|
229
|
+
```bash
|
|
230
|
+
thoth serve index.thoth
|
|
231
|
+
```
|
|
184
232
|
|
|
185
|
-
|
|
233
|
+
### Build Production
|
|
234
|
+
```bash
|
|
235
|
+
thoth build index.thoth
|
|
236
|
+
```
|
|
186
237
|
|
|
187
238
|
---
|
|
188
239
|
|
|
189
|
-
##
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
240
|
+
## 𧬠Architecture Keywords (SEO + Indexing)
|
|
241
|
+
|
|
242
|
+
Asynchronous Web Engine
|
|
243
|
+
Reactive UI Engine
|
|
244
|
+
No-JavaScript Framework Alternative
|
|
245
|
+
Zero-Bracket Markup Language
|
|
246
|
+
Indentation-Based Syntax Engine
|
|
247
|
+
SPA Without React
|
|
248
|
+
Native State Management Engine
|
|
249
|
+
API-First Frontend Architecture
|
|
250
|
+
Unified Web Stack
|
|
251
|
+
Declarative Web Systems
|
|
252
|
+
Non-Blocking Rendering Engine
|
|
253
|
+
Component-Based Architecture
|
|
254
|
+
Modern Web Engine 2026
|
|
255
|
+
Frontend Without Frameworks
|
|
256
|
+
Alternative to React / Vue / Angular
|
|
257
|
+
Sovereign Architecture System
|
|
198
258
|
|
|
199
259
|
---
|
|
200
260
|
|
|
201
|
-
##
|
|
261
|
+
## π₯ Competitive Comparison
|
|
202
262
|
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
263
|
+
| Feature | React / Vue | THOTH |
|
|
264
|
+
|--------|------------|-------|
|
|
265
|
+
| Setup Complexity | High | **Minimal** |
|
|
266
|
+
| State Management | External | **Native** |
|
|
267
|
+
| Routing | Library-based | **Built-in** |
|
|
268
|
+
| API Calls | Manual | **Native** |
|
|
269
|
+
| Syntax | JSX / Templates | **Indentation Logic** |
|
|
270
|
+
| Performance | Virtual DOM | **Direct Render Engine** |
|
|
209
271
|
|
|
210
272
|
---
|
|
211
273
|
|
|
212
|
-
##
|
|
213
|
-
|
|
214
|
-
Every file MUST start with:
|
|
274
|
+
## ποΈ Core Philosophy
|
|
215
275
|
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
```
|
|
276
|
+
> βThe web is not brokenβ¦
|
|
277
|
+
> developers just built too many layers on top of it.β
|
|
219
278
|
|
|
220
|
-
|
|
279
|
+
THOTH removes the layers.
|
|
221
280
|
|
|
222
281
|
---
|
|
223
282
|
|
|
224
283
|
## π Vision
|
|
225
284
|
|
|
226
|
-
THOTH
|
|
285
|
+
THOTH aims to:
|
|
227
286
|
|
|
228
|
-
|
|
287
|
+
- Replace frontend frameworks
|
|
288
|
+
- Simplify web architecture
|
|
289
|
+
- Reduce dev time by 70%+
|
|
290
|
+
- Enable true system-level thinking
|
|
229
291
|
|
|
230
292
|
---
|
|
231
293
|
|
|
232
|
-
## π Final
|
|
294
|
+
## π Final Statement
|
|
233
295
|
|
|
234
|
-
> β
|
|
235
|
-
>
|
|
296
|
+
> βYou donβt scale codeβ¦
|
|
297
|
+
> you scale architecture.β
|
|
236
298
|
|
|
237
299
|
---
|
|
238
300
|
|
|
239
301
|
<p align="center">
|
|
240
|
-
<b>
|
|
241
|
-
<i>
|
|
302
|
+
<b>Architected by Abdelfatah Abdelhamed</b><br>
|
|
303
|
+
<i>Egypt πͺπ¬ β’ Sovereign Systems Engineering</i>
|
|
242
304
|
</p>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "thoth-markup-lang",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.1",
|
|
4
4
|
"description": "THOTH Sovereign Suite v12.0.0 (The Sovereign Cloud): The ultimate indentation-based reactive web engine. Features native API Fetch Engine, Smart Routing (SPA builder), Native Layouts (Flexbox), Sovereign Components, State Management, Python-style tracebacks, and an ultra-high-performance runtime. Engineered by Engineer Abdelfatah Abdelhamed.",
|
|
5
5
|
"main": "thoth.js",
|
|
6
6
|
"bin": {
|
|
@@ -72,4 +72,4 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
}
|
|
75
|
-
}
|
|
75
|
+
}
|