Method replaceRule

src/lib/stylesheet.js:146–180

(index, rule)

  }

  replaceRule(index, rule) {
    if (this._optimizeForSpeed || typeof window === 'undefined') {
      const sheet =
        typeof window !== 'undefined' ? this.getSheet() : this._serverSheet
      if (!rule.trim()) {
        rule = this._deletedRulePlaceholder
      }

      if (!sheet.cssRules[index]) {
        // @TBD Should we throw an error?
        return index
      }

      sheet.deleteRule(index)

      try {
        sheet.insertRule(rule, index)
      } catch (error) {
        if (!isProd) {
          console.warn(
            `StyleSheet: illegal rule: \n\n${rule}\n\nSee https://stackoverflow.com/q/20007992 for more info`
          )
        }

        // In order to preserve the indices we insert a deleteRulePlaceholder
        sheet.insertRule(this._deletedRulePlaceholder, index)
      }
    } else {
      const tag = this._tags[index]
      invariant(tag, `old rule at index \`${index}\` not found`)
      tag.textContent = rule
    }

    return index
  }

  deleteRule(index) {
    if (typeof window === 'undefined') {