@chromahq/manifest 0.0.1

package/dist/defineExtension.d.ts

@@ -0,0 +1,23 @@
+export interface ExtensionConfig {
+    /** Visible name (dev overrides add suffix) */
+    name: string;
+    description?: string;
+    version?: string;
+    popup?: boolean;
+    icons?: 'auto' | Record<string, string>;
+    permissions?: string[];
+    hostPermissions?: string[];
+    background?: {
+        service_worker: string;
+    };
+    contentScripts?: {
+        js: string[];
+        matches: string[];
+    }[];
+    dev?: Partial<ExtensionConfig>;
+    content_security_policy?: {
+        extension_pages?: string;
+        sandbox?: string;
+    };
+}
+export declare function defineExtension(config: ExtensionConfig): ExtensionConfig;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { defineExtension, type ExtensionConfig } from './defineExtension';
+export { chroma } from './plugin';

package/dist/inferPermissions.d.ts

@@ -0,0 +1,2 @@
+import type { ExtensionConfig } from './defineExtension';
+export declare function inferPermissions(base: ExtensionConfig): string[];

package/dist/manifest.cjs.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var unplugin = require('unplugin');
+var fs = require('node:fs');
+var path = require('node:path');
+
+function defineExtension(config) {
+    return config;
+}
+
+function inferPermissions(base) {
+    const perms = new Set(base.permissions ?? []);
+    return Array.from(perms);
+}
+
+const bootstrapPath = path.join('src', 'bootstrap.ts');
+const popupPath = path.resolve(process.cwd(), 'index.html');
+const configFilePath = path.resolve(process.cwd(), 'chroma.config.js');
+const chroma = unplugin.createVitePlugin((options) => {
+    let config;
+    let backgroundAbs;
+    let popupAbs;
+    return {
+        name: 'chroma-manifest',
+        async buildStart() { },
+        async options(rollupOpts) {
+            const configPath = options?.configFile ?? configFilePath;
+            const userConfig = await import(configPath);
+            config = { ...(userConfig.default ?? userConfig) };
+            backgroundAbs = path.resolve(path.join(path.dirname(configPath), bootstrapPath));
+            popupAbs = popupPath;
+            rollupOpts.input = { sw: backgroundAbs, popup: popupAbs };
+            return rollupOpts;
+        },
+        generateBundle(_outOpts, bundle) {
+            let iconMap = {};
+            if (config.icons) {
+                const icons = typeof config.icons === 'string' ? [config.icons] : Object.values(config.icons);
+                icons.forEach((icon) => {
+                    const iconPath = path.resolve(process.cwd(), icon);
+                    if (fs.existsSync(iconPath)) {
+                        const iconName = path.basename(iconPath);
+                        iconMap[icon] = `icons/${iconName}`;
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: `icons/${iconName}`,
+                            source: fs.readFileSync(iconPath),
+                        });
+                    }
+                });
+            }
+            Object.values(bundle).forEach((chunk) => {
+                if ('facadeModuleId' in chunk && chunk.facadeModuleId === backgroundAbs) {
+                    chunk.fileName = 'sw.js';
+                }
+                if ('facadeModuleId' in chunk && chunk.facadeModuleId === popupAbs) {
+                    chunk.fileName = 'popup.js';
+                }
+            });
+            const pkgPath = path.resolve(process.cwd(), 'package.json');
+            const pkg = fs.existsSync(pkgPath) ? JSON.parse(fs.readFileSync(pkgPath, 'utf-8')) : {};
+            config.version = config.version ? config.version : (pkg.version ?? '0.0.1');
+            const manifest = {
+                manifest_version: 3,
+                name: config.name,
+                version: config.version,
+                description: config.description,
+                content_security_policy: config.content_security_policy ?? undefined,
+                action: config.popup ? { default_popup: 'index.html' } : undefined,
+                icons: Object.fromEntries(Object.entries(config.icons ?? {}).map(([size, icon]) => [size, iconMap[icon] || icon])),
+                background: { type: 'module', service_worker: 'sw.js' },
+                permissions: inferPermissions(config),
+            };
+            this.emitFile({
+                type: 'asset',
+                fileName: 'manifest.json',
+                source: JSON.stringify(manifest, null, 2),
+            });
+        },
+    };
+});
+
+exports.chroma = chroma;
+exports.defineExtension = defineExtension;

package/dist/manifest.es.js

@@ -0,0 +1,81 @@
+import { createVitePlugin } from 'unplugin';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function defineExtension(config) {
+    return config;
+}
+
+function inferPermissions(base) {
+    const perms = new Set(base.permissions ?? []);
+    return Array.from(perms);
+}
+
+const bootstrapPath = path.join('src', 'bootstrap.ts');
+const popupPath = path.resolve(process.cwd(), 'index.html');
+const configFilePath = path.resolve(process.cwd(), 'chroma.config.js');
+const chroma = createVitePlugin((options) => {
+    let config;
+    let backgroundAbs;
+    let popupAbs;
+    return {
+        name: 'chroma-manifest',
+        async buildStart() { },
+        async options(rollupOpts) {
+            const configPath = options?.configFile ?? configFilePath;
+            const userConfig = await import(configPath);
+            config = { ...(userConfig.default ?? userConfig) };
+            backgroundAbs = path.resolve(path.join(path.dirname(configPath), bootstrapPath));
+            popupAbs = popupPath;
+            rollupOpts.input = { sw: backgroundAbs, popup: popupAbs };
+            return rollupOpts;
+        },
+        generateBundle(_outOpts, bundle) {
+            let iconMap = {};
+            if (config.icons) {
+                const icons = typeof config.icons === 'string' ? [config.icons] : Object.values(config.icons);
+                icons.forEach((icon) => {
+                    const iconPath = path.resolve(process.cwd(), icon);
+                    if (fs.existsSync(iconPath)) {
+                        const iconName = path.basename(iconPath);
+                        iconMap[icon] = `icons/${iconName}`;
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: `icons/${iconName}`,
+                            source: fs.readFileSync(iconPath),
+                        });
+                    }
+                });
+            }
+            Object.values(bundle).forEach((chunk) => {
+                if ('facadeModuleId' in chunk && chunk.facadeModuleId === backgroundAbs) {
+                    chunk.fileName = 'sw.js';
+                }
+                if ('facadeModuleId' in chunk && chunk.facadeModuleId === popupAbs) {
+                    chunk.fileName = 'popup.js';
+                }
+            });
+            const pkgPath = path.resolve(process.cwd(), 'package.json');
+            const pkg = fs.existsSync(pkgPath) ? JSON.parse(fs.readFileSync(pkgPath, 'utf-8')) : {};
+            config.version = config.version ? config.version : (pkg.version ?? '0.0.1');
+            const manifest = {
+                manifest_version: 3,
+                name: config.name,
+                version: config.version,
+                description: config.description,
+                content_security_policy: config.content_security_policy ?? undefined,
+                action: config.popup ? { default_popup: 'index.html' } : undefined,
+                icons: Object.fromEntries(Object.entries(config.icons ?? {}).map(([size, icon]) => [size, iconMap[icon] || icon])),
+                background: { type: 'module', service_worker: 'sw.js' },
+                permissions: inferPermissions(config),
+            };
+            this.emitFile({
+                type: 'asset',
+                fileName: 'manifest.json',
+                source: JSON.stringify(manifest, null, 2),
+            });
+        },
+    };
+});
+
+export { chroma, defineExtension };

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+export declare const chroma: (options?: {
+    configFile?: string;
+} | undefined) => import("vite").Plugin<any> | import("vite").Plugin<any>[];

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@chromahq/manifest",
+  "version": "0.0.1",
+  "description": "Manifest generation and build tooling for Chroma Chrome extensions",
+  "type": "module",
+  "main": "dist/manifest.cjs.js",
+  "module": "dist/manifest.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/manifest.es.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chromaHQ/chroma.git",
+    "directory": "packages/manifest"
+  },
+  "keywords": [
+    "chrome-extension",
+    "browser-extension",
+    "manifest",
+    "build-tools",
+    "vite-plugin",
+    "typescript"
+  ],
+  "author": "Chroma Team",
+  "license": "MIT",
+  "homepage": "https://github.com/chromaHQ/chroma#readme",
+  "bugs": {
+    "url": "https://github.com/chromaHQ/chroma/issues"
+  },
+  "dependencies": {
+    "@rollup/plugin-typescript": "^12.1.3",
+    "fast-glob": "^3.3.2",
+    "inversify": "^7.5.2",
+    "unplugin": "^2.3.5"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c --watch"
+  }
+}