@pdfme/ui 5.5.9 → 5.5.10-dev.125

package/vite.config.mts

@@ -1,22 +1,63 @@
+import { builtinModules } from 'node:module';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import tsconfigPaths from 'vite-tsconfig-paths';
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const builtinModuleSet = new Set([
+  ...builtinModules,
+  ...builtinModules.map((moduleName) => `node:${moduleName}`),
+]);
+const pdfjsWorkerCompatBanner = [
+  'const pdfmeUint8ArrayPrototype = Uint8Array.prototype;',
+  'if (!pdfmeUint8ArrayPrototype.toHex) {',
+  "  Object.defineProperty(Uint8Array.prototype, 'toHex', {",
+  '    configurable: true,',
+  '    value() {',
+  "      let result = '';",
+  '      for (let i = 0; i < this.length; i += 1) {',
+  '        const hex = this[i].toString(16);',
+  '        result += hex.length === 1 ? `0${hex}` : hex;',
+  '      }',
+  '      return result;',
+  '    },',
+  '    writable: true,',
+  '  });',
+  '}',
+].join('\n');
+const isExternal = (id: string) => builtinModuleSet.has(id);
+
 export default defineConfig(({ mode }) => {
   return {
+    base: './',
     define: { 'process.env.NODE_ENV': JSON.stringify(mode) },
-    plugins: [react(), tsconfigPaths({ root: '.' }), cssInjectedByJsPlugin()],
+    plugins: [react(), cssInjectedByJsPlugin()],
     build: {
       lib: {
-        entry: 'src/index.ts',
-        name: '@pdfme/ui',
-        fileName: (format) => `index.${format}.js`,
+        entry: resolve(__dirname, 'src/index.ts'),
+        fileName: 'index',
+        formats: ['es'],
       },
+      minify: false,
+      outDir: 'dist',
+      rollupOptions: { external: isExternal },
+      sourcemap: true,
+      target: 'es2020',
     },
     optimizeDeps: {
       include: ['react', 'react-dom', 'pdfjs-dist', 'antd'],
       exclude: ['@pdfme/common', '@pdfme/schemas', '@pdfme/converter'],
     },
+    worker: {
+      format: 'es',
+      rollupOptions: {
+        output: {
+          banner: pdfjsWorkerCompatBanner,
+        },
+      },
+    },
   };
 });

package/vitest.setup.ts

@@ -0,0 +1,47 @@
+import { TextDecoder, TextEncoder } from 'node:util';
+import { cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { afterEach, vi } from 'vitest';
+
+if (typeof globalThis.TextDecoder === 'undefined' || typeof globalThis.TextEncoder === 'undefined') {
+  Object.assign(globalThis, { TextDecoder, TextEncoder });
+}
+
+const createCanvasContext2D = () => {
+  const noop = vi.fn();
+
+  return {
+    canvas: undefined,
+    fillStyle: '#000000',
+    strokeStyle: '#000000',
+    lineWidth: 1,
+    font: '10px sans-serif',
+    textAlign: 'left',
+    textBaseline: 'alphabetic',
+    beginPath: noop,
+    clearRect: noop,
+    fill: noop,
+    fillRect: noop,
+    fillText: noop,
+    lineTo: noop,
+    moveTo: noop,
+    rect: noop,
+    restore: noop,
+    rotate: noop,
+    save: noop,
+    scale: noop,
+    stroke: noop,
+    translate: noop,
+    measureText: (text: string) => ({ width: text.length * 6 }),
+  };
+};
+
+Object.defineProperty(HTMLCanvasElement.prototype, 'getContext', {
+  configurable: true,
+  value: vi.fn(() => createCanvasContext2D()),
+});
+
+afterEach(() => {
+  cleanup();
+  vi.restoreAllMocks();
+});