├── .editorconfig
├── .eslintignore
├── .eslintrc
├── .github
    ├── CODEOWNERS
    ├── CODE_OF_CONDUCT.md
    ├── ISSUE_TEMPLATE.md
    ├── PULL_REQUEST_TEMPLATE.md
    ├── dependabot.yml
    └── workflows
    │   ├── codeql-analysis.yml
    │   └── nodejs.yml
├── .gitignore
├── .husky
    ├── commit-msg
    ├── post-merge
    └── pre-commit
├── .kodiak.toml
├── .npmignore
├── .npmrc
├── .nvmrc
├── .prettierignore
├── .prettierrc
├── CHANGELOG.md
├── LICENSE
├── README.md
├── package.json
├── pnpm-lock.yaml
├── rollup.config.js
├── scripts
    └── acceptance.js
├── src
    ├── jquery.shave.ts
    └── shave.ts
├── tests
    ├── index.html
    └── tests.js
└── tsconfig.json


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | 
 8 | [*]
 9 | end_of_line = lf
10 | charset = utf-8
11 | trim_trailing_whitespace = true
12 | insert_final_newline = true
13 | indent_style = space
14 | indent_size = 2
15 | 
16 | [*.js]
17 | indent_style = space
18 | indent_size = 2
19 | 
20 | [*.hbs]
21 | insert_final_newline = false
22 | indent_style = space
23 | indent_size = 2
24 | 
25 | [*.css]
26 | indent_style = space
27 | indent_size = 2
28 | 
29 | [*.html]
30 | indent_style = space
31 | indent_size = 2
32 | 
33 | [*.{diff,md}]
34 | trim_trailing_whitespace = false
35 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | dist/*
2 | tests/*
3 | rollup.config.js
4 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "parser": "@typescript-eslint/parser",
 3 |   "plugins": ["prettier", "@typescript-eslint"],
 4 |   "extends": ["plugin:@typescript-eslint/recommended", "prettier"],
 5 |   "parserOptions": {
 6 |     "ecmaVersion": 2018,
 7 |     "sourceType": "module"
 8 |   },
 9 |   "rules": {
10 |     "@typescript-eslint/no-var-requires": 0
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/.github/CODEOWNERS:
--------------------------------------------------------------------------------
1 | # Shave owners
2 | # ----
3 | * @yowainwright
4 | 


--------------------------------------------------------------------------------
/.github/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
 1 | # Contributor Covenant Code of Conduct
 2 | 
 3 | ## Our Pledge
 4 | 
 5 | In the interest of fostering an open and welcoming environment, we as
 6 | contributors and maintainers pledge to making participation in our project and
 7 | our community a harassment-free experience for everyone, regardless of age, body
 8 | size, disability, ethnicity, sex characteristics, gender identity and expression,
 9 | level of experience, education, socio-economic status, nationality, personal
10 | appearance, race, religion, or sexual identity and orientation.
11 | 
12 | ## Our Standards
13 | 
14 | Examples of behavior that contributes to creating a positive environment
15 | include:
16 | 
17 | * Using welcoming and inclusive language
18 | * Being respectful of differing viewpoints and experiences
19 | * Accepting constructive criticism
20 | * Focusing on what is best for the community
21 | * Showing empathy towards other community members
22 | 
23 | Examples of unacceptable behavior by participants include:
24 | 
25 | * The use of sexualized language or imagery and unwelcome sexual attention or
26 |   advances
27 | * Trolling, insulting/derogatory comments, and personal or political attacks
28 | * Public or private harassment
29 | * Publishing others' private information, such as a physical or electronic
30 |   address, without explicit permission
31 | * Other conduct which could reasonably be considered inappropriate in a
32 |   professional setting
33 | 
34 | ## Our Responsibilities
35 | 
36 | Project maintainers are responsible for clarifying the standards of acceptable
37 | behavior and are expected to take appropriate and fair corrective action in
38 | response to any instances of unacceptable behavior.
39 | 
40 | Project maintainers have the right and responsibility to remove, edit, or
41 | reject comments, commits, code, wiki edits, issues, and other contributions
42 | that are not aligned to this Code of Conduct, or to ban temporarily or
43 | permanently any contributor for other behaviors that they deem inappropriate,
44 | threatening, offensive, or harmful.
45 | 
46 | ## Scope
47 | 
48 | This Code of Conduct applies both within project spaces and in public spaces
49 | when an individual is representing the project or its community. Examples of
50 | representing a project or community include using an official project e-mail
51 | address, posting via an official social media account, or acting as an appointed
52 | representative at an online or offline event. Representation of a project may be
53 | further defined and clarified by project maintainers.
54 | 
55 | ## Enforcement
56 | 
57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
58 | reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
59 | complaints will be reviewed and investigated and will result in a response that
60 | is deemed necessary and appropriate to the circumstances. The project team is
61 | obligated to maintain confidentiality with regard to the reporter of an incident.
62 | Further details of specific enforcement policies may be posted separately.
63 | 
64 | Project maintainers who do not follow or enforce the Code of Conduct in good
65 | faith may face temporary or permanent repercussions as determined by other
66 | members of the project's leadership.
67 | 
68 | ## Attribution
69 | 
70 | This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org), version 1.4, available at [Contributor Covenant, Code of Conduct](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html)
71 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | ## What Is the issue?
2 | 
3 | ## Provide issue context below using code examples, images, or links
4 | 
5 | ----
6 | 
7 | > Read about references issues [here](https://help.github.com/articles/closing-issues-using-keywords/). Provide paragraph text responses to each header.
8 | 


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | ## Fixes
 2 | 
 3 | - Fixes #
 4 | 
 5 | ## Proposed Changes
 6 | 
 7 | - Change
 8 | 
 9 | ----
10 | 
11 | > Read about referenced issues [here](https://help.github.com/articles/closing-issues-using-keywords/). Replace words with this Pull Request's context.
12 | 


--------------------------------------------------------------------------------
/.github/dependabot.yml:
--------------------------------------------------------------------------------
 1 | version: 2
 2 | updates:
 3 | - package-ecosystem: npm
 4 |   directory: "/"
 5 |   schedule:
 6 |     interval: weekly
 7 |     time: "13:00"
 8 |   open-pull-requests-limit: 2
 9 |   ignore:
10 |       - dependency-name: eslint
11 |         versions:
12 |           - 7.32.0
13 |         update-types: ["version-update:semver-patch"]
14 |       - dependency-name: rollup
15 | 


--------------------------------------------------------------------------------
/.github/workflows/codeql-analysis.yml:
--------------------------------------------------------------------------------
 1 | # For most projects, this workflow file will not need changing; you simply need
 2 | # to commit it to your repository.
 3 | #
 4 | # You may wish to alter this file to override the set of languages analyzed,
 5 | # or to provide custom queries or build logic.
 6 | name: 'CodeQL'
 7 | 
 8 | on:
 9 |   push:
10 |     branches: [main]
11 |   pull_request:
12 |     # The branches below must be a subset of the branches above
13 |     branches: [main]
14 |   schedule:
15 |     - cron: '0 21 * * 0'
16 | 
17 | jobs:
18 |   analyze:
19 |     name: Analyze
20 |     runs-on: ubuntu-latest
21 | 
22 |     strategy:
23 |       fail-fast: false
24 |       matrix:
25 |         # Override automatic language detection by changing the below list
26 |         # Supported options are ['csharp', 'cpp', 'go', 'java', 'javascript', 'python']
27 |         language: ['javascript']
28 |         # Learn more...
29 |         # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
30 | 
31 |     steps:
32 |       - name: Checkout repository
33 |         uses: actions/checkout@v2
34 |         with:
35 |           # We must fetch at least the immediate parents so that if this is
36 |           # a pull request then we can checkout the head.
37 |           fetch-depth: 2
38 | 
39 |       # If this run was triggered by a pull request event, then checkout
40 |       # the head of the pull request instead of the merge commit.
41 |       - run: git checkout HEAD^2
42 |         if: ${{ github.event_name == 'pull_request' }}
43 | 
44 |       # Initializes the CodeQL tools for scanning.
45 |       - name: Initialize CodeQL
46 |         uses: github/codeql-action/init@v1
47 |         with:
48 |           languages: ${{ matrix.language }}
49 |           # If you wish to specify custom queries, you can do so here or in a config file.
50 |           # By default, queries listed here will override any specified in a config file.
51 |           # Prefix the list here with "+" to use these queries and those in the config file.
52 |           # queries: ./path/to/local/query, your-org/your-repo/queries@main
53 | 
54 |       # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
55 |       # If this step fails, then you should remove it and run the build manually (see below)
56 |       - name: Autobuild
57 |         uses: github/codeql-action/autobuild@v1
58 | 
59 |       # ℹ️ Command-line programs to run using the OS shell.
60 |       # 📚 https://git.io/JvXDl
61 | 
62 |       # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
63 |       #    and modify them (or add more) to build your code if your project
64 |       #    uses a compiled language
65 | 
66 |       #- run: |
67 |       #   make bootstrap
68 |       #   make release
69 | 
70 |       - name: Perform CodeQL Analysis
71 |         uses: github/codeql-action/analyze@v1
72 | 


--------------------------------------------------------------------------------
/.github/workflows/nodejs.yml:
--------------------------------------------------------------------------------
 1 | # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 2 | # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 3 | 
 4 | name: Node.js CI
 5 | 
 6 | on:
 7 |   push:
 8 |     branches: [main]
 9 |   pull_request:
10 |     branches: [main]
11 | 
12 | jobs:
13 |   build:
14 |     runs-on: ubuntu-latest
15 | 
16 |     strategy:
17 |       matrix:
18 |         node-version: [20.x]
19 | 
20 |     steps:
21 |       - uses: actions/checkout@v4
22 |       - name: Use Node.js ${{ matrix.node-version }}
23 |         uses: actions/setup-node@v4
24 |         with:
25 |           node-version: ${{ matrix.node-version }}
26 |       - uses: pnpm/action-setup@v4
27 |         name: Install pnpm
28 |         id: pnpm-install
29 |         with:
30 |           version: 8
31 |           run_install: false
32 |       - name: Get pnpm store directory
33 |         id: pnpm-cache
34 |         run: |
35 |           echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
36 |       - uses: actions/cache@v3
37 |         name: Setup pnpm cache
38 |         with:
39 |           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
40 |           key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
41 |           restore-keys: |
42 |             ${{ runner.os }}-pnpm-store-
43 |       - run: pnpm i --no-frozen-lockfile
44 |       - run: pnpm run build
45 |       - run: pnpm run eslint:ci
46 |       - run: pnpm run test
47 |         env:
48 |           CI: true
49 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | bower_components/*
 2 | node_modules/*
 3 | .tags
 4 | .tags1
 5 | package-lock.json
 6 | .DS_Store
 7 | .dccache
 8 | dist
 9 | types
10 | 


--------------------------------------------------------------------------------
/.husky/commit-msg:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 | . "$(dirname -- "$0")/_/husky.sh"
3 | 
4 | pnpm run commit-msg
5 | 


--------------------------------------------------------------------------------
/.husky/post-merge:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 | . "$(dirname -- "$0")/_/husky.sh"
3 | 
4 | pnpm run setup
5 | 


--------------------------------------------------------------------------------
/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 | . "$(dirname -- "$0")/_/husky.sh"
3 | 
4 | pnpm run pre-commit
5 | 


--------------------------------------------------------------------------------
/.kodiak.toml:
--------------------------------------------------------------------------------
1 | # .kodiak.toml
2 | # Minimal config. version is the only required field.
3 | version = 1
4 | auto_approve_usernames = ["dependabot"]
5 | merge.automerge_label = ['dependencies','automerge 🚀']
6 | update.autoupdate_labels = ['dependencies','autoupdate 🔁']
7 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | gulpfile.js
2 | rollup.config.js
3 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | strict-peer-dependencies=false
2 | public-hoist-pattern[]=@commitlint*
3 | public-hoist-pattern[]=commitlint
4 | 


--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 20
2 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | tests/*
2 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "semi": false,
 3 |   "trailingComma": "all",
 4 |   "printWidth": 120,
 5 |   "useTabs": false,
 6 |   "singleQuote": true,
 7 |   "jsxSingleQuote": true,
 8 |   "proseWrap": "preserve"
 9 | }
10 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
  1 | ## [2.5.8](https://github.com/yowainwright/shave/compare/2.5.7...2.5.8) (2020-03-27)
  2 | 
  3 | 
  4 | 
  5 | 
  6 | ## [2.5.7](https://github.com/yowainwright/shave/compare/2.5.6...2.5.7) (2019-12-05)
  7 | 
  8 | 
  9 | 
 10 | 
 11 | ## [2.5.6](https://github.com/yowainwright/shave/compare/2.5.4...2.5.6) (2019-10-21)
 12 | 
 13 | 
 14 | 
 15 | 
 16 | ## [2.5.4](https://github.com/yowainwright/shave/compare/2.5.3...2.5.4) (2019-06-25)
 17 | 
 18 | 
 19 | 
 20 | 
 21 | ## [2.5.3](https://github.com/yowainwright/shave/compare/2.5.2...2.5.3) (2019-04-17)
 22 | 
 23 | 
 24 | 
 25 | 
 26 | ## [2.5.2](https://github.com/yowainwright/shave/compare/2.5.1...2.5.2) (2018-10-09)
 27 | 
 28 | 
 29 | 
 30 | 
 31 | ## [2.5.1](https://github.com/yowainwright/shave/compare/2.5.0...2.5.1) (2018-09-06)
 32 | 
 33 | 
 34 | 
 35 | 
 36 | # [2.5.0](https://github.com/yowainwright/shave/compare/2.4.0...2.5.0) (2018-09-06)
 37 | 
 38 | 
 39 | 
 40 | 
 41 | # [2.4.0](https://github.com/yowainwright/shave/compare/2.3.0...2.4.0) (2018-08-10)
 42 | 
 43 | 
 44 | 
 45 | 
 46 | # [2.3.0](https://github.com/yowainwright/shave/compare/2.2.2...2.3.0) (2018-08-04)
 47 | 
 48 | 
 49 | 
 50 | 
 51 | ## [2.2.2](https://github.com/yowainwright/shave/compare/2.2.1...2.2.2) (2018-07-17)
 52 | 
 53 | 
 54 | 
 55 | 
 56 | ## [2.2.1](https://github.com/yowainwright/shave/compare/2.2.0...2.2.1) (2018-06-27)
 57 | 
 58 | 
 59 | 
 60 | 
 61 | # [2.2.0](https://github.com/yowainwright/shave/compare/2.1.7...2.2.0) (2018-06-24)
 62 | 
 63 | 
 64 | 
 65 | 
 66 | ## [2.1.7](https://github.com/yowainwright/shave/compare/2.1.3...2.1.7) (2018-06-06)
 67 | 
 68 | 
 69 | 
 70 | 
 71 | ## [2.1.2](https://github.com/yowainwright/shave/compare/2.0.4...2.1.2) (2017-09-14)
 72 | 
 73 | 
 74 | 
 75 | 
 76 | ## [2.0.4](https://github.com/yowainwright/shave/compare/2.0.3...2.0.4) (2017-07-17)
 77 | 
 78 | 
 79 | 
 80 | 
 81 | ## [2.0.3](https://github.com/yowainwright/shave/compare/2.0.0...2.0.3) (2017-07-10)
 82 | 
 83 | 
 84 | 
 85 | 
 86 | # [2.0.0](https://github.com/yowainwright/shave/compare/1.0.4...2.0.0) (2017-05-18)
 87 | 
 88 | 
 89 | 
 90 | 
 91 | ## [1.0.4](https://github.com/yowainwright/shave/compare/1.0.3...1.0.4) (2017-01-23)
 92 | 
 93 | 
 94 | 
 95 | 
 96 | ## [1.0.3](https://github.com/yowainwright/shave/compare/1.0.2...1.0.3) (2017-01-02)
 97 | 
 98 | 
 99 | 
100 | 
101 | ## [1.0.2](https://github.com/yowainwright/shave/compare/1.0.1...1.0.2) (2017-01-02)
102 | 
103 | 
104 | 
105 | 
106 | ## [1.0.1](https://github.com/yowainwright/shave/compare/1.0.0...1.0.1) (2016-12-28)
107 | 
108 | 
109 | 
110 | 
111 | # [1.0.0](https://github.com/yowainwright/shave/compare/0.2.3...1.0.0) (2016-12-24)
112 | 
113 | 
114 | 
115 | 
116 | ## [0.2.3](https://github.com/yowainwright/shave/compare/0.2.2...0.2.3) (2016-11-22)
117 | 
118 | 
119 | 
120 | 
121 | ## [0.2.2](https://github.com/yowainwright/shave/compare/0.2.1...0.2.2) (2016-11-18)
122 | 
123 | 
124 | 
125 | 
126 | ## [0.2.1](https://github.com/yowainwright/shave/compare/0.2.0...0.2.1) (2016-11-15)
127 | 
128 | 
129 | 
130 | 
131 | # [0.2.0](https://github.com/yowainwright/shave/compare/0.1.8...0.2.0) (2016-11-06)
132 | 
133 | 
134 | 
135 | 
136 | ## [0.1.8](https://github.com/yowainwright/shave/compare/0.1.7...0.1.8) (2016-11-02)
137 | 
138 | 
139 | 
140 | 
141 | ## [0.1.7](https://github.com/yowainwright/shave/compare/0.1.6...0.1.7) (2016-11-01)
142 | 
143 | 
144 | ### WIP
145 | 
146 | * spread ([502809c](https://github.com/yowainwright/shave/commit/502809c5720519dc92edaeb2a888d95bb16b5dfd))
147 | 
148 | 
149 | 
150 | ## [0.1.6](https://github.com/yowainwright/shave/compare/0.1.5...0.1.6) (2016-10-30)
151 | 
152 | 
153 | 
154 | 
155 | ## [0.1.5](https://github.com/yowainwright/shave/compare/0.1.4...0.1.5) (2016-10-26)
156 | 
157 | 
158 | 
159 | 
160 | ## [0.1.4](https://github.com/yowainwright/shave/compare/0.1.3...0.1.4) (2016-10-26)
161 | 
162 | 
163 | 
164 | 
165 | ## [0.1.3](https://github.com/yowainwright/shave/compare/0.1.1...0.1.3) (2016-10-22)
166 | 
167 | 
168 | 
169 | 
170 | ## [0.1.1](https://github.com/yowainwright/shave/compare/0.1.0...0.1.1) (2016-10-22)
171 | 
172 | 
173 | 
174 | 
175 | # [0.1.0](https://github.com/yowainwright/shave/compare/0.0.8...0.1.0) (2016-10-22)
176 | 
177 | 
178 | 
179 | 
180 | ## [0.0.8](https://github.com/yowainwright/shave/compare/0.0.7...0.0.8) (2016-10-21)
181 | 
182 | 
183 | 
184 | 
185 | ## [0.0.7](https://github.com/yowainwright/shave/compare/0.0.5...0.0.7) (2016-10-21)
186 | 
187 | 
188 | 
189 | 
190 | ## [0.0.5](https://github.com/yowainwright/shave/compare/0.0.4...0.0.5) (2016-10-21)
191 | 
192 | 
193 | 
194 | 
195 | ## [0.0.4](https://github.com/yowainwright/shave/compare/0.0.3...0.0.4) (2016-10-21)
196 | 
197 | 
198 | 
199 | 
200 | ## [0.0.3](https://github.com/yowainwright/shave/compare/0.0.2...0.0.3) (2016-10-21)
201 | 
202 | 
203 | 
204 | 
205 | ## [0.0.2](https://github.com/yowainwright/shave/compare/0.0.1...0.0.2) (2016-10-21)
206 | 
207 | 
208 | 
209 | 
210 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 Jeff Wainwright
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <p align="center">
  2 |   <img alt="Shave" src="https://yowainwright.imgix.net/gh/shave-thin.svg" />
  3 | </p>
  4 | <hr>
  5 | <p align="center">
  6 |   <a href="https://www.npmjs.com/package/shave">
  7 |     <img src="https://badge.fury.io/js/shave.svg" alt="npm" />
  8 |   </a>
  9 |   <a href="https://unpkg.com/shave@latest/dist/shave.min.js">
 10 |     <img alt="unpkg" src="https://img.shields.io/badge/unpkg-link-blue.svg">
 11 |   </a>
 12 |    <a href="https://snyk.io/test/github/yowainwright/shave">
 13 |     <img alt="snyk" src="https://snyk.io/test/github/yowainwright/shave/badge.svg" />
 14 |   </a>
 15 |   <a href="https://cdnjs.com/libraries/shave">
 16 |     <img src="https://img.shields.io/cdnjs/v/shave.svg" alt="CDNJS" />
 17 |   </a>
 18 |   <a href="https://twitter.com/home?status=Shave%20is%20a%200%20dep%20js%20lib%20that%20truncates%20multiline%20text%20to%20fit%20within%20a%20html%20element%20%E2%9C%81https%3A%2F%2Fgithub.com%2Fdollarshaveclub%2Fshave%20%40DSCEngineering%20%23JavaScript%20%F0%9F%92%AA">
 19 |     <img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&maxAge=2592000" alt="Twitter share" />
 20 |   </a>
 21 | </p>
 22 | 
 23 | ---
 24 | 
 25 | <h1 align="center">Shave ✁</h1>
 26 | 
 27 | **Shave** is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set pixel number **max-height**. It then stores the _diff_ of the original text string in a hidden `<span>` element following the visible text. This means the original text remains intact!
 28 | 
 29 | ---
 30 | 
 31 | **Shave, compared to other truncation plugins:**
 32 | 
 33 | - maintains the original text after truncation.
 34 | - does not require other libraries
 35 | - only requires a selector and a max height
 36 | - is very lightweight; `~1.5kb` unminified
 37 | - allows for custom ellipsis strings and class names but doesn't over complicate
 38 | - **new!** provides ellipsis link functionality
 39 | - is fast and capable of truncating text within lots of elements [quickly](http://codepen.io/pwfisher/full/ozVAyr/)
 40 | - is additive. It will play nice with other javascript libraries and more truncation features can easily be built with it.
 41 | - supports non-spaced languages ([Non-ascii](https://en.wikipedia.org/wiki/ASCII)).
 42 | 
 43 | ## Installing from a package manager
 44 | 
 45 | ```sh
 46 | npm i shave -D
 47 | ```
 48 | 
 49 | ```
 50 | yarn add shave -D
 51 | ```
 52 | 
 53 | ```
 54 | pnpm i shave -D
 55 | ```
 56 | 
 57 | ## Usage
 58 | 
 59 | Add **dist/shave.js** to your html
 60 | 
 61 | - Or, **dist/jquery.shave.js** for jQuery/Zepto as of Shave >= v2.
 62 | 
 63 | Or as a module
 64 | 
 65 | ```javascript
 66 | import shave from 'shave';
 67 | ```
 68 | 
 69 | ## Arguments
 70 | 
 71 | Argument structure is as follows:
 72 | 
 73 | ```javascript
 74 | shave("selector", maxheight, { options });
 75 | ```
 76 | 
 77 | Argument type breakdown:
 78 | 
 79 | | argument | type  | required | description | example |
 80 | | :--------: | :----------: | :------: | :------: | :------: |
 81 | | `"selector"` | `string`  | yes | used to select items to shave | `".js-is-shaved"` |
 82 | | `maxheight` | `number`  | yes | used to specify the maximum height | `50` |
 83 | | `"options"` | `object`  | no | use to modify how items are shaved | `{ character: "..." }` |
 84 | 
 85 | Options `object` breakdown:
 86 | 
 87 | | options | `type` | `default` | `description` |
 88 | | :--------: | :------: | :------: | :------: |
 89 | | **character:** | `string` | `"…"` | character to use for ellipsis |
 90 | | **charclassname:** | `string` | `'js-shave-char'` | class name to use for ellipsis element |
 91 | | **classname:** |  `string` | `'js-shave'` | class to add to the element |
 92 | | **spaces:** | `boolean` | `false` | if true, spaces will be preserved** |
 93 | | **link:** | `object` | `undefined` | an object accepting any link accociated |
 94 | 
 95 | 
 96 | ## Syntax
 97 | 
 98 | Basic setup
 99 | 
100 | ```javascript
101 | shave("selector", maxheight);
102 | // shave('.shave-selector', 0) for example
103 | ```
104 | 
105 | **Shave also provided options _only_ to overwrite what it uses.**
106 | 
107 | If you'd like have custom class names and not use `.js-shave`:
108 | 
109 | ```javascript
110 | shave("selector", maxheight, { classname: "classname" });
111 | ```
112 | 
113 | Or if you'd like to have custom characters (instead of the standard ellipsis):
114 | 
115 | ```javascript
116 | shave("selector", maxheight, { character: "✁" });
117 | ```
118 | 
119 | Or both:
120 | 
121 | ```javascript
122 | shave("selector", maxheight, { classname: "classname", character: "✁" });
123 | ```
124 | 
125 | Without spaces:
126 | 
127 | ```javascript
128 | shave("selector", maxheight, { spaces: false });
129 | ```
130 | 
131 | With an `<a>` (link) tag:
132 | 
133 | ```javascript
134 | /**
135 |  * @notes
136 |  * - provide your desired link attributes here!
137 |  * @note link attributes trump the character option and className of the ellipsis element
138 |  */
139 | shave("selector", maxheight, { link: LinkObject });
140 | ```
141 | 
142 | ---
143 | 
144 | You can also use **shave** as a [jQuery](http://jquery.com/) or [Zepto](http://zeptojs.com/) plugin. As of Shave >= v2, use **dist/jquery.shave.js** for jQuery/Zepto.
145 | 
146 | ```javascript
147 | $("selector").shave(maxheight);
148 | ```
149 | 
150 | And here's a _jQuery/Zepto_ example with custom options:
151 | 
152 | ```javascript
153 | $("selector").shave(maxheight, { classname: "your-css-class", character: "✁" });
154 | ```
155 | 
156 | If you're using a non-spaced language, you can support shave by setting an option `spaces` to `false`.
157 | 
158 | ```javascript
159 | $("selector").shave(maxheight, {
160 |   classname: "your-css-class",
161 |   character: "✁",
162 |   spaces: false
163 | });
164 | ```
165 | 
166 | With an `<a>` (link) tag:
167 | 
168 | ```javascript
169 | /**
170 |  * @notes
171 |  * - provide your desired link attributes here!
172 |  * @note link attributes trump the character option and className of the ellipsis element
173 |  */
174 | $("selector").shave(maxheight, { link: LinkObject });
175 | ```
176 | 
177 | ## Prefer Link Functionality
178 | 
179 | The **shave** plugin provides a **link** option—an `<a>` element which replaces the default `<span>` element.
180 | As **any** functionality that is needed without an `href` attribute can be made using the default `<span>` element, the `<a>` is only rendered if the `href` attribute is provided.
181 | 
182 | Any attributes that can be used for an `<a>` element can be added to the link object when invoking **shave**.
183 | Additionally `textContent` can be added to replace the default `character` option.
184 | 
185 | Here's a more in-depth example than the basic example(s) above:
186 | 
187 | ```javascript
188 | shave("selector", 50, { link: { href: 'https://www.google.com', textContent: 'Read More here' } });
189 | ```
190 | 
191 | > **note:** if an `href` is not specified, the link will not be created!
192 | 
193 | ## Examples
194 | 
195 | [Codepen example](http://codepen.io/yowainwright/pen/5f471214df90f43c7996c5914c88e858/) with plain javascript.
196 | 
197 | [Codepen example](http://codepen.io/yowainwright/pen/c35ad7a281bc58ce6f89d2adb94c5d14/) with jQuery.
198 | 
199 | [Codepen example](http://codepen.io/yowainwright/pen/wzVgMp) with a non-spaced language.
200 | 
201 | ## Notes
202 | 
203 | `text-overflow: ellipsis` is the way to go when truncating text to a single line. Shave does something very similar to `text-overflow: ellipsis` but for _multiple lines_ when [line-clamp](https://caniuse.com/#feat=css-line-clamp) is not supported. Shave bypasses being a `line-clamp` polyfill by only accepting a max-height number. This keeps shave a fast and light weight utility.
204 | 
205 | Shave implements a [binary search](http://oli.me.uk/2013/06/08/searching-javascript-arrays-with-a-binary-search/) to truncate text in the most optimal way possible.
206 | 
207 | Shave is meant to truncate text within a selected html element. This means it will overwrite html within an html element with just the text within the selected element.
208 | 
209 | Here are some super basic examples of shave with [window resize](http://codepen.io/yowainwright/pen/yVBxGY) and [click](http://codepen.io/yowainwright/pen/PbYdvL/) events. 🙌
210 | 
211 | Shave works in all modern browsers and was tested in some not so modern browsers (like Internet Explorer 8) - it works there too. 🍻
212 | 
213 | ---
214 | 
215 | [Created](https://github.com/yowainwright/truncated.js) and maintained by [Jeff Wainwright](https://github.com/yowainwright) with [Dollar Shave Club Engineering](https://github.com/dollarshaveclub).
216 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "shave",
  3 |   "version": "5.0.4",
  4 |   "description": "Shave is a javascript plugin that truncates multi-line text within a html element based on set max height",
  5 |   "main": "dist/shave.js",
  6 |   "module": "dist/shave.es.js",
  7 |   "type": "module",
  8 |   "unpkg": "dist/shave.min.js",
  9 |   "files": [
 10 |     "dist",
 11 |     "src",
 12 |     "types"
 13 |   ],
 14 |   "types": "types/shave.d.ts",
 15 |   "scripts": {
 16 |     "build": "pnpm clean && pnpm build:dist && pnpm run build:types",
 17 |     "build:dist": "rollup -c rollup.config.js --bundleConfigAsCjs",
 18 |     "build:types": "tsc",
 19 |     "clean": "rimraf dist types",
 20 |     "commit": "git-cz",
 21 |     "commit-msg": "commitlint --edit $1",
 22 |     "eslint": "eslint . --fix",
 23 |     "eslint:ci": "eslint .",
 24 |     "format": "prettier --write src/*.ts rollup.config.js tests/*.js scripts/*.js",
 25 |     "husky-setup": "(path-exists .husky/commit-msg) || (husky install && pnpm husky-setup:commit-msg && pnpm husky-setup:post-merge && pnpm husky-setup:pre-commit)",
 26 |     "husky-setup:commit-msg": "npx husky add .husky/commit-msg 'pnpm run commit-msg'",
 27 |     "husky-setup:post-merge": "npx husky add .husky/post-merge 'pnpm run setup'",
 28 |     "husky-setup:pre-commit": "npx husky add .husky/pre-commit 'pnpm run pre-commit'",
 29 |     "pre-commit": "pnpm run build && pnpm run test && eslint",
 30 |     "prepare": "is-ci || pnpm husky-setup",
 31 |     "prepublishOnly": "pnpm build && pnpm run test",
 32 |     "setup": "pnpm install --reporter=silent && pnpm build",
 33 |     "test": "pnpm run test:acceptance && pnpm run test:es-check",
 34 |     "test:acceptance": "node ./scripts/acceptance.js --coverage",
 35 |     "test:es-check": "es-check es5 dist/shave.js dist/jquery.shave.js",
 36 |     "release": "release-it"
 37 |   },
 38 |   "repository": {
 39 |     "type": "git",
 40 |     "url": "git+https://github.com/yowainwright/shave.git"
 41 |   },
 42 |   "keywords": [
 43 |     "ellipsis",
 44 |     "truncate",
 45 |     "truncation",
 46 |     "truncated",
 47 |     "semantic",
 48 |     "js",
 49 |     "content",
 50 |     "shorten",
 51 |     "javascript",
 52 |     "text",
 53 |     "shave",
 54 |     "trim"
 55 |   ],
 56 |   "author": "Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)",
 57 |   "license": "MIT",
 58 |   "bugs": {
 59 |     "url": "https://github.com/yowainwright/shave/issues"
 60 |   },
 61 |   "homepage": "https://github.com/yowainwright/shave#readme",
 62 |   "devDependencies": {
 63 |     "@commitlint/cli": "^19.8.0",
 64 |     "@commitlint/config-conventional": "^19.8.0",
 65 |     "@commitlint/prompt-cli": "^19.8.0",
 66 |     "@eslint/js": "^9.25.0",
 67 |     "@rollup/plugin-commonjs": "^28.0.3",
 68 |     "@rollup/plugin-node-resolve": "^16.0.1",
 69 |     "@rollup/plugin-typescript": "^12.1.2",
 70 |     "@types/jquery": "^3.5.32",
 71 |     "@types/node": "^22.14.1",
 72 |     "@types/rollup": "^0.54.0",
 73 |     "@types/zepto": "^1.0.36",
 74 |     "@typescript-eslint/eslint-plugin": "^8.30.1",
 75 |     "@typescript-eslint/parser": "^8.30.1",
 76 |     "es-check": "9.1.2",
 77 |     "eslint": "8.57.0",
 78 |     "eslint-config-prettier": "^10.1.2",
 79 |     "eslint-plugin-prettier": "^5.2.6",
 80 |     "husky": "^9.1.7",
 81 |     "is-ci": "^4.1.0",
 82 |     "node-qunit-phantomjs": "^2.1.1",
 83 |     "path-exists-cli": "^2.0.0",
 84 |     "prettier": "^3.5.3",
 85 |     "release-it": "^19.0.1",
 86 |     "rimraf": "^6.0.1",
 87 |     "rollup": "^4.40.0",
 88 |     "rollup-plugin-uglify": "^6.0.4",
 89 |     "tslib": "^2.8.1",
 90 |     "typescript": "^5.8.3"
 91 |   },
 92 |   "commitlint": {
 93 |     "extends": [
 94 |       "@commitlint/config-conventional"
 95 |     ],
 96 |     "rules": {
 97 |       "header-max-length": [
 98 |         2,
 99 |         "always",
100 |         120
101 |       ]
102 |     }
103 |   },
104 |   "release-it": {
105 |     "git": {
106 |       "commitMessage": "chore: release-it commit"
107 |     }
108 |   }
109 | }
110 | 


--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
 1 | import resolve from '@rollup/plugin-node-resolve'
 2 | import commonjs from '@rollup/plugin-commonjs'
 3 | import typescript from '@rollup/plugin-typescript'
 4 | import { uglify } from 'rollup-plugin-uglify'
 5 | const json = require('./package.json')
 6 | const { author, description, homepage, license, name, version } = json
 7 | 
 8 | const banner = `/**
 9 |   ${name} - ${description}
10 |   @version v${version}
11 |   @link ${homepage}
12 |   @author ${author}
13 |   @license ${license}
14 | **/`
15 | 
16 | const plugins = [
17 |   resolve(),
18 |   commonjs(),
19 |   typescript({ tsconfig: false, lib: ['esnext', 'dom', 'dom.iterable'], target: 'es5', downlevelIteration: true }),
20 | ]
21 | 
22 | const inputs = ['shave', 'jquery.shave']
23 | const esRollups = inputs.map((name) => ({
24 |   input: `src/${name}.ts`,
25 |   output: { banner, name, file: `dist/${name}.es.js`, format: 'es' },
26 |   plugins,
27 | }))
28 | 
29 | const umdRollups = inputs.map((name) => ({
30 |   input: `src/${name}.ts`,
31 |   output: { banner, name, file: `dist/${name}.js`, format: 'umd' },
32 |   plugins,
33 | }))
34 | 
35 | const minRollups = inputs.map((name) => ({
36 |   input: `src/${name}.ts`,
37 |   output: { banner, name, file: `dist/${name}.min.js`, format: 'umd' },
38 |   plugins: [...plugins, uglify()],
39 | }))
40 | 
41 | export default [...esRollups, ...umdRollups, ...minRollups]
42 | 


--------------------------------------------------------------------------------
/scripts/acceptance.js:
--------------------------------------------------------------------------------
1 | import qunit from 'node-qunit-phantomjs'
2 | 
3 | qunit('tests/index.html')
4 | 


--------------------------------------------------------------------------------
/src/jquery.shave.ts:
--------------------------------------------------------------------------------
 1 | import shave, { Opts } from './shave'
 2 | 
 3 | interface Plugin {
 4 |   fn: {
 5 |     shave: (maxHeight: number, opts?: Opts) => void
 6 |   }
 7 | }
 8 | 
 9 | declare global {
10 |   interface Window {
11 |     $: Plugin
12 |     jQuery: Plugin
13 |     Zepto: Plugin
14 |   }
15 | }
16 | 
17 | if (typeof window !== 'undefined') {
18 |   const plugin = window.$ || window.jQuery || window.Zepto
19 |   if (plugin) {
20 |     plugin.fn.shave = function shavePlugin(maxHeight, opts) {
21 |       shave(this, maxHeight, opts)
22 |       return this
23 |     }
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/src/shave.ts:
--------------------------------------------------------------------------------
  1 | export type Link = {
  2 |   [key: string]: string | number | boolean
  3 | }
  4 | 
  5 | export type Opts = {
  6 |   character?: string
  7 |   classname?: string
  8 |   spaces?: boolean
  9 |   charclassname?: string
 10 |   link?: Link
 11 | }
 12 | 
 13 | function generateArrayOfNodes(target: string | NodeList | Node): Array<Node> {
 14 |   if (typeof target === 'string') {
 15 |     return [...document.querySelectorAll(target)]
 16 |   } else if ('length' in target) {
 17 |     return [...target]
 18 |   } else {
 19 |     return [target]
 20 |   }
 21 | }
 22 | 
 23 | export default function shave(target: string | NodeList | Node, maxHeight: number, opts: Opts = {}): void {
 24 |   if (typeof maxHeight === 'undefined' || isNaN(maxHeight)) {
 25 |     throw Error('maxHeight is required')
 26 |   }
 27 |   const els = generateArrayOfNodes(target)
 28 | 
 29 |   if (!els.length) {
 30 |     return
 31 |   }
 32 | 
 33 |   const {
 34 |     character = '…',
 35 |     classname = 'js-shave',
 36 |     spaces: initialSpaces = true,
 37 |     charclassname = 'js-shave-char',
 38 |     link = {},
 39 |   } = opts
 40 | 
 41 |   /**
 42 |    * @notes
 43 |    * the initialSpaces + spaces variable definition below fixes
 44 |    * a previous bug where spaces being a boolean type wasn't clear
 45 |    * meaning people were using (a string, in example—which is truthy)
 46 |    * hence, doing it this way is a non-breaking change
 47 |    */
 48 |   const spaces = typeof initialSpaces === 'boolean' ? initialSpaces : true
 49 | 
 50 |   /**
 51 |    * @notes
 52 |    * - create a span or anchor element and assign properties to it
 53 |    * - JSON.stringify is used to support IE8+
 54 |    * - if link.href is not provided, link object properties are ignored
 55 |    */
 56 |   const isLink = link && JSON.stringify(link) !== '{}' && link.href
 57 |   const shavedTextElType = isLink ? 'a' : 'span'
 58 | 
 59 |   for (let i = 0; i < els.length; i += 1) {
 60 |     const el = els[i] as HTMLElement
 61 |     const styles = el.style
 62 |     const span = el.querySelector('.' + classname)
 63 |     const textProp = el.textContent === undefined ? 'innerText' : 'textContent'
 64 | 
 65 |     // If element text has already been shaved
 66 |     if (span) {
 67 |       // Remove the ellipsis to recapture the original text
 68 |       el.removeChild(el.querySelector('.' + charclassname))
 69 |       el[textProp] = el[textProp] // eslint-disable-line
 70 |       // nuke span, recombine text
 71 |     }
 72 | 
 73 |     const fullText = el[textProp]
 74 |     const words: string | string[] = spaces ? fullText.split(' ') : fullText
 75 |     // If 0 or 1 words, we're done
 76 |     if (words.length < 2) {
 77 |       continue
 78 |     }
 79 | 
 80 |     // Temporarily remove any CSS height for text height calculation
 81 |     const heightStyle = styles.height
 82 |     styles.height = 'auto'
 83 |     const maxHeightStyle = styles.maxHeight
 84 |     styles.maxHeight = 'none'
 85 | 
 86 |     // If already short enough, we're done
 87 |     if (el.offsetHeight <= maxHeight) {
 88 |       styles.height = heightStyle
 89 |       styles.maxHeight = maxHeightStyle
 90 |       continue
 91 |     }
 92 | 
 93 |     const textContent = isLink && link.textContent ? link.textContent : character
 94 |     const shavedTextEl = document.createElement(shavedTextElType)
 95 |     const shavedTextElAttributes = {
 96 |       className: charclassname,
 97 |       textContent,
 98 |     }
 99 | 
100 |     for (const property in shavedTextElAttributes) {
101 |       shavedTextEl[property] = shavedTextElAttributes[property]
102 |       shavedTextEl.textContent = character;
103 |     }
104 | 
105 |     if (isLink) {
106 |       for (const linkProperty in link) {
107 |         shavedTextEl[linkProperty] = link[linkProperty]
108 |       }
109 |     }
110 | 
111 |     // Binary search for number of words which can fit in allotted height
112 |     let max = words.length - 1
113 |     let min = 0
114 |     let pivot
115 |     while (min < max) {
116 |       pivot = (min + max + 1) >> 1 // eslint-disable-line no-bitwise
117 |       const wordItems = words.slice(0, pivot);
118 |       el[textProp] = spaces
119 |         ? (wordItems as string[]).join(' ') as string
120 |         : wordItems as string;
121 |       el.insertAdjacentElement('beforeend', shavedTextEl)
122 |       if (el.offsetHeight > maxHeight) {
123 |         max = pivot - 1
124 |       } else {
125 |         min = pivot
126 |       }
127 |     }
128 |     const wordeItems = words.slice(0, max)
129 |     el[textProp] = spaces ? ((wordeItems as string[]).join(' ') as string) : wordeItems as string
130 |     el.insertAdjacentElement('beforeend', shavedTextEl)
131 |     const diffItems = words.slice(max)
132 |     const diff: string = spaces
133 |       ? ' ' + (diffItems as string[]).join(' ')
134 |       : diffItems as string;
135 |     const shavedText = document.createTextNode(diff)
136 |     const elWithShavedText = document.createElement('span')
137 |     elWithShavedText.classList.add(classname)
138 |     elWithShavedText.style.display = 'none'
139 |     elWithShavedText.appendChild(shavedText)
140 |     el.insertAdjacentElement('beforeend', elWithShavedText)
141 | 
142 |     styles.height = heightStyle
143 |     styles.maxHeight = maxHeightStyle
144 |   }
145 | }
146 | 


--------------------------------------------------------------------------------
/tests/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1">
 3 |   <link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/qunit/2.0.1/qunit.css">
 4 |   <style>p {max-width: 18.75rem;margin: 1rem auto;}</style></head>
 5 |   <body>
 6 |     <div id="qunit"></div>
 7 |     <div id="qunit-fixture"></div>
 8 |     <div id="tests"></div>
 9 |   <script src="https://code.jquery.com/jquery-3.1.0.slim.min.js" integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8=" crossorigin="anonymous"></script>
10 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/qunit/2.19.3/qunit.min.js" integrity="sha512-WhB7uzt5REw9jCiYENLUa1Re/+48XJRYdZ7+o+EDMb9+rW7zW1wNr4EHazfzth3H2YN1P8PfTFiG8uzWMyCfUg=="></script>
11 |   <script src="../dist/jquery.shave.js"></script><script src="../dist/shave.js"></script><script src="tests.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/tests/tests.js:
--------------------------------------------------------------------------------
  1 | /* global QUnit, shave, $ */
  2 | 
  3 | var testText = '<p class="test"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin imgone orimgone eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium.Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium.Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium.Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut.</p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p class="test-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium.Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p> <p class="test-3">會全用民知多起功在有場館爾期臺多而不雄山選在場地市者電養說化運面遊聲時上教要下素的正一曾又如到性喜色體歷定部手里克業選陽響水起金園際吃權終麼意建本分香來象洋道方業動害有不財是了題此然把經會得善所建那各相標一來依正員由不古達解工面想推的</p> <p class="test-3">那各相標一來依正員由不古達解工面想推的。</p> <p class="test-3">會全用民知多起功在有場館爾期臺多而不雄山選在場地市者電養說化運面遊聲時上教要下素的正一曾又如到性喜色體歷定部手里克業選陽響水起金園際吃權終麼意建本分香來象洋道方業動害有不財是了題此然把經會得善所建那各相標一來依正員由不古達解工面想推的</p> <p id="test"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p> <p id="test-2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p> <p id="test-3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. <span class="js-shave-char">...</span> <span class="js-new-text">Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </span> </p> <p id="test-4"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandit. Nam porta sollicitudin erat, at fermentum eros iaculis ut. </p> <p id="test-5"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandiam porta sollicitudin erat, at fermentum eros iaculis ut. </p> <p id="test-6"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor. Duis varius purus pellentesque luctus vestibulum. In ex dui, maximus vitae nisl a, molestie malesuada purus. Duis semper est in varius mattis. Pellentesque mollis convallis ex eu pretium. Vivamus eleifend nunc a sem euismod, non consequat purus varius. Donec hendrerit eleifend ex ac cursus. Ut ac nibh quis massa rhoncus accumsan. Praesent ultricies arcu quis magna tempus, vitae tristique diam euismod. Proin accumsan quam magna, quis condimentum diam lacinia et. Quisque tempor tellus neque, vitae facilisis dui mollis sit amet. Sed sit amet augue ac mi cursus egestas nec gravida velit. Suspendisse eu nunc tristique lorem eleifend vulputate. Aliquam viverra ex sed augue mollis, eu feugiat purus volutpat. Donec consectetur a lectus ac accumsan. Aenean massa libero, pellentesque a ultrices nec, commodo eget neque. Duis blandit augue et tempus egestas. Aenean facilisis lectus eget venenatis blandiam porta sollicitudin erat, at fermentum eros iaculis ut. </p><p id="test-7">會全用民知多起功在有場館爾期臺多而不雄山選在場地市者電養說化運面遊聲時上教要下素的正一曾又如到性喜色體歷定部手里克業選陽響水起金園際吃權終麼意建本分香來象洋道方業動害有不財是了題此然把經會得善所建那各相標一來依正員由不古達解工面想推的</p><p id="test-8">Testzzzzzz with real words. Test with real wordzzzzz. Testzzzzzzz with real wordzzzzzz. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words. Test with real words.</p> <p id="test-9"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor.</p> <p id="test-10"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor.</p><p id="test-11"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor.</p><p id="test-12"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin consequat eros, non posuere justo hendrerit quis. Integer eget risus dapibus, rutrum nisl sit amet, posuere dui. Cras vitae urna ac urna placerat vulputate. Morbi et tortor vel nisi rutrum consequat. Pellentesque non sem cursus, rhoncus nisi sed, semper quam. Phasellus efficitur iaculis auctor. Pellentesque at aliquam leo. Proin diam nulla, mollis vitae nibh sit amet, interdum suscipit risus. Sed fermentum leo enim, a pretium ipsum sollicitudin non. Nunc tempus nunc sed laoreet porttitor.</p>';
  4 | 
  5 | $('#tests').append(testText);
  6 | 
  7 | QUnit.test('run shave on a paragraph with a class', function(assert) {
  8 |   shave('.test', 50);
  9 |   assert.equal($('.js-shave').length, 1, 'there should be 1 .js-shave');
 10 | });
 11 | 
 12 | QUnit.test('run shave and check with link', function (assert) {
 13 |   shave('#test-11', 50, { link: { href: 'http://example.com' } });
 14 |   assert.equal($('#test-11').find('.js-shave-char').prop('tagName'), 'A', 'character text should be a link');
 15 |   assert.equal($('#test-11').find('.js-shave-char').prop('href'), 'http://example.com/', 'character href should be example.com');
 16 | });
 17 | 
 18 | QUnit.test('run check for html injection', function (assert) {
 19 |   const alertScript = document.createElement('script');
 20 |   alertScript.innerHTML = 'alert("test");';
 21 |   shave('#test-12', 50, { link: { href: 'http://example.com', textContent: '"' + alertScript + '"' } });
 22 |   const scriptAsString = $('#test-12').find('.js-shave-char')[0].innerHTML;
 23 |   assert.equal(typeof scriptAsString, 'string', "the script is stringified so it has avoided injection");
 24 | });
 25 | 
 26 | QUnit.test('run shave a paragraph with an id & unique class', function(assert) {
 27 |   shave('#test', 70, { classname: 'js-test' });
 28 |   assert.equal($('.js-test').length, 1,
 29 |     'there should be 1 .js-test');
 30 | });
 31 | 
 32 | QUnit.test('run shave a paragraph with an id & no class & a special hellip', function(assert) {
 33 |   shave('#test-2', 70, { character: '🐔', classname: 'js-chicken' });
 34 |   assert.equal($('.js-chicken').length, 1,
 35 |     'there should be 1 .js-chicken');
 36 | });
 37 | 
 38 | QUnit.test('run shave a paragraph with an id & no class & a special hellip', function(assert) {
 39 |   shave('#test-3', 90, { character: '👌', classname: 'js-new-text' });
 40 |   assert.equal($('.js-new-text').length, 1,
 41 |     'there should be 1 .js-new-text');
 42 | });
 43 | 
 44 | QUnit.test('run shave iteration', function(assert) {
 45 |   shave('.test-2', 50, { character: '🙌', classname: 'js-iteration-works' });
 46 |   assert.equal($('.js-iteration-works').length, 4,
 47 |     'there should be 4 .js-iteration-works');
 48 | });
 49 | 
 50 | QUnit.test('run shave with non-spaced languages', function(assert) {
 51 |   shave('.test-3', 50, { character: '...', classname: 'js-non-spaced-lang', spaces: false });
 52 |   assert.equal($('.js-non-spaced-lang').length, 2,
 53 |     'there should be 2 .js-non-spaced-lang');
 54 | });
 55 | 
 56 | QUnit.test('run shave with jquery', function(assert) {
 57 |   $('#test-4').shave(50, { classname: 'js-jquery-shave' });
 58 |   assert.equal($('.js-jquery-shave').length, 1,
 59 |     'jQuery or Zepto should have been run.');
 60 | });
 61 | 
 62 | QUnit.test('run shave and check jquery chaining', function(assert) {
 63 |   $('#test-5').shave(36).css('height', '36px');
 64 |   assert.equal($('#test-5').css('height'), '36px',
 65 |     'jQuery or Zepto should have been run.');
 66 | });
 67 | 
 68 | QUnit.test('run shave and check similar max height', function(assert) {
 69 |   shave('#test-6', 36);
 70 |   $('#test-5').css('height', '36px');
 71 |   assert.equal($('#test-5').css('height'), '36px', 'shave should have still run');
 72 | });
 73 | 
 74 | QUnit.test('run shave and check similar max height with jQuery', function(assert) {
 75 |   shave('#test-7', 50, { character: '...', classname: 'js-non-spaced-lang', spaces: false });
 76 |   $('#test-7').css('height', '50px').css('max-height', '50px');
 77 |   assert.equal($('#test-7').css('height'), '50px', 'shave should have still run');
 78 | });
 79 | 
 80 | QUnit.test('run shave on a paragraph with a class', function (assert) {
 81 |   shave('#test-8', 50);
 82 |   assert.equal($('#test-8').length, 1, 'there should be 1 #test-8');
 83 | });
 84 | 
 85 | [
 86 |   {
 87 |     spacesOpt: { spaces: true },
 88 |     elementId: 'test-9'
 89 |   },
 90 |   {
 91 |     spacesOpt: { spaces: false },
 92 |     elementId: 'test-10'
 93 |   }
 94 | ].forEach(function(test) {
 95 |   QUnit.test('run shave on the same paragraph multiple times, { spaces: ' + test.spacesOpt.spaces + ' }', function(assert) {
 96 |     var p = document.getElementById(test.elementId);
 97 |     shave(p, 50, test.spacesOpt);
 98 |     var firstShaveText = p.innerText
 99 |     for (var i = 0; i < 10; i++) {
100 |       shave(p, 50, test.spacesOpt);
101 |     }
102 |     var lastShaveText = p.innerText;
103 |     assert.equal(firstShaveText, lastShaveText, 'the innerText should remain the same');
104 |   });
105 | });
106 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "allowSyntheticDefaultImports": true,
 4 |     "emitDeclarationOnly": true,
 5 |     "declarationDir": "./types",
 6 |     "checkJs": false,
 7 |     "allowJs": false,
 8 |     "declaration": true,
 9 |     "esModuleInterop": true,
10 |     "importHelpers": true,
11 |     "lib": ["esnext", "dom", "dom.iterable"],
12 |     "module": "commonjs",
13 |     "moduleResolution": "node",
14 |     "noEmit": false,
15 |     "noImplicitReturns": true,
16 |     "noUnusedLocals": true,
17 |     "noUnusedParameters": true,
18 |     "outDir": "./dist",
19 |     "preserveConstEnums": true,
20 |     "removeComments": false,
21 |     "resolveJsonModule": true,
22 |     "skipLibCheck": true,
23 |     "sourceMap": true,
24 |     "target": "es5",
25 |     "downlevelIteration": true
26 |   },
27 |   "include": ["src"],
28 |   "exclude": ["dist/**", "*.js"],
29 |   "types": ["jquery", "node", "zepto", "rollup"]
30 | }
31 | 


--------------------------------------------------------------------------------