Website Structure

Frontend-Learner/node_modules/tailwind-config-viewer/lib/tailwindConfigUtils.js

@@ -0,0 +1,87 @@
+const path = require('path')
+/**
+ * Force loading tailwindcss module installed in current working directory.
+ * This is required for running the config viewer directly with npx without
+ * locally installing it
+ */
+const tailwindPackageJsonPath = require.resolve('tailwindcss/package.json', { paths: [__dirname, process.cwd()] })
+const tailwindVersion = require(tailwindPackageJsonPath).version
+const tailwindResolveConfigPath = require.resolve('tailwindcss/resolveConfig', { paths: [__dirname, process.cwd()] })
+const resolveTailwindConfig = require(tailwindResolveConfigPath)
+const flattenColorPalettePath = require.resolve('tailwindcss/lib/util/flattenColorPalette', { paths: [__dirname, process.cwd()] })
+const flattenColorPalette = require(flattenColorPalettePath).default
+
+const resolveConfigPath = configPath => path.resolve(process.cwd(), configPath)
+
+const resolveConfig = config => {
+  return transformConfig(resolveTailwindConfig(config))
+}
+
+const resolveConfigToJson = async (configPath) => {
+  const config = await import(configPath)
+  return JSON.stringify(resolveConfig(config.default || config))
+}
+
+const transformConfig = config => {
+  config.tailwindVersion = tailwindVersion
+  config.theme = replaceWithOverrides(config.theme)
+  config.theme.colors = flattenColorPalette(config.theme.colors)
+  config.theme.backgroundColor = flattenColorPalette(config.theme.backgroundColor)
+  config.theme.textColor = flattenColorPalette(config.theme.textColor)
+  config.theme.borderColor = flattenColorPalette(config.theme.borderColor)
+
+  removeDisabledCorePlugins(config)
+
+  removeConfigProps(config, [
+    'variants',
+    'purge',
+    'plugins',
+    'corePlugins',
+    'target'
+  ])
+
+  return config
+}
+
+const replaceWithOverrides = (theme) => {
+  if (theme.configViewer && theme.configViewer.themeReplacements) {
+    Object.keys(theme.configViewer.themeReplacements).forEach(key => {
+      theme = findAndReplaceRecursively(theme, key, theme.configViewer.themeReplacements[key])
+    })
+  }
+
+  return theme
+}
+
+function findAndReplaceRecursively (target, find, replaceWith) {
+  if (typeof target !== 'object') {
+    if (target === find) return replaceWith
+    return target
+  }
+
+  return Object.keys(target)
+    .reduce((carry, key) => {
+      const val = target[key]
+      carry[key] = findAndReplaceRecursively(val, find, replaceWith)
+      return carry
+    }, {})
+}
+
+const removeConfigProps = (config, props) => {
+  props.forEach(prop => delete config[prop])
+}
+
+const removeDisabledCorePlugins = (config) => {
+  Object.keys(config.corePlugins).forEach(key => {
+    if (config.corePlugins[key] === false) {
+      delete config.theme[key]
+    }
+  })
+}
+
+module.exports = {
+  resolveConfig,
+  resolveConfigPath,
+  resolveConfigToJson,
+  transformConfig
+}