fix: lodash is commonjs (#50)

Author: JounQin

.changeset/chilled-terms-judge.md

@@ -0,0 +1,5 @@
+---
+"react-server-renderer": patch
+---
+
+fix: lodash is commonjs

.codesandbox/ci.json

@@ -1,4 +1,5 @@
 {
   "node": "18",
+  "installCommand": "codesandbox:install",
   "sandboxes": []
 }

package.json

@@ -1,15 +1,17 @@
 {
   "name": "react-server-renderer",
   "version": "2.0.1",
+  "type": "module",
   "description": "Yet another simple React SSR solution inspired by vue-server-render",
   "repository": "[email protected]:un-ts/react-server-renderer.git",
   "author": "JounQin <[email protected]>",
   "license": "MIT",
-  "type": "module",
   "packageManager": "[email protected]",
+  "engines": {
+    "node": "^12.20.0 || >=14.13.0"
+  },
   "main": "lib/index.cjs",
   "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
@@ -20,22 +22,21 @@
     "./server-plugin": "./lib/webpack-plugin/server.js",
     "./package.json": "./package.json"
   },
+  "types": "lib/index.d.ts",
   "files": [
     "lib"
   ],
-  "engines": {
-    "node": "^12.20.0 || >=14.13.0"
-  },
   "scripts": {
     "build": "run-p 'build:*'",
     "build:r": "r -f cjs",
     "build:tsc": "tsc",
+    "codesandbox:install": "yarn --ignore-engines",
     "lint": "run-p 'lint:*'",
     "lint:es": "eslint . --cache",
     "lint:tsc": "tsc --noEmit",
-    "typecov": "type-coverage",
     "prepare": "simple-git-hooks",
-    "release": "yarn build && clean-pkg-json && changeset publish"
+    "release": "yarn build && clean-pkg-json && changeset publish",
+    "typecov": "type-coverage"
   },
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",

src/template-renderer/parse-template.ts

@@ -1,4 +1,4 @@
-import { template as compile } from 'lodash'
+import _ from 'lodash'
 
 import type { ParsedTemplate } from '../types.js'
 
@@ -32,9 +32,9 @@ export function parseTemplate(
   }
 
   return {
-    head: compile(template.slice(0, i), compileOptions),
-    neck: compile(template.slice(i, j), compileOptions),
-    tail: compile(
+    head: _.template(template.slice(0, i), compileOptions),
+    neck: _.template(template.slice(i, j), compileOptions),
+    tail: _.template(
       template.slice(j + contentPlaceholder.length),
       compileOptions,
     ),

src/util.ts

@@ -1,4 +1,4 @@
-import { isPlainObject } from 'lodash'
+import _ from 'lodash'
 
 import type { File } from './types.js'
 
@@ -11,7 +11,8 @@ export const isJS = (file: File): boolean =>
 export const isCSS = (file: File): boolean =>
   /\.css(?:\?[^.]+)?$/.test(getFilename(file))
 
-export const isObjectType = isPlainObject as <T>(
+// eslint-disable-next-line @typescript-eslint/unbound-method
+export const isObjectType = _.isPlainObject as <T>(
   value: unknown,
 ) => value is T & object
 

src/webpack-plugin/client.ts

@@ -1,5 +1,5 @@
 import hash from 'hash-sum'
-import { uniq } from 'lodash'
+import _ from 'lodash'
 import type { Compiler, WebpackPluginInstance, sources } from 'webpack'
 
 import { getFilename } from '../util.js'
@@ -23,9 +23,9 @@ export class ReactSSRClientPlugin implements WebpackPluginInstance {
     onEmit(compiler, 'react-client-plugin', (compilation, cb) => {
       const stats = compilation.getStats().toJson()
 
-      const allFiles = uniq<string>(stats.assets!.map(a => a.name))
+      const allFiles = _.uniq<string>(stats.assets!.map(a => a.name))
 
-      const initialFiles = uniq(
+      const initialFiles = _.uniq(
         Object.keys(stats.entrypoints!)
           .map(name => stats.entrypoints![name].assets!)
           .reduce((assets, all) => [...all, ...assets], [])