diff --git a/plugins/angular.json b/plugins/angular.json
index 70e4e03d27..72b09833bb 100644
--- a/plugins/angular.json
+++ b/plugins/angular.json
@@ -361,7 +361,10 @@
"build": {
"builder": "@angular-devkit/build-angular:application",
"options": {
- "outputPath": "dist/apps/colors-to-tokens-plugin",
+ "outputPath": {
+ "base": "dist/apps/colors-to-tokens-plugin",
+ "browser": ""
+ },
"index": "apps/colors-to-tokens-plugin/src/index.html",
"browser": "apps/colors-to-tokens-plugin/src/main.ts",
"polyfills": ["zone.js"],
@@ -369,6 +372,7 @@
"assets": [
"apps/colors-to-tokens-plugin/src/_headers",
"apps/colors-to-tokens-plugin/src/favicon.ico",
+ "apps/colors-to-tokens-plugin/src/manifest.json",
"apps/colors-to-tokens-plugin/src/assets"
],
"styles": [
diff --git a/plugins/apps/colors-to-tokens-plugin/package.json b/plugins/apps/colors-to-tokens-plugin/package.json
index 330d7383c4..17903d2e95 100644
--- a/plugins/apps/colors-to-tokens-plugin/package.json
+++ b/plugins/apps/colors-to-tokens-plugin/package.json
@@ -7,9 +7,9 @@
"build": "ng build colors-to-tokens-plugin && pnpm run build:plugin",
"build:dev": "ng build colors-to-tokens-plugin --configuration development",
"build:plugin": "node ../../tools/scripts/build-plugin.mjs --plugin=colors-to-tokens-plugin",
- "build:plugin:watch": "node ../../tools/scripts/build-plugin.mjs --plugin=colors-to-tokens-plugin --watch",
+ "watch": "node ../../tools/scripts/build-plugin.mjs --plugin=colors-to-tokens-plugin --watch",
"serve": "ng serve colors-to-tokens-plugin",
- "init": "concurrently --kill-others --names plugin,serve \"pnpm run build:plugin:watch\" \"pnpm run serve\"",
+ "init": "concurrently --kill-others --names plugin,serve \"pnpm run watch\" \"pnpm run serve\"",
"lint": "eslint .",
"test": "vitest"
}
diff --git a/plugins/apps/colors-to-tokens-plugin/src/app/app.config.ts b/plugins/apps/colors-to-tokens-plugin/src/app/app.config.ts
index 1b3e4af314..c20fb298bb 100644
--- a/plugins/apps/colors-to-tokens-plugin/src/app/app.config.ts
+++ b/plugins/apps/colors-to-tokens-plugin/src/app/app.config.ts
@@ -1,6 +1,6 @@
import { ApplicationConfig } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { provideRouter, withHashLocation } from '@angular/router';
export const appConfig: ApplicationConfig = {
- providers: [provideRouter([])],
+ providers: [provideRouter([], withHashLocation())],
};
diff --git a/plugins/apps/colors-to-tokens-plugin/src/index.html b/plugins/apps/colors-to-tokens-plugin/src/index.html
index dfb2c4247d..6fc4aa3614 100644
--- a/plugins/apps/colors-to-tokens-plugin/src/index.html
+++ b/plugins/apps/colors-to-tokens-plugin/src/index.html
@@ -3,7 +3,6 @@
colors-to-tokens-plugin
-
diff --git a/plugins/apps/colors-to-tokens-plugin/src/manifest.json b/plugins/apps/colors-to-tokens-plugin/src/manifest.json
new file mode 100644
index 0000000000..ddcde677b9
--- /dev/null
+++ b/plugins/apps/colors-to-tokens-plugin/src/manifest.json
@@ -0,0 +1,8 @@
+{
+ "name": "Colors to Tokens",
+ "description": "Generate a design tokens file from a list of colors",
+ "version": 2,
+ "code": "assets/plugin.js",
+ "icon": "assets/icon.png",
+ "permissions": ["content:read", "library:read", "allow:downloads"]
+}