Fix deps updating

Author: Tadhg Lewis

packages/create-issue-status/package.json

@@ -37,7 +37,6 @@
     "picocolors": "^1.1.1"
   },
   "devDependencies": {
-    "@types/mri": "^1.2.0",
     "@types/node": "^25.9.1",
     "tsdown": "^0.22.0",
     "typescript": "^6.0.3"

packages/create-issue-status/src/index.ts

@@ -78,7 +78,7 @@ ${PROVIDERS.map((p) => `  ${p.color(p.name.padEnd(12))} ${p.display}`).join(
       message: "Project name:",
       placeholder: defaultTargetDir,
       validate: (input) => {
-        const trimmed = input.trim();
+        const trimmed = input?.trim() ?? "";
         if (trimmed.length === 0) return "Please enter a project name";
         if (!/^[a-zA-Z0-9-_]+$/.test(trimmed))
           return "Project name can only contain letters, numbers, hyphens, and underscores";
@@ -126,7 +126,7 @@ ${PROVIDERS.map((p) => `  ${p.color(p.name.padEnd(12))} ${p.display}`).join(
       message: "Package name:",
       placeholder: toValidPackageName(getProjectName()),
       validate: (dir) => {
-        if (isValidPackageName(dir)) return;
+        if (dir && isValidPackageName(dir)) return;
         return "Invalid package.json name";
       },
     });
@@ -194,7 +194,7 @@ ${PROVIDERS.map((p) => `  ${p.color(p.name.padEnd(12))} ${p.display}`).join(
     const githubOwnerResult = await prompts.text({
       message: "GitHub repository owner/organization:",
       validate: (input) => {
-        if (input.trim().length > 0) return;
+        if ((input?.trim().length ?? 0) > 0) return;
         return "Please enter the owner";
       },
     });
@@ -209,7 +209,7 @@ ${PROVIDERS.map((p) => `  ${p.color(p.name.padEnd(12))} ${p.display}`).join(
     const githubRepoResult = await prompts.text({
       message: "GitHub repository name:",
       validate: (input) => {
-        if (input.trim().length > 0) return;
+        if ((input?.trim().length ?? 0) > 0) return;
         return "Please enter the repository name";
       },
     });
@@ -226,7 +226,7 @@ ${PROVIDERS.map((p) => `  ${p.color(p.name.padEnd(12))} ${p.display}`).join(
     const gitlabProjectIdResult = await prompts.text({
       message: "GitLab project ID or path (e.g., 'owner/repo' or project ID):",
       validate: (input) => {
-        if (input.trim().length > 0) return;
+        if ((input?.trim().length ?? 0) > 0) return;
         return "Please enter the project ID or path";
       },
     });

packages/issue-status/index.js

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
 
-import "./dist/index.js";
+import "./dist/index.mjs";

packages/issue-status/src/components/Component.tsx

@@ -3,6 +3,33 @@ import type { ComponentType } from "../api/types";
 import { Badge } from "../incidents/Badge";
 import { useState } from "react";
 
+const Box = ({
+  children,
+  clickable,
+  className,
+  onClick,
+}: {
+  children: React.ReactNode;
+  clickable?: boolean;
+  className?: string;
+  onClick?: () => void;
+}) => (
+  <div
+    onClick={onClick}
+    className={`
+        bg-gray-50 dark:bg-gray-900
+        p-2 px-4
+        rounded-xs
+        flex justify-between items-center
+        text-gray-800 dark:text-gray-200
+        ${clickable ? "cursor-pointer" : "cursor-default"}
+        ${className || ""}
+      `}
+  >
+    {children}
+  </div>
+);
+
 export const Component = ({ name, status, children }: ComponentType) => {
   const [showChildren, setShowChildren] = useState(false);
 
@@ -42,33 +69,6 @@ export const Component = ({ name, status, children }: ComponentType) => {
 
   const isClickable = Boolean(children?.length);
 
-  const Box = ({
-    children: boxChildren,
-    clickable,
-    className,
-    onClick,
-  }: {
-    children: React.ReactNode;
-    clickable?: boolean;
-    className?: string;
-    onClick?: () => void;
-  }) => (
-    <div
-      onClick={onClick}
-      className={`
-        bg-gray-50 dark:bg-gray-900        
-        p-2 px-4               
-        rounded-xs             
-        flex justify-between items-center 
-        text-gray-800 dark:text-gray-200          
-        ${clickable ? "cursor-pointer" : "cursor-default"} 
-        ${className || ""}     
-      `}
-    >
-      {boxChildren}
-    </div>
-  );
-
   return (
     <>
       <Box

packages/issue-status/src/providers/github.test.ts

@@ -1,3 +1,5 @@
-import { describe } from "vitest";
+import { describe, test } from "vitest";
 
-describe("github", () => {});
+describe("github", () => {
+  test.todo("add coverage for github provider");
+});

packages/issue-status/vite.config.ts

@@ -11,13 +11,13 @@ export default defineConfig(async () => {
 
   const configPath = path.resolve(process.cwd(), "issue-status.config.ts");
 
-  const config = (await tsImport(configPath, import.meta.dirname))
-    .default as IssueStatusConfig;
-
   if (!fs.existsSync(configPath)) {
     throw new Error("issue-status.config.ts not found.");
   }
 
+  const config = (await tsImport(configPath, import.meta.dirname))
+    .default as IssueStatusConfig;
+
   return {
     root: packageRoot,
     base: "./",
@@ -31,15 +31,15 @@ export default defineConfig(async () => {
           return html
             .replace(
               /<title>Vite \+ React \+ TS<\/title>/,
-              `<title>${config.name}</title>`
+              `<title>${config.name}</title>`,
             )
             .replace(
               /<link rel="icon" href="\/vite.svg" \/>/,
-              `<link rel="icon" href="/vite.svg" />`
+              `<link rel="icon" href="/vite.svg" />`,
             )
             .replace(
               /<meta name="description" content="My status page description" \/>/,
-              `<meta name="description" content="${config.description}" />`
+              `<meta name="description" content="${config.description}" />`,
             );
         },
       },