extension-create 2.0.0-alpha.23 → 2.0.0-alpha.24

package/dist/test-template-declarative_net_request/manifest.json

@@ -0,0 +1,34 @@
+{
+  "name": "test-template-declarative_net_request",
+  "version": "0.0.1",
+  "manifest_version": 3,
+  "description": "An Extension.js example.",
+  "icons": {
+    "16": "images/extension_16.png",
+    "48": "images/extension_48.png",
+    "128": "images/extension_128.png"
+  },
+  "declarative_net_request": {
+    "rule_resources": [
+      {
+        "id": "ruleset_1",
+        "enabled": true,
+        "path": "rules_1.json"
+      },
+      {
+        "id": "public_rule_1",
+        "enabled": true,
+        "path": "public/public_ruleset.json"
+      }
+    ]
+  },
+  "permissions": [
+    "declarativeNetRequest",
+    "declarativeNetRequestFeedback",
+    "declarativeNetRequestWithHostAccess"
+  ],
+  "host_permissions": [
+    "https://developer.chrome.com/"
+  ],
+  "author": "Your Name"
+}

package/dist/test-template-declarative_net_request/package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-declarative_net_request",
+  "description": "An Extension.js example.",
+  "version": "0.0.1",
+  "author": {
+    "name": "Your Name",
+    "email": "your@email.com",
+    "url": "https://yourwebsite.com"
+  },
+  "license": "MIT",
+  "scripts": {
+    "dev": "extension dev",
+    "start": "extension start",
+    "build": "extension build"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "extension": "latest"
+  }
+}

package/dist/test-template-declarative_net_request/public/public_ruleset.json

@@ -0,0 +1,72 @@
+[
+  {
+    "id": 1,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/mv3/intro/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/mv2/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 2,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/action/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/browserAction/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 3,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/declarativeNetRequest/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/declarativeWebRequest/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 4,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/action/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/pageAction/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 5,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/declarativeNetRequest/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/webRequest/",
+      "resourceTypes": ["main_frame"]
+    }
+  }
+]

package/dist/test-template-declarative_net_request/rules_1.json

@@ -0,0 +1,72 @@
+[
+  {
+    "id": 1,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/mv3/intro/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/mv2/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 2,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/action/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/browserAction/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 3,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/declarativeNetRequest/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/declarativeWebRequest/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 4,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/action/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/pageAction/",
+      "resourceTypes": ["main_frame"]
+    }
+  },
+  {
+    "id": 5,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "url": "https://developer.chrome.com/docs/extensions/reference/declarativeNetRequest/"
+      }
+    },
+    "condition": {
+      "urlFilter": "https://developer.chrome.com/docs/extensions/reference/webRequest/",
+      "resourceTypes": ["main_frame"]
+    }
+  }
+]

package/dist/test-template-init/README.md

@@ -0,0 +1,35 @@
+# test-template-init
+
+> A minimum extension template. This template includes a manifest file.
+
+## Available Scripts
+
+In the project directory, you can run the following scripts:
+
+### pnpm dev
+
+**Development Mode**: This command runs your extension in development mode. It will launch a new browser instance with your extension loaded. The page will automatically reload whenever you make changes to your code, allowing for a smooth development experience.
+
+```bash
+pnpm dev
+```
+
+### pnpm start
+
+**Production Preview**: This command runs your extension in production mode. It will launch a new browser instance with your extension loaded, simulating the environment and behavior of your extension as it will appear once published.
+
+```bash
+pnpm start
+```
+
+### pnpm build
+
+**Build for Production**: This command builds your extension for production. It optimizes and bundles your extension, preparing it for deployment to the target browser's store.
+
+```bash
+pnpm build
+```
+
+## Learn More
+
+To learn more about creating cross-browser extensions with Extension.js, visit the [official documentation](https://extension.js.org).

package/dist/test-template-init/manifest.json

@@ -0,0 +1,7 @@
+{
+  "manifest_version": 3,
+  "version": "1.0",
+  "name": "test-template-init",
+  "description": "A minimum extension template. This template includes a manifest file.",
+  "author": "Your Name"
+}

package/dist/test-template-init/package.json

@@ -0,0 +1,32 @@
+{
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/extension-js/extension.git",
+    "directory": "examples/init"
+  },
+  "name": "test-template-init",
+  "description": "An Extension.js example.",
+  "version": "0.0.1",
+  "keywords": [
+    "extension",
+    "browser-extension",
+    "web-extension",
+    "template"
+  ],
+  "scripts": {
+    "dev": "extension dev",
+    "start": "extension start",
+    "build": "extension build"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "extension": "latest"
+  },
+  "private": true,
+  "author": {
+    "name": "Your Name",
+    "email": "your@email.com",
+    "url": "https://yourwebsite.com"
+  }
+}

package/dist/test-template-locales/README.md

@@ -0,0 +1,35 @@
+# test-template-locales
+
+> An Extension.js example.
+
+## Available Scripts
+
+In the project directory, you can run the following scripts:
+
+### pnpm dev
+
+**Development Mode**: This command runs your extension in development mode. It will launch a new browser instance with your extension loaded. The page will automatically reload whenever you make changes to your code, allowing for a smooth development experience.
+
+```bash
+pnpm dev
+```
+
+### pnpm start
+
+**Production Preview**: This command runs your extension in production mode. It will launch a new browser instance with your extension loaded, simulating the environment and behavior of your extension as it will appear once published.
+
+```bash
+pnpm start
+```
+
+### pnpm build
+
+**Build for Production**: This command builds your extension for production. It optimizes and bundles your extension, preparing it for deployment to the target browser's store.
+
+```bash
+pnpm build
+```
+
+## Learn More
+
+To learn more about creating cross-browser extensions with Extension.js, visit the [official documentation](https://extension.js.org).

package/dist/test-template-locales/_locales/en/messages.json

@@ -0,0 +1,10 @@
+{
+  "title": {
+    "message": "Welcome to your Action Extension",
+    "description": "The title of the extension page"
+  },
+  "learnMore": {
+    "message": "Learn more about creating cross-browser extensions at ",
+    "description": "The learn more text"
+  }
+}

package/dist/test-template-locales/_locales/pt_BR/messages.json

@@ -0,0 +1,10 @@
+{
+  "title": {
+    "message": "Bem-vindo à sua extensão de ação do navegador",
+    "description": "The title of the extension page"
+  },
+  "learnMore": {
+    "message": "Saiba mais sobre a criação de extensões multiplataforma em ",
+    "description": "The learn more text"
+  }
+}

package/dist/test-template-locales/action/index.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Action Extension</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/sakura.css/css/sakura.css"
+      media="screen"
+    />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/sakura.css/css/sakura-dark.css"
+      media="screen and (prefers-color-scheme: dark)"
+    />
+    <link rel="stylesheet" href="./styles.css" media="screen" />
+  </head>
+  <body class="popup">
+    <header>
+      <div>
+        <img
+          class="action"
+          src="../images/extension_128.png"
+          alt="The Extension logo"
+          width="72px"
+        />
+        <br />
+        <h1 id="title"></h1>
+      </div>
+      <p>
+        <span id="learnMore"></span>
+        <a href="https://extension.js.org" target="_blank"
+          >https://extension.js.org</a
+        >.
+      </p>
+    </header>
+  </body>
+  <script src="./scripts.js"></script>
+</html>

package/dist/test-template-locales/action/scripts.js

@@ -0,0 +1,3 @@
+document.getElementById('title').textContent = chrome.i18n.getMessage('title')
+document.getElementById('learnMore').textContent =
+  chrome.i18n.getMessage('learnMore')

package/dist/test-template-locales/action/styles.css

@@ -0,0 +1,23 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 300px;
+  padding: 2em;
+}
+
+h1 {
+  font-size: 2.7em;
+}
+
+.action {
+  filter: grayscale(1);
+  transition:
+    filter 2s,
+    border-color 2s;
+}
+
+.action:hover {
+  filter: grayscale(0);
+  border-color: aquamarine;
+}

package/dist/test-template-locales/manifest.json

@@ -0,0 +1,19 @@
+{
+  "manifest_version": 3,
+  "version": "0.0.1",
+  "name": "test-template-locales",
+  "author": "Your Name",
+  "default_locale": "en",
+  "description": "An Extension.js example.",
+  "icons": {
+    "16": "images/extension_16.png",
+    "48": "images/extension_48.png",
+    "128": "images/extension_128.png"
+  },
+  "action": {
+    "default_popup": "action/index.html"
+  },
+  "permissions": [
+    "activeTab"
+  ]
+}

package/dist/test-template-locales/package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-locales",
+  "description": "An Extension.js example.",
+  "version": "0.0.1",
+  "author": {
+    "name": "Your Name",
+    "email": "your@email.com",
+    "url": "https://yourwebsite.com"
+  },
+  "license": "MIT",
+  "scripts": {
+    "dev": "extension dev",
+    "start": "extension start",
+    "build": "extension build"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "extension": "latest"
+  }
+}

package/dist/test-template-new-less/README.md

@@ -0,0 +1,35 @@
+# test-template-new-less
+
+> An Extension.js example.
+
+## Available Scripts
+
+In the project directory, you can run the following scripts:
+
+### pnpm dev
+
+**Development Mode**: This command runs your extension in development mode. It will launch a new browser instance with your extension loaded. The page will automatically reload whenever you make changes to your code, allowing for a smooth development experience.
+
+```bash
+pnpm dev
+```
+
+### pnpm start
+
+**Production Preview**: This command runs your extension in production mode. It will launch a new browser instance with your extension loaded, simulating the environment and behavior of your extension as it will appear once published.
+
+```bash
+pnpm start
+```
+
+### pnpm build
+
+**Build for Production**: This command builds your extension for production. It optimizes and bundles your extension, preparing it for deployment to the target browser's store.
+
+```bash
+pnpm build
+```
+
+## Learn More
+
+To learn more about creating cross-browser extensions with Extension.js, visit the [official documentation](https://extension.js.org).

package/dist/test-template-new-less/manifest.json

@@ -0,0 +1,15 @@
+{
+  "manifest_version": 3,
+  "version": "0.0.1",
+  "name": "test-template-new-less",
+  "description": "An Extension.js example.",
+  "icons": {
+    "16": "images/extension_16.png",
+    "48": "images/extension_48.png",
+    "128": "images/extension_128.png"
+  },
+  "chrome_url_overrides": {
+    "newtab": "newtab/index.html"
+  },
+  "author": "Your Name"
+}

package/dist/test-template-new-less/newtab/index.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>New Extension</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/sakura.css/css/sakura.css"
+      media="screen"
+    />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/sakura.css/css/sakura-dark.css"
+      media="screen and (prefers-color-scheme: dark)"
+    />
+    <link rel="stylesheet" href="./styles.less" media="screen" />
+  </head>
+  <body>
+    <header>
+      <h1>
+        <img
+          class="new"
+          src="../images/extension_128.png"
+          alt="The Extension logo"
+          width="120px"
+        />
+        <br />
+        Welcome to your LESS Extension
+      </h1>
+      <p>
+        Learn more about creating cross-browser extensions at
+        <a href="https://extension.js.org" target="_blank"
+          >https://extension.js.org</a
+        >.
+      </p>
+    </header>
+  </body>
+  <script src="./scripts.js"></script>
+</html>

package/dist/test-template-new-less/newtab/scripts.js

@@ -0,0 +1,11 @@
+function getManifest() {
+  return chrome.runtime.getManifest()
+}
+
+const manifest = getManifest()
+
+console.table({
+  name: manifest.name,
+  version: manifest.version,
+  description: manifest.description
+})

package/dist/test-template-new-less/newtab/styles.less

@@ -0,0 +1,19 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: calc(100vh - 26px);
+}
+
+h1 {
+  font-size: 4.7em;
+}
+
+.new {
+  filter: grayscale(1);
+  transition: filter 2s;
+}
+
+.new:hover {
+  filter: grayscale(0);
+}

package/dist/test-template-new-less/package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-new-less",
+  "description": "An Extension.js example.",
+  "version": "0.0.1",
+  "author": {
+    "name": "Your Name",
+    "email": "your@email.com",
+    "url": "https://yourwebsite.com"
+  },
+  "devDependencies": {
+    "less": "^4.2.0",
+    "extension": "latest"
+  },
+  "scripts": {
+    "dev": "extension dev",
+    "start": "extension start",
+    "build": "extension build"
+  },
+  "dependencies": {}
+}

package/dist/test-template-new-preact/README.md

@@ -0,0 +1,35 @@
+# test-template-new-preact
+
+> An Extension.js example.
+
+## Available Scripts
+
+In the project directory, you can run the following scripts:
+
+### pnpm dev
+
+**Development Mode**: This command runs your extension in development mode. It will launch a new browser instance with your extension loaded. The page will automatically reload whenever you make changes to your code, allowing for a smooth development experience.
+
+```bash
+pnpm dev
+```
+
+### pnpm start
+
+**Production Preview**: This command runs your extension in production mode. It will launch a new browser instance with your extension loaded, simulating the environment and behavior of your extension as it will appear once published.
+
+```bash
+pnpm start
+```
+
+### pnpm build
+
+**Build for Production**: This command builds your extension for production. It optimizes and bundles your extension, preparing it for deployment to the target browser's store.
+
+```bash
+pnpm build
+```
+
+## Learn More
+
+To learn more about creating cross-browser extensions with Extension.js, visit the [official documentation](https://extension.js.org).