npm - @batijs/cli - Versions diffs - 0.0.25 → 0.0.26 - Mend

@batijs/cli 0.0.25 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;
+}

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

@@ -1,22 +1,22 @@
-import { For } from "solid-js";
-import type { Movie } from "../types";
-export default function Page(props: { movies: Movie[] }) {
-  return (
-    <>
-      <h1>Star Wars Movies</h1>
-      <ol>
-        <For each={props.movies}>
-          {(movie, i) => (
-            <li>
-              <a href={`/star-wars/${movie.id}`}>{movie.title}</a> ({movie.release_date})
-            </li>
-          )}
-        </For>
-      </ol>
-      <p>
-        Source: <a href="https://star-wars.brillout.com">star-wars.brillout.com</a>.
-      </p>
-    </>
-  );
-}
+import { For } from "solid-js";
+import type { Movie } from "../types";
+export default function Page(props: { movies: Movie[] }) {
+  return (
+    <>
+      <h1>Star Wars Movies</h1>
+      <ol>
+        <For each={props.movies}>
+          {(movie, i) => (
+            <li>
+              <a href={`/star-wars/${movie.id}`}>{movie.title}</a> ({movie.release_date})
+            </li>
+          )}
+        </For>
+      </ol>
+      <p>
+        Source: <a href="https://star-wars.brillout.com">star-wars.brillout.com</a>.
+      </p>
+    </>
+  );
+}