initial commit

.github/workflows/deploy.yml

@@ -3,7 +3,7 @@ name: Deploy to GitHub Pages
 on:
   push:
     branches:
-      - master
+      - demo
 
 permissions:
   contents: write
@@ -46,13 +46,10 @@ jobs:
           key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-pnpm-store-
-      - name: Install dependencies
+      - name: Build
         run: |
-          cd starter
           pnpm install
-
-      - name: Build
-        run: pnpm build
+          pnpm build
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

.gitignore

@@ -1,7 +1,3 @@
-logs
-*.log
-npm-debug.log*
-pnpm-debug.log*
-
 node_modules
-dist
+dist
+.unit

README.md

@@ -1,128 +1,12 @@
-<div align=center>
+![](./src/public/favicon.png)
 
-<img src=https://github.com/henryhale/create-unit/raw/master/starter/src/public/favicon.png />
+# Unit.js | Demo
+This demo application was generated using [create-unit](https://npmjs.com/package/create-unit).
 
-# Unit.js
+## Setup
+1. Install dependencies: `npm install`
+2. Start dev server: `npm run dev`
+3. Build for produciton: `npm run build`
 
-focus - simplicity - productivity
-
-</div>
-
-## Overview
-
-Unit.js is a lightweight HTML-first UI framework designed to bring focus, simplicity, and enhanced developer productivity to your projects.
-Powered by [Vite](https://vitejs.dev), Unit.js encourages a streamlined development experience with a unique approach to components.
-
-Define state and components once, reuse them wherever.
-
-> Note: ⚠️ This project is still under development.
-
-## Screenshot
-
-![](https://github.com/henryhale/create-unit/blob/master/screenshot.png)
-
-Demo link: [Click here](https://henryhale.github.io/unit.js/).
-
-## Key Features
-
-- [x] **Focus on Simplicity**: Unit.js embraces simplicity as a core principle, making it easy for developers to create and manage UI components effortlessly.
-
-- [x] **File-based Components**: Components in Unit.js are represented as files ending with the `.unit` extension. This convention simplifies organization and encourages a modular structure in your project. You can import `.unit` files into another `.unit` file.
-
-- [x] **HTML Build Output**: Generate fully-rendered pages of your website at build time.
-
-- [x] **Reactive by Choice**: Leverage the expressive syntax of reactivity-powered libraries like [Alpine.js](https://alpinejs.dev) to create components reactive at runtime.
-
-> Note:
-> Unit.js is powered by [Vite](https://vitejs.dev) and so most features
-> can be used directly in your project for example asset handling.
-
-## Preresquites
-
-Basic understanding of HTML, CSS, JavaScript and Node.js ([npm](https://npmjs.org) or [pnpm](https://pnpm.io)) is required.
-
-## Getting Started
-
-1. **Installation**
-
-   Create a new project, `my_app` using your preferred package manager.
-
-   ```sh
-    npx create unit my_app
-    # pnpm dlx create-unit my_app
-    ```
-
-    Navigate to your project and install dependencies
-
-    ```sh
-    cd my_app
-    npm install
-    # pnpm install
-    ```
-
-2. **Create Your First Component**
-
-   Start building your UI component by simply create a new file `hello.unit` under the `src/components/` folder. 
-
-   ```html
-   <!-- hello.unit -->
-   <h1>Hello, Unit.js!</h1>
-   ```
-
-   Import it into the `src/pages/index.unit` and you're ready to go live.
-
-   ```html
-   <!-- index.unit -->
-   import Hello from "../components/hello.unit";
-
-   <Hello />
-   ```
-
-3. **Run the Development Server**
-
-   Start the development server to see your changes in real-time.
-
-   ```sh
-   npm run dev
-   # pnpm dev
-   ```
-
-4. **Build for Production**
-
-   When you're ready to deploy your application, build for production to optimize and minimize your code.
-
-   ```sh
-   npm run build
-   # pnpm build
-   ```
-
-5. **Deployment**
-
-   After building your project, production files exist in the `dist` folder at the root of your project. Check out [Vite's deployment guide](https://vitejs.dev/guide/static-deploy.html).
-
-## File Structure
-
-- `.vscode/`: contains settings and recommended extensions for [Visual Studio Code](https://code.visualstudio.com/) users
-- `src/`: all your project source files here
-- `src/components/`: contains reusable `.unit` files
-- `src/data/`: contains composable and state scripts
-- `src/pages/`: contains only `.unit` files for corresponding html pages
-- `src/public/`: contains assets to be served at the root like _favicon.png_
-- `src/template.html`: used to generate html pages from every `.unit` file in `src/pages/` folder on build time
-- `src/main.js`: common script for all pages placed in the `src/template.html`. 
-  For a different script per page, create another script and add a script tag in the corresponding `.unit` file under the `src/pages/` folder
-- `src/global.css`: Shared CSS styles
-
-## Contributing
-
-Contributions are welcome to make Unit.js even better! Feel free to open issues or submit pull requests.
-
-## License
-
-Unit.js is released under the [MIT License](https://github.com/henryhale/create-unit/blob/master/LICENSE.txt).
-
-Copyright &copy; 2024-present, [Henry Hale](https://github.com/henryhale)
-
----
-
-_Enjoy the focus, simplicity, and increased productivity that Unit.js brings to your UI development!_
+## Development
+To get started, read the [guide here](https://github.com/henryhale/create-unit#getting-started).