support next.js

fix #12

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
   "cSpell.words": [
-    "Jikji"
+    "Jikji",
+    "Splitted"
   ],
   "search.exclude": {
     "**/.yarn": true,

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.1]
+### Fixed
+
+- Fix Next.Js issue with library
+
 ## [0.3.0]
 
 ### Changed

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jikji/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
   "files": [
@@ -48,8 +48,10 @@
     "prettier": "^2.8.3",
     "react-is": "^18.2.0",
     "react-scripts": "5.0.1",
-    "recoil": "^0.7.6",
     "tslib": "^2.5.0",
     "typescript": "^4.9.4"
+  },
+  "dependencies": {
+    "recoil": "^0.7.6"
   }
 }

packages/react/src/core/pulp/pulpTree.ts

@@ -21,7 +21,7 @@ function isContainerMarkedAsRoot(fiber?: Fiber): boolean {
 }
 
 function findRootFiberNode(parentElement?: Element): Fiber | null {
-  const element = parentElement ?? document.body;
+  const element = parentElement ?? document;
 
   const fiber = getInstanceFromNode(element);
   if (isContainerMarkedAsRoot(fiber)) {
@@ -59,7 +59,7 @@ export function makePulpTree(contentElement: HTMLDivElement, plugins: Readonly<R
 }
 
 export function findPageContentFiber(contentElement: HTMLDivElement, fiber: Fiber[]): Fiber | null {
-  for (let i = 0; i < fiber.length; i++) {
+  for (let i = 0; i < fiber.length; i++) {    
     if (fiber[i].elementType 
       && isInstanceOfComponent(fiber[i].elementType, PageContent) 
       && fiber[i].return?.stateNode == contentElement) {    

packages/shared/window.js

@@ -1,4 +1,2 @@
-module.exports = {
-  jikji_isReady: "__jikji_isReady",
-  jikji_readJsonDataFile: "__jikji_readJsonDataFile",
-};
+export const jikji_isReady = "__jikji_isReady";
+export const jikji_readJsonDataFile = "__jikji_readJsonDataFile";

yalc.lock

@@ -0,0 +1,4 @@
+{
+  "version": "v1",
+  "packages": {}
+}