add host config

src/commands/preview.ts

@@ -1,6 +1,7 @@
 import { config } from "../lib/config";
 import { getFileSystemRepo } from "../lib/get-file-system-repo";
 import { getQiitaApiInstance } from "../lib/get-qiita-api-instance";
+import { getUrlAddress } from "../lib/getUrlAddress";
 import { syncArticlesFromQiita } from "../lib/sync-articles-from-qiita";
 import { startLocalChangeWatcher, startServer } from "../server/app";
 
@@ -13,9 +14,11 @@ export const preview = async () => {
   const server = await startServer();
 
   const address = server.address();
-  if (address && typeof address !== "string") {
+  const url = getUrlAddress(address);
+
+  if (url) {
     const open = (await import("open")).default;
-    await open(`http://localhost:${address.port}`);
+    await open(url);
   }
 
   startLocalChangeWatcher({

src/lib/config.test.ts

@@ -224,6 +224,8 @@ describe("config", () => {
       beforeEach(() => {
         const userConfigData = {
           includePrivate: true,
+          address: "localhost",
+          family: "IPv4",
           port: 9999,
         };
         resetFiles();
@@ -234,6 +236,8 @@ describe("config", () => {
         const userConfig = await config.getUserConfig();
         expect(userConfig).toStrictEqual({
           includePrivate: true,
+          address: "localhost",
+          family: "IPv4",
           port: 9999,
         });
       });
@@ -248,6 +252,8 @@ describe("config", () => {
         const userConfig = await config.getUserConfig();
         expect(userConfig).toStrictEqual({
           includePrivate: false,
+          address: "localhost",
+          family: "IPv4",
           port: 8888,
         });
       });

src/lib/config.ts

@@ -14,6 +14,8 @@ interface Options {
 
 type UserConfig = {
   includePrivate: boolean;
+  address: string;
+  family: string;
   port: number;
 };
 
@@ -107,6 +109,8 @@ class Config {
   async getUserConfig() {
     const defaultConfig = {
       includePrivate: false,
+      address: "localhost",
+      family: "IPv4",
       port: 8888,
     } as UserConfig;
 

src/lib/getUrlAddress.test.ts

@@ -0,0 +1,42 @@
+import { AddressInfo } from "net";
+import { getUrlAddress } from "./getUrlAddress";
+
+describe("getUrlAddress", () => {
+  describe("when null is passed", () => {
+    it("returns null", () => {
+      const url = getUrlAddress(null);
+      expect(url).toBeNull();
+    });
+  });
+
+  describe("when string is passed", () => {
+    it("returns null", () => {
+      const url = getUrlAddress("foobar");
+      expect(url).toBeNull();
+    });
+  });
+
+  describe("when IPv4 is passed", () => {
+    it("returns correct url", () => {
+      const address: AddressInfo = {
+        address: "0.0.0.0",
+        family: "IPv4",
+        port: 8888,
+      };
+      const url = getUrlAddress(address);
+      expect(url).toEqual(`http://${address.address}:${address.port}`);
+    });
+  });
+
+  describe("when IPv6 is passed", () => {
+    it("returns correct url", () => {
+      const address: AddressInfo = {
+        address: "::",
+        family: "IPv6",
+        port: 8888,
+      };
+      const url = getUrlAddress(address);
+      expect(url).toEqual(`http://[${address.address}]:${address.port}`);
+    });
+  });
+});

src/lib/getUrlAddress.ts

@@ -0,0 +1,12 @@
+import { AddressInfo } from "net";
+
+export const getUrlAddress = (address: string | AddressInfo | null) => {
+  if (!address || typeof address === "string") return null;
+
+  if (["IPv4", "IPv6"].indexOf(address.family) === -1)
+    throw new Error("Unknown address family");
+
+  return `http://${
+    address.family === "IPv4" ? address.address : `[${address.address}]`
+  }:${address.port}`;
+};

src/server/app.ts

@@ -10,6 +10,7 @@ import { EmojiRouter } from "./api/emoji";
 import { ItemsRouter } from "./api/items";
 import { ReadmeRouter } from "./api/readme";
 import { config } from "../lib/config";
+import { getUrlAddress } from "../lib/getUrlAddress";
 
 export async function startServer() {
   const app = express();
@@ -39,7 +40,11 @@ export async function startServer() {
     server
       .listen(port, host)
       .once("listening", () => {
-        console.log(`Preview: http://${host}:${port}`);
+        const address = server.address();
+        const url = getUrlAddress(address);
+        if (url) {
+          console.log(`Preview: ${url}`);
+        }
 
         resolve(server);
       })