fix: shims for cjs

examples/vite-vue3/src/App.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup lang="ts">
-import { Server } from 'unplugin-turbo-console/helper'
+import { server } from 'unplugin-turbo-console/helper'
 
   function test() {
-    Server.log('xxx')
+    server.log('xxx')
   }
 </script>

helper.js

@@ -0,0 +1,76 @@
+// turbo-console-disable
+/* eslint-disable no-console */
+import { env } from 'node:process'
+
+/**
+ * @typedef {'log' | 'error' | 'warn' | 'info' | 'table' | 'dir'} TCMethod
+ */
+
+/**
+ * @typedef {Record<TCMethod, (...args: any[]) => void>} TConsole
+ */
+
+/**
+ * Generates a fetch URL for logging messages.
+ * @param {any[]} args - The arguments to log.
+ * @param {TCMethod} method - The logging method.
+ * @returns {string} The generated fetch URL.
+ */
+function generateFetchUrl(args, method) {
+  const port = env.UNPLUGIN_TURBO_CONSOLE_SERVER_PORT
+
+  if (!port) {
+    console.warn(`[UNPLUGIN_TURBO_CONSOLE]: UNPLUGIN_TURBO_CONSOLE_SERVER_PORT env not found`)
+  }
+
+  return `http://localhost:${port || 3070}/send?m=${JSON.stringify(args)}&t=${method}`
+}
+
+/**
+ * Handles client-side logging.
+ * @param {TCMethod} method - The logging method.
+ * @param {...any} args - The arguments to log.
+ */
+function handleClient(method, ...args) {
+  console[method](...args)
+  if (globalThis.window || env.NODE_ENV === 'production') {
+    return
+  }
+
+  fetch(generateFetchUrl(args, method)).catch(() => {})
+}
+
+/** @type {TConsole} */
+const client = {
+  log: (...args) => handleClient('log', ...args),
+  error: (...args) => handleClient('error', ...args),
+  warn: (...args) => handleClient('warn', ...args),
+  info: (...args) => handleClient('info', ...args),
+  table: (...args) => handleClient('table', ...args),
+  dir: (...args) => handleClient('dir', ...args),
+}
+
+/**
+ * Handles server-side logging.
+ * @param {TCMethod} method - The logging method.
+ * @param {...any} args - The arguments to log.
+ */
+function handleServer(method, ...args) {
+  console[method](...args)
+  const socket = globalThis?.window?.UNPLUGIN_TURBO_CONSOLE_CLIENT_SOCKET
+  if (socket && socket.readyState === WebSocket.OPEN) {
+    socket.send(JSON.stringify({ m: JSON.stringify(args), t: method }))
+  }
+}
+
+/** @type {TConsole} */
+const server = {
+  log: (...args) => handleServer('log', ...args),
+  error: (...args) => handleServer('error', ...args),
+  warn: (...args) => handleServer('warn', ...args),
+  info: (...args) => handleServer('info', ...args),
+  table: (...args) => handleServer('table', ...args),
+  dir: (...args) => handleServer('dir', ...args),
+}
+
+export { client, server }

package.json

@@ -71,9 +71,7 @@
       "require": "./dist/types.cjs"
     },
     "./helper": {
-      "types": "./dist/helper.d.ts",
-      "import": "./dist/helper.js",
-      "require": "./dist/helper.cjs"
+      "import": "./helper.js"
     },
     "./*": "./*",
     "./client": {
@@ -93,7 +91,8 @@
   },
   "files": [
     "client.d.ts",
-    "dist"
+    "dist",
+    "helper.js"
   ],
   "scripts": {
     "build": "rimraf dist && tsup",

scripts/postbuild.ts

@@ -20,11 +20,6 @@ async function run() {
     await fs.writeFile(file, code)
   }
 
-  const helperFile = join(dirname(fileURLToPath(import.meta.url)), '../dist/helper.js')
-  let helperCode = await fs.readFile(helperFile, 'utf8')
-  helperCode = `// turbo-console-disable\n${helperCode}`
-  await fs.writeFile(helperFile, helperCode)
-
   const source = join(dirname(fileURLToPath(import.meta.url)), '../src/core/client')
   const target = join(dirname(fileURLToPath(import.meta.url)), '../dist/client')
 

src/core/dir.ts

@@ -1,17 +1,8 @@
 import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'pathe'
 
-function getImportMetaUrl() {
-  return typeof document === 'undefined'
-    ? new URL(`file:${__filename}`).href
-    : (document.currentScript && (document.currentScript as any).src)
-    || new URL('main.js', document.baseURI).href
-}
-
-export const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()
-
 export const DIR_DIST = typeof __dirname !== 'undefined'
   ? __dirname
-  : dirname(fileURLToPath(importMetaUrl))
+  : dirname(fileURLToPath(import.meta.url))
 
 export const CLIENT_DIR = resolve(DIR_DIST, './client')

tsup.config.ts

@@ -8,5 +8,6 @@ export default defineConfig({
   format: ['esm', 'cjs'],
   dts: true,
   splitting: true,
+  shims: true,
   onSuccess: 'npm run build:fix',
 })