Function createInternalContext

src/internal-context/load.ts:20–311

(moduleOptions: ModuleOptions, nuxt = useNuxt())

const resolvedConfigsCtx = getContext<Array<ResolvedConfig | null>>('twcss-resolved-configs')

const createInternalContext = async (moduleOptions: ModuleOptions, nuxt = useNuxt()) => {
  const configUpdatedHook: Record<string, string> = {}
  const { meta = { disableHMR: moduleOptions.disableHMR } } = twCtx.tryUse() ?? {}
  const trackObjChanges = createObjProxy(configUpdatedHook, meta)

  const resolveConfigs = <T extends Partial<TWConfig> | string | undefined>(configs: T | T[], nuxt = useNuxt()) =>
    ((Array.isArray(configs) ? configs : [configs])
      .filter((c): c is NonNullable<T> => Boolean(c) && c !== join(nuxt.options.rootDir, 'tailwind.config'))
      .map(async (config, idx, arr): Promise<ResolvedConfig | null> => {
        if (typeof config !== 'string') {
          const hasUnsafeProperty = checkUnsafeInlineConfig(config)
          if (hasUnsafeProperty && !meta.disableHMR) {
            logger.warn(
              `The provided Tailwind configuration in your \`nuxt.config\` is non-serializable. Check \`${hasUnsafeProperty}\`. Falling back to providing the loaded configuration inlined directly to PostCSS loader..`,
              'Please consider using `tailwind.config` or a separate file (specifying in `configPath` of the module options) to enable it with additional support for IntelliSense and HMR. Suppress this warning with `quiet: true` in the module options.',
            )
            meta.disableHMR = true
            twCtx.set({ meta })
          }

          return { config } as { config: NonNullable<T> }
        }

        const configFile = await (config.startsWith(nuxt.options.buildDir) ? config : findPath(config, { extensions: ['.js', '.cjs', '.mjs', '.ts'] }))
        return configFile
          ? loadConfig({ configFile }).then(async (resolvedConfig) => {
              const { configFile: resolvedConfigFile = configFile } = resolvedConfig
              const config = configMerger(undefined, resolvedConfig.config)
              configUpdatedHook[resolvedConfigFile] = ''

              if (resolvedConfig.config?.purge && !resolvedConfig.config.content) {
                configUpdatedHook[resolvedConfigFile] += 'cfg.content = cfg.purge;'
              }

              await nuxt.callHook('tailwindcss:loadConfig', config, resolvedConfigFile, idx, arr as any)
              trackObjChanges(resolvedConfigFile, resolvedConfig.config, config)
              return { ...resolvedConfig, config }
            }).catch((e) => {
              logger.warn(`Failed to load config \`./${relative(nuxt.options.rootDir, configFile)}\` due to the error below. Skipping..\n`, e)
              return null
            })
          : null
      }))

  const resolveContentConfig = (rootDir: string, nuxtOptions: NuxtOptions | NuxtConfig = useNuxt().options): ResolvedConfig => {
    const r = (p: string) => isAbsolute(p) || p.startsWith(rootDir) ? p : resolve(rootDir, p)
    const withSrcDir = (p: string) => r(nuxtOptions.srcDir && !p.startsWith(nuxtOptions.srcDir) ? resolve(nuxtOptions.srcDir, p) : p)
    // const withAppDir = (p: string) => r(nuxtOptions.appDir && !p.startsWith(nuxtOptions.appDir) ? resolve(nuxtOptions.appDir, p) : p)

    const formatExtensions = (s: string[]) => s.length > 1 ? `.{${s.join(',')}}` : `.${s.join('') || 'vue'}`
    const defaultExtensions = formatExtensions(['js', 'ts', 'mjs'])
    const sfcExtensions = formatExtensions(Array.from(new Set(['.vue', ...(nuxtOptions.extensions || nuxt.options.extensions)])).map(e => e?.replace(/^\.*/, '')).filter((v): v is string => Boolean(v)))

    const importDirs = [...(nuxtOptions.imports?.dirs || [])].filter((v): v is string => Boolean(v)).map(withSrcDir)
    const [composablesDir, utilsDir] = [withSrcDir('composables'), withSrcDir('utils')]

    if (!importDirs.includes(composablesDir)) importDirs.push(composablesDir)
    if (!importDirs.includes(utilsDir)) importDirs.push(utilsDir)