@frsource/autoresize-textarea 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 FRSOURCE - Let's shape your web
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,77 @@
+<p align="center">
+  <a href="https://www.npmjs.com/package/@frsource/autoresize-textarea">
+    <img src="https://img.shields.io/npm/v/@frsource/autoresize-textarea" alt="NPM version badge">
+  </a>
+  <a href="https://bundlephobia.com/result?p=@frsource/autoresize-textarea" title="Visit bundlephobia for more details!">
+    <img src="https://img.shields.io/bundlephobia/minzip/@frsource/autoresize-textarea" alt="Core bundle size badge. Data from bundlephobia.com">
+  </a>
+  <a href="https://github.com/semantic-release/semantic-release">
+    <img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" alt="semantic-relase badge">
+  </a>
+  <a href="https://bundlephobia.com/result?p=@frsource/autoresize-textarea">
+    <img src="https://badgen.net/bundlephobia/tree-shaking/@frsource/autoresize-textarea" alt="Tree shaking supported">
+  </a>
+  <a href="https://github.com/FRSOURCE/autoresize-textarea/blob/master/LICENSE">
+    <img src="https://img.shields.io/github/license/FRSOURCE/autoresize-textarea" alt="license MIT badge">
+  </a>
+</p>
+
+<h1 align="center">Autoresize Textarea - minimalistic plugin to autosize your textareas! 💪</h1>
+
+<p align="center">
+  <a href="#quick-start">Getting Started</a>
+  ·
+  <a href="https://www.frsource.org/autoresize-textarea" target="_blank">Demo</a>
+  .
+  <a href="#contribution">Contribution</a>
+  ·
+  <a href="https://github.com/FRSOURCE/autoresize-textarea/issues">File an Issue</a>
+  ·
+  <a href="#questions">Have a question or an idea?</a>
+  <br>
+</p>
+
+<p align="center">
+  <br>
+  <i>Tiny library which make your textareas fluid.
+    <br>Mobile &amp; desktop-friendly
+    <br>Performant & small bundle size.
+    <br>Published as separate bundles for JS ES5 or modern browsers thanks to <a href="https://www.npmjs.com/package/microbundle">microbundle</a>.
+    <br>Written completely in <a href="https://www.typescriptlang.org">typescript</a>.</i>
+    <br>Published under [MIT](https://opensource.org/licenses/MIT) license.</i>
+  <br>
+  <br>
+</p>
+
+## Quick start
+
+### ES/Typescript
+
+```ts
+import { attach } from "@frsource/autoresize-textarea";
+const textarea = document.querySelector("textarea");
+attach(textarea);
+```
+
+### UMD
+
+```js
+const textarea = document.querySelector("textarea");
+  window.autoresizeTextarea.attach(textarea);
+```
+
+For working example, check out [our demo](https://www.frsource.org/autoresize-textarea).
+
+## Questions
+
+Don’t hesitate to ask a question directly on the [discussions board](https://github.com/FRSOURCE/autoresize-textarea/discussions)!
+
+## Changelog
+
+Changes for every release are documented in the [release notes](https://github.com/FRSOURCE/autoresize-textarea/releases) and [CHANGELOG file](https://github.com/FRSOURCE/autoresize-textarea/tree/master/CHANGELOG.md).
+
+## License
+
+[MIT](https://opensource.org/licenses/MIT)
+
+Copyright (c) 2022-present, Jakub FRS Freisler, FRSOURCE

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export declare const attach: (element: HTMLTextAreaElement) => {
+    detach(): void;
+} | undefined;

package/dist/index.es.js

@@ -0,0 +1,2 @@
+var t=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){(t.scrollHeight>t.clientHeight||e===t.style.height)&&(t.style.height="auto",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px")};return t.style.overflow="hidden",t.style.boxSizing="border-box",i(),t.addEventListener("input",i),{detach:function(){t.removeEventListener("input",i)}}}};export{t as attach};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n  if (element.getAttribute(ATTRIBUTE_NAME)) return;\n  element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n  let prevHeight = \"\";\n  const inputHandler = () => {\n    if (\n      element.scrollHeight > element.clientHeight ||\n      prevHeight === element.style.height\n    ) {\n      element.style.height = \"auto\";\n      element.style.height = prevHeight =\n        element.scrollHeight +\n        (element.offsetHeight - element.clientHeight) +\n        \"px\";\n    }\n  };\n\n  element.style.overflow = \"hidden\";\n  element.style.boxSizing = \"border-box\";\n\n  inputHandler();\n\n  element.addEventListener(\"input\", inputHandler);\n\n  return {\n    detach() {\n      element.removeEventListener(\"input\", inputHandler);\n    },\n  };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","overflow","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,IAEaA,EAAS,SAACC,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,YAEjBJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,UAE7BR,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQS,aAAeT,EAAQM,cAChC,OAWN,OAPAN,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMI,UAAY,aAE1BP,IAEAJ,EAAQY,iBAAiB,QAASR,GAE3B,CACLS,kBACEb,EAAQc,oBAAoB,QAASV"}

package/dist/index.js

@@ -0,0 +1,2 @@
+exports.attach=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){(t.scrollHeight>t.clientHeight||e===t.style.height)&&(t.style.height="auto",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px")};return t.style.overflow="hidden",t.style.boxSizing="border-box",i(),t.addEventListener("input",i),{detach:function(){t.removeEventListener("input",i)}}}};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n  if (element.getAttribute(ATTRIBUTE_NAME)) return;\n  element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n  let prevHeight = \"\";\n  const inputHandler = () => {\n    if (\n      element.scrollHeight > element.clientHeight ||\n      prevHeight === element.style.height\n    ) {\n      element.style.height = \"auto\";\n      element.style.height = prevHeight =\n        element.scrollHeight +\n        (element.offsetHeight - element.clientHeight) +\n        \"px\";\n    }\n  };\n\n  element.style.overflow = \"hidden\";\n  element.style.boxSizing = \"border-box\";\n\n  inputHandler();\n\n  element.addEventListener(\"input\", inputHandler);\n\n  return {\n    detach() {\n      element.removeEventListener(\"input\", inputHandler);\n    },\n  };\n};\n"],"names":["element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","overflow","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"eAEsB,SAACA,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,YAEjBJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,UAE7BR,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQS,aAAeT,EAAQM,cAChC,OAWN,OAPAN,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMI,UAAY,aAE1BP,IAEAJ,EAAQY,iBAAiB,QAASR,GAE3B,CACLS,kBACEb,EAAQc,oBAAoB,QAASV"}

package/dist/index.modern.js

@@ -0,0 +1,2 @@
+const t=t=>{if(t.getAttribute("data-frs-autoresize-textarea"))return;t.setAttribute("data-frs-autoresize-textarea","true");let e="";const i=()=>{(t.scrollHeight>t.clientHeight||e===t.style.height)&&(t.style.height="auto",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px")};return t.style.overflow="hidden",t.style.boxSizing="border-box",i(),t.addEventListener("input",i),{detach(){t.removeEventListener("input",i)}}};export{t as attach};
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n  if (element.getAttribute(ATTRIBUTE_NAME)) return;\n  element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n  let prevHeight = \"\";\n  const inputHandler = () => {\n    if (\n      element.scrollHeight > element.clientHeight ||\n      prevHeight === element.style.height\n    ) {\n      element.style.height = \"auto\";\n      element.style.height = prevHeight =\n        element.scrollHeight +\n        (element.offsetHeight - element.clientHeight) +\n        \"px\";\n    }\n  };\n\n  element.style.overflow = \"hidden\";\n  element.style.boxSizing = \"border-box\";\n\n  inputHandler();\n\n  element.addEventListener(\"input\", inputHandler);\n\n  return {\n    detach() {\n      element.removeEventListener(\"input\", inputHandler);\n    },\n  };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","overflow","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,MAEaA,EAAUC,IACrB,GAAIA,EAAQC,aAHS,gCAGqB,OAC1CD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACjB,MAAMC,EAAe,MAEjBJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,UAE7BR,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQS,aAAeT,EAAQM,cAChC,OAWN,OAPAN,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMI,UAAY,aAE1BP,IAEAJ,EAAQY,iBAAiB,QAASR,GAE3B,CACLS,SACEb,EAAQc,oBAAoB,QAASV"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e||self).autoresizeTextarea={})}(this,function(e){var t="data-frs-autoresize-textarea";e.attach=function(e){if(!e.getAttribute(t)){e.setAttribute(t,"true");var i="",n=function(){(e.scrollHeight>e.clientHeight||i===e.style.height)&&(e.style.height="auto",e.style.height=i=e.scrollHeight+(e.offsetHeight-e.clientHeight)+"px")};return e.style.overflow="hidden",e.style.boxSizing="border-box",n(),e.addEventListener("input",n),{detach:function(){e.removeEventListener("input",n)}}}}});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n  if (element.getAttribute(ATTRIBUTE_NAME)) return;\n  element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n  let prevHeight = \"\";\n  const inputHandler = () => {\n    if (\n      element.scrollHeight > element.clientHeight ||\n      prevHeight === element.style.height\n    ) {\n      element.style.height = \"auto\";\n      element.style.height = prevHeight =\n        element.scrollHeight +\n        (element.offsetHeight - element.clientHeight) +\n        \"px\";\n    }\n  };\n\n  element.style.overflow = \"hidden\";\n  element.style.boxSizing = \"border-box\";\n\n  inputHandler();\n\n  element.addEventListener(\"input\", inputHandler);\n\n  return {\n    detach() {\n      element.removeEventListener(\"input\", inputHandler);\n    },\n  };\n};\n"],"names":["ATTRIBUTE_NAME","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","overflow","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"4OAAA,IAAMA,EAAiB,wCAED,SAACC,GACrB,IAAIA,EAAQC,aAAaF,GAAzB,CACAC,EAAQE,aAAaH,EAAgB,QAErC,IAAII,EAAa,GACXC,EAAe,YAEjBJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,UAE7BR,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQS,aAAeT,EAAQM,cAChC,OAWN,OAPAN,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMI,UAAY,aAE1BP,IAEAJ,EAAQY,iBAAiB,QAASR,GAE3B,CACLS,kBACEb,EAAQc,oBAAoB,QAASV"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@frsource/autoresize-textarea",
+  "version": "1.0.0",
+  "description": "Minimalistic plugin to autosize your textareas! 💪",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "exports": {
+    "require": "./dist/index.cjs",
+    "default": "./dist/index.modern.js"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.es.js",
+  "unpkg": "./dist/index.umd.js",
+  "scripts": {
+    "start": "yarn clean && microbundle watch",
+    "build": "yarn clean && microbundle --compress",
+    "lint": "eslint '**/*.ts' --ignore-pattern '**/*.d.ts'",
+    "lint:fix": "yarn lint --fix",
+    "lint:ci": "yarn lint --max-warnings 0",
+    "prettify": "prettier --write src",
+    "prettify:ci": "prettier --check src",
+    "release": "semantic-release",
+    "release:ci": "yarn release --yes",
+    "release:test": "yarn release --no-git-tag-version --no-push --skip-npm",
+    "clean": "rimraf dist/**/*"
+  },
+  "homepage": "https://github.com/FRSOURCE/autoresize-textarea/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/FRSOURCE/autoresize-textarea.git"
+  },
+  "keywords": [
+    "autosize textarea",
+    "resize textarea",
+    "lightweight",
+    "simple",
+    "autosize",
+    "fluid textarea"
+  ],
+  "bugs": {
+    "url": "https://github.com/FRSOURCE/autoresize-textarea/issues"
+  },
+  "author": "Jakub Freisler <jakub@frsource.org>",
+  "license": "MIT",
+  "devDependencies": {
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/commit-analyzer": "^9.0.2",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^9.0.0",
+    "@semantic-release/release-notes-generator": "^10.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
+    "@typescript-eslint/parser": "^5.12.1",
+    "eslint": "^8.9.0",
+    "eslint-config-prettier": "^8.4.0",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "microbundle": "^0.14.2",
+    "prettier": "^2.5.1",
+    "semantic-release": "^19.0.2",
+    "typescript": "^4.5.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ]
+}