v0.2.23

Author: ije

README.md

@@ -23,7 +23,7 @@ The React Framework in [Deno](https://deno.land), inspired by [Next.js](https://
 
 ### Installation
 ```bash
-deno install -A -f -n aleph https://deno.land/x/[email protected].22/cli.ts
+deno install -A -f -n aleph https://deno.land/x/[email protected].23/cli.ts
 ```
 
 ### Usage

egg.json

@@ -1,6 +1,6 @@
 {
   "name": "aleph",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "description": "The React Framework in Deno.",
   "homepage": "https://alephjs.org",
   "repository": "https://github.com/alephjs/aleph.js",

examples/hello-world/api/hi.ts

@@ -0,0 +1,5 @@
+import type { APIRequest } from "https://deno.land/x/aleph/types.ts"
+
+export default function handler(req: APIRequest) {
+    req.status(200).json({ name: 'Carol' })
+}

examples/hello-world/pages/index.tsx

@@ -1,34 +1,16 @@
 import { Import, useDeno } from 'https://deno.land/x/aleph/mod.ts'
 import React, { useState } from 'https://esm.sh/react'
 import Logo from '../components/logo.tsx'
+import useSWR from "https://esm.sh/swr"
+import Axios from "https://esm.sh/axios";
+
+const fetcher = (url: string) => Axios.get(url).then(({ data }) => data);
 
 export default function Home() {
-    const [count, setCount] = useState(0)
-    const version = useDeno(() => {
-        return Deno.version
-    })
+    const { data } = useSWR('/api/hi', fetcher);
 
-    return (
-        <div className="page">
-            <Import from="../style/index.less" />
-            <p className="logo"><Logo /></p>
-            <h1>Welcome to use <strong>Aleph.js</strong>!</h1>
-            <p className="links">
-                <a href="https://alephjs.org" target="_blank">Website</a>
-                <span>&middot;</span>
-                <a href="https://alephjs.org/docs/get-started" target="_blank">Get Started</a>
-                <span>&middot;</span>
-                <a href="https://alephjs.org/docs" target="_blank">Docs</a>
-                <span>&middot;</span>
-                <a href="https://github.com/alephjs/aleph.js" target="_blank">Github</a>
-            </p>
-            <p className="counter">
-                <span>Counter:</span>
-                <strong>{count}</strong>
-                <button onClick={() => setCount(n => n - 1)}>-</button>
-                <button onClick={() => setCount(n => n + 1)}>+</button>
-            </p>
-            <p className="copyinfo">Built by Aleph.js in Deno v{version.deno}</p>
-        </div>
-    )
+    if (!data) {
+        return <div>loading...</div>
+    }
+    return <div>hello {data.name}!</div>
 }

version.ts

@@ -1 +1 @@
-export const version = '0.2.22'
+export const version = '0.2.23'