@altano/textfit 0.0.3 → 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}

@@ -42,4 +42,4 @@ export interface Options {
     sizeMultipleOf?: number;
 }
 export declare function textFit(elements: HTMLElement | HTMLElement[], options?: Options): void;
-//# sourceMappingURL=textFit.d.ts.map
+//# 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,
@@ -23,11 +23,11 @@ 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(
@@ -59,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;
   }
@@ -68,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;
@@ -87,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,24 +1,21 @@
 {
   "name": "@altano/textfit",
-  "version": "0.0.3",
+  "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/**/*.js",
     "dist/**/*.d.ts"
   ],
   "type": "module",
   "sideEffects": false,
-  "exports": "./dist/textFit.js",
-  "types": "./dist/textFit.d.ts",
+  "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",
+  "homepage": "https://github.com/altano/npm-packages/tree/main/packages/textfit",
   "keywords": [
     "textfit",
     "fit",
@@ -30,21 +27,27 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "tsup": "^8.0.2",
+    "@playwright/test": "1.40.0",
     "typescript": "^5.4.2",
-    "vitest": "^1.3.1",
+    "vite": "^5.2.4",
     "@altano/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/textFit.ts --format esm --onSuccess \"pnpm build:types\"",
-    "build:types": "tsc --emitDeclarationOnly --declaration",
-    "dev": "tsup src/textFit.ts --watch --format esm --dts",
+    "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",
-    "build-example": "sh examples/mk-examples.sh",
-    "prepublish": "pnpm build"
+    "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"
   }
 }