Native workspace for Total.js

Your whole project.
One focused IDE.

Build, understand, run and debug complete Total.js applications in a native macOS workspace designed around the framework—not adapted to it.

Explore TotalIDE Built for everyone

Total.js 4 + 5 jComponent 19 + 20 macOS 14+ · Apple silicon

myproject

controllers

default.js

public

css

default.js

favicon.ico

robots.txt

views

index.html

layout.html

config

index.js

package.json

readme.md

1<!DOCTYPE html>

2<html>

3<head>

4<meta charset="utf-8" />

5<meta http-equiv="X-UA-Compatible" content="IE=11" />

6<meta name="format-detection" content="telephone=no" />

7<meta name="viewport" content="width=device-width, initial-scale=1" />

8<meta name="robots" content="all,follow" />

9<link rel="stylesheet" href="//cdn.componentator.com/spa.min@20.css" />

10<script src="//cdn.componentator.com/spa.min@20.js"></script>

11{import('meta', 'head', 'default.css', 'default.js', 'favicon.ico')}

12</head>

13<body>

15<div class="container-background">

16<div class="container">

17<div class="center">

18{body}

19</div>

20</div>

21</div>

23<footer>

24Thank you for using <b>Total.js</b>.

25</footer>

26</body>

27</html>

CONSOLEPROBLEMS

Opened project "emptyproject".

Detected Total.js backend: total5.

Detected jComponent frontend: jc20.

Project ready (total5 · jc20).

CALL STACK

actionorders.js:18

execute_actionindex.js:405

VARIABLES

$Controller

itemsArray(12)

Paused on breakpoint orders.js:18

16async function create($) {

17 var model = $.model;

18 var response = await DATA.insert('tbl_order', model).promise($);

19 $.success(response.id);

20}

[Frontend] Cart updated { total: 3 }

Assistant Project context ready

Review the checkout flow and make it safe for concurrent orders.

I’ll read the project before changing it.

I found the order action, schema and frontend caller. I’ll keep the current API contract and use the project’s Total.js 5 patterns.

✓ Read 6 project files

✓ Checked bundled Total.js source

Proposed changeUpdate schemas/orders.js

NativeBuilt for macOS

Full stackBackend + frontend

Source-awareTotal.js ground truth

Local firstYour project, your control

Complete workflow

From an empty folder to a running application.

TotalIDE brings the pieces of real Total.js development together without turning your workspace into a collection of disconnected tools.

Create & edit

A code editor that speaks Total.js.

Open an existing project or create a clean Total.js 4 or 5 foundation. Work with completions, signatures, definitions, Quick Help and formatting that preserve the framework’s conventions.

Run & Preview

Your app, alive beside your code.

The included Node.js and Total.js runtimes start the project locally. Preview follows restarts, reloads when the server is ready and adapts from phone to desktop sizes.

Project tools

Structure instead of noise.

See routes, actions, schemas, plugins and components. Collect pending comments, inspect local data, manage configuration and keep local restore points.

Project-wide search
Database Viewer
GitHub & local history

Framework intelligence

Understands the code you actually write.

TotalIDE detects the project’s backend and frontend versions, learns its own declarations and connects symbols across controllers, schemas, actions, views and browser code.

Total.js globalsController chainsQueryBuilderTangularjComponent

Project graphVersion-aware

BackendRoutes · Actions · Schemas

FrontendViews · jComponent · Tangular

Your codeGlobals · Plugins · Helpers

Framework sourceTotal.js · QueryBuilder

Full-stack visibility

Debug the backend. See the frontend clearly.

One command starts a focused debug session and brings the signals from both runtimes into one workflow.

NODE.JS

Backend debugging inside TotalIDE

Set breakpoints in controllers, actions, schemas, definitions, middleware and startup code. Step through execution with conditions, call stacks, scopes, expressions and editable values.

BROWSER

Frontend diagnostics where you work

Preview forwards console output, uncaught errors and rejected promises into TotalIDE. Open Safari Web Inspector when you need DOM, network and browser JavaScript breakpoints.

Codex

Claude

Copilot

Ollama

llama.cpp

MCP

Your projectContext + control

Project-aware assistance

Agents that can understand before they change.

Use supported coding agents, local models or MCP-compatible tools with the project’s files, open buffers, Problems, structure and detected framework versions already in context.

Source-backed knowledge. Agents can consult the bundled Total.js and QueryBuilder source instead of guessing APIs.
Visible permissions. Review tool actions and approve the project change you expect.
Shared memory you control. Inspect, remove or clear durable project knowledge and preferences.
Open connections. Connect MCP-compatible tools while TotalIDE keeps the project boundary visible.

Codex, Claude and Copilot may require their own account or subscription. Ollama and llama.cpp run locally, while MCP connections are configured separately.

Accessibility is part of the architecture

A professional workspace should adapt to the developer.

TotalIDE combines native macOS behavior with deliberate labels, keyboard workflows, scalable interface text and states that never depend on color alone.

Explore accessibility in TotalIDE

Keyboard firstPrimary workflows and commands stay reachable.

VoiceOver contextControls expose names, hints and selected states.

Scalable interfaceEditor and interface text adjust independently.

Clear contrastLight, dark and increased-contrast environments.

Local-first control

Your project remains your project.

TotalIDE works directly with folders you choose. Analysis, formatting, runtime tools, history and AI memory live on your Mac. External services are optional and used only when you choose a connected feature.

Read the privacy policy

Available now

The native home for serious Total.js development.

TotalIDE is on the Mac App Store—free to download, fully native and sandboxed.

FreemacOS 14+Apple siliconNative SwiftTotal.js 4 + 5

Your whole project.One focused IDE.