@owdproject/core/module.ts

<p align="center"> <img width="160" height="160" src="https://avatars.githubusercontent.com/u/65117737?s=160&v=4" /> </p> <h1 align="center">Open Web Desktop</h1> <h3 align="center"> A modular framework for building web-based desktop experiences. </h3

import {
  defineNuxtModule,
  createResolver,
  addComponentsDir,
  addImportsDir,
  installModule,
  addPlugin
} from '@nuxt/kit'
import { deepMerge } from './runtime/utils/utilCommon'
import pkg from './package.json'

export default defineNuxtModule({
  meta: {
    name: 'owd-core',
    configKey: 'owd'
  },
  defaults: {
    theme: '@owdproject/theme-win95',
    apps: [],
    modules: [],
  },
  async setup(_options, _nuxt) {
    const { resolve } = createResolver(import.meta.url)

    _nuxt.options.runtimeConfig.public.desktop = {}

    // get open web desktop config

    let clientConfig

    try {

      clientConfig = (
        await import(_nuxt.options.rootDir + '/owd.config.ts')
      ).default

    } catch (e) {
      console.error('/desktop/owd.config.ts not found or invalid', e)
      return
    }

    if (!clientConfig.theme) {
      clientConfig.theme = '@owdproject/theme-win95'
    }

    // extend nuxt.config.ts with owd.config.ts

    _nuxt.options = {
      ..._nuxt.options,
      ...clientConfig
    }

    // init desktop runtime config and define core version

    _nuxt.options.runtimeConfig.public.desktop = {
      coreVersion: pkg.version
    }

    // assign open web desktop config to runtime config
    _nuxt.options.runtimeConfig.public.desktop = deepMerge(
      _nuxt.options.runtimeConfig.public.desktop,
      clientConfig
    )

    {
      // install open web desktop theme

      if (clientConfig.theme) {
        await installModule(clientConfig.theme)
      }

      // install open web desktop modules

      if (clientConfig.modules && Array.isArray(clientConfig.modules)) {
        for (const modulePath of clientConfig.modules) {
          await installModule(modulePath)
        }
      }

      // install open web desktop apps

      if (clientConfig.apps && Array.isArray(clientConfig.apps)) {
        for (const appPath of clientConfig.apps) {
          await installModule(appPath)
        }
      }

    }

    // assign runtimeConfig desktop prop to appConfig
    // to make it overwritable by components later
    // via useDesktopManager
    _nuxt.options.appConfig.desktop = _nuxt.options.runtimeConfig.public.desktop

    {
      // install primevue

      _nuxt.options.primevue = _nuxt.options.primevue || {}
      _nuxt.options.primevue.options = _nuxt.options.primevue.options || {}
      _nuxt.options.primevue.options.theme =
        _nuxt.options.primevue.options.theme || {}

      await installModule('@primevue/nuxt-module')
    }

    {
      // install tailwind

      const tailwindPaths =
        _nuxt.options.runtimeConfig.app.owd?.tailwindPaths || []
      tailwindPaths.push('./runtime/components/**/*.{vue,mjs,ts}') // Aggiungi sempre questo al core

      _nuxt.options.tailwindcss = _nuxt.options.tailwindcss || {}
      _nuxt.options.tailwindcss.config = _nuxt.options.tailwindcss.config || {}
      // @ts-ignore
      _nuxt.options.tailwindcss.config.content = tailwindPaths

      await installModule('@nuxtjs/tailwindcss', {
        viewer: false
      })
    }

    {
      // install pinia

      await installModule('@pinia/nuxt')
    }

    {
      // install @nuxt/fonts

      await installModule('@nuxt/fonts')
    }

    {
      // install @nuxt/icon

      await installModule('@nuxt/icon', {
        clientBundle: {
          scan: true,
          sizeLimitKb: 256
        }
      })
    }

    {
      // install @vueuse/nuxt

      await installModule('@vueuse/nuxt')
    }

    {
      // install @nuxtjs/i18n

      await installModule('@nuxtjs/i18n')
    }

    {
      // configure scss for vite

      _nuxt.hook('vite:extendConfig', (viteConfig) => {
        viteConfig.css = viteConfig.css || {}
        viteConfig.css.preprocessorOptions =
          viteConfig.css.preprocessorOptions || {}
        viteConfig.css.preprocessorOptions.scss = {
          api: 'modern-compiler'
        }
      })
    }

    {
      // add css

      _nuxt.options.css.push('sanitize.css')
    }

    {
      // add components

      addComponentsDir({
        path: resolve('./runtime/components'),
        prefix: '',
        global: true
      })
    }

    {
      addPlugin(resolve('./runtime/plugins/resize.client.ts'))

      // add other files

      addImportsDir(resolve('./runtime/composables'))
      addImportsDir(resolve('./runtime/core'))
      addImportsDir(resolve('./runtime/stores'))
      addImportsDir(resolve('./runtime/utils'))
    }
  }
})