@batijs/cli 0.0.24 → 0.0.25

package/dist/boilerplates/@batijs/solid/files/assets/logo.svg

@@ -1,36 +1,36 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="175" height="175" fill="none" version="1.1" viewBox="0 0 175 175" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
- <metadata>
-  <rdf:RDF>
-   <cc:Work rdf:about="">
-    <dc:format>image/svg+xml</dc:format>
-    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-    <dc:title/>
-   </cc:Work>
-  </rdf:RDF>
- </metadata>
- <defs>
-  <linearGradient id="linearGradient880" x1="108.64" x2="115.51" y1="88.726" y2="136.2" gradientTransform="matrix(1.0498 0 0 1.0498 -2.9171 -2.9658)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="#ffea83" offset="0"/>
-   <stop stop-color="#FFDD35" offset=".083333"/>
-   <stop stop-color="#FFA800" offset="1"/>
-  </linearGradient>
-  <linearGradient id="paint2_linear" x1="48.975" x2="61.299" y1="3.9232" y2="158.04" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="#FFEA83" offset="0"/>
-   <stop stop-color="#FFDD35" offset=".083333"/>
-   <stop stop-color="#FFA800" offset="1"/>
-  </linearGradient>
-  <linearGradient id="paint0_linear-6" x1="-1.4492" x2="116.62" y1="-5.8123" y2="137.08" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="#41D1FF" offset="0"/>
-   <stop stop-color="#BD34FE" offset="1"/>
-  </linearGradient>
- </defs>
- <circle cx="87.5" cy="87.5" r="87.5" fill="#c4c4c4"/>
- <circle cx="87.5" cy="87.5" r="87.5" fill="url(#paint0_linear-6)"/>
- <g transform="translate(632.92 54.355)" fill="#d38787" stroke-width="1.0614">
-  <path d="m-549.75 68.457c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35464-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12956 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.9521c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7178 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2687 8.0366 8.2687 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77686 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91739 0.9174 2.3036 1.668 3.0805 1.668 0.77688 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97108 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.345-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35184 1.3135-0.64655 2.7465-0.65453 3.1843-8e-3 0.43784-0.69682 0.79608-1.5308 0.79608-0.83399 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.244 0.91741 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" style="mix-blend-mode:lighten"/>
-  <path d="m-552.2 68.911c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35463-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12957 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.952c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7179 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2688 8.0366 8.2688 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77687 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91741 0.91739 2.3036 1.668 3.0805 1.668 0.77686 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97107 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.34502-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35182 1.3135-0.64653 2.7465-0.65452 3.1843-8e-3 0.43784-0.69683 0.79608-1.5308 0.79608-0.83397 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.245 0.9174 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" fill-opacity=".47466" style="mix-blend-mode:lighten"/>
- </g>
- <path d="m128.48 88.913-24.027 4.6784c-0.39475 0.07685-0.68766 0.40944-0.71076 0.80849l-1.4782 24.805c-0.0347 0.58371 0.50497 1.0372 1.0792 0.90602l6.6886-1.5338c0.62676-0.14383 1.1916 0.40419 1.0635 1.0299l-1.9874 9.6702c-0.13438 0.65091 0.48084 1.2073 1.1202 1.0142l4.1322-1.2472c0.64041-0.19317 1.2556 0.36535 1.1202 1.0162l-3.158 15.191c-0.19842 0.95011 1.074 1.4677 1.6042 0.653l0.35485-0.54382 19.578-38.827c0.32755-0.64985-0.23727-1.391-0.95641-1.2535l-6.8849 1.3207c-0.6467 0.12389-1.1979-0.47453-1.0152-1.1034l4.4944-15.482c0.18266-0.63012-0.36955-1.2295-1.0173-1.1034z" fill="url(#linearGradient880)" stroke-width="1.0498"/>
- <rect x="3" y="3" width="169" height="169" rx="84.5" stroke="url(#paint2_linear)" stroke-width="6" style="mix-blend-mode:soft-light"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="175" height="175" fill="none" version="1.1" viewBox="0 0 175 175" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <defs>
+  <linearGradient id="linearGradient880" x1="108.64" x2="115.51" y1="88.726" y2="136.2" gradientTransform="matrix(1.0498 0 0 1.0498 -2.9171 -2.9658)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#ffea83" offset="0"/>
+   <stop stop-color="#FFDD35" offset=".083333"/>
+   <stop stop-color="#FFA800" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint2_linear" x1="48.975" x2="61.299" y1="3.9232" y2="158.04" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#FFEA83" offset="0"/>
+   <stop stop-color="#FFDD35" offset=".083333"/>
+   <stop stop-color="#FFA800" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint0_linear-6" x1="-1.4492" x2="116.62" y1="-5.8123" y2="137.08" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#41D1FF" offset="0"/>
+   <stop stop-color="#BD34FE" offset="1"/>
+  </linearGradient>
+ </defs>
+ <circle cx="87.5" cy="87.5" r="87.5" fill="#c4c4c4"/>
+ <circle cx="87.5" cy="87.5" r="87.5" fill="url(#paint0_linear-6)"/>
+ <g transform="translate(632.92 54.355)" fill="#d38787" stroke-width="1.0614">
+  <path d="m-549.75 68.457c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35464-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12956 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.9521c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7178 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2687 8.0366 8.2687 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77686 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91739 0.9174 2.3036 1.668 3.0805 1.668 0.77688 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97108 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.345-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35184 1.3135-0.64655 2.7465-0.65453 3.1843-8e-3 0.43784-0.69682 0.79608-1.5308 0.79608-0.83399 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.244 0.91741 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" style="mix-blend-mode:lighten"/>
+  <path d="m-552.2 68.911c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35463-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12957 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.952c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7179 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2688 8.0366 8.2688 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77687 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91741 0.91739 2.3036 1.668 3.0805 1.668 0.77686 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97107 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.34502-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35182 1.3135-0.64653 2.7465-0.65452 3.1843-8e-3 0.43784-0.69683 0.79608-1.5308 0.79608-0.83397 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.245 0.9174 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" fill-opacity=".47466" style="mix-blend-mode:lighten"/>
+ </g>
+ <path d="m128.48 88.913-24.027 4.6784c-0.39475 0.07685-0.68766 0.40944-0.71076 0.80849l-1.4782 24.805c-0.0347 0.58371 0.50497 1.0372 1.0792 0.90602l6.6886-1.5338c0.62676-0.14383 1.1916 0.40419 1.0635 1.0299l-1.9874 9.6702c-0.13438 0.65091 0.48084 1.2073 1.1202 1.0142l4.1322-1.2472c0.64041-0.19317 1.2556 0.36535 1.1202 1.0162l-3.158 15.191c-0.19842 0.95011 1.074 1.4677 1.6042 0.653l0.35485-0.54382 19.578-38.827c0.32755-0.64985-0.23727-1.391-0.95641-1.2535l-6.8849 1.3207c-0.6467 0.12389-1.1979-0.47453-1.0152-1.1034l4.4944-15.482c0.18266-0.63012-0.36955-1.2295-1.0173-1.1034z" fill="url(#linearGradient880)" stroke-width="1.0498"/>
+ <rect x="3" y="3" width="169" height="169" rx="84.5" stroke="url(#paint2_linear)" stroke-width="6" style="mix-blend-mode:soft-light"/>
+</svg>

package/dist/boilerplates/@batijs/solid/files/components/Link.tsx

@@ -1,14 +1,14 @@
-import { createMemo } from "solid-js";
-import { usePageContext } from "vike-solid/usePageContext";
-
-export function Link(props: { href: string; children: string }) {
-  const pageContext = usePageContext();
-  const isActive = createMemo(() =>
-    props.href === "/" ? pageContext.urlPathname === props.href : pageContext.urlPathname.startsWith(props.href)
-  );
-  return (
-    <a href={props.href} class={isActive() ? "is-active" : undefined}>
-      {props.children}
-    </a>
-  );
-}
+import { createMemo } from "solid-js";
+import { usePageContext } from "vike-solid/usePageContext";
+
+export function Link(props: { href: string; children: string }) {
+  const pageContext = usePageContext();
+  const isActive = createMemo(() =>
+    props.href === "/" ? pageContext.urlPathname === props.href : pageContext.urlPathname.startsWith(props.href)
+  );
+  return (
+    <a href={props.href} class={isActive() ? "is-active" : undefined}>
+      {props.children}
+    </a>
+  );
+}

package/dist/boilerplates/@batijs/solid/files/layouts/HeadDefault.tsx

@@ -1,22 +1,22 @@
-// Default <head> (can be overriden by pages)
-
-import logoUrl from "../assets/logo.svg";
-
-export default function HeadDefault() {
-  if (import.meta.BATI_MODULES?.includes("analytics:plausible.io")) {
-    return (
-      <>
-        <link rel="icon" href={logoUrl} />
-        {/* 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>
-      </>
-    );
-  } else {
-    return (
-      <>
-        <link rel="icon" href={logoUrl} />
-      </>
-    );
-  }
-}
+// Default <head> (can be overriden by pages)
+
+import logoUrl from "../assets/logo.svg";
+
+export default function HeadDefault() {
+  if (import.meta.BATI_MODULES?.includes("analytics:plausible.io")) {
+    return (
+      <>
+        <link rel="icon" href={logoUrl} />
+        {/* 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>
+      </>
+    );
+  } else {
+    return (
+      <>
+        <link rel="icon" href={logoUrl} />
+      </>
+    );
+  }
+}

package/dist/boilerplates/@batijs/solid/files/layouts/LayoutDefault.tsx

@@ -1,87 +1,87 @@
-import "./style.css";
-//# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-import "./tailwind.css";
-import logoUrl from "../assets/logo.svg";
-import { Link } from "../components/Link";
-import type { JSX } from "solid-js";
-
-export default function LayoutDefault(props: { children?: JSX.Element }) {
-  return (
-    <div
-      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      class="flex max-w-5xl m-auto"
-      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      style={{
-        display: "flex",
-        "max-width": "900px",
-        margin: "auto",
-      }}
-    >
-      <Sidebar>
-        <Logo />
-        <Link href="/">Welcome</Link>
-        <Link href="/star-wars">Data Fetching</Link>
-      </Sidebar>
-      <Content>{props.children}</Content>
-    </div>
-  );
-}
-
-function Sidebar(props: { children: JSX.Element }) {
-  return (
-    <div
-      id="sidebar"
-      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      class="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
-      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      style={{
-        padding: "20px",
-        "flex-shrink": 0,
-        display: "flex",
-        "flex-direction": "column",
-        "line-height": "1.8em",
-        "border-right": "2px solid #eee",
-      }}
-    >
-      {props.children}
-    </div>
-  );
-}
-
-function Content(props: { children: JSX.Element }) {
-  return (
-    <div id="page-container">
-      <div
-        id="page-content"
-        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-        class="p-5 pb-12 min-h-screen"
-        //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-        style={{
-          padding: "20px",
-          "padding-bottom": "50px",
-          "min-height": "100vh",
-        }}
-      >
-        {props.children}
-      </div>
-    </div>
-  );
-}
-
-function Logo() {
-  return (
-    <div
-      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      class="p-5 mb-2"
-      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-      style={{
-        "margin-top": "20px",
-        "margin-bottom": "10px",
-      }}
-    >
-      <a href="/">
-        <img src={logoUrl} height={64} width={64} />
-      </a>
-    </div>
-  );
-}
+import "./style.css";
+//# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+import "./tailwind.css";
+import logoUrl from "../assets/logo.svg";
+import { Link } from "../components/Link";
+import type { JSX } from "solid-js";
+
+export default function LayoutDefault(props: { children?: JSX.Element }) {
+  return (
+    <div
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      class="flex max-w-5xl m-auto"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        display: "flex",
+        "max-width": "900px",
+        margin: "auto",
+      }}
+    >
+      <Sidebar>
+        <Logo />
+        <Link href="/">Welcome</Link>
+        <Link href="/star-wars">Data Fetching</Link>
+      </Sidebar>
+      <Content>{props.children}</Content>
+    </div>
+  );
+}
+
+function Sidebar(props: { children: JSX.Element }) {
+  return (
+    <div
+      id="sidebar"
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      class="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        padding: "20px",
+        "flex-shrink": 0,
+        display: "flex",
+        "flex-direction": "column",
+        "line-height": "1.8em",
+        "border-right": "2px solid #eee",
+      }}
+    >
+      {props.children}
+    </div>
+  );
+}
+
+function Content(props: { children: JSX.Element }) {
+  return (
+    <div id="page-container">
+      <div
+        id="page-content"
+        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        class="p-5 pb-12 min-h-screen"
+        //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        style={{
+          padding: "20px",
+          "padding-bottom": "50px",
+          "min-height": "100vh",
+        }}
+      >
+        {props.children}
+      </div>
+    </div>
+  );
+}
+
+function Logo() {
+  return (
+    <div
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      class="p-5 mb-2"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        "margin-top": "20px",
+        "margin-bottom": "10px",
+      }}
+    >
+      <a href="/">
+        <img src={logoUrl} height={64} width={64} />
+      </a>
+    </div>
+  );
+}

package/dist/boilerplates/@batijs/solid/files/layouts/style.css

@@ -1,29 +1,29 @@
-/* Links */
-a {
-  text-decoration: none;
-}
-#sidebar a {
-  padding: 2px 10px;
-  margin-left: -10px;
-}
-#sidebar a.is-active {
-  background-color: #eee;
-}
-
-/* Reset */
-body {
-  margin: 0;
-  font-family: sans-serif;
-}
-* {
-  box-sizing: border-box;
-}
-
-/* Page Transition Anmiation */
-#page-content {
-  opacity: 1;
-  transition: opacity 0.3s ease-in-out;
-}
-body.page-is-transitioning #page-content {
-  opacity: 0;
-}
+/* Links */
+a {
+  text-decoration: none;
+}
+#sidebar a {
+  padding: 2px 10px;
+  margin-left: -10px;
+}
+#sidebar a.is-active {
+  background-color: #eee;
+}
+
+/* Reset */
+body {
+  margin: 0;
+  font-family: sans-serif;
+}
+* {
+  box-sizing: border-box;
+}
+
+/* Page Transition Anmiation */
+#page-content {
+  opacity: 1;
+  transition: opacity 0.3s ease-in-out;
+}
+body.page-is-transitioning #page-content {
+  opacity: 0;
+}

package/dist/boilerplates/@batijs/solid/files/pages/+config.ts

@@ -1,13 +1,13 @@
-import type { Config } from "vike-solid";
-import Layout from "../layouts/LayoutDefault";
-import Head from "../layouts/HeadDefault";
-
-// Default config (can be overriden by pages)
-export default {
-  Layout,
-  Head,
-  // <title>
-  title: "My Vike App",
-  // <meta name="description">
-  description: "Demo showcasing Vike",
-} satisfies Config;
+import type { Config } from "vike-solid";
+import Layout from "../layouts/LayoutDefault";
+import Head from "../layouts/HeadDefault";
+
+// Default config (can be overriden by pages)
+export default {
+  Layout,
+  Head,
+  // <title>
+  title: "My Vike App",
+  // <meta name="description">
+  description: "Demo showcasing Vike",
+} satisfies Config;

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

@@ -1,18 +1,18 @@
-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>
-      </>
-    );
-  }
-}
+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>
+      </>
+    );
+  }
+}

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

@@ -1,21 +1,21 @@
-import { Counter } from "./Counter";
-
-export default function Page() {
-  return (
-    <>
-      <h1
-        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
-        class="font-bold text-3xl pb-4"
-      >
-        My Vike app
-      </h1>
-      This page is:
-      <ul>
-        <li>Rendered to HTML.</li>
-        <li>
-          Interactive. <Counter />
-        </li>
-      </ul>
-    </>
-  );
-}
+import { Counter } from "./Counter";
+
+export default function Page() {
+  return (
+    <>
+      <h1
+        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        class="font-bold text-3xl pb-4"
+      >
+        My Vike app
+      </h1>
+      This page is:
+      <ul>
+        <li>Rendered to HTML.</li>
+        <li>
+          Interactive. <Counter />
+        </li>
+      </ul>
+    </>
+  );
+}

package/dist/boilerplates/@batijs/solid/files/pages/index/Counter.tsx

@@ -1,18 +1,18 @@
-import { createSignal } from "solid-js";
-
-export { Counter };
-
-function Counter() {
-  const [count, setCount] = createSignal(0);
-
-  return (
-    <button
-      type="button"
-      //# 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"
-      onClick={() => setCount((count) => count + 1)}
-    >
-      Counter {count()}
-    </button>
-  );
-}
+import { createSignal } from "solid-js";
+
+export { Counter };
+
+function Counter() {
+  const [count, setCount] = createSignal(0);
+
+  return (
+    <button
+      type="button"
+      //# 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"
+      onClick={() => setCount((count) => count + 1)}
+    >
+      Counter {count()}
+    </button>
+  );
+}

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

@@ -1,14 +1,14 @@
-import type { MovieDetails } from "../types";
-
-export default function Page(props: { movie: MovieDetails }) {
-  return (
-    <>
-      <h1>{props.movie.title}</h1>
-      Release Date: {props.movie.release_date}
-      <br />
-      Director: {props.movie.director}
-      <br />
-      Producer: {props.movie.producer}
-    </>
-  );
-}
+import type { MovieDetails } from "../types";
+
+export default function Page(props: { movie: MovieDetails }) {
+  return (
+    <>
+      <h1>{props.movie.title}</h1>
+      Release Date: {props.movie.release_date}
+      <br />
+      Director: {props.movie.director}
+      <br />
+      Producer: {props.movie.producer}
+    </>
+  );
+}

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

@@ -1,27 +1,27 @@
-export default onBeforeRender;
-
-import fetch from "cross-fetch";
-import { filterMovieData } from "../filterMovieData";
-import type { PageContextBuiltIn } from "vike-solid";
-import type { MovieDetails } from "../types";
-
-async function onBeforeRender(pageContext: PageContextBuiltIn) {
-  const response = await fetch(`https://star-wars.brillout.com/api/films/${pageContext.routeParams.id}.json`);
-  let movie = (await response.json()) as MovieDetails;
-
-  // We remove data we don't need because we pass `pageContext.movie` to
-  // the client; we want to minimize what is sent over the network.
-  movie = filterMovieData(movie);
-
-  const { title } = movie;
-
-  return {
-    pageContext: {
-      pageProps: {
-        movie,
-      },
-      // The page's <title>
-      title,
-    },
-  };
-}
+export default onBeforeRender;
+
+import fetch from "cross-fetch";
+import { filterMovieData } from "../filterMovieData";
+import type { PageContextBuiltIn } from "vike-solid";
+import type { MovieDetails } from "../types";
+
+async function onBeforeRender(pageContext: PageContextBuiltIn) {
+  const response = await fetch(`https://star-wars.brillout.com/api/films/${pageContext.routeParams.id}.json`);
+  let movie = (await response.json()) as MovieDetails;
+
+  // We remove data we don't need because we pass `pageContext.movie` to
+  // the client; we want to minimize what is sent over the network.
+  movie = filterMovieData(movie);
+
+  const { title } = movie;
+
+  return {
+    pageContext: {
+      pageProps: {
+        movie,
+      },
+      // The page's <title>
+      title,
+    },
+  };
+}

package/dist/boilerplates/@batijs/solid/files/pages/star-wars/filterMovieData.ts

@@ -1,11 +1,11 @@
-import type { MovieDetails } from "./types";
-
-export { filterMovieData };
-
-function filterMovieData(
-  movie: MovieDetails & Record<string, unknown>
-): MovieDetails {
-  const { id, title, release_date, director, producer } = movie;
-  movie = { id, title, release_date, director, producer };
-  return movie;
-}
+import type { MovieDetails } from "./types";
+
+export { filterMovieData };
+
+function filterMovieData(
+  movie: MovieDetails & Record<string, unknown>
+): MovieDetails {
+  const { id, title, release_date, director, producer } = movie;
+  movie = { id, title, release_date, director, producer };
+  return movie;
+}