BREAK remove vue/solid, focus on react

Author: ije

CONTRIBUTING.md

@@ -48,8 +48,6 @@ deno test -A
 - **/framework**
   - **core** framework framework core
   - **react** framework framework for React
-  - **vue** framework framework for Vue.js
-  - **solid** framework framework for SolidJS
 - **/server** server core of Aleph.js
 - **/shared** shared libraries
 - **/tests** unit/integration testings

README.md

@@ -11,7 +11,6 @@
 Some demo apps deployed to [Deno Deploy](https://deno.com/deploy) with the new architecture:
 
 - React App: https://aleph-hello.deno.dev/
-- Vue App: https://aleph-vue.deno.dev/
 - REST API: https://aleph-api.deno.dev/
 - React 18 Suspense SSR: https://aleph-suspense-ssr.deno.dev/
 - UnoCSS(tailwind): https://aleph-unocss.deno.dev/
@@ -29,7 +28,7 @@ Some demo apps deployed to [Deno Deploy](https://deno.com/deploy) with the new a
 ## Get started
 
 Initialize a new project, you can pick a start template with `--template` flag, available templates:
-`[react, vue, api, solid, yew]`
+`[react, react-mdx, api, yew]`
 
 ```bash
 deno run -A -r https://alephjs.org/init.ts

deno.json

@@ -10,7 +10,7 @@
       "./types.d.ts"
     ],
     "jsx": "react-jsx",
-    "jsxImportSource": "https://esm.sh/v112/[email protected]"
+    "jsxImportSource": "https://esm.sh/v113/[email protected]"
   },
   "importMap": "./import_map.json",
   "fmt": {

examples/react-app/routes/todos.tsx

@@ -1,5 +1,5 @@
 import type { FormEvent } from "react";
-import { Head, useData, useMutation } from "aleph/react";
+import { Head, useData } from "aleph/react";
 
 type Todo = {
   id: number;
@@ -43,8 +43,7 @@ export async function mutation(req: Request): Promise<Response> {
 }
 
 export default function Todos() {
-  const { data: { todos } } = useData<{ todos: Todo[] }>();
-  const { isMutating, mutation } = useMutation<{ todos: Todo[] }>();
+  const { data: { todos }, isMutating, mutation } = useData<{ todos: Todo[] }>();
 
   const onSubmit = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault();

examples/react-mdx-app/routes/_export.ts

@@ -3,12 +3,12 @@
 // deno-fmt-ignore-file
 // deno-lint-ignore-file
 // @ts-nocheck
-var u=Object.defineProperty;var c=(s,e)=>{for(var o in e)u(s,o,{get:e[o],enumerable:!0})};import*as y from"./_404.tsx";import*as k from"./_app.tsx";import*as v from"./index.tsx";import*as A from"./docs.tsx";var t={};c(t,{default:()=>b});import{Fragment as g,jsx as r,jsxs as i}from"https://esm.sh/[email protected]/jsx-runtime";import{useMDXComponents as h}from"https://esm.sh/v112/@mdx-js/[email protected]";import{Head as j}from"aleph/react";function d(s){let e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},h(),s.components);return i(g,{children:[r(j,{children:r("title",{children:"Get Started - Docs"})}),`
+var u=Object.defineProperty;var c=(s,e)=>{for(var o in e)u(s,o,{get:e[o],enumerable:!0})};import*as y from"./_404.tsx";import*as k from"./_app.tsx";import*as v from"./index.tsx";import*as A from"./docs.tsx";var t={};c(t,{default:()=>b});import{Fragment as g,jsx as r,jsxs as i}from"https://esm.sh/[email protected]/jsx-runtime";import{useMDXComponents as h}from"https://esm.sh/v113/@mdx-js/[email protected]";import{Head as j}from"aleph/react";function d(s){let e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},h(),s.components);return i(g,{children:[r(j,{children:r("title",{children:"Get Started - Docs"})}),`
 `,r(e.h1,{id:"get-started",children:"Get Started"}),`
 `,i(e.p,{children:["Initialize a new project, you can pick a start template with ",r(e.code,{children:"--template"}),` flag, available templates:
 `,r(e.code,{children:"[react, vue, api, yew]"})]}),`
 `,r(e.pre,{children:r(e.code,{className:"hljs language-bash",children:`deno run -A https://deno.land/x/[email protected]/init.ts
-`})})]})}function f(s={}){let{wrapper:e}=Object.assign({},h(),s.components);return e?r(e,Object.assign({},s,{children:r(d,s)})):d(s)}var b=f;var l={};c(l,{default:()=>x});import{Fragment as N,jsx as n,jsxs as a}from"https://esm.sh/[email protected]/jsx-runtime";import{useMDXComponents as p}from"https://esm.sh/v112/@mdx-js/[email protected]";import{Head as w}from"aleph/react";function m(s){let e=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",blockquote:"blockquote",em:"em",code:"code",pre:"pre",span:"span"},p(),s.components);return a(N,{children:[n(w,{children:n("title",{children:"About - Docs"})}),`
+`})})]})}function f(s={}){let{wrapper:e}=Object.assign({},h(),s.components);return e?r(e,Object.assign({},s,{children:r(d,s)})):d(s)}var b=f;var l={};c(l,{default:()=>x});import{Fragment as N,jsx as n,jsxs as a}from"https://esm.sh/[email protected]/jsx-runtime";import{useMDXComponents as p}from"https://esm.sh/v113/@mdx-js/[email protected]";import{Head as w}from"aleph/react";function m(s){let e=Object.assign({h1:"h1",p:"p",strong:"strong",a:"a",blockquote:"blockquote",em:"em",code:"code",pre:"pre",span:"span"},p(),s.components);return a(N,{children:[n(w,{children:n("title",{children:"About - Docs"})}),`
 `,n(e.h1,{id:"about",children:"About"}),`
 `,a(e.p,{children:[n(e.strong,{children:"Aleph.js"})," (or ",n(e.strong,{children:"Aleph"})," or ",n(e.strong,{children:"\u05D0"})," or ",n(e.strong,{children:"\u963F\u83B1\u592B"}),", ",n("samp",{children:"\u02C8\u0251\u02D0l\u025Bf"}),`) is a
 fullstack framework in `,n(e.a,{href:"https://deno.land",children:"Deno"}),". Inspired by ",n(e.a,{href:"https://nextjs.org",children:"Next.js"}),", ",n(e.a,{href:"https://remix.run",children:"Remix"})," and ",n(e.a,{href:"https://vitejs.dev",children:"Vite"}),"."]}),`

examples/react-mdx-app/routes/docs/get-started.mdx

@@ -12,8 +12,8 @@ import { Head } from "aleph/react"
 # Get Started
 
 Initialize a new project, you can pick a start template with `--template` flag, available templates:
-`[react, vue, api, yew]`
+`[react, react-mdx, api]`
 
 ```bash
 deno run -A https://deno.land/x/[email protected]/init.ts
-```
+```

examples/react-mdx-app/server.ts

@@ -5,10 +5,10 @@ import mdx from "aleph/plugins/mdx";
 import modules from "./routes/_export.ts";
 
 // check https://mdxjs.com/docs/extending-mdx
-import remarkFrontmatter from "https://esm.sh/v112/[email protected]";
-import remarkGFM from "https://esm.sh/v112/[email protected]";
-import rehypeHighlight from "https://esm.sh/v112/[email protected]";
-import rehypeSlug from "https://esm.sh/v112/[email protected]";
+import remarkFrontmatter from "https://esm.sh/v113/[email protected]";
+import remarkGFM from "https://esm.sh/v113/[email protected]";
+import rehypeHighlight from "https://esm.sh/v113/[email protected]";
+import rehypeSlug from "https://esm.sh/v113/[email protected]";
 
 serve({
   plugins: [