npm - extension-create - Versions diffs - 2.0.0-alpha.22 → 2.0.0-alpha.24 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (334) hide show

package/dist/test-template-sidebar/sidebar/index.html ADDED Viewed

@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Sidebar 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>
+    <header>
+      <h1>
+        <img
+          class="sidebar"
+          src="../images/extension_128.png"
+          alt="The Extension logo"
+        />
+        <br />
+        Welcome to your Sidebar 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-sidebar/sidebar/scripts.js ADDED Viewed

@@ -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-sidebar/sidebar/styles.css ADDED Viewed

@@ -0,0 +1,27 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: calc(100vh - 26px);
+}
+h1 {
+  font-size: 4.7em;
+}
+.sidebar {
+  border-radius: 24px;
+  border: 4px solid;
+  background: white;
+  border-color: #ccc;
+  border-radius: 24px;
+  filter: grayscale(1);
+  transition:
+    filter 2s,
+    border-color 2s;
+}
+.sidebar:hover {
+  filter: grayscale(0);
+  border-color: aquamarine;
+}

package/dist/test-template-sidebar/test_16.png ADDED Viewed

Binary file

package/dist/test-template-sidebar/test_32.png ADDED Viewed

Binary file

package/dist/test-template-sidebar/test_48.png ADDED Viewed

Binary file

package/dist/test-template-sidebar/test_64.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+# test-template-special-folders-pages
+> 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-special-folders-pages/background.js ADDED Viewed

@@ -0,0 +1,5 @@
+chrome.runtime.onInstalled.addListener(() => {
+  chrome.tabs.create({
+    url: './pages/main.html'
+  })
+})

package/dist/test-template-special-folders-pages/images/extension_128.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/images/extension_16.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/images/extension_48.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/images/notpublic-file.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/manifest.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "name": "test-template-special-folders-pages",
+  "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"
+  },
+  "background": {
+    "chromium:service_worker": "background.js",
+    "firefox:scripts": [
+      "background.js"
+    ]
+  },
+  "action": {
+    "default_popup": "pages/main.html"
+  },
+  "sandbox": {
+    "pages": [
+      "sandbox/index.html"
+    ]
+  },
+  "author": "Your Name"
+}

package/dist/test-template-special-folders-pages/package.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-special-folders-pages",
+  "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-special-folders-pages/pages/custom.html ADDED Viewed

@@ -0,0 +1,8 @@
+<html>
+  <head>
+    <title>Custom page</title>
+    </head>
+  <body>
+    I am a custom page
+  </body>
+</html>

package/dist/test-template-special-folders-pages/pages/main.css ADDED Viewed

@@ -0,0 +1,18 @@
+html, body {
+  font-family: Helvetica, Arial;
+  color: #444;
+}
+h1 {
+  margin: 0 0 0.3em 0;
+}
+p {
+  color: #888;
+  margin: 0 0 1em 0;
+}
+iframe {
+  border: 1px solid #CCC;
+  margin-top: 20px;
+}

package/dist/test-template-special-folders-pages/pages/main.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Sandboxed Content</title>
+    <link rel="stylesheet" href="./main.css" />
+  </head>
+  <body>
+    <h1>Main Window</h1>
+    <p>I am the main window. I am not sandboxed.</p>
+    <img src="../images/notpublic-file.png" alt="Not Public File" />
+    <iframe src="../sandbox/index.html" width="380" height="140"></iframe>
+    <iframe src="/public/html/file.html" width="380" height="140"></iframe>
+    <script src="./main.js"></script>
+  </body>
+</html>

package/dist/test-template-special-folders-pages/pages/main.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ console.log('Hello from main.js!')

package/dist/test-template-special-folders-pages/public/css/file.css ADDED Viewed

@@ -0,0 +1,3 @@
+body {
+  background: yellow;
+}

package/dist/test-template-special-folders-pages/public/html/file.html ADDED Viewed

@@ -0,0 +1,8 @@
+<html>
+  <head>
+    <title>HTML file</title>
+  </head>
+  <body>
+    Hello, Extension.js
+  </body>
+</html>

package/dist/test-template-special-folders-pages/public/img/icon.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-pages/public/js/file.js ADDED Viewed

File without changes

package/dist/test-template-special-folders-pages/sandbox/index.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Sandboxed Content</title>
+    <link rel="stylesheet" href="../public/css/file.css" />
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <h1>Sandboxed Content</h1>
+    <p>I am the sandboxed iframe.</p>
+    <div id="message"></div>
+    <img src="../images/extension_128.png">
+    <script>
+      eval(
+        "document.getElementById('message').innerHTML = '<p>I am the " +
+          "output of an eval-ed inline script.</p>'"
+      );
+    </script>
+    <iframe src="../pages/custom.html"></iframe>
+    <script src="./scripts.js"></script>
+    <script src="../public/js/file.js"></script>
+  </body>
+</html>

package/dist/test-template-special-folders-pages/sandbox/scripts.js ADDED Viewed

File without changes

package/dist/test-template-special-folders-pages/sandbox/styles.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ body {}

package/dist/test-template-special-folders-scripts/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+# test-template-special-folders-scripts
+> 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-special-folders-scripts/background.js ADDED Viewed

@@ -0,0 +1,24 @@
+chrome.action.onClicked.addListener(openDemoTab)
+function openDemoTab() {
+  chrome.tabs.create({url: './pages/index.html'})
+}
+chrome.webNavigation.onDOMContentLoaded.addListener(async ({tabId, url}) => {
+  if (url !== 'https://extension.js.org/#inject-programmatic') return
+  const {options} = await chrome.storage.local.get('options')
+  chrome.scripting.executeScript({
+    target: {tabId},
+    files: ['./scripts/content-script.js'],
+    ...options
+  })
+})
+chrome.runtime.onMessage.addListener(async ({name, options}) => {
+  if (name === 'inject-programmatic') {
+    await chrome.storage.local.set({options})
+    await chrome.tabs.create({
+      url: 'https://extension.js.org/#inject-programmatic'
+    })
+  }
+})

package/dist/test-template-special-folders-scripts/images/extension_128.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-scripts/images/extension_16.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-scripts/images/extension_48.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-scripts/manifest.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "name": "test-template-special-folders-scripts",
+  "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"
+  },
+  "background": {
+    "chromium:service_worker": "background.js",
+    "firefox:scripts": [
+      "background.js"
+    ]
+  },
+  "permissions": [
+    "scripting",
+    "webNavigation",
+    "storage"
+  ],
+  "host_permissions": [
+    "https://extension.js.org/*"
+  ],
+  "action": {},
+  "author": "Your Name"
+}

package/dist/test-template-special-folders-scripts/package.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-special-folders-scripts",
+  "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-special-folders-scripts/pages/index.css ADDED Viewed

@@ -0,0 +1,5 @@
+form {
+  display: inline-block;
+  border: 1px solid #dadce0;
+  min-width: 500px;
+}

package/dist/test-template-special-folders-scripts/pages/index.html ADDED Viewed

@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html lang="en">
+</html>

package/dist/test-template-special-folders-scripts/pages/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ console.log('ok')

package/dist/test-template-special-folders-scripts/public/extension.png ADDED Viewed

Binary file

package/dist/test-template-special-folders-scripts/scripts/content-script.js ADDED Viewed

@@ -0,0 +1,3 @@
+const extensionInfo = chrome.runtime.getManifest()
+const text = `${extensionInfo.name} v${extensionInfo.version} injected this script`
+alert(text)

package/dist/test-template-storage/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+# test-template-storage
+> 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-storage/images/extension_128.png ADDED Viewed

Binary file

package/dist/test-template-storage/images/extension_16.png ADDED Viewed

Binary file

package/dist/test-template-storage/images/extension_48.png ADDED Viewed

Binary file

package/dist/test-template-storage/manifest.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "name": "test-template-storage",
+  "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"
+  },
+  "storage": {
+    "managed_schema": "schema.json"
+  },
+  "author": "Your Name"
+}

package/dist/test-template-storage/package.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "name": "test-template-storage",
+  "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-storage/schema.json ADDED Viewed

@@ -0,0 +1,44 @@
+{
+  "type": "object",
+  "properties": {
+    "AutoSave": {
+      "title": "Automatically save changes.",
+      "description": "If set to true then changes will be automatically saved.",
+      "type": "boolean"
+    },
+    "PollRefreshRate": {
+      "type": "integer"
+    },
+    "DefaultServiceUrl": {
+      "type": "string"
+    },
+    "ServiceUrls": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      }
+    },
+    "Bookmarks": {
+      "type": "array",
+      "id": "ListOfBookmarks",
+      "items": {
+        "type": "object",
+        "properties": {
+          "title": {"type": "string"},
+          "url": {"type": "string"},
+          "children": {"$ref": "ListOfBookmarks"}
+        }
+      }
+    },
+    "SettingsForUrls": {
+      "type": "object",
+      "additionalProperties": {
+        "type": "object",
+        "properties": {
+          "blocklisted": {"type": "boolean"},
+          "bypass_proxy": {"type": "boolean"}
+        }
+      }
+    }
+  }
+}

package/package.json CHANGED Viewed

@@ -9,7 +9,7 @@
     "node": ">=18"
   },
   "name": "extension-create",
-  "version": "2.0.0-alpha.22",
+  "version": "2.0.0-alpha.24",
   "description": "The Extension.js create step",
   "main": "./dist/module.js",
   "types": "./dist/module.d.ts",
@@ -25,8 +25,8 @@
     "@colors/colors": "^1.6.0",
     "@types/firefox-webext-browser": "^120.0.4",
     "cross-spawn": "^7.0.3",
-    "detect-package-manager": "^3.0.2",
-    "go-git-it": "2.0.4"
+    "go-git-it": "2.0.4",
+    "package-manager-detector": "^0.2.0"
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",