daisyui/index.js

const daisyuiInfo       = require('./package.json')
const colors            = require('./colors/index')
const utilities         = require('./dist/utilities')
const base              = require('./dist/base')
const unstyled          = require('./dist/unstyled')
const unstyledRtl       = require('./dist/unstyled.rtl')
const styled            = require('./dist/styled')
const styledRtl         = require('./dist/styled.rtl')
const utilitiesUnstyled = require('./dist/utilities-unstyled')
const utilitiesStyled   = require('./dist/utilities-styled')
const themes            = require('./colors/themes')
const colorNames        = require('./colors/colorNames')
const hex2hsl           = require('./colors/hex2hsl')

const mainFunction = ({ addBase, addComponents, addUtilities, config }) => {
  let diasyuiIncludedItems = []
  let logs = false
  if (config('daisyui.logs') != false) {
    logs = true
  }
  if (logs) {
    console.log()
    console.log('\x1b[35m%s\x1b[0m', '🌼 DaisyUI components ' + daisyuiInfo.version, '\x1b[0m', daisyuiInfo.homepage)
    console.group()
  }

  // inject @base style 
  if (config('daisyui.base') != false) {
    addBase(base)
    diasyuiIncludedItems.push('base')
  }

  // inject components
  // because rollupjs doesn't supprt dynamic require
  let file = styled
  if (config('daisyui.styled') == false && config('daisyui.rtl') != true) {
    diasyuiIncludedItems.push('unstyled components')
    file = unstyled
  } else if (config('daisyui.styled') == false && config('daisyui.rtl') == true) {
    diasyuiIncludedItems.push('unstyled components')
    console.log('\x1b[36m%s\x1b[0m', ' Direction:', '\x1b[0m', 'RTL');
    file = unstyledRtl
  } else if (config('daisyui.styled') != false && config('daisyui.rtl') != true) {
    diasyuiIncludedItems.push('components')
    file = styled
  } else if (config('daisyui.styled') !== false && config('daisyui.rtl') == true) {
    diasyuiIncludedItems.push('components')
    console.log('\x1b[36m%s\x1b[0m', ' Direction:', '\x1b[0m', 'RTL');
    file = styledRtl
  }
  addComponents(file)

  let includedThemesObj = new Object()

  function convertThemeColorsToHsl(input) {
    let resultObj = {}
    if (typeof input === 'object' && input !== null) {
      Object.entries(input).forEach(([rule, value]) => {
        if(colorNames.hasOwnProperty(rule)){
          resultObj[colorNames[rule]] = hex2hsl(value)
        }else{
          resultObj[rule] = value
          // console.log(input)
        }
      })
      return resultObj
    }
    return input
  }

  // add light themes
  if (config('daisyui.themes') == false) {
    Object.entries(themes).forEach(([theme, index]) => {
      includedThemesObj[theme] = convertThemeColorsToHsl(themes[theme])
    });
  }

  // add default themes
  if (config('daisyui.themes') != false) {
    Object.entries(themes).forEach(([theme, index]) => {
      includedThemesObj[theme] = convertThemeColorsToHsl(themes[theme])
    });
  }

  // add custom themes
  if(Array.isArray(config('daisyui.themes'))){
    config('daisyui.themes').forEach((item, index) => {
      if(typeof item === 'object' && item !== null){
        Object.entries(item).forEach(([customThemeName, customThemevalue]) => {
          includedThemesObj['[data-theme='+customThemeName+']'] = convertThemeColorsToHsl(customThemevalue)
        })
      }
    })
  }

  let themeOrder = []
  if (Array.isArray( config('daisyui.themes') )) {
    config('daisyui.themes').forEach((theme, index) => {
      if (typeof theme === 'object' && theme !== null){
        Object.entries(theme).forEach(([customThemeName, customThemevalue]) => {
          themeOrder.push(customThemeName)
        })
      }else if(includedThemesObj.hasOwnProperty('[data-theme='+theme+']')){
        themeOrder.push(theme)
      }
    })
  }else if (config('daisyui.themes') != false) {
    themeOrder= ['light','dark','cupcake','bumblebee','emerald','corporate','synthwave','retro','cyberpunk','valentine','halloween','garden','forest','aqua','lofi','pastel','fantasy','wireframe','black','luxury','dracula',]
  }else if (config('daisyui.themes') == false) {
    themeOrder.push('light')
  }

  // inject themes in order
  themeOrder.forEach((themeName, index) => {
    if (index === 0) { // first theme as root
      addBase({[':root']: includedThemesObj['[data-theme='+themeName+']']})
    }else if (index === 1) {
      // auto dark
      if (themeOrder[0] != 'dark' && themeOrder.includes('dark')){
        addBase({['@media (prefers-color-scheme: dark)']: {[':root']: includedThemesObj['[data-theme=dark]']}})
      }
      // theme 0 with name
      addBase({['[data-theme='+themeOrder[0]+']']: includedThemesObj['[data-theme='+themeOrder[0]+']']})
      // theme 1 with name
      addBase({['[data-theme='+themeOrder[1]+']']: includedThemesObj['[data-theme='+themeOrder[1]+']']})
    }else{
      addBase({['[data-theme='+themeName+']']: includedThemesObj['[data-theme='+themeName+']']})
    }
  })
  diasyuiIncludedItems.push('themes[' + themeOrder.length + ']')


  // inject @utilities style needed by components
  if (config('daisyui.utils') != false) {
    addComponents(utilities, { variants: ['responsive'] })
    addComponents(utilitiesUnstyled, { variants: ['responsive'] })
    addComponents(utilitiesStyled, { variants: ['responsive'] })
    diasyuiIncludedItems.push('utilities')
  }
  if (logs) {
    console.log('\x1b[32m%s\x1b[0m', '✔︎ Including:', '\x1b[0m', '' + diasyuiIncludedItems.join(', '));
    if (isTailwindInstalled === false) {
      console.log(`\n\x1b[33;1m! warning\x1b[0m - unable to require \x1b[36mtailwindcss/plugin\x1b[0m
DaisyUI color are now only available for DaisyUI components.
If you want to use DaisyUI color as utility classes (like 'bg-primary')
you need to add this to your \x1b[34mtailwind.config.js\x1b[0m file:
───────────────────────────────────────
\x1b[34mmodule.exports = {
  \x1b[32mtheme: {
    extend: {
      colors: require('daisyui/colors'),
    },
  },\x1b[0m
\x1b[34m}\x1b[0m
───────────────────────────────────────  
      `)
    }
    console.log()
    console.groupEnd()
  }
}

// check if tailwindcss package exists
let isTailwindInstalled = false;
try {
  require.resolve('tailwindcss/plugin')
  isTailwindInstalled = true
} catch (er) {
  isTailwindInstalled = false
}
if (isTailwindInstalled !== false) {
  module.exports = require("tailwindcss/plugin")(
    mainFunction, { theme: { extend: { colors } } }
  );
} else {
  module.exports = mainFunction;
}