@batijs/cli 0.0.1 → 0.0.3

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

@@ -0,0 +1,74 @@
+/** @jsxImportSource solid-js */
+import "./style.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
+      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"
+      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"
+        style={{
+          padding: "20px",
+          "padding-bottom": "50px",
+          "min-height": "100vh",
+        }}
+      >
+        {props.children}
+      </div>
+    </div>
+  );
+}
+
+function Logo() {
+  return (
+    <div
+      style={{
+        "margin-top": "20px",
+        "margin-bottom": "10px",
+      }}
+    >
+      <a href="/">
+        <img src={logoUrl} height={64} width={64} />
+      </a>
+    </div>
+  );
+}

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

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

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

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

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

@@ -0,0 +1,20 @@
+/** @jsxImportSource 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>
+      </>
+    );
+  }
+}

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

@@ -0,0 +1,17 @@
+/** @jsxImportSource solid-js */
+import { Counter } from "./Counter";
+
+export default function Page() {
+  return (
+    <>
+      <h1>My Solide app</h1>
+      This page is:
+      <ul>
+        <li>Rendered to HTML.</li>
+        <li>
+          Interactive. <Counter />
+        </li>
+      </ul>
+    </>
+  );
+}

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

@@ -0,0 +1,13 @@
+import { createSignal } from "solid-js";
+
+export { Counter };
+
+function Counter() {
+  const [count, setCount] = createSignal(0);
+
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Counter {count()}
+    </button>
+  );
+}

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

@@ -0,0 +1,15 @@
+/** @jsxImportSource solid-js */
+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/pages/star-wars/@id/+onBeforeRender.ts

@@ -0,0 +1,29 @@
+export default onBeforeRender;
+
+import fetch from "cross-fetch";
+import { filterMovieData } from "../filterMovieData";
+import type { PageContextBuiltIn } from "solide";
+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/pages/star-wars/filterMovieData.ts

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

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

@@ -0,0 +1,23 @@
+/** @jsxImportSource solid-js */
+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>
+    </>
+  );
+}

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

@@ -0,0 +1,80 @@
+export default onBeforeRender;
+
+import fetch from "cross-fetch";
+//import { filterMovieData } from '../filterMovieData'
+import type { Movie, MovieDetails } from "../types";
+
+// export { prerender }
+
+async function onBeforeRender() {
+  const movies = await getStarWarsMovies();
+  return {
+    pageContext: {
+      pageProps: {
+        // We remove data we don't need because we pass `pageContext.movies` to
+        // the client; we want to minimize what is sent over the network.
+        movies: filterMoviesData(movies),
+      },
+      // The page's <title>
+      title: getTitle(movies),
+    },
+  };
+}
+
+async function getStarWarsMovies(): Promise<MovieDetails[]> {
+  const response = await fetch("https://star-wars.brillout.com/api/films.json");
+  let movies: MovieDetails[] = ((await response.json()) as any).results;
+  movies = movies.map((movie: MovieDetails, i: number) => ({
+    ...movie,
+    id: String(i + 1),
+  }));
+  return movies;
+}
+
+function filterMoviesData(movies: MovieDetails[]): Movie[] {
+  return movies.map((movie: MovieDetails) => {
+    const { title, release_date, id } = movie;
+    return { title, release_date, id };
+  });
+}
+
+/*
+async function prerender() {
+  const movies = await getStarWarsMovies()
+  return [
+    {
+      url: '/star-wars',
+      // We already provide `pageContext` here so that Solide
+      // will *not* have to call the `onBeforeRender()` hook defined
+      // above in this file.
+      pageContext: {
+        pageProps: {
+          movies: filterMoviesData(movies)
+        },
+        documentProps: { title: getTitle(movies) }
+      }
+    },
+    ...movies.map((movie) => {
+      const url = `/star-wars/${movie.id}`
+      return {
+        url,
+        // Note that we can also provide the `pageContext` of other pages.
+        // This means that Solide will not call any
+        // `onBeforeRender()` hook and the Star Wars API will be called
+        // only once (in this `prerender()` hook).
+        pageContext: {
+          pageProps: {
+            movie: filterMovieData(movie)
+          },
+          documentProps: { title: movie.title }
+        }
+      }
+    })
+  ]
+}
+*/
+
+function getTitle(movies: Movie[] | MovieDetails[]): string {
+  const title = `${movies.length} Star Wars Movies`;
+  return title;
+}

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

@@ -0,0 +1,13 @@
+export type Movie = {
+  id: string;
+  title: string;
+  release_date: string;
+};
+
+export type MovieDetails = {
+  id: string;
+  title: string;
+  release_date: string;
+  director: string;
+  producer: string;
+};

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

@@ -0,0 +1,11 @@
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(currentContent) {
+  const packageJson = await loadAsJson(currentContent);
+  return addDependency(packageJson, await import("./chunk-package-PYDSUPTJ.js"), {
+    dependencies: ["telefunc"]
+  });
+}
+export {
+  getPackageJson as default
+};

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

@@ -0,0 +1,14 @@
+// files/$vite.config.ts.ts
+import { addVitePlugin, loadAsMagicast } from "@batijs/core";
+async function getViteConfig(currentContent) {
+  const mod = await loadAsMagicast(currentContent);
+  addVitePlugin(mod, {
+    from: "telefunc/vite",
+    constructor: "telefunc",
+    imported: "telefunc"
+  });
+  return mod.generate().code;
+}
+export {
+  getViteConfig as default
+};

package/dist/boilerplates/@batijs/telefunc/chunk-package-PYDSUPTJ.js

@@ -0,0 +1,75 @@
+// package.json
+var name = "@batijs/telefunc";
+var version = "0.0.3";
+var description = "";
+var type = "module";
+var scripts = {
+  build: "tsup"
+};
+var keywords = [];
+var author = "";
+var license = "MIT";
+var devDependencies = {
+  "@batijs/tsup": "workspace:*",
+  "@types/node": "^16.18.24",
+  telefunc: "^0.1.52",
+  vite: "^4.3.2",
+  "vite-plugin-ssr": "^0.4.117"
+};
+var dependencies = {
+  "@batijs/core": "workspace:*"
+};
+var exports = {
+  ".": "./dist/index.js",
+  "./files": "./dist/index.js"
+};
+var typesVersions = {
+  "*": {
+    ".": [
+      "./dist/index.d.ts"
+    ],
+    files: [
+      "./dist/index.d.ts"
+    ]
+  }
+};
+var files = [
+  "dist/"
+];
+var bati = {
+  flag: "telefunc",
+  boilerplate: "./dist/files"
+};
+var package_default = {
+  name,
+  version,
+  description,
+  type,
+  scripts,
+  keywords,
+  author,
+  license,
+  devDependencies,
+  dependencies,
+  exports,
+  typesVersions,
+  files,
+  bati
+};
+export {
+  author,
+  bati,
+  package_default as default,
+  dependencies,
+  description,
+  devDependencies,
+  exports,
+  files,
+  keywords,
+  license,
+  name,
+  scripts,
+  type,
+  typesVersions,
+  version
+};

package/dist/boilerplates/boilerplates.json

@@ -0,0 +1 @@
+[{"config":{"flag":"express","boilerplate":"./dist/files"},"folder":"@batijs/express"},{"config":{"flag":"hattip","boilerplate":"./dist/files"},"folder":"@batijs/hattip"},{"config":{"boilerplate":"./dist/files"},"folder":"@batijs/shared"},{"config":{"flag":"solid","boilerplate":"./dist/files"},"folder":"@batijs/solid"},{"config":{"flag":"telefunc","boilerplate":"./dist/files"},"folder":"@batijs/telefunc"}]