From b8ec5850c493592a6f24e7e5d0ab5c6f3a0ac422 Mon Sep 17 00:00:00 2001
From: ryan <odyody12@gmail.com>
Date: Sun, 15 Jun 2025 00:00:57 +0900
Subject: [PATCH] feat: add WXT angular template

---
 templates/angular/.editorconfig               |  17 ++++
 templates/angular/.gitignore                  |  49 ++++++++++++
 templates/angular/README.md                   |   7 ++
 templates/angular/angular.json                |  73 ++++++++++++++++++
 templates/angular/entrypoints/background.ts   |   3 +
 templates/angular/entrypoints/content.ts      |   6 ++
 .../angular/entrypoints/popup/app.config.ts   |  12 +++
 templates/angular/entrypoints/popup/app.css   |  43 +++++++++++
 templates/angular/entrypoints/popup/app.html  |  14 ++++
 templates/angular/entrypoints/popup/app.ts    |  14 ++++
 .../entrypoints/popup/index-for-ng.html       |  12 +++
 .../angular/entrypoints/popup/index.html      |  14 ++++
 templates/angular/entrypoints/popup/main.ts   |   5 ++
 .../angular/entrypoints/popup/styles.css      |  69 +++++++++++++++++
 templates/angular/package.json                |  34 ++++++++
 templates/angular/public/angular.svg          |   1 +
 templates/angular/public/favicon.ico          | Bin 0 -> 15086 bytes
 templates/angular/public/icon/128.png         | Bin 0 -> 3074 bytes
 templates/angular/public/icon/16.png          | Bin 0 -> 559 bytes
 templates/angular/public/icon/32.png          | Bin 0 -> 916 bytes
 templates/angular/public/icon/48.png          | Bin 0 -> 1334 bytes
 templates/angular/public/icon/96.png          | Bin 0 -> 2366 bytes
 templates/angular/public/wxt.svg              |  15 ++++
 templates/angular/tsconfig.app.json           |   7 ++
 templates/angular/tsconfig.json               |  26 +++++++
 templates/angular/wxt.config.ts               |  13 ++++
 26 files changed, 434 insertions(+)
 create mode 100644 templates/angular/.editorconfig
 create mode 100644 templates/angular/.gitignore
 create mode 100644 templates/angular/README.md
 create mode 100644 templates/angular/angular.json
 create mode 100644 templates/angular/entrypoints/background.ts
 create mode 100644 templates/angular/entrypoints/content.ts
 create mode 100644 templates/angular/entrypoints/popup/app.config.ts
 create mode 100644 templates/angular/entrypoints/popup/app.css
 create mode 100644 templates/angular/entrypoints/popup/app.html
 create mode 100644 templates/angular/entrypoints/popup/app.ts
 create mode 100644 templates/angular/entrypoints/popup/index-for-ng.html
 create mode 100644 templates/angular/entrypoints/popup/index.html
 create mode 100644 templates/angular/entrypoints/popup/main.ts
 create mode 100644 templates/angular/entrypoints/popup/styles.css
 create mode 100644 templates/angular/package.json
 create mode 100644 templates/angular/public/angular.svg
 create mode 100644 templates/angular/public/favicon.ico
 create mode 100644 templates/angular/public/icon/128.png
 create mode 100644 templates/angular/public/icon/16.png
 create mode 100644 templates/angular/public/icon/32.png
 create mode 100644 templates/angular/public/icon/48.png
 create mode 100644 templates/angular/public/icon/96.png
 create mode 100644 templates/angular/public/wxt.svg
 create mode 100644 templates/angular/tsconfig.app.json
 create mode 100644 templates/angular/tsconfig.json
 create mode 100644 templates/angular/wxt.config.ts

diff --git a/templates/angular/.editorconfig b/templates/angular/.editorconfig
new file mode 100644
index 000000000..f166060da
--- /dev/null
+++ b/templates/angular/.editorconfig
@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/templates/angular/.gitignore b/templates/angular/.gitignore
new file mode 100644
index 000000000..3c7acc57d
--- /dev/null
+++ b/templates/angular/.gitignore
@@ -0,0 +1,49 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db
+
+#.output
+.output
+
+.angular
+.wxt
diff --git a/templates/angular/README.md b/templates/angular/README.md
new file mode 100644
index 000000000..84d422ed8
--- /dev/null
+++ b/templates/angular/README.md
@@ -0,0 +1,7 @@
+# WXT + Angular
+
+This template should help get you started developing with Angular in WXT.
+
+# WXT
+
+https://github.com/wxt-dev/wxt
diff --git a/templates/angular/angular.json b/templates/angular/angular.json
new file mode 100644
index 000000000..429bc127f
--- /dev/null
+++ b/templates/angular/angular.json
@@ -0,0 +1,73 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "wxt-angular": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "",
+      "sourceRoot": "entrypoints",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "outputPath": {
+              "base": ".output",
+              "browser": ""
+            },
+            "browser": "entrypoints/popup/main.ts",
+            "index": "entrypoints/popup/index-for-ng.html",
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": ["entrypoints/popup/styles.css"]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "wxt-angular:build:production"
+            },
+            "development": {
+              "buildTarget": "wxt-angular:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n"
+        }
+      }
+    }
+  }
+}
diff --git a/templates/angular/entrypoints/background.ts b/templates/angular/entrypoints/background.ts
new file mode 100644
index 000000000..f96fa4804
--- /dev/null
+++ b/templates/angular/entrypoints/background.ts
@@ -0,0 +1,3 @@
+export default defineBackground(() => {
+  console.log('Hello background!', { id: browser.runtime.id });
+});
diff --git a/templates/angular/entrypoints/content.ts b/templates/angular/entrypoints/content.ts
new file mode 100644
index 000000000..264a52820
--- /dev/null
+++ b/templates/angular/entrypoints/content.ts
@@ -0,0 +1,6 @@
+export default defineContentScript({
+  matches: ['*://*.google.com/*'],
+  main() {
+    console.log('Hello content.');
+  },
+});
diff --git a/templates/angular/entrypoints/popup/app.config.ts b/templates/angular/entrypoints/popup/app.config.ts
new file mode 100644
index 000000000..426a77e5d
--- /dev/null
+++ b/templates/angular/entrypoints/popup/app.config.ts
@@ -0,0 +1,12 @@
+import {
+  ApplicationConfig,
+  provideBrowserGlobalErrorListeners,
+  provideZonelessChangeDetection,
+} from '@angular/core';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZonelessChangeDetection(),
+  ],
+};
diff --git a/templates/angular/entrypoints/popup/app.css b/templates/angular/entrypoints/popup/app.css
new file mode 100644
index 000000000..818492e41
--- /dev/null
+++ b/templates/angular/entrypoints/popup/app.css
@@ -0,0 +1,43 @@
+:host {
+  display: block;
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #54bc4ae0);
+}
+.logo.angular:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/templates/angular/entrypoints/popup/app.html b/templates/angular/entrypoints/popup/app.html
new file mode 100644
index 000000000..6f1ddd9db
--- /dev/null
+++ b/templates/angular/entrypoints/popup/app.html
@@ -0,0 +1,14 @@
+<div>
+  <a href="https://wxt.dev" target="_blank">
+    <img class="logo" src="/wxt.svg" alt="WXT logo" />
+  </a>
+  <a href="https://angular.dev" target="_blank">
+    <img class="logo angular" src="/angular.svg" alt="Angular logo" />
+  </a>
+</div>
+<h1>WXT + Angular</h1>
+<div class="card">
+  <button (click)="increment()">count is {{count()}}</button>
+  <p>Edit <code>entrypoints/app.ts</code> and save to test HMR</p>
+</div>
+<p class="read-the-docs">Click on the WXT and Angular logos to learn more</p>
diff --git a/templates/angular/entrypoints/popup/app.ts b/templates/angular/entrypoints/popup/app.ts
new file mode 100644
index 000000000..a0f06136e
--- /dev/null
+++ b/templates/angular/entrypoints/popup/app.ts
@@ -0,0 +1,14 @@
+import { Component, signal } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.html',
+  styleUrl: './app.css',
+})
+export class App {
+  public count = signal(0);
+
+  public increment() {
+    this.count.update((value) => value + 1);
+  }
+}
diff --git a/templates/angular/entrypoints/popup/index-for-ng.html b/templates/angular/entrypoints/popup/index-for-ng.html
new file mode 100644
index 000000000..5f8bed701
--- /dev/null
+++ b/templates/angular/entrypoints/popup/index-for-ng.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>WxtAngular - ng</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html>
diff --git a/templates/angular/entrypoints/popup/index.html b/templates/angular/entrypoints/popup/index.html
new file mode 100644
index 000000000..040aefc7c
--- /dev/null
+++ b/templates/angular/entrypoints/popup/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>WxtAngular - wxt</title>
+    <base href="/popup.html" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <app-root></app-root>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>
diff --git a/templates/angular/entrypoints/popup/main.ts b/templates/angular/entrypoints/popup/main.ts
new file mode 100644
index 000000000..985d837d9
--- /dev/null
+++ b/templates/angular/entrypoints/popup/main.ts
@@ -0,0 +1,5 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { App } from './app';
+import { appConfig } from './app.config';
+
+bootstrapApplication(App, appConfig).catch((err) => console.error(err));
diff --git a/templates/angular/entrypoints/popup/styles.css b/templates/angular/entrypoints/popup/styles.css
new file mode 100644
index 000000000..5384832ef
--- /dev/null
+++ b/templates/angular/entrypoints/popup/styles.css
@@ -0,0 +1,69 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 340px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/templates/angular/package.json b/templates/angular/package.json
new file mode 100644
index 000000000..d8a5df8c3
--- /dev/null
+++ b/templates/angular/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "wxt-angular",
+  "version": "0.0.0",
+  "scripts": {
+    "start:ng": "ng serve",
+    "dev": "wxt",
+    "dev:firefox": "wxt -b firefox",
+    "build": "wxt build",
+    "build:firefox": "wxt build -b firefox",
+    "zip": "wxt zip",
+    "zip:firefox": "wxt zip -b firefox",
+    "compile": "tsc --noEmit",
+    "postinstall": "wxt prepare"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^1.17.1",
+    "@angular/build": "^20.0.2",
+    "@angular/cli": "^20.0.2",
+    "@angular/compiler-cli": "^20.0.0",
+    "typescript": "~5.8.2",
+    "wxt": "^0.20.7"
+  }
+}
diff --git a/templates/angular/public/angular.svg b/templates/angular/public/angular.svg
new file mode 100644
index 000000000..33a106e9c
--- /dev/null
+++ b/templates/angular/public/angular.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 223 236" width="72" class="angular-logo"><g _ngcontent-ng-c586675657="" clip-path="url(#a)"><path _ngcontent-ng-c586675657="" fill="url(#b)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path><path _ngcontent-ng-c586675657="" fill="url(#c)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path></g><defs _ngcontent-ng-c586675657=""><linearGradient _ngcontent-ng-c586675657="" id="b" x1="49.009" x2="225.829" y1="213.75" y2="129.722" gradientUnits="userSpaceOnUse"><stop _ngcontent-ng-c586675657="" stop-color="#E40035"></stop><stop _ngcontent-ng-c586675657="" offset=".24" stop-color="#F60A48"></stop><stop _ngcontent-ng-c586675657="" offset=".352" stop-color="#F20755"></stop><stop _ngcontent-ng-c586675657="" offset=".494" stop-color="#DC087D"></stop><stop _ngcontent-ng-c586675657="" offset=".745" stop-color="#9717E7"></stop><stop _ngcontent-ng-c586675657="" offset="1" stop-color="#6C00F5"></stop></linearGradient><linearGradient _ngcontent-ng-c586675657="" id="c" x1="41.025" x2="156.741" y1="28.344" y2="160.344" gradientUnits="userSpaceOnUse"><stop _ngcontent-ng-c586675657="" stop-color="#FF31D9"></stop><stop _ngcontent-ng-c586675657="" offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></linearGradient><clipPath _ngcontent-ng-c586675657="" id="a"><path _ngcontent-ng-c586675657="" fill="#fff" d="M0 0h223v236H0z"></path></clipPath></defs></svg>
diff --git a/templates/angular/public/favicon.ico b/templates/angular/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..57614f9c967596fad0a3989bec2b1deff33034f6
GIT binary patch
literal 15086
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
Nr__JTFzvMr^FKp4S3v*(

literal 0
HcmV?d00001

diff --git a/templates/angular/public/icon/128.png b/templates/angular/public/icon/128.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e35d130796978714468fa149241172744bf3992
GIT binary patch
literal 3074
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
Q9RL6T07*qoM6N<$g0^9zvj6}9

literal 0
HcmV?d00001

diff --git a/templates/angular/public/icon/16.png b/templates/angular/public/icon/16.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd09f8cfbc020b5a077c6c491e2be5f1cb75fb50
GIT binary patch
literal 559
zcmV+~0?_@5P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0mMl}K~#7FjZ;lB
z15ps}Z^TcPg}H%j{Z(-Saf3L3<k>J*;soIYk(IETZ~(bMj$o8vnQ?<yD672o^)PBE
zL@(xbUUz@_`s;p>Z`K&P@byKnRdgL9BcAPx)vHta#e(k_EN+QtB~a;#B7vY4-MPwd
z0I*M%0Ii$vMXQ0J*IDiEx*HeHO#2~|QUWDPMwmjovlOSF45Is5Q{nqwq^gh#fRPv6
zS}@*-M+8d*2rWit4ITS_^ytbtKuJ{`srD|`y4ycdB$KV&w?aSmH!}7OlPlMt4AEQp
zhZ%K%Z3q@VTd<D;n?+iajP0!F!m>rAraF5Y9z3|}q+%#iwp}*e_69qRYzn6K?6mgj
zj?N1`|7Fpj-nU)JS}?UmCFPhx`KK{A<q?*myV@}|SmafeblQ^&-)RSy?<i(mq99FM
z5N_T{XYKNM5&-w)kQ#&(FP@vnQOPa?)poIXkIO}LCk70hoGr(_A_)7=Hub~*YWstF
z3n~Vdu+h+ae_ebF_U{z$Isct8$o7C*n9sN1j9zCYe+xR~?3#>MERWeC5F}p!vOUOl
x{o{41KG|W@*}t!GLho_Yiov7vl{n4;-T<fJ(%!Ek7=Zu)002ovPDHLkV1jY)`5*uQ

literal 0
HcmV?d00001

diff --git a/templates/angular/public/icon/32.png b/templates/angular/public/icon/32.png
new file mode 100644
index 0000000000000000000000000000000000000000..f51ce1b5c93db65ffd15c7440f98c9ff06e2d498
GIT binary patch
literal 916
zcmV;F18e+=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH11U*FK~#7F#aB&I
z6G0SyuP0b43*!yK(t=dM2@EG7>?Ii%lIRLgKym_bV-2v#fCmVkAh`iih%Om#5EqsU
zEB$;ulbPxHNiqxxepRVTcfam_)BWD}zDCH1!#lJ1=QkYzLKTQg1TaFtD>Sfey|Nw1
z3Cv>jc4%%Q$sQXQ)5Zy*b+&%lh8&pdK=X%LqOt7p-_p#5NNihWyASt-m}fv^KK5X9
zbks(t8<!|iY;k)K*r988ZzN8jd2N=U5PmJ8?D!5KihXO{wgX%5bnb%1*g5~d5HR|*
zZVw=<1Mj}SsY+?^SJ38E<G*6f+KL8TV_3TbntDAB$A>*DKHMv44r@nJiten<bE1R<
zt;TJ=GtHo&BAiIJ{0;)-^a6)}qqy<YVzN(g9B@iH@qTizjY^Z2d2qY;^=#wwN!$(_
zH}x)GUUkwOJX^)>lQlcBQ64mJYAwD3KR8Dmyf5Q6f}^(*cw^x1qBd8s%9kw)PqOF+
zc-#S<Tpq$`(;&1|)w3%c|Ic_-2c(gt@`wYC+Zw5qQ3L}^07}{A^?UC*^HLq~Kqj->
zwQjUnP-RT=n$z;oa{$o^ej$o%)Kw)I9tuf6Q`Tn+#^dIVS&7sFkK3u|69@r)NF$HD
zn5?fe?w80Fs5B&yA2ly4ut2Ew4a9w|>vbXq1Q}Wd!xyk%#42Pl;Q%w^j@J4G3&z1W
zvl_P0Dd_YlpU67vy~AJ_#T7gd5&C5&WPNcQtPjvH(26c7^r`6R;v+X!sKdcrNe*yU
zu%IoZ&tmCi;5IA?s^k;m?l}i#BnCL@`+N#*F3DTVC`^hA)cVg?aqWB(jFA(tHZEp<
zwF)31XomugC@(-5{jAQilHIq;7k$02kY(b8Kv-7EiXJ9J%oAhjFm3N<5uj<vR1Lj%
zL0TZWC^2pK@)oeU4m5{*CTNcmb%#oRD~aw#vWKE~Lb18*l+=W-lIn4r`By-q?n+GX
zYQt$ctPNaDSaz%0;f`*q;^j*^SL}{uCsbVMq+Js#4FDOD<6RKWjXi37Jc=SBzP4$k
qmMIHzZOUZBUpL_5(mtK>X#EH9TW9YBdNqdt0000<MNUMnLSTZ!iIo8W

literal 0
HcmV?d00001

diff --git a/templates/angular/public/icon/48.png b/templates/angular/public/icon/48.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb7a4494a5eb5d54abdf1903c6895d9fef60f55f
GIT binary patch
literal 1334
zcmV-61<Cq}P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1j|W8K~#7F?OH*0
z+cprL0kuif_o|*C(z3PO$|s0&0^9pWrWcKsZepLn_6e+2BP9z_@c|m2K*|YfH*&f(
zdxEGh&rTK*CIgCcNCG4!T9mZN-`E5J5<|><{22)0j@ZAli#Ip&84}hAsEPnZ0vICT
zIil>g)=nMB5eRp{-n;rUl5nIZozTq{LL5B**?A2)AhQ9D%laV^98KF_fMq|gbh<ES
zWHO*}`Pe4H4$KG(#m1j&&N<8x0y2Onf2g$qD!+G-;1~#v?lK}efjML56)=B&4p<Af
zTR%DOZNGo*5{;<Grj<fHNjz$;JAIfFW?li3Vl&znoxFm&W@g&e#-rSVIYL_jj}|{b
zO$gc~gepWBhKPz0);VieUd2vo@3MZy{#CjiuP7FA80tjeg2z^PHY-~df)`KU{kHY-
zTArYQ68Ue70<~*=4+-E^a4FzMp7Hz<BHg_EQj)zlsJm#fn?+VM4!16(Xi-Y>*W_VK
z1jmlNdOFzMnWnR6z&J3c=k!HD!pQmK(ypfUD~#Df9-3~ld-VB_oA?C8H;_0Hc_u)(
zkPLQNszn=p+I^HX5MyYO{Sc@2!+9Vp?Ft~F`P!l<uaK2?g=7U8Y*4%Dq9;Fr|D{7x
zgLn9cNn?bjB#HimB?2W}gsy>-lx{XHv`YA9z_Otk!1`zN$>8z6qBU3z6!!)@Cylpu
z&2$r4dr<sX*7p`3FLXcnr|yt|I2oboq!bq-n|JBn3ay5wlctFQHK?a#HmnGgPMWw>
z!Ph&1n@}}yZ|UZmlwLZ3yn({y_xC54<f-GZyztslcKD-i7*oo|+xig)b5!6B@7)*W
zX4x6Sf}y@PA$6jLumC(Tx=?HV)sdH+hf%z_9@(%2D2bu;nabvZ?FeEsHU>U@7EOHs
zmS9Ox%wtj5-FXeFu?9FB4(G0#0YAVJ!7g(VX(}eN5NByC!#oOv_#o0Wj5R<dI#H#{
z+0_Ls3FEyenziA%(Et_ol2EIn3Cqf*K$`|X?bQknT%PF`8iSosI!RuBDr<)F$wCqx
zwep-LJ`B!Bj$~D@fTPRXaKFHTVW&TqJF_N&MPS6|41z*h$h2AU*Y`A9A?0yi(UyZ}
z`{k0-OcR(~j@uQ-QU52hkdhg~!i|@6E{SJ_R{@u_`+_&xNt<B>xTHdK#<snlXBGKQ
z;Bq~C!JF^ygVQXZhV~}S0G@oe6|is`cm-jW8C<~n)q9^;z-7u6R(}qG@3z;w+i^Ej
zV;~8BF{;A_VP-8<JLT;?E|zgXO5kiN*Q6+OPW(I9Et%f_217|OjC_-#Oa`dQAjw|J
z>0}VOB}LiJ$VTSLE0$n_c4LN3lA@FuMfFbX^Typ_M);{*DcI)i6`WkWsC0j9uXW3O
zVuOZ!LPg1b(kgf{rMV>i4+)t4j0{Pu7zjk3{An}TrkIRbNlQWFk|JO4^rG#EB2j-C
z$|~4rDvhoAGr1@OO2Pi^N;kHK|71{qA96S36HTf1nb0gBaFKb-q<8q)Wk`U5Mv3!J
zsKJ!Llmig|{?`gPQPn>@48Ai~??4K2FD)WqrXqmSJFT^`-buopHnKdR2ti1B(Eeq*
sU%9M=0p6t5!3M|Pz3;IZ)jLV}0)HJVZ}+VOtN;K207*qoM6N<$f?ddKj{pDw

literal 0
HcmV?d00001

diff --git a/templates/angular/public/icon/96.png b/templates/angular/public/icon/96.png
new file mode 100644
index 0000000000000000000000000000000000000000..c28ad52d56fc409195f52f57c447442326d94b6b
GIT binary patch
literal 2366
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

literal 0
HcmV?d00001

diff --git a/templates/angular/public/wxt.svg b/templates/angular/public/wxt.svg
new file mode 100644
index 000000000..0e763206b
--- /dev/null
+++ b/templates/angular/public/wxt.svg
@@ -0,0 +1,15 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_516)">
+<g clip-path="url(#clip1_305_516)">
+<path d="M49.0229 69.1875C54.1272 69.1875 58.265 65.0497 58.265 59.9454V50.7033H59.9454C65.0497 50.7033 69.1875 46.5655 69.1875 41.4612C69.1875 36.357 65.0497 32.2191 59.9454 32.2191H58.265V22.9771C58.265 17.8728 54.1272 13.735 49.0229 13.735H39.7809V12.0546C39.7809 6.95032 35.643 2.8125 30.5388 2.8125C25.4345 2.8125 21.2967 6.95032 21.2967 12.0546V13.735H12.0546C6.95032 13.735 2.8125 17.8728 2.8125 22.9771V32.2191H4.49288C9.59714 32.2191 13.735 36.357 13.735 41.4612C13.735 46.5655 9.59714 50.7033 4.49288 50.7033H2.8125V69.1875H21.2967V67.5071C21.2967 62.4029 25.4345 58.265 30.5388 58.265C35.643 58.265 39.7809 62.4029 39.7809 67.5071V69.1875H49.0229Z" stroke="#67D55E" stroke-width="5.625"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_305_516">
+<rect width="72" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_305_516">
+<rect width="72" height="72" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/templates/angular/tsconfig.app.json b/templates/angular/tsconfig.app.json
new file mode 100644
index 000000000..02e1d7874
--- /dev/null
+++ b/templates/angular/tsconfig.app.json
@@ -0,0 +1,7 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "include": ["entrypoints/**/*.ts"],
+  "exclude": ["entrypoints/background.ts", "entrypoints/content.ts"]
+}
diff --git a/templates/angular/tsconfig.json b/templates/angular/tsconfig.json
new file mode 100644
index 000000000..719889395
--- /dev/null
+++ b/templates/angular/tsconfig.json
@@ -0,0 +1,26 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "preserve"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "typeCheckHostBindings": true,
+    "strictTemplates": true
+  },
+  "files": []
+}
diff --git a/templates/angular/wxt.config.ts b/templates/angular/wxt.config.ts
new file mode 100644
index 000000000..b73b9030c
--- /dev/null
+++ b/templates/angular/wxt.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'wxt';
+import angular from '@analogjs/vite-plugin-angular';
+
+export default defineConfig({
+  vite: () => ({
+    plugins: [
+      angular({
+        transformFilter: (_, id) =>
+          !(id.endsWith('background.ts') || id.endsWith('content.ts')),
+      }),
+    ],
+  }),
+});