next: fix image path

resolve ~ in path.

Author: Xiaoxing Hu

.changeset/tricky-lions-look.md

@@ -0,0 +1,6 @@
+---
+'@orgajs/example-next': patch
+'@orgajs/next': patch
+---
+
+next: resolve ~ in image path

packages/next/src/plugin/_url-utils.ts

@@ -9,6 +9,7 @@ export const isAbsoluteUrl = (url: string) => {
   if (WINDOWS_PATH_REGEX.test(url)) {
     return false
   }
+  if (url.startsWith('~/')) return true
 
   return ABSOLUTE_URL_REGEX.test(url)
 }

packages/next/src/plugin/image.ts

@@ -3,6 +3,7 @@ import { BaseNode, walk } from 'estree-walker'
 import { Plugin, Transformer } from 'unified'
 import { isJSXAttribute, isJSXOpeningElement, isLiteral } from './_estree-utils'
 import { isRelativeUrl } from './_url-utils'
+import { join } from 'path'
 
 export const processImage: Plugin = () => {
   const transformer: Transformer = async (tree: BaseNode, file) => {
@@ -11,8 +12,14 @@ export const processImage: Plugin = () => {
 
     const _import = (path: string) => {
       let p = path
-      if (isRelativeUrl(p) && !p.startsWith('.')) {
-        p = `./${p}`
+      if (isRelativeUrl(p)) {
+        if (!p.startsWith('.')) {
+          p = `./${p}`
+        }
+      } else {
+        if (p.startsWith('~')) {
+          p = join(process.env.HOME, p.substring(1))
+        }
       }
       const varName = `image${imports.length}`
       imports.push({