create-nevela 0.2.1 → 0.4.1

package/tool.mjs

@@ -0,0 +1,58 @@
+// `nevela update`: the nevela command updating itself, from any folder.
+//
+// Two different things get newer, and they have two different commands, as in Grit:
+//
+//   nevela update     the `nevela` command on this computer
+//   nevela upgrade    the app you are in: its Nevela package and its dashboard
+//
+// Updating the command means asking the package manager that installed it to install the
+// latest. Which one that was is read from where this file is running from.
+
+import fs from 'node:fs';
+
+/** The command that installs the latest create-nevela globally, for each package manager. */
+const INSTALL = {
+  npm: ['npm', 'install', '-g', 'create-nevela@latest'],
+  pnpm: ['pnpm', 'add', '-g', 'create-nevela@latest'],
+  yarn: ['yarn', 'global', 'add', 'create-nevela@latest'],
+  bun: ['bun', 'add', '-g', 'create-nevela@latest'],
+};
+
+/**
+ * How the running copy was installed, from the folder it is in.
+ *
+ * Returns the package manager and the command that updates it, or null when this copy
+ * isn't the installed command: it was fetched for a single run (npx, pnpm dlx, a
+ * self-update), it is the repository itself, or it is a dependency in some project's own
+ * node_modules. Updating the global command would not change the copy that is running in
+ * any of those cases.
+ *
+ * @param {string} dir     The folder this package is running from
+ * @param {(file: string) => boolean} exists  Whether a file exists; replaceable in tests
+ */
+export function globalInstall(dir, exists = fs.existsSync) {
+  const plain = dir.replace(/\\/g, '/').replace(/\/+$/, '');
+  const where = plain.toLowerCase();
+
+  // Fetched for one run and thrown away afterwards.
+  if (/\/_npx\/|\/dlx[-/]|\/\.?bunx-|\/xfs-[0-9a-f]+\/|\/create-nevela-\d[^/]*\/package$/.test(where)) return null;
+  // Installed, as opposed to checked out: it sits in somebody's node_modules.
+  if (!/\/node_modules\/create-nevela$/.test(where)) return null;
+
+  // pnpm, yarn and bun each keep global packages in a folder of their own.
+  if (/\/pnpm\/global\//.test(where)) return { manager: 'pnpm', command: INSTALL.pnpm };
+  if (/\/\.bun\/install\/global\//.test(where)) return { manager: 'bun', command: INSTALL.bun };
+  if (/\/yarn\/(data\/)?global\/|\/\.config\/yarn\/global\//.test(where)) return { manager: 'yarn', command: INSTALL.yarn };
+
+  // npm's global folder is a plain node_modules, like a project's. Two things tell them
+  // apart: a project has a package.json beside its node_modules, and a dependency of a
+  // dependency (or pnpm's local store) sits in a node_modules inside another.
+  if (where.split('/node_modules/').length !== 2) return null;
+  const owner = plain.slice(0, where.lastIndexOf('/node_modules/'));
+  if (exists(`${owner}/package.json`)) return null;
+
+  return { manager: 'npm', command: INSTALL.npm };
+}
+
+/** What to type to get the `nevela` command, for someone who doesn't have it yet. */
+export const INSTALL_COMMAND = INSTALL.npm.join(' ').replace('@latest', '');

package/template/web/components/auth/sign-in-form.tsx

@@ -1,50 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { signInAction } from "@/app/auth-actions";
-import { AuthInput, AuthLabel, FormMessage, PrimaryButton } from "./ui";
-
-/** Email and password, checked by Laravel. */
-export function SignInForm({ next, initialError }: { next: string; initialError?: string | null }) {
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState<string | null>(initialError ?? null);
-  const [pending, setPending] = useState(false);
-
-  const submit = async (event: React.FormEvent) => {
-    event.preventDefault();
-    setPending(true);
-    setError(null);
-    const result = await signInAction(email, password);
-    if (result.ok) {
-      window.location.href = next;
-      return;
-    }
-    setError(result.error);
-    setPending(false);
-  };
-
-  return (
-    <form onSubmit={submit} className="flex flex-col gap-4">
-      {error && <FormMessage tone="error">{error}</FormMessage>}
-      <div className="flex flex-col gap-1.5">
-        <AuthLabel htmlFor="email">Email</AuthLabel>
-        <AuthInput id="email" type="email" autoComplete="email" required autoFocus value={email} onChange={(event) => setEmail(event.target.value)} />
-      </div>
-      <div className="flex flex-col gap-1.5">
-        <AuthLabel htmlFor="password">Password</AuthLabel>
-        <AuthInput
-          id="password"
-          type="password"
-          autoComplete="current-password"
-          required
-          value={password}
-          onChange={(event) => setPassword(event.target.value)}
-        />
-      </div>
-      <PrimaryButton type="submit" pending={pending}>
-        Sign in
-      </PrimaryButton>
-    </form>
-  );
-}