TypeScript/Bunへの置換え

Author: sktryo

.github/workflows/publish_npm.yaml

@@ -14,23 +14,11 @@ jobs:
     - name: Checkout code
       uses: actions/checkout@v3
 
-    - name: Setup Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version: '20'
+    - name: Setup Bun
+      uses: oven-sh/setup-bun@v2
 
-    - name: Setup Python
-      uses: actions/setup-python@v5
-      with:
-        python-version: '3.11'
+    - name: Install dependencies
+      run: bun install
 
-    - name: Install Python dependencies
-      run: |
-        python -m pip install --upgrade pip
-        pip install -r requirements.txt
-
-    - name: Install Node.js dependencies
-      run: npm ci
-
-    - name: Run npm tests
-      run: npm test
+    - name: Run tests
+      run: bun test

.github/workflows/test.yml

@@ -1,49 +1,32 @@
 [![test](https://github.com/sktryo/XIV/actions/workflows/test.yml/badge.svg)](https://github.com/sktryo/XIV/actions/workflows/test.yml)
-[![Publish to NPM](https://github.com/sktryo/XIV/actions/workflows/publish_npm.yaml/badge.svg)](https://github.com/sktryo/XIV/actions/workflows/publish_npm.yaml)
+[![Publish to Bun](https://github.com/sktryo/XIV/actions/workflows/publish.yml/badge.svg)](https://github.com/sktryo/XIV/actions/workflows/publish.yml)
+
 # XIV
 
 A simple, component-based template engine that evolves into a lightweight JavaScript framework.
 
-XIV allows you to write clean, reusable HTML components and bring them to life with minimal JavaScript, powered by a Python-based compiler.
+XIV allows you to write clean, reusable HTML components and bring them to life with minimal JavaScript, all powered by the Bun runtime.
 
 ## Features
 
-- **Component-Based Architecture:** Use `<x-temp>` to build your UI from reusable parts.
-- **Props:** Pass data to components with `t-*` attributes.
+The compiler sets up a basic HTML structure, while the lightweight JavaScript runtime handles dynamic features directly in the browser.
+
+- **Component-Based Architecture:** Build your UI from reusable parts.
+- **Props:** Pass data to components.
 - **Slots:** Inject complex HTML content into your components.
-- **Conditional Rendering:** Use `x-if` and `x-if="not ..."` to show or hide elements.
-- **List Rendering:** Loop over arrays violência `x-for="item in items"`.
+- **Conditional Rendering:** Use `x-if` to show or hide elements.
+- **List Rendering:** Loop over arrays with `x-for`.
 - **Reactive State:** Manage component state with `x-data`.
 - **Event Handling:** Listen to DOM events with `x-on:<event>`.
 - **Reactive Text:** Bind state properties to text content with `x-text`.
 
 ## Installation
 
-XIV uses a Python-based compiler wrapped in a Node.js CLI. Installation is a two-step process.
-
-### Step 1: Python Environment Setup
-
-First, ensure you have Python 3 and `pip` installed. Then, set up the compiler's dependencies:
+First, ensure you have [Bun](https://bun.sh/) installed.
 
 ```shell
-# Clone the repository (or download the source)
-git clone https://github.com/sktryo/XIV.git
-cd XIV
-
-# Create a virtual environment (recommended)
-python3 -m venv venv
-
-# Install required Python packages
-venv/bin/pip install -r requirements.txt
-```
-
-### Step 2: Install from npm
-
-Once the Python environment is ready, you can install the `xiv-lang` command-line tool globally from npm:
-
-```shell
-npm install -g .
-# (In a real scenario, this would be: npm install -g xiv-lang)
+# Install from the Bun package registry
+bun add xiv-lang
 ```
 
 ## Usage
@@ -57,67 +40,51 @@ xiv <input_file> [options]
 **Example:**
 
 ```shell
-xiv docs/main.xiv -o dist/index.html -t docs/templates
+xiv docs/main.xiv -o dist/index.html
 ```
 
 **Options:**
 
-- `-t, --templates_dir <path>`: Directory for template files (default: `./templates`)
 - `-o, --output_file <path>`: Path for the output HTML file (default: `./index.html`)
 
-## Syntax Guide
-
-### Components & Props
+## Development
 
-```html
-<!-- main.xiv -->
-<x-temp x-name="greeting" t-message="Hello World" />
+To contribute or run the project locally:
 
-<!-- templates/greeting.xiv -->
-<xiv type="template">
-    <p>{{ message }}</p>
-</xiv>
-```
-
-### Slots
-
-```html
-<!-- main.xiv -->
-<x-temp x-name="card">
-    <h4>Card Title</h4>
-</x-temp>
-
-<!-- templates/card.xiv -->
-<xiv type="template">
-    <div class="card">
-        <slot />
-    </div>
-</xiv>
-```
+```shell
+# Clone the repository
+git clone https://github.com/sktryo/XIV.git
+cd XIV
 
-### Conditional & List Rendering
+# Install dependencies
+bun install
 
-```html
-<div t-users='[{"name": "Alice", "active": true}, {"name": "Bob", "active": false}]'>
-    <template x-for="user in users">
-        <div x-if="user.active">
-            <p>{{ user.name }} is active.</p>
-        </div>
-    </template>
-</div>
+# Run tests
+bun test
 ```
 
-### Interactive Components
+## How It Works
 
-XIV injects a lightweight JavaScript runtime to handle client-side interactivity.
+The `xiv` compiler takes a main `.xiv` file, extracts the content from `<head>` and `<body>` tags inside a `<xiv type="main">` block, and embeds it into a standard HTML5 boilerplate. It also injects the `xiv.js` runtime, which powers all the client-side interactive features.
 
+**Example `main.xiv`:**
 ```html
-<div x-data='{ "count": 0 }'>
-    <p>Count: <span x-text="count"></span></p>
-    <button x-on:click="count++">Increment</button>
-</div>
+<xiv type="main">
+    <head>
+        <title>My Awesome App</title>
+    </head>
+    <body>
+        <h1>Welcome to XIV!</h1>
+
+        <!-- Interactive component handled by the runtime -->
+        <div x-data='{ "count": 0 }'>
+            <p>Count: <span x-text="count"></span></p>
+            <button x-on:click="count++">Increment</button>
+        </div>
+    </body>
+</xiv>
 ```
 
 ## License
 
-This project is licensed under the ISC License. See the [LICENSE](./LICENSE) file for details.
+This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.