simplecov-tailwindcss 2.0.0 → 2.1.1

data/.ruby-version

@@ -1 +1 @@
-3.1.1
+3.1.2

data/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "yaml.schemas": {
+    "https://json.schemastore.org/github-issue-config.json": "file:///Users/chiefpansancolt/Documents/GitHub/ruby-gems/simplecov-tailwindcss/.github/ISSUE_TEMPLATE/config.yml"
+  }
+}

data/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## Version [2.1.0](https://github.com/chiefpansancolt/simplecov-tailwindcss/releases/tag/2.1.0)
+
+### Features
+
+- Touch up Color contrast on file views ([#22](https://github.com/chiefpansancolt/simplecov-tailwindcss/issues/22))
+- Add File Details for slideover view of File ([#27](https://github.com/chiefpansancolt/simplecov-tailwindcss/issues/27))
+
+### Updates
+
+- Updated view of File list to show Percent covered better ([#29](https://github.com/chiefpansancolt/simplecov-tailwindcss/issues/29))
+
+### Bug Fixes
+
+- Fixed View not changing per row ([#26](https://github.com/chiefpansancolt/simplecov-tailwindcss/issues/26))
+- Fix bottom of small file views ([#23](https://github.com/chiefpansancolt/simplecov-tailwindcss/issues/23))
+
 ## Version [2.0.0](https://github.com/chiefpansancolt/simplecov-tailwindcss/releases/tag/2.0.0)
 
 ### Features

data/Gemfile

@@ -1,18 +1,21 @@
 # frozen_string_literal: true
 
-source 'https://rubygems.org'
+source "https://rubygems.org"
 
 git_source(:github) { |repo_name| "https://github.com/#{repo_name}" }
 
 gemspec
 
-gem 'json'
-gem 'minitest'
-gem 'mocha'
-gem 'pry'
-gem 'rake'
+gem "json"
+gem "minitest"
+gem "mocha"
+gem "pry"
+gem "rake"
 
 group :development do
-  gem 'rubocop'
-  gem 'rubocop-performance'
-end
+  gem "erb_lint"
+  gem "rubocop"
+  gem "rubocop-minitest"
+  gem "rubocop-performance"
+  gem "rubocop-rake"
+end

data/README.md

@@ -1,27 +1,20 @@
 # Simplecov Tailwind
 
-![Tests](https://github.com/chiefpansancolt/simplecov-tailwindcss/workflows/Tests/badge.svg)
-![GitHub release](https://img.shields.io/github/release/chiefpansancolt/simplecov-tailwindcss?logo=github&style=flat-square)
-![Gem](https://img.shields.io/gem/dt/simplecov-tailwindcss?logo=rubygems&style=flat-square)
-[![Discord](https://img.shields.io/discord/450095227185659905?label=Discord&logo=discord&style=flat-square)](https://discord.gg/FPfA3w6)
+[![GitHub](https://img.shields.io/github/license/chiefpansancolt/simplecov-tailwindcss?label=License&style=flat-square)](/LICENSE)
+[![GitHub Workflow Tests Status](https://img.shields.io/github/actions/workflow/status/chiefpansancolt/simplecov-tailwindcss/tests.yml?label=Tests&logo=github&style=flat-square)](https://github.com/chiefpansancolt/simplecov-tailwindcss/actions/workflows/tests.yml)
+[![GitHub Workflow Builds Status](https://img.shields.io/github/actions/workflow/status/chiefpansancolt/simplecov-tailwindcss/builds.yml?label=Build&logo=github&style=flat-square)](https://github.com/chiefpansancolt/simplecov-tailwindcss/actions/workflows/builds.yml)
+[![GitHub Workflow Lints Status](https://img.shields.io/github/actions/workflow/status/chiefpansancolt/simplecov-tailwindcss/lints.yml?label=Lints&logo=github&style=flat-square)](https://github.com/chiefpansancolt/simplecov-tailwindcss/actions/workflows/lints.yml)
+[![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/chiefpansancolt/simplecov-tailwindcss?label=Release&logo=github&style=flat-square)](https://github.com/chiefpansancolt/simplecov-tailwindcss/releases)
+[![Gem](https://img.shields.io/gem/v/simplecov-tailwindcss?color=orange&label=Gem%20Version&logo=rubygems&style=flat-square)](https://rubygems.org/gems/simplecov-tailwindcss)
+[![Discord](https://img.shields.io/discord/450095227185659905?label=Discord&logo=discord&style=flat-square)](https://discord.gg/pBxGpfrmD4)
 
 > Note: To learn more about SimpleCov, check out the main repo at https://github.com/colszowka/simplecov
 
-Generates a HTML Tailwind Design report generated from Simplecov using ruby 2.3 or greater.
-
-## Table of Contents
-
-- [Installing](#installing)
-- [Usage](#usage)
-- [Change Log](#change-log)
-- [Contributing](#contributing)
-- [Development](#development)
-- [License](#license)
-
+Generates a HTML Tailwind Design report generated from Simplecov using ruby 2.5 or greater.
 
 ## Installing
 
-Add the below to your Gemfile to make Simplecov Material available as a formatter for your application
+Add the below to your Gemfile to make Simplecov Material available as a formatter for your application.
 
 ### Ruby Gems Host
 
@@ -29,8 +22,8 @@ Add the below to your Gemfile to make Simplecov Material available as a formatte
 # ./Gemfile
 
 group :test do
-  gem "simplecov", require: false
-  gem "simplecov-tailwindcss", require: false
+  gem 'simplecov', require: false
+  gem 'simplecov-tailwindcss', require: false
 end
 ```
 
@@ -59,7 +52,7 @@ In your helper ensure your line about formatter usage is one of the following.
 Ensure to add the require tag at the top of your helper class where Simplecov is configured
 
 ```ruby
-require "simplecov-tailwindcss"
+require 'simplecov-tailwindcss'
 ```
 
 **Single Formatter Usage:**
@@ -71,21 +64,21 @@ SimpleCov.formatter = SimpleCov::Formatter::TailwindFormatter
 **Multi Formatter Usage:**
 
 ```ruby
-SimpleCov.formatters = SimpleCov::Formatter::MultiFormatter.new([
-  SimpleCov::Formatter::HTMLFormatter,
-  SimpleCov::Formatter::TailwindFormatter
-])
+SimpleCov.formatters =
+  SimpleCov::Formatter::MultiFormatter.new(
+    [SimpleCov::Formatter::HTMLFormatter, SimpleCov::Formatter::TailwindFormatter],
+  )
 ```
 
 ## Change Log
 
-Check out the [Change Log](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/master/CHANGELOG.md) for new breaking changes/features/bug fixes per release of a new version.
+Check out the [Change Log](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/main/CHANGELOG.md) for new breaking changes/features/bug fixes per release of a new version.
 
 ## Contributing
 
-Bug Reports, Feature Requests, and Pull Requests are welcome on GitHub at https://github.com/chiefpansancolt/simplecov-tailwindcss. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/master/CODE_OF_CONDUCT.md) code of conduct.
+Bug Reports, Feature Requests, and Pull Requests are welcome on GitHub at https://github.com/chiefpansancolt/simplecov-tailwindcss. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/main/.github/CODE_OF_CONDUCT.md) code of conduct.
 
-To see more about Contributing check out this [document](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/master/CONTRIBUTING.md).
+To see more about Contributing check out this [document](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/main/.github/CONTRIBUTING.md).
 
 - Fork Repo and create new branch
 - Once all is changed and committed create a pull request.
@@ -96,7 +89,7 @@ To see more about Contributing check out this [document](https://github.com/chie
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `yarn test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
 
-When working with SCSS or JS ensure to run `yarn build` to compile tailwind and JS to the public folder. This will ensure you have the latest CSS and JS used when testing locally.
+When working with CSS or JS ensure to run `yarn build` to compile tailwind and JS to the public folder. This will ensure you have the latest CSS and JS used when testing locally.
 
 _**NOTE: Do not commit any changes made in public folder from compiling as this will be performed by the owner before building of a release.**_
 
@@ -106,4 +99,26 @@ To install this gem onto your local machine, run `yarn gem:build`. Gems will be
 
 ## License
 
-Simplecov Tailwind is available as open source under the terms of the [MIT License](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/master/LICENSE).
+Simplecov Tailwind is available as open source under the terms of the [MIT License](https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/main/LICENSE).
+
+## Contributors ✨
+
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://chrispezza.me"><img src="https://avatars3.githubusercontent.com/u/5841177?v=4" width="100px;" alt=""/><br /><sub><b>Christopher Pezza</b></sub></a><br /><a href="https://github.com/chiefpansancolt/simplecov-tailwindcss/commits?author=chiefpansancolt" title="Code">💻</a> <a href="https://github.com/chiefpansancolt/simplecov-tailwindcss/commits?author=chiefpansancolt" title="Documentation">📖</a> <a href="#tool-chiefpansancolt" title="Tools">🔧</a> <a href="https://github.com/chiefpansancolt/simplecov-tailwindcss/commits?author=chiefpansancolt" title="Tests">⚠️</a> <a href="#maintenance-chiefpansancolt" title="Maintenance">🚧</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-enable -->
+<!-- prettier-ignore-end -->
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+This project follows the
+[all-contributors](https://github.com/all-contributors/all-contributors)
+specification. Contributions of any kind welcome!

data/dist/app.css

@@ -1,3 +1,3 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

data/dist/app.js

@@ -1,13 +1,13 @@
-import { Application } from "@hotwired/stimulus"
-import SearchController from "./scripts/controllers/search_controller"
-import NavigationController from "./scripts/controllers/navigation_controller"
-import DarkthemeController from "./scripts/controllers/darktheme_controller"
-import SlideoverController from "./scripts/controllers/slideover_controller"
+import { Application } from '@hotwired/stimulus'
+import SearchController from './scripts/controllers/search_controller'
+import NavigationController from './scripts/controllers/navigation_controller'
+import DarkthemeController from './scripts/controllers/darktheme_controller'
+import SlideoverController from './scripts/controllers/slideover_controller'
 
-import "./scripts/timeago.js"
+import './scripts/timeago.js'
 
 window.Stimulus = Application.start()
-Stimulus.register("search", SearchController)
-Stimulus.register("navigation", NavigationController)
-Stimulus.register("darktheme", DarkthemeController)
-Stimulus.register("slideover", SlideoverController)
+Stimulus.register('search', SearchController)
+Stimulus.register('navigation', NavigationController)
+Stimulus.register('darktheme', DarkthemeController)
+Stimulus.register('slideover', SlideoverController)

data/dist/scripts/controllers/darktheme_controller.js

@@ -1,37 +1,34 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
-  static targets = ["body"]
-  static classes = ["dark"]
+  static targets = ['body']
+  static classes = ['dark']
 
   initialize() {
-    if (
-      window.matchMedia &&
-      window.matchMedia("(prefers-color-scheme: dark)").matches
-    ) {
-      localStorage.setItem("color-theme", "dark")
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      localStorage.setItem('color-theme', 'dark')
       this.bodyTarget.classList.add(this.darkClass)
     } else {
-      localStorage.setItem("color-theme", "light")
+      localStorage.setItem('color-theme', 'light')
     }
   }
 
   toggle() {
-    if (localStorage.getItem("color-theme")) {
-      if (localStorage.getItem("color-theme") === "light") {
+    if (localStorage.getItem('color-theme')) {
+      if (localStorage.getItem('color-theme') === 'light') {
         this.bodyTarget.classList.add(this.darkClass)
-        localStorage.setItem("color-theme", "dark")
+        localStorage.setItem('color-theme', 'dark')
       } else {
         this.bodyTarget.classList.remove(this.darkClass)
-        localStorage.setItem("color-theme", "light")
+        localStorage.setItem('color-theme', 'light')
       }
     } else {
-      if (this.bodyTarget.classList.contains("dark")) {
+      if (this.bodyTarget.classList.contains('dark')) {
         this.bodyTarget.classList.remove(this.darkClass)
-        localStorage.setItem("color-theme", "light")
+        localStorage.setItem('color-theme', 'light')
       } else {
         this.bodyTarget.classList.add(this.darkClass)
-        localStorage.setItem("color-theme", "dark")
+        localStorage.setItem('color-theme', 'dark')
       }
     }
   }

data/dist/scripts/controllers/navigation_controller.js

@@ -1,18 +1,16 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
-  static classes = ["hide", "active", "inactive"]
+  static classes = ['hide', 'active', 'inactive']
   static values = { currentActive: String }
 
   initialize() {
     let url = new URL(document.location)
-    this.currentActiveValue = url.searchParams.get("tabName")
-      ? url.searchParams.get("tabName")
-      : ""
+    this.currentActiveValue = url.searchParams.get('tabName') ? url.searchParams.get('tabName') : ''
   }
 
   connect() {
-    if (this.currentActiveValue != "") {
+    if (this.currentActiveValue != '') {
       this.navigate()
     }
   }
@@ -20,20 +18,20 @@ export default class extends Controller {
   navigateEvent(event) {
     let url = new URL(document.location)
     this.currentActiveValue = event.currentTarget.dataset.index
-    url.searchParams.set("tabName", event.currentTarget.dataset.index)
-    window.history.pushState({}, "", url)
+    url.searchParams.set('tabName', event.currentTarget.dataset.index)
+    window.history.pushState({}, '', url)
     this.navigate()
   }
 
   navigate() {
-    let navBodies = document.querySelectorAll(".navBody")
+    let navBodies = document.querySelectorAll('.navBody')
     navBodies.forEach((el) => {
       if (!el.classList.contains(this.hideClass)) {
         el.classList.add(this.hideClass)
       }
     })
 
-    let navs = document.querySelectorAll(".nav")
+    let navs = document.querySelectorAll('.nav')
     navs.forEach((nav) => {
       if (nav.classList.contains(...this.activeClasses)) {
         nav.classList.remove(...this.activeClasses)
@@ -48,8 +46,6 @@ export default class extends Controller {
       }
     })
 
-    document
-      .getElementById(this.currentActiveValue)
-      .classList.remove(this.hideClass)
+    document.getElementById(this.currentActiveValue).classList.remove(this.hideClass)
   }
 }

data/dist/scripts/controllers/search_controller.js

@@ -1,8 +1,8 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
-  static targets = ["asc", "desc", "sort"]
-  static classes = ["hide", "buttonActive", "buttonInactive"]
+  static targets = ['asc', 'desc', 'sort']
+  static classes = ['hide', 'buttonActive', 'buttonInactive']
   static values = {
     currentSearch: String,
     currentSort: String,
@@ -12,25 +12,19 @@ export default class extends Controller {
 
   initialize() {
     let url = new URL(document.location)
-    this.currentSearchValue = url.searchParams.get("q")
-      ? url.searchParams.get("q")
-      : ""
-    this.currentSortOrderValue = url.searchParams.get("o")
-      ? url.searchParams.get("o")
-      : -1
-    this.currentSortValue = url.searchParams.get("s")
-      ? url.searchParams.get("s")
-      : "coveredpercent"
-    this.currentViewValue = url.searchParams.get("tabName")
-      ? url.searchParams.get("tabName")
-      : "All Files"
+    this.currentSearchValue = url.searchParams.get('q') ? url.searchParams.get('q') : ''
+    this.currentSortOrderValue = url.searchParams.get('o') ? url.searchParams.get('o') : -1
+    this.currentSortValue = url.searchParams.get('s') ? url.searchParams.get('s') : 'coveredpercent'
+    this.currentViewValue = url.searchParams.get('tabName')
+      ? url.searchParams.get('tabName')
+      : 'All Files'
   }
 
   connect() {
-    if (this.currentSearchValue != "") {
+    if (this.currentSearchValue != '') {
       this.search()
     }
-    if (this.currentSortValue != "") {
+    if (this.currentSortValue != '') {
       this.order()
     }
   }
@@ -38,22 +32,22 @@ export default class extends Controller {
   sortEvent(event) {
     let url = new URL(document.location)
     this.currentSortValue = event.currentTarget.value
-    url.searchParams.set("s", event.currentTarget.value)
-    window.history.pushState({}, "", url)
-    this.currentViewValue = url.searchParams.get("tabName")
-      ? url.searchParams.get("tabName")
-      : "All Files"
+    url.searchParams.set('s', event.currentTarget.value)
+    window.history.pushState({}, '', url)
+    this.currentViewValue = url.searchParams.get('tabName')
+      ? url.searchParams.get('tabName')
+      : 'All Files'
     this.sort()
   }
 
   orderEvent(event) {
     let url = new URL(document.location)
     this.currentSortOrderValue = event.currentTarget.value
-    url.searchParams.set("o", event.currentTarget.value)
-    window.history.pushState({}, "", url)
-    this.currentViewValue = url.searchParams.get("tabName")
-      ? url.searchParams.get("tabName")
-      : "All Files"
+    url.searchParams.set('o', event.currentTarget.value)
+    window.history.pushState({}, '', url)
+    this.currentViewValue = url.searchParams.get('tabName')
+      ? url.searchParams.get('tabName')
+      : 'All Files'
     this.order()
   }
 
@@ -76,49 +70,50 @@ export default class extends Controller {
     const sortValue = this.currentSortValue
     const sortOrder = this.currentSortOrderValue
     this.sortTarget.value = this.currentSortValue
-    let list = Array.from(
-      document.getElementById(this.currentViewValue + "-list").children
-    ).filter((item) => item.id != this.currentViewValue + "-hideListItem")
+    let list = Array.from(document.getElementById(this.currentViewValue + '-list').children).filter(
+      (item) => item.id != this.currentViewValue + '-hideListItem'
+    )
     list.sort(function (a, b) {
       let value1, value2
+      /* eslint-disable indent */
       switch (sortValue) {
-        case "coveredpercent":
+        case 'coveredpercent':
           value1 = a.dataset.coveredPercent
           value2 = b.dataset.coveredPercent
           break
-        case "lines":
+        case 'lines':
           value1 = a.dataset.lines
           value2 = b.dataset.lines
           break
-        case "releventlines":
+        case 'releventlines':
           value1 = a.dataset.releventLines
           value2 = b.dataset.releventLines
           break
-        case "coveredlines":
+        case 'coveredlines':
           value1 = a.dataset.coveredLines
           value2 = b.dataset.coveredLines
           break
-        case "missedlines":
+        case 'missedlines':
           value1 = a.dataset.missedLines
           value2 = b.dataset.missedLines
           break
-        case "coveredstrength":
+        case 'coveredstrength':
           value1 = a.dataset.coveredStrength
           value2 = b.dataset.coveredStrength
           break
-        case "branchcoveredpercentches":
+        case 'branchcoveredpercentches':
           value1 = a.dataset.branchCoveredPercent
           value2 = b.dataset.branchCoveredPercent
           break
-        case "branches":
+        case 'branches':
           value1 = a.dataset.branches
           value2 = b.dataset.branches
           break
-        case "branchescoveredes":
+        case 'branchescoveredes':
           value1 = a.dataset.branchesCovered
           value2 = b.dataset.branchesCovered
           break
-        case "branchesmisseds":
+        case 'branchesmisseds':
           value1 = a.dataset.branchesMissed
           value2 = b.dataset.branchesMissed
           break
@@ -127,39 +122,33 @@ export default class extends Controller {
           value2 = 0
           break
       }
+      /* eslint-enable indent */
 
-      return (
-        sortOrder * value1.localeCompare(value2, undefined, { numeric: true })
-      )
+      return sortOrder * value1.localeCompare(value2, undefined, { numeric: true })
     })
     for (let i = 0; i < list.length; ++i) {
-      document
-        .getElementById(this.currentViewValue + "-list")
-        .appendChild(list[i])
+      document.getElementById(this.currentViewValue + '-list').appendChild(list[i])
     }
   }
 
   searchEvent(event) {
     let url = new URL(document.location)
     this.currentSearchValue = event.currentTarget.value.toLowerCase()
-    url.searchParams.set("q", event.currentTarget.value.toLowerCase())
-    window.history.pushState({}, "", url)
-    this.currentViewValue = url.searchParams.get("tabName")
-      ? url.searchParams.get("tabName")
-      : "All Files"
+    url.searchParams.set('q', event.currentTarget.value.toLowerCase())
+    window.history.pushState({}, '', url)
+    this.currentViewValue = url.searchParams.get('tabName')
+      ? url.searchParams.get('tabName')
+      : 'All Files'
     this.search()
   }
 
   search() {
-    let list = Array.from(
-      document.getElementById(this.currentViewValue + "-list").children
-    ).filter((item) => item.id != this.currentViewValue + "-hideListItem")
+    let list = Array.from(document.getElementById(this.currentViewValue + '-list').children).filter(
+      (item) => item.id != this.currentViewValue + '-hideListItem'
+    )
     for (let i = 0; i < list.length; i++) {
       const item = list[i]
-      if (
-        item.dataset.fileName.toLowerCase().indexOf(this.currentSearchValue) >
-        -1
-      ) {
+      if (item.dataset.fileName.toLowerCase().indexOf(this.currentSearchValue) > -1) {
         item.classList.remove(this.hideClass)
       } else {
         item.classList.add(this.hideClass)
@@ -170,9 +159,7 @@ export default class extends Controller {
     const current = Array.from(list).filter((item) =>
       item.classList.contains(this.hideClass)
     ).length
-    const hiddenRow = document.getElementById(
-      this.currentViewValue + "-hideListItem"
-    )
+    const hiddenRow = document.getElementById(this.currentViewValue + '-hideListItem')
     if (total == current) {
       hiddenRow.classList.remove(this.hideClass)
     } else {

data/dist/scripts/controllers/slideover_controller.js

@@ -1,14 +1,8 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
-  static targets = ["container", "background", "view"]
-  static classes = [
-    "hide",
-    "toBackground",
-    "fromBackground",
-    "toView",
-    "fromView",
-  ]
+  static targets = ['container', 'background', 'view']
+  static classes = ['hide', 'toBackground', 'fromBackground', 'toView', 'fromView']
   static values = {
     allowClose: Boolean,
     openTimeout: Number,
@@ -17,11 +11,11 @@ export default class extends Controller {
   }
 
   initialize() {
-    this.currentActiveValue = window.location.hash.replace("#", "")
+    this.currentActiveValue = window.location.hash.replace('#', '')
   }
 
   connect() {
-    if (this.currentActiveValue != "") {
+    if (this.currentActiveValue != '') {
       this.open()
     }
   }
@@ -36,9 +30,7 @@ export default class extends Controller {
   }
 
   open() {
-    document
-      .getElementById(this.currentActiveValue)
-      .classList.remove(this.hideClass)
+    document.getElementById(this.currentActiveValue).classList.remove(this.hideClass)
     this.containerTarget.classList.remove(this.hideClass)
 
     requestAnimationFrame(() => {
@@ -60,10 +52,8 @@ export default class extends Controller {
     requestAnimationFrame(() => {
       setTimeout(() => {
         this.containerTarget.classList.add(this.hideClass)
-        document
-          .getElementById(this.currentActiveValue)
-          .classList.add(this.hideClass)
-        this.currentActiveValue = ""
+        document.getElementById(this.currentActiveValue).classList.add(this.hideClass)
+        this.currentActiveValue = ''
         this.remove_hash_from_url()
       }, this.closeTimeoutValue)
     })
@@ -76,10 +66,7 @@ export default class extends Controller {
   }
 
   closeWithKeyboard(e) {
-    if (
-      e.keyCode === 27 &&
-      !this.containerTarget.classList.contains(this.hideClass)
-    ) {
+    if (e.keyCode === 27 && !this.containerTarget.classList.contains(this.hideClass)) {
       this.close()
     }
   }
@@ -87,8 +74,8 @@ export default class extends Controller {
   remove_hash_from_url() {
     var uri = window.location.toString()
 
-    if (uri.indexOf("#") > 0) {
-      var clean_uri = uri.substring(0, uri.indexOf("#"))
+    if (uri.indexOf('#') > 0) {
+      var clean_uri = uri.substring(0, uri.indexOf('#'))
       window.history.replaceState({}, document.title, clean_uri)
     }
   }

data/dist/scripts/timeago.js

@@ -1,3 +1,3 @@
-import { render } from "timeago.js"
+import { render } from 'timeago.js'
 
-render(document.querySelectorAll(".timeago"))
+render(document.querySelectorAll('.timeago'))

data/lib/simplecov-tailwindcss/version.rb

@@ -3,7 +3,7 @@
 module SimpleCov
   module Formatter
     class TailwindFormatter
-      VERSION = "2.0.0"
+      VERSION = "2.1.1"
     end
   end
 end