@batijs/cli 0.0.87 → 0.0.88

package/dist/boilerplates/@batijs/solid/files/pages/_error/+Page.tsx

@@ -1,18 +1,19 @@
+import { Show } from "solid-js";
+
 export default function Page(props: { is404: boolean; errorInfo?: string }) {
-  if (props.is404) {
-    return (
-      <>
-        <h1>404 Page Not Found</h1>
-        <p>This page could not be found.</p>
-        <p>{props.errorInfo}</p>
-      </>
-    );
-  } else {
-    return (
-      <>
-        <h1>500 Internal Server Error</h1>
-        <p>Something went wrong.</p>
-      </>
-    );
-  }
+  return (
+    <Show
+      when={props.is404}
+      fallback={
+        <>
+          <h1>500 Internal Server Error</h1>
+          <p>Something went wrong.</p>
+        </>
+      }
+    >
+      <h1>404 Page Not Found</h1>
+      <p>This page could not be found.</p>
+      <p>{props.errorInfo}</p>
+    </Show>
+  );
 }

package/dist/boilerplates/@batijs/solid/files/pages/star-wars/index/+Page.tsx

@@ -7,7 +7,7 @@ export default function Page(props: { movies: Movie[] }) {
       <h1>Star Wars Movies</h1>
       <ol>
         <For each={props.movies}>
-          {(movie, i) => (
+          {(movie) => (
             <li>
               <a href={`/star-wars/${movie.id}`}>{movie.title}</a> ({movie.release_date})
             </li>

package/dist/boilerplates/@batijs/solid/files/pages/star-wars/index/+onBeforeRender.ts

@@ -1,9 +1,9 @@
-export default onBeforeRender;
-
 import fetch from "cross-fetch";
 //import { filterMovieData } from '../filterMovieData'
 import type { Movie, MovieDetails } from "../types";
 
+export default onBeforeRender;
+
 // export { prerender }
 
 async function onBeforeRender() {
@@ -23,6 +23,7 @@ async function onBeforeRender() {
 
 async function getStarWarsMovies(): Promise<MovieDetails[]> {
   const response = await fetch("https://star-wars.brillout.com/api/films.json");
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let movies: MovieDetails[] = ((await response.json()) as any).results;
   movies = movies.map((movie: MovieDetails, i: number) => ({
     ...movie,

package/dist/boilerplates/@batijs/solid/{package-BLWCB4NH.js → package-3SC4XVSR.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/solid";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {
@@ -14,14 +14,15 @@ var devDependencies = {
   "@batijs/tsup": "workspace:*",
   "@types/node": "^16.18.40",
   "cross-fetch": "^4.0.0",
+  "eslint-plugin-solid": "^0.13.0",
   "solid-js": "^1.7.12",
   tailwindcss: "^3.3.3",
   tsup: "^7.2.0",
   typescript: "^5.2.2",
+  vike: "^0.4.143",
   "vike-solid": "^0.2.1",
   vite: "^4.4.11",
-  "vite-plugin-solid": "^2.7.0",
-  vike: "^0.4.143"
+  "vite-plugin-solid": "^2.7.0"
 };
 var dependencies = {
   "@batijs/core": "workspace:*"

package/dist/boilerplates/@batijs/solid-telefunc/files/pages/todo/+Page.tsx

@@ -1,13 +1,12 @@
 import { createSignal } from "solid-js";
-
-import { TodoList } from "./TodoList";
 import type { TodoItem } from "../../database/todoItems";
+import { TodoList } from "./TodoList";
 
-export default function Page({ todoItemsInitial }: { todoItemsInitial: TodoItem[] }) {
+export default function Page(props: { initialTodoItems: TodoItem[] }) {
   return (
     <>
       <h1>To-do List</h1>
-      <TodoList todoItemsInitial={todoItemsInitial} />
+      <TodoList initialTodoItems={props.initialTodoItems} />
       <Counter />
     </>
   );

package/dist/boilerplates/@batijs/solid-telefunc/files/pages/todo/+onBeforeRender.ts

@@ -4,11 +4,11 @@ export default onBeforeRender;
 import { todoItems } from "../../database/todoItems";
 
 function onBeforeRender() {
-  const todoItemsInitial = todoItems;
+  const initialTodoItems = todoItems;
   return {
     pageContext: {
       pageProps: {
-        todoItemsInitial,
+        initialTodoItems,
       },
     },
   };

package/dist/boilerplates/@batijs/solid-telefunc/files/pages/todo/TodoList.tsx

@@ -1,10 +1,9 @@
 import { createSignal, For, untrack } from "solid-js";
-
-import { onNewTodo } from "./TodoList.telefunc.js";
 import type { TodoItem } from "../../database/todoItems.js";
+import { onNewTodo } from "./TodoList.telefunc.js";
 
-export function TodoList({ todoItemsInitial }: { todoItemsInitial: TodoItem[] }) {
-  const [todoItems, setTodoItems] = createSignal(todoItemsInitial);
+export function TodoList(props: { initialTodoItems: TodoItem[] }) {
+  const [todoItems, setTodoItems] = createSignal(props.initialTodoItems);
   const [draft, setDraft] = createSignal("");
   return (
     <>

package/dist/boilerplates/@batijs/tailwindcss/files/$package.json.js

@@ -1,8 +1,8 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent, meta) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-34V34OFJ.js"), {
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await import("../package-GTN2QH7M.js"), {
     devDependencies: ["tailwindcss", "postcss", "autoprefixer"]
   });
 }

package/dist/boilerplates/@batijs/tailwindcss/{package-34V34OFJ.js → package-GTN2QH7M.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/tailwindcss";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/telefunc/files/$package.json.js

@@ -1,8 +1,8 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-LPS6TFJV.js"), {
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await import("../package-3G2SQFKV.js"), {
     dependencies: ["telefunc"]
   });
 }

package/dist/boilerplates/@batijs/telefunc/files/$vite.config.ts.js

@@ -1,7 +1,7 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent) {
-  const mod = await loadAsMagicast(currentContent);
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
   addVitePlugin(mod, {
     from: "telefunc/vite",
     constructor: "telefunc",

package/dist/boilerplates/@batijs/telefunc/{package-LPS6TFJV.js → package-3G2SQFKV.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/telefunc";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/vercel/files/$package.json.js

@@ -1,8 +1,8 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-EAL6NF5P.js"), {
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await import("../package-2NMHCJGC.js"), {
     dependencies: ["vite-plugin-vercel", "@vite-plugin-vercel/vike"]
   });
 }

package/dist/boilerplates/@batijs/vercel/files/$vite.config.ts.js

@@ -1,7 +1,7 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent) {
-  const mod = await loadAsMagicast(currentContent);
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
   addVitePlugin(mod, {
     from: "vite-plugin-vercel",
     constructor: "vercel"

package/dist/boilerplates/@batijs/vercel/{package-EAL6NF5P.js → package-2NMHCJGC.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/vercel";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/vue/files/$.eslintrc.json.js

@@ -0,0 +1,16 @@
+// files/$.eslintrc.json.ts
+import { loadAsJson } from "@batijs/core";
+async function getEslintConfig(props) {
+  if (!props.meta.BATI_MODULES?.includes("tool:eslint"))
+    return;
+  const eslintConfig = await loadAsJson(props);
+  eslintConfig.extends.push("plugin:vue/vue3-recommended");
+  eslintConfig.parser = "vue-eslint-parser";
+  eslintConfig.parserOptions.parser = "@typescript-eslint/parser";
+  eslintConfig.rules ?? (eslintConfig.rules = {});
+  eslintConfig.rules["vue/multi-word-component-names"] = "off";
+  return eslintConfig;
+}
+export {
+  getEslintConfig as default
+};

package/dist/boilerplates/@batijs/vue/files/$package.json.js

@@ -1,8 +1,19 @@
 // files/$package.json.ts
-import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-HDC4A5UP.js"), {
+import { addDependency, loadAsJson, setScripts } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  if (props.meta.BATI_MODULES?.includes("tool:eslint")) {
+    setScripts(packageJson, {
+      lint: {
+        value: "eslint --ext .js,.jsx,.ts,.tsx,.vue .",
+        precedence: 20
+      }
+    });
+    addDependency(packageJson, await import("../package-SEZV7AAY.js"), {
+      devDependencies: ["eslint-plugin-vue"]
+    });
+  }
+  return addDependency(packageJson, await import("../package-SEZV7AAY.js"), {
     devDependencies: ["vite"],
     dependencies: [
       "@vitejs/plugin-vue",

package/dist/boilerplates/@batijs/vue/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 // files/$tsconfig.json.ts
 import { loadAsJson } from "@batijs/core";
-async function getTsConfig(currentContent) {
-  const tsConfig = await loadAsJson(currentContent);
+async function getTsConfig(props) {
+  const tsConfig = await loadAsJson(props);
   tsConfig.compilerOptions.jsx = "preserve";
   tsConfig.compilerOptions.jsxImportSource = "vue";
   tsConfig.compilerOptions.types = [...tsConfig.compilerOptions.types ?? [], "vike-vue"];

package/dist/boilerplates/@batijs/vue/files/$vite.config.ts.js

@@ -1,7 +1,7 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent) {
-  const mod = await loadAsMagicast(currentContent);
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
   addVitePlugin(mod, {
     from: "vike/plugin",
     constructor: "ssr"

package/dist/boilerplates/@batijs/vue/files/components/Counter.vue

@@ -4,7 +4,7 @@
   <button
     type="button"
 {{{ @if (it.import.meta.BATI_MODULES?.includes("uikit:tailwindcss")) }}}
-      class="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+    class="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
 {{{ /if }}}
     @click="state.count++"
   >
@@ -15,7 +15,7 @@
 <script lang="ts">
 import { reactive } from 'vue'
 export default {
-  setup(props) {
+  setup() {
     const state = reactive({ count: 0 })
     return {
       state

package/dist/boilerplates/@batijs/vue/files/components/Link.vue

@@ -3,6 +3,19 @@
     <slot />
   </a>
 </template>
+
+<script lang="ts" setup>
+import { usePageContext } from "vike-vue/usePageContext";
+import { computed, useAttrs } from "vue";
+
+const pageContext = usePageContext();
+const { href } = useAttrs();
+const isActive = computed(() => {
+  const { urlPathname } = pageContext;
+  return href === "/" ? urlPathname === href : urlPathname.startsWith(href);
+});
+</script>
+
 <style scoped>
 a {
   padding: 2px 10px;
@@ -12,14 +25,3 @@ a.active {
   background-color: #eee;
 }
 </style>
-<script lang="ts" setup>
-import { useAttrs, computed } from 'vue'
-import { usePageContext } from 'vike-vue/usePageContext'
-
-const pageContext = usePageContext()
-const { href } = useAttrs()
-const isActive = computed(() => {
-  const { urlPathname } = pageContext
-  return href === '/' ? urlPathname === href : urlPathname.startsWith(href)
-})
-</script>

package/dist/boilerplates/@batijs/vue/files/components/Logo.vue

@@ -12,7 +12,11 @@
 {{{ /if }}}
   >
     <a href="/">
-      <img src="../assets/logo.svg" height="64" width="64" />
+      <img
+        src="../assets/logo.svg"
+        height="64"
+        width="64"
+      >
     </a>
   </div>
 </template>

package/dist/boilerplates/@batijs/vue/files/layouts/HeadDefault.vue

@@ -3,10 +3,17 @@
 <!-- Default <head> (can be overridden by pages) -->
 
 <template>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1"
+  >
 {{{ @if (it.import.meta.BATI_MODULES?.includes("analytics:plausible.io")) }}}
   <!-- See https://plausible.io/docs/plausible-script -->
   <!-- TODO: update data-domain -->
-  <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
+  <script
+    defer
+    data-domain="yourdomain.com"
+    src="https://plausible.io/js/script.js"
+  />
 {{{ /if }}}
 </template>

package/dist/boilerplates/@batijs/vue/files/layouts/LayoutDefault.vue

@@ -5,11 +5,17 @@
   <div class="layout">
     <Sidebar>
       <Logo />
-      <Link href="/">Welcome</Link>
+      <Link href="/">
+        Welcome
+      </Link>
 {{{ @if (it.import.meta.BATI_MODULES?.includes("rpc:telefunc")) }}}
-      <Link href="/todo">Todo</Link>
+      <Link href="/todo">
+        Todo
+      </Link>
 {{{ /if }}}
-      <Link href="/star-wars">Data Fetching</Link>
+      <Link href="/star-wars">
+        Data Fetching
+      </Link>
     </Sidebar>
     <Content><slot /></Content>
   </div>

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/@id/+Page.vue

@@ -1,12 +1,17 @@
 <template>
   <h1>{{ movie.title }}</h1>
   Release Date: {{ movie.release_date }}
-  <br />
+  <br>
   Director: {{ movie.director }}
-  <br />
+  <br>
   Producer: {{ movie.producer }}
 </template>
 
 <script lang="ts" setup>
-defineProps(['movie'])
+defineProps({
+  movies: {
+    type: Array,
+    required: true,
+  },
+})
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/index/+Page.vue

@@ -1,7 +1,10 @@
 <template>
   <h1>Star Wars Movies</h1>
   <ol>
-    <li v-for="item in movies" :key="item.id">
+    <li
+      v-for="item in movies"
+      :key="item.id"
+    >
       <a :href="'/star-wars/' + item.id">{{ item.title }}</a> ({{ item.release_date }})
     </li>
   </ol>
@@ -9,5 +12,10 @@
 </template>
 
 <script lang="ts" setup>
-defineProps(['movies'])
+defineProps({
+  movies: {
+    type: Array,
+    required: true,
+  },
+})
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/index/+onBeforeRender.ts

@@ -1,9 +1,9 @@
-export default onBeforeRender;
-
 import fetch from "cross-fetch";
 //import { filterMovieData } from '../filterMovieData'
 import type { Movie, MovieDetails } from "../types";
 
+export default onBeforeRender;
+
 // export { prerender }
 
 async function onBeforeRender() {
@@ -23,6 +23,7 @@ async function onBeforeRender() {
 
 async function getStarWarsMovies(): Promise<MovieDetails[]> {
   const response = await fetch("https://star-wars.brillout.com/api/films.json");
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let movies: MovieDetails[] = ((await response.json()) as any).results;
   movies = movies.map((movie: MovieDetails, i: number) => ({
     ...movie,

package/dist/boilerplates/@batijs/vue/{package-HDC4A5UP.js → package-SEZV7AAY.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/vue";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {
@@ -17,13 +17,14 @@ var devDependencies = {
   "@vue/compiler-sfc": "^3.3.4",
   "@vue/server-renderer": "^3.3.4",
   "cross-fetch": "^4.0.0",
+  "eslint-plugin-vue": "^9.17.0",
   tailwindcss: "^3.3.3",
   tsup: "^7.2.0",
   typescript: "^5.2.2",
   "unplugin-vue-markdown": "^0.24.3",
+  vike: "^0.4.143",
   "vike-vue": "^0.4.0",
   vite: "^4.4.11",
-  vike: "^0.4.143",
   vue: "^3.3.4"
 };
 var dependencies = {

package/dist/boilerplates/@batijs/vue-telefunc/files/components/TodoList.vue

@@ -1,18 +1,29 @@
 <template>
   <ul>
-    <li v-for="item in todoItems">{{ item.text }}</li>
+    <li
+      v-for="item in todoItems"
+      :key="item.text"
+    >
+      {{ item.text }}
+    </li>
     <li>
       <form @submit.prevent="submitDraft()">
-        <input type="text" v-model="draft" />{{ " " }}
-        <button type="submit">Add to-do</button>
+        <input
+          v-model="draft"
+          type="text"
+        >{{ " " }}
+        <button type="submit">
+          Add to-do
+        </button>
       </form>
     </li>
   </ul>
 </template>
 
 <script lang="ts" setup>
+import { ref, useAttrs } from "vue";
 import { onNewTodo } from "./TodoList.telefunc.js";
-import { ref, useAttrs } from 'vue';
+
 const { todoItemsInitial } = useAttrs();
 
 const todoItems = ref(todoItemsInitial);

package/dist/boilerplates/@batijs/vue-telefunc/files/pages/todo/+Page.vue

@@ -1,13 +1,14 @@
 <template>
   <div>
     <h1>To-do List</h1>
-    <TodoList :todoItemsInitial="todoItemsInitial" />
+    <TodoList :todo-items-initial="todoItemsInitial" />
     <Counter />
   </div>
 </template>
 
 <script lang="ts" setup>
-import { useAttrs } from 'vue';
+import { useAttrs } from "vue";
+
 const { todoItemsInitial } = useAttrs();
 </script>
 

package/dist/boilerplates/boilerplates.json

@@ -22,6 +22,18 @@
       "hooks"
     ]
   },
+  {
+    "config": {
+      "flag": "eslint",
+      "name": "ESLint",
+      "homepage": "https://eslint.org"
+    },
+    "folder": "@batijs/eslint",
+    "description": "",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "config": {
       "flag": "express",
@@ -107,7 +119,9 @@
     ]
   },
   {
-    "config": {},
+    "config": {
+      "enforce": "pre"
+    },
     "folder": "@batijs/shared",
     "description": "",
     "subfolders": [