flyonui/index.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

import { version } from './package.json'
import { pluginOptionsHandler } from './functions/pluginOptionsHandler.js'
import { plugin } from './functions/plugin.js'
import variables from './functions/variables.js'
import themesObject from './theme/object.js'
import { base, components, utilities } from './imports.js'

export default plugin.withOptions(
  options => {
    return ({ addBase, addComponents, addUtilities }) => {
      const { include, exclude, prefix = '' } = pluginOptionsHandler(options, addBase, themesObject, version)

      const shouldIncludeItem = name => {
        if (include && exclude) {
          return include.includes(name) && !exclude.includes(name)
        }
        if (include) {
          return include.includes(name)
        }
        if (exclude) {
          return !exclude.includes(name)
        }
        return true
      }

      Object.entries(base).forEach(([name, item]) => {
        if (!shouldIncludeItem(name)) return
        item({ addBase, prefix })
      })

      Object.entries(components).forEach(([name, item]) => {
        if (!shouldIncludeItem(name)) return
        item({ addComponents, prefix })
      })

      Object.entries(utilities).forEach(([name, item]) => {
        if (!shouldIncludeItem(name)) return
        item({ addUtilities, prefix })
      })
    }
  },
  () => ({
    theme: {
      extend: variables
    }
  })
)