devjar 0.0.1 → 0.0.2

package/lib/index.mjs

@@ -19,15 +19,15 @@ function transformCode(code) {
   }).code
 }
 
-async function createModule(code) {
+async function compileModule(code) {
   const transformed = transformCode(code)
   return createModuleImporter(transformed)
 }
 
-async function loadModule(code) {
+async function createModule(code) {
   let mod = {}, error
   try {
-    mod = await createModule(code)
+    mod = await compileModule(code)
   } catch (e) {
     error = e
   }
@@ -35,5 +35,5 @@ async function loadModule(code) {
 }
 
 export {
-  loadModule,
+  createModule,
 }

package/lib/react.mjs

@@ -0,0 +1,29 @@
+import { useCallback, useEffect, useState, useRef } from 'react'
+import { createModule } from './index.mjs'
+
+export function useDynamicModule(code) {
+  const [{ mod, error }, setMod] = useState({})
+  const [shouldRender, rerender] = useState({})
+  const prevShouldRenderRef = useRef({})
+
+  const load = () => {
+    rerender({})
+  }
+
+  const loadMod = useCallback(() => {
+    if (code) {
+      createModule(code).then(_mod => {
+        setMod(_mod)
+      })
+    }
+  }, [code])
+
+  useEffect(() => {
+    if (prevShouldRenderRef.current !== shouldRender) {
+      loadMod()
+    }
+    prevShouldRenderRef.current = shouldRender
+  }, [shouldRender, loadMod])
+
+  return { mod, error, load }
+}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "devjar",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
-  "exports": "./lib/index.mjs",
+  "exports": {
+    ".": "./lib/index.mjs",
+    "./react": "./lib/react.mjs"
+  },
   "license": "MIT",
   "files": [
     "lib"
@@ -14,6 +17,7 @@
     "sucrase": "3.21.0"
   },
   "devDependencies": {
+    "devjar": "link:./",
     "next": "^12.1.6-canary.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",