Fix demo and improtve warnings

docs/src/components/demo.tsx

@@ -1,4 +1,4 @@
-import { type PDFiumDocument, PDFiumLibrary } from "@hyzyla/pdfium/browser/cdn";
+import { type PDFiumDocument, PDFiumLibrary } from "@hyzyla/pdfium/browser/base64";
 import { QueryClient, QueryClientProvider, useQuery } from "@tanstack/react-query";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 

src/index.esm.base64.ts

@@ -18,8 +18,17 @@ function base64ToUint8Array(base64: string) {
   return bytes;
 }
 
+const BASE64_WARNING = "@hyzyla/pdfium: Using base64-encoded WASM binary.\n" +
+  "\n" +
+  `This can lead to larger bundle size or slower load time. Use "@hyzyla/pdfium" with a proper ` +
+  "setup for better performance. You can also disable this warning by passing { disableBase64Warning: true } " +
+  "to PDFiumLibrary.init() method";
+
 export class PDFiumLibrary extends _PDFiumLibrary {
-  static async init() {
+  static async init(options?: { disableBase64Warning?: boolean }) {
+    if (!options?.disableBase64Warning) {
+      console.warn(BASE64_WARNING);
+    }
     const base64 = await import("./vendor/pdfium.wasm.base64");
     const wasmBinary = base64ToUint8Array(base64.PDFIUM_WASM_BASE64);
     return await _PDFiumLibrary.initBase({

src/index.esm.cdn.ts

@@ -13,11 +13,15 @@ declare const __WASM_SHA265_B64__: string;
 
 const CDN_WASM_LINK = `https://cdn.jsdelivr.net/npm/@hyzyla/pdfium@${__PACKAGE_VERSION__}/dist/pdfium.wasm`;
 const WASM_INTEGRITY = `sha256-${__WASM_SHA265_B64__}`;
-const CDN_WARNING = `
-@hyzyla/pdfium: The PDFium WASM binary is loaded from a CDN. This may be slower than loading the binary from the local server. You can disable this warning by setting the 'disableCDNWarning' option to 'true' when calling PDFiumLibrary.init().
-`;
+
+const CDN_WARNING = "@hyzyla/pdfium: Fetching wasm binary from a CDN.\n" +
+  "\n" +
+  `This can lead to slower load time or potential network issues. Use "@hyzyla/pdfium" with a local wasm binary ` +
+  "for better performance and reliability. You can also disable this warning by passing { disableCDNWarning: true } " +
+  "to PDFiumLibrary.init() method";
 
 export class PDFiumLibrary extends _PDFiumLibrary {
+
   static _cache: ArrayBuffer | null = null;
 
   static async init(options?: { disableCDNWarning?: boolean }) {

src/library.ts

@@ -4,11 +4,10 @@ import { FPDFErrorCode } from "./constants";
 import { PDFiumDocument } from "./document";
 import { lengthBytesUTF8, stringToUTF8 } from "./emscripten";
 
-const NO_OPTION_WARNING = `
-@hyzyla/pdfium: wasmUrl, wasmBinary is required for browser environment. 
+const NO_OPTION_WARNING = "@hyzyla/pdfium: wasmUrl, wasmBinary is required for browser environment. \n\n"
+  + "Please provide the wasm binary or URL to the init method. You can also use '@hyzyla/pdfium/browser/cdn'"
+  + "or '@hyzyla/pdfium/browser/base64' for quick setup, but it's not recommended for production use.";
 
-You can also use "@hyzyla/pdfium/browser/base64" or "@hyzyla/pdfium/browser/cdn" for quick setup, but keep in mind that it can lead to larger bundle size or slower load time.
-`;
 
 /**
  * Converts a JavaScript string to a null-terminated C string and returns
@@ -50,7 +49,7 @@ export class PDFiumLibrary {
       // Node.js will use wasm binary from node_modules, but for browser environment,
       // user must provide the wasm binary or URL
       if (typeof window !== "undefined") {
-        console.warn(NO_OPTION_WARNING);
+        console.error(NO_OPTION_WARNING);
         throw new Error(NO_OPTION_WARNING);
       }
     }