feat: Make jest-preview accepts argument (use commander)

Author: nvh95

.vscode/launch.json

@@ -9,7 +9,7 @@
       "request": "launch",
       "name": "Debug Preview Server",
       "skipFiles": ["<node_internals>/**"],
-      "program": "${workspaceFolder}/server/previewServer.js",
+      "program": "${workspaceFolder}/cli/index.js",
       "outFiles": ["${workspaceFolder}/**/*.js"]
     }
   ]

CONTRIBUTING.md

@@ -77,7 +77,7 @@ Whenever `preview.debug()` is triggered, or whenever a test fails, you will see
 Following are brief descriptions of the repository architecture:
 
 - [src](https://github.com/nvh95/jest-preview/tree/main/src/): contains most of the code of Jest Preview such as `debug` function, `jestPreviewConfigure`, all Jest Transformations, pre-configured presets, adapters, etc.
-- [server](https://github.com/nvh95/jest-preview/tree/main/server/): contains Jest Preview server code, which is a web server that serves the preview page (Jest Preview Dashboard).
+- [cli/server](https://github.com/nvh95/jest-preview/tree/main/cli/server): contains Jest Preview server code, which is a web server that serves the preview page (Jest Preview Dashboard).
 - [demo](https://github.com/nvh95/jest-preview/tree/main/demo/): contains the demo app. You will work with this app most of the time when developing Jest Preview.
 - [config/jest](https://github.com/nvh95/jest-preview/tree/main/config/jest/): jest configuration files for the demo app.
 - [dist](https://github.com/nvh95/jest-preview/tree/main/dist/): Distribution code, which is bundled and processed by Rollup (previously: Vite Library Mode).

cli/index.js

@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+const { program } = require('commander');
+
+program
+  .command('config-cra')
+  .description('Integrate Jest Preview with CRA.')
+  .action(() => {
+    // TODO: Execute function instead of require-ing
+    require('./configCra');
+  });
+
+program.action(() => {
+  // TODO: Execute function instead of require-ing
+  require('./server/previewServer');
+});
+
+program.parse(process.argv);

server/browser/index.js cli/server/browser/index.js

@@ -24,7 +24,7 @@
     "eject": "react-scripts eject",
     "jest-preview": "jest-preview",
     "test:debug": "npm-run-all -p test jest-preview",
-    "config-cra": "config-cra"
+    "config-cra": "jest-preview config-cra"
   },
   "eslintConfig": {
     "extends": [

server/browser/openChrome.applescript cli/server/browser/openChrome.applescript

@@ -19,12 +19,10 @@
   "author": "nvh95",
   "main": "dist/index.js",
   "bin": {
-    "jest-preview": "./server/previewServer.js",
-    "config-cra": "./cli/configCra.js"
+    "jest-preview": "./cli/index.js"
   },
   "files": [
     "dist",
-    "server",
     "transforms",
     "cli"
   ],
@@ -42,8 +40,8 @@
     "publish:alpha": "npm publish --tag alpha",
     "publish:latest": "npm publish",
     "preview": "vite preview",
-    "server": "node server/previewServer.js",
-    "server:watch": "nodemon server/previewServer.js",
+    "server": "node cli/index.js",
+    "server:watch": "nodemon cli/index.js",
     "test:dev": "NODE_ENV=test jest --watch --no-cache App",
     "test:ci": "NODE_ENV=test jest",
     "clearCache": "rimraf node_modules/.cache/jest-preview && jest --clearCache",
@@ -57,6 +55,7 @@
   "dependencies": {
     "camelcase": "^6.3.0",
     "chokidar": "^3.5.3",
+    "commander": "^9.2.0",
     "connect": "^3.7.0",
     "open": "^8.4.0",
     "postcss": "^8.4.12",

server/favicon.ico cli/server/favicon.ico

@@ -16,6 +16,6 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": ["demo", "src", "server"],
+  "include": ["demo", "src", "cli"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }