@altano/textfit 0.0.2 → 0.0.4

package/README.md

@@ -1,4 +1,4 @@
-# `textFit` - Hassle-Free Text Fitting
+# `@altano/textfit` - Hassle-Free Text Fitting
 
 A fork of [STRML/textFit](https://github.com/STRML/textFit) (@7a1eed6db54a97798556eed3c57b2ce1f87dbab4). Has the following changes:
 

package/dist/{textFit.d.ts → index.d.ts}

@@ -11,7 +11,7 @@
  * Uses binary search to fit text with minimal layout calls.
  * Version 2.0 does not use jQuery.
  */
-interface Options {
+export interface Options {
     /**
      * if true, textFit will not set white-space: no-wrap
      */
@@ -41,6 +41,5 @@ interface Options {
      */
     sizeMultipleOf?: number;
 }
-declare function textFit(elements: HTMLElement | HTMLElement[], options?: Options): void;
-
-export { Options, textFit };
+export declare function textFit(elements: HTMLElement | HTMLElement[], options?: Options): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/{textFit.js → index.js}

@@ -1,4 +1,4 @@
-// src/textFit.ts
+// src/index.ts
 var defaultSettings = {
   multiLine: false,
   detectMultiLine: true,
@@ -12,9 +12,9 @@ var defaultSettings = {
 function textFit(elements, options = {}) {
   const settings = Object.assign({}, defaultSettings, options);
   const els = Array.isArray(elements) ? elements : [elements];
-  for (var i = 0; i < els.length; i++) {
-    processItem(els[i], settings);
-  }
+  els.forEach((el) => {
+    processItem(el, settings);
+  });
 }
 function processItem(el, settings) {
   if (!isElement(el) || !settings.reProcess && el.getAttribute("textFitted")) {
@@ -23,16 +23,20 @@ function processItem(el, settings) {
   if (!settings.reProcess) {
     el.setAttribute("textFitted", "1");
   }
-  let innerSpan, originalHeight, originalHTML, originalWidth;
+  let innerSpan;
   let low, mid, high;
-  originalHTML = el.innerHTML;
-  originalWidth = innerWidth(el);
-  originalHeight = innerHeight(el);
+  const originalHTML = el.innerHTML;
+  const originalWidth = innerWidth(el);
+  const originalHeight = innerHeight(el);
   if (!originalWidth || !settings.widthOnly && !originalHeight) {
     if (!settings.widthOnly)
-      throw new Error("Set a static height and width on the target element " + el.outerHTML + " before using textFit!");
+      throw new Error(
+        "Set a static height and width on the target element " + el.outerHTML + " before using textFit!"
+      );
     else
-      throw new Error("Set a static width on the target element " + el.outerHTML + " before using textFit!");
+      throw new Error(
+        "Set a static width on the target element " + el.outerHTML + " before using textFit!"
+      );
   }
   if (originalHTML.indexOf("textFitted") === -1) {
     innerSpan = document.createElement("span");
@@ -55,7 +59,7 @@ function processItem(el, settings) {
       el.className.replace("textFitAlignVertFlex", "");
     }
   }
-  var multiLine = settings.multiLine;
+  let multiLine = settings.multiLine;
   if (settings.detectMultiLine && !multiLine && innerSpan.getBoundingClientRect().height >= parseInt(window.getComputedStyle(innerSpan).fontSize, 10) * 2) {
     multiLine = true;
   }
@@ -64,11 +68,11 @@ function processItem(el, settings) {
   }
   low = settings.minFontSize;
   high = settings.maxFontSize;
-  var size = low;
+  let size = low;
   while (low <= high) {
     mid = high + low >> 1;
     innerSpan.style.fontSize = mid + "px";
-    var innerSpanBoundingClientRect = innerSpan.getBoundingClientRect();
+    const innerSpanBoundingClientRect = innerSpan.getBoundingClientRect();
     if (innerSpanBoundingClientRect.width <= originalWidth && (settings.widthOnly || innerSpanBoundingClientRect.height <= originalHeight)) {
       size = mid;
       low = mid + 1;
@@ -83,15 +87,15 @@ function processItem(el, settings) {
     innerSpan.style.fontSize = size + "px";
 }
 function innerHeight(el) {
-  var style = window.getComputedStyle(el, null);
+  const style = window.getComputedStyle(el, null);
   return el.getBoundingClientRect().height - parseInt(style.getPropertyValue("padding-top"), 10) - parseInt(style.getPropertyValue("padding-bottom"), 10);
 }
 function innerWidth(el) {
-  var style = window.getComputedStyle(el, null);
+  const style = window.getComputedStyle(el, null);
   return el.getBoundingClientRect().width - parseInt(style.getPropertyValue("padding-left"), 10) - parseInt(style.getPropertyValue("padding-right"), 10);
 }
 function isElement(o) {
-  return typeof HTMLElement === "object" ? o instanceof HTMLElement : o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string";
+  return typeof HTMLElement === "object" ? o instanceof HTMLElement : o != null && typeof o === "object" && o !== null && "nodeType" in o && o.nodeType === 1 && "nodeName" in o && typeof o.nodeName === "string";
 }
 function hasClass(element, cls) {
   return (" " + element.className + " ").indexOf(" " + cls + " ") > -1;

package/package.json

@@ -1,29 +1,21 @@
 {
   "name": "@altano/textfit",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A fast, jQuery-free text sizing component that quickly fits single and multi-line text to the width (and optionally height) of its container.",
-  "directories": {
-    "example": "examples"
-  },
   "files": [
-    "dist"
+    "dist/**/*.js",
+    "dist/**/*.d.ts"
   ],
   "type": "module",
   "sideEffects": false,
-  "exports": "./dist/textFit.js",
-  "types": "./dist/textFit.d.ts",
-  "scripts": {
-    "build": "tsup src/textFit.ts --format esm --dts",
-    "dev": "tsup src/textFit.ts --watch --format esm --dts",
-    "format": "prettier --write src",
-    "build-example": "sh examples/mk-examples.sh",
-    "prepublish": "npm run build"
-  },
+  "exports": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/altano/npm-packages",
-    "directory": "packages/textFit"
+    "directory": "packages/textfit"
   },
+  "homepage": "https://github.com/altano/npm-packages/tree/main/packages/textfit",
   "keywords": [
     "textfit",
     "fit",
@@ -34,10 +26,28 @@
     "Alan Norbauer <altano@gmail.com> (https://alan.norbauer.com/)"
   ],
   "license": "MIT",
+  "devDependencies": {
+    "@playwright/test": "1.40.0",
+    "typescript": "^5.4.2",
+    "vite": "^5.2.4",
+    "@altano/tsconfig": "0.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "devDependencies": {
-    "@altano/tsconfig": "*"
+  "scripts": {
+    "build": "tsup --config build-config/tsup.config.browser.ts",
+    "build:types": "tsc --project tsconfig.declarations.json",
+    "dev": "pnpm run build --watch",
+    "format": "prettier --check src",
+    "format:fix": "prettier --write src",
+    "lint": "eslint package.json src/**/*.ts*",
+    "lint:fix": "TIMING=1 pnpm lint --fix",
+    "lint:timing": "TIMING=1 pnpm lint",
+    "test:e2e": "playwright test",
+    "test:e2e:server": "vite --strictPort --port 8173 ./tests/e2e",
+    "test:e2e:ui": "playwright test --ui",
+    "typecheck:src": "tsc --noEmit",
+    "typecheck:test": "tsc --noEmit --project ./tests/tsconfig.json"
   }
-}
+}