// @ts-nocheck
/**
 * Copyright (c) Nicolas Gallagher.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow strict-local
 */

import canUseDOM from '../../modules/canUseDOM'
import createCSSStyleSheet from './createCSSStyleSheet'
import type { OrderedCSSStyleSheet } from './createOrderedCSSStyleSheet'
import createOrderedCSSStyleSheet from './createOrderedCSSStyleSheet'

type Sheet = {
  id: string
} & OrderedCSSStyleSheet

const defaultId = 'react-native-stylesheet'
const roots = new WeakMap<Node, number>()
const sheets = []

const initialRules = [
  // minimal top-level reset
  'html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}',
  'body{margin:0;}',
  // minimal form pseudo-element reset
  'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}',
  'input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}',
]

export function createSheet(root?: HTMLElement, id = defaultId): Sheet {
  let sheet

  if (canUseDOM) {
    const rootNode: Node = root != null ? root.getRootNode() : document
    // Create the initial style sheet
    if (sheets.length === 0) {
      sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id))
      initialRules.forEach((rule) => {
        sheet.insert(rule, 0)
      })
      roots.set(rootNode, sheets.length)
      sheets.push(sheet)
    } else {
      const index = roots.get(rootNode)
      if (index == null) {
        const initialSheet = sheets[0]
        // If we're creating a new sheet, populate it with existing styles
        const textContent = initialSheet != null ? initialSheet.getTextContent() : ''
        // Cast rootNode to 'any' because Flow types for getRootNode are wrong
        sheet = createOrderedCSSStyleSheet(
          createCSSStyleSheet(id, rootNode as any, textContent)
        )
        roots.set(rootNode, sheets.length)
        sheets.push(sheet)
      } else {
        sheet = sheets[index]
      }
    }
  } else {
    // Create the initial style sheet
    if (sheets.length === 0) {
      sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id))
      initialRules.forEach((rule) => {
        sheet.insert(rule, 0)
      })
      sheets.push(sheet)
    } else {
      sheet = sheets[0]
    }
  }

  return {
    getTextContent() {
      return sheet.getTextContent()
    },
    id,
    insert(cssText: string, groupValue: number) {
      sheets.forEach((s) => {
        s.insert(cssText, groupValue)
      })
    },
  }
}