DEV Community

Cover image for Is TypeNova able to make production grade app .
Prasoon Jadon
Prasoon Jadon

Posted on • Edited on

Is TypeNova able to make production grade app .

💡 What TypeNova Can Do (with Examples)

✅ 1. Run Inline TypeScript in HTML

Write TypeScript directly using <script type="text/typescript"> — no bundler or build step needed.

<script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>

<script type="text/typescript">
  const greet = (name: string) => `Hello, ${name}!`;
  console.log(greet("TypeNova"));
</script>
Enter fullscreen mode Exit fullscreen mode

✅ 2. Load and Run Remote .ts Files

Use runTSFromURL() to fetch and execute a TypeScript file from any public URL.

<script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>

<script>
  runTSFromURL("https://example.com/app.ts");
</script>
Enter fullscreen mode Exit fullscreen mode

✅ 3. Manipulate the DOM with TypeScript

Use DOM APIs like document.getElementById() directly in TypeScript.

<h2 id="title">Hello</h2>

<script type="text/typescript">
  const title = document.getElementById("title")!;
  title.textContent = "Hello from TypeNova!";
</script>
Enter fullscreen mode Exit fullscreen mode

✅ 4. Create Interactive Web Apps with TypeScript

Build full browser apps like ToDo lists with only TypeScript in the browser.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>TypeNova ToDo</title>
  <script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>
  <style>
    body { font-family: sans-serif; padding: 20px; }
    input { padding: 5px; width: 200px; }
    ul { list-style: none; padding: 0; }
    li { background: #f0f0f0; margin: 5px 0; padding: 5px; }
  </style>
</head>
<body>

  <h1>📝 TypeNova ToDo</h1>
  <input id="taskInput" placeholder="Enter task" />
  <button onclick="addTask()">Add</button>
  <ul id="taskList"></ul>


    <script type="text/typescript">
  (window as any).addTask = function () {
    const input = document.getElementById("taskInput") as HTMLInputElement;
    const list = document.getElementById("taskList")!;

    const text = input.value.trim();
    if (!text) return;

    const li = document.createElement("li");
    li.textContent = text;

    li.onclick = () => {
      li.remove();
    };

    list.appendChild(li);
    input.value = "";
  };
</script>

  </script>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

✅ 5. Auto-Run All <script type="text/typescript"> Tags

TypeNova automatically finds and runs all inline TypeScript blocks on page load — no manual call needed.

✅ 6. Use Modern JavaScript Features

Supports async/await, ES6+, arrow functions, and more.

<script type="text/typescript">
  async function fetchData() {
    const res = await fetch("https://api.github.com");
    console.log(await res.json());
  }

  fetchData();
</script>
Enter fullscreen mode Exit fullscreen mode

That’s the magic of TypeNova — a seamless TypeScript experience right inside your browser.

Top comments (0)