fix: fixed config and add to in browser.

Author: Blankeos

.changeset/config.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@3.0.4/schema.json",
-  "changelog": "@changesets/cli/changelog",
+  "changelog": ["@changesets/changelog-github", { "repo": "blankeos/tsdot" }],
   "commit": false,
   "fixed": [],
   "linked": [],

.changeset/serious-geese-fold.md

@@ -0,0 +1,5 @@
+---
+"tsdot": patch
+---
+
+fix: browser runtime add tsdot to window.

src/index.ts

@@ -29,8 +29,8 @@ declare global {
 }
 
 export default class Dot {
-  static name = "doT2";
-  static version = "1.1.3";
+  static name = "tsdot";
+  static version = "1.1.6";
   static templateSettings: TemplateSettings = {
     evaluate: /\{\{([\s\S]+?(\}?)+)\}\}/g,
     interpolate: /\{\{=([\s\S]+?)\}\}/g,
@@ -228,3 +228,8 @@ export default class Dot {
     return Dot.template(tmpl, null, def);
   }
 }
+
+// Ensure Dot is available globally
+if (typeof window !== "undefined") {
+  (window as any).tsdot = Dot;
+}

test-browser.html

@@ -35,26 +35,25 @@ <h1 id="h1">Caro</h1>
   <script type="text/javascript">
     // console.log("loaded", boomer);
     document.getElementById("h1").addEventListener("click", () => {
-      console.log("nice");
-      console.log("clicked?", doT);
+      console.log("clicked?", tsdot);
     });
-    // var def = {
-    //   header: document.getElementById("headertmpl").text,
-    //   customheader: document.getElementById("customizableheadertmpl").text,
-    // };
-    // var data = {
-    //   title: "My title",
-    //   name: "My name",
-    // };
+    var def = {
+      header: document.getElementById("headertmpl").text,
+      customheader: document.getElementById("customizableheadertmpl").text,
+    };
+    var data = {
+      title: "My title",
+      name: "My name",
+    };
 
-    // var pagefn = Dot.template(document.getElementById("pagetmpl").text, undefined, def);
-    // document.getElementById("content").innerHTML = pagefn(data);
+    var pagefn = tsdot.template(document.getElementById("pagetmpl").text, undefined, def);
+    document.getElementById("content").innerHTML = pagefn(data);
 
-    // pagefn = Dot.template(
-    //   document.getElementById("pagetmplwithcustomizableheader").text,
-    //   undefined,
-    //   def
-    // );
-    // document.getElementById("contentcustom").innerHTML = pagefn(data);
+    pagefn = tsdot.template(
+      document.getElementById("pagetmplwithcustomizableheader").text,
+      undefined,
+      def
+    );
+    document.getElementById("contentcustom").innerHTML = pagefn(data);
   </script>
 </html>

tsup.config.ts

@@ -4,10 +4,6 @@ export default defineConfig({
   entry: ["src/index.ts"],
   outDir: "dist",
   format: ["cjs", "esm", "iife"],
-  /**
-   * So index.global.js (iife), can be used in the browser.
-   */
-  globalName: "tsdot",
   dts: true,
   splitting: true,
   sourcemap: true,