@opencloud-eu/extension-sdk 3.2.0 → 4.1.0-alpha.1

package/index.mjs

@@ -5,10 +5,10 @@
 import { mergeConfig, searchForWorkspaceRoot } from 'vite'
 import { join } from 'path'
 import { cwd } from 'process'
-import { readFileSync } from 'fs'
+import { readFileSync, existsSync } from 'fs'
+import tailwindcss from '@tailwindcss/vite'
 
 import vue from '@vitejs/plugin-vue'
-import serve from 'rollup-plugin-serve'
 
 const distDir = process.env.OPENCLOUD_EXTENSION_DIST_DIR || 'dist'
 
@@ -19,11 +19,70 @@ const defaultHttps = () =>
     cert: readFileSync(join(certsDir, 'server.crt'))
   }
 
+const manifestFile = 'manifest.json'
+const manifestPath = join('./src/', manifestFile)
+const manifestPlugin = () => {
+  let outputDir
+
+  return {
+    name: 'manifest',
+    apply: 'build',
+    configResolved(config) {
+      outputDir = config.build.outDir
+    },
+    buildStart() {
+      this.addWatchFile(manifestPath)
+    },
+    generateBundle(options, bundle) {
+      const generatedManifestPath = join(outputDir, manifestFile)
+      if (existsSync(generatedManifestPath)) {
+        this.warn(
+          `${generatedManifestPath} already exists in output directory (likely from public/), skipping generation\n` +
+            `Consider using --emptyOutDir if outDir is outside of project root.`
+        )
+        return
+      }
+
+      // Find the entry chunk
+      const entryChunk = Object.values(bundle).find(
+        (chunk) => chunk.type === 'chunk' && chunk.isEntry
+      )
+
+      if (!entryChunk) {
+        this.error('No entry chunk found')
+        return
+      }
+
+      let manifest = {}
+      if (existsSync(manifestPath)) {
+        try {
+          manifest = JSON.parse(readFileSync(manifestPath).toString())
+        } catch (err) {
+          this.error(
+            `Failed to parse manifest.json at ${manifestPath}: ${err.message}\n` +
+              `Please ensure manifest.json contains a valid JSON object.`
+          )
+          return
+        }
+      }
+
+      // set entryPoint
+      manifest.entrypoint = entryChunk.fileName
+
+      // Add manifest.json to the bundle
+      this.emitFile({
+        type: 'asset',
+        fileName: 'manifest.json',
+        source: JSON.stringify(manifest, null, 2)
+      })
+    }
+  }
+}
+
 export const defineConfig = (overrides = {}) => {
   return ({ mode }) => {
     const isProduction = mode === 'production'
     const isTesting = mode === 'test'
-    const isServing = !isProduction && !isTesting
 
     // read package name from vite workspace
     const packageJson = JSON.parse(
@@ -32,20 +91,13 @@ export const defineConfig = (overrides = {}) => {
 
     const name = overrides.name || packageJson.name
 
-    // take vite standard config and reuse it for rollup-plugin-serve config
-    const { https = defaultHttps(), port = 9210, host = 'localhost' } = overrides?.server || {}
+    // set default config
+    const { https = defaultHttps(), port = 9210 } = overrides?.server || {}
     const isHttps = !!https
 
-    if (isServing) {
-      console.log(
-        `>>> Serving extension at http${isHttps ? 's' : ''}://${host}:${port}/js/${name}.js`
-      )
-    }
-
     return mergeConfig(
       {
         server: {
-          host,
           port,
           strictPort: true,
           ...(isHttps && https)
@@ -53,6 +105,7 @@ export const defineConfig = (overrides = {}) => {
         build: {
           cssCodeSplit: true,
           minify: isProduction,
+          outDir: distDir,
           rollupOptions: {
             // keep in sync with packages/web-runtime/src/container/application/index.ts
             external: [
@@ -77,21 +130,9 @@ export const defineConfig = (overrides = {}) => {
             },
             output: {
               format: 'amd',
-              dir: distDir,
               chunkFileNames: join('js', 'chunks', '[name]-[hash].mjs'),
               entryFileNames: join('js', `[name]${isProduction ? '-[hash]' : ''}.js`)
-            },
-            plugins: [
-              isServing &&
-                serve({
-                  headers: {
-                    'access-control-allow-origin': '*'
-                  },
-                  contentBase: distDir,
-                  ...(https && { https }),
-                  ...(port && { port })
-                })
-            ]
+            }
           }
         },
         plugins: [
@@ -99,7 +140,9 @@ export const defineConfig = (overrides = {}) => {
             // set to true when switching to esm
             customElement: false,
             ...(isTesting && { template: { compilerOptions: { whitespace: 'preserve' } } })
-          })
+          }),
+          manifestPlugin(),
+          tailwindcss()
         ],
         test: {
           globals: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencloud-eu/extension-sdk",
-  "version": "3.2.0",
+  "version": "4.1.0-alpha.1",
   "description": "OpenCloud Web Extension SDK",
   "license": "AGPL-3.0",
   "main": "index.mjs",
@@ -14,11 +14,10 @@
     "directory": "packages/extension-sdk"
   },
   "dependencies": {
-    "@vitejs/plugin-vue": "^6.0.0",
-    "rollup-plugin-serve": "^3.0.0"
+    "@tailwindcss/vite": "^4.1.11",
+    "@vitejs/plugin-vue": "^6.0.0"
   },
   "peerDependencies": {
-    "vite": "^5 || ^6.0.0",
-    "sass": "^1.79.5"
+    "vite": "^5 || ^6.0.0 || ^7.0.0"
   }
 }