fix module export and improve CSR handling for non-browser environments

src/textblock.ts

@@ -148,26 +148,25 @@ export interface TextblockTarget {
 export const Textblock = (blocks: TextblockTarget[], options?: TextblockOptions) => {
 	console.log(`[TB] Textblock v${TB_VERSION || "🤔"}`);
 
-	const { debounce = 200, debug = false } = options || ({} as TextblockOptions);
-
-	if (typeof window !== "undefined") {
-		const cancelHandles = onDocumentReady(() => {
-			onLoad(blocks);
-			return onResize(debounceCallback(() => onLoad(blocks), debounce));
-		});
-		return () => {
-			if (typeof cancelHandles === "function") {
-				cancelHandles();
-			}
-		};
-	} else {
+	if (typeof window === "undefined" || typeof document === "undefined") {
 		console.error(
 			"[Textblock] A valid DOM is required. If you're using SSR, be sure to initialize Textblock on the client."
 		);
-
 		return null;
 	}
 
+	const { debounce = 200, debug = false } = options || ({} as TextblockOptions);
+	const cancelHandles = onDocumentReady(() => {
+		onLoad(blocks);
+		return onResize(debounceCallback(() => onLoad(blocks), debounce));
+	});
+
+	return () => {
+		if (typeof cancelHandles === "function") {
+			cancelHandles();
+		}
+	};
+
 	/**
 	 * Executes a callback function once the document is fully loaded. If the
 	 * document is already ready, the callback is executed immediately. Otherwise,

webpack.config.js

@@ -4,11 +4,13 @@
 const TerserPlugin = require("terser-webpack-plugin");
 const { version } = require("./package.json");
 const webpack = require("webpack");
+const { type } = require("os");
 
 module.exports = (env, argv) => {
 	return {
 		entry: "./src/textblock.ts",
 		mode: argv.mode || "production",
+		target: "web",
 		module: {
 			rules: [
 				{
@@ -27,7 +29,11 @@ module.exports = (env, argv) => {
 		},
 		output: {
 			filename: "textblock.min.js",
-			path: __dirname + "/dist"
+			path: __dirname + "/dist",
+			library: {
+				type: "umd"
+			},
+			globalObject: 'typeof self !== "undefined" ? self : globalThis'
 		},
 		plugins: [
 			new webpack.DefinePlugin({