extension-create 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/new-vue/newtab/scripts.ts

@@ -1,7 +0,0 @@
-import 'sakura.css'
-import './styles.css'
-
-import {createApp} from 'vue'
-import NewTabApp from './NewTabApp.vue'
-
-createApp(NewTabApp).mount('#app')

package/dist/new-vue/newtab/styles.css

@@ -1,36 +0,0 @@
-body {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: calc(100vh - 26px);
-}
-
-h1 {
-  font-size: 4.7em;
-}
-
-.vue {
-  animation: heartbeat 1s linear infinite;
-}
-
-@keyframes heartbeat {
-  0% {
-    transform: scale(0.9);
-  }
-
-  20% {
-    transform: scale(1);
-  }
-
-  30% {
-    transform: scale(0.9);
-  }
-
-  40% {
-    transform: scale(1);
-  }
-
-  100% {
-    transform: scale(0.9);
-  }
-}

package/dist/new-vue/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "new-vue",
-  "description": "An Extension.js example.",
-  "version": "0.0.1",
-  "author": {
-    "name": "Your Name",
-    "email": "your@email.com",
-    "url": "https://yourwebsite.com"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "vue": "^3.4.27",
-    "sakura.css": "^1.5.0"
-  },
-  "devDependencies": {
-    "typescript": "5.3.3",
-    "extension": "latest"
-  },
-  "scripts": {
-    "dev": "extension dev",
-    "start": "extension start",
-    "build": "extension build"
-  },
-  "private": true
-}

package/dist/new-vue/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "moduleResolution": "node",
-    "module": "esnext",
-    "resolveJsonModule": true,
-    "strict": true,
-    "target": "esnext",
-    "verbatimModuleSyntax": true,
-    "useDefineForClassFields": true,
-    "skipLibCheck": true
-  },
-  "include": ["./"],
-  "exclude": ["node_modules", "dist"]
-}

package/dist/sidebar/README.md

@@ -1,37 +0,0 @@
-# sidebar
-
-> An Extension.js example.
-
-## Scripts Available
-
-In the project directory, you can run:
-
-### yarn dev
-
-```
-// Runs the app in the development mode.
-// Will open a new browser instance with your extension loaded.
-// The page will reload when you make changes.
-yarn dev
-```
-
-### yarn start
-
-```
-// Runs the app in the production mode.
-// Will open a new browser instance with your extension loaded.
-// This is how your browser extension will work once published.
-yarn start
-```
-
-### yarn build
-
-```
-// Builds the app for production.
-// Bundles your browser extension in production mode for the target browser.
-yarn build
-```
-
-## Learn More
-
-Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.

package/dist/sidebar/manifest.json

@@ -1,25 +0,0 @@
-{
-  "manifest_version": 3,
-  "version": "0.0.1",
-  "name": "sidebar",
-  "author": "Your Name",
-  "description": "An Extension.js example.",
-  "icons": {
-    "16": "images/extension_16.png",
-    "48": "images/extension_48.png",
-    "128": "images/extension_128.png"
-  },
-  "chromium:side_panel": {
-    "default_path": "sidebar/index.html",
-    "default_title": "Sidebar Action",
-    "default_icon": "images/extension_48.png"
-  },
-  "firefox:sidebar_action": {
-    "default_panel": "sidebar/index.html",
-    "default_title": "Sidebar Action",
-    "default_icon": "images/extension_48.png"
-  },
-  "permissions": [
-    "sidePanel"
-  ]
-}

package/dist/sidebar/package.json

@@ -1,21 +0,0 @@
-{
-  "private": true,
-  "name": "sidebar",
-  "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/sidebar/sidebar/index.html

@@ -1,39 +0,0 @@
-<!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/sidebar/sidebar/scripts.js

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

package/dist/sidebar/sidebar/styles.css

@@ -1,27 +0,0 @@
-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/special-folders-pages/README.md

@@ -1,37 +0,0 @@
-# special-folders-pages
-
-> An Extension.js example.
-
-## Scripts Available
-
-In the project directory, you can run:
-
-### yarn dev
-
-```
-// Runs the app in the development mode.
-// Will open a new browser instance with your extension loaded.
-// The page will reload when you make changes.
-yarn dev
-```
-
-### yarn start
-
-```
-// Runs the app in the production mode.
-// Will open a new browser instance with your extension loaded.
-// This is how your browser extension will work once published.
-yarn start
-```
-
-### yarn build
-
-```
-// Builds the app for production.
-// Bundles your browser extension in production mode for the target browser.
-yarn build
-```
-
-## Learn More
-
-Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.

package/dist/special-folders-pages/background.js

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

package/dist/special-folders-pages/manifest.json

@@ -1,26 +0,0 @@
-{
-  "name": "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/special-folders-pages/package.json

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

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

package/dist/special-folders-pages/pages/main.css

@@ -1,18 +0,0 @@
-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/special-folders-pages/pages/main.html

@@ -1,16 +0,0 @@
-<!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/special-folders-pages/pages/main.js

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

package/dist/special-folders-pages/public/css/file.css

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

package/dist/special-folders-pages/public/html/file.html

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

package/dist/special-folders-pages/sandbox/index.html

@@ -1,24 +0,0 @@
-<!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/special-folders-pages/sandbox/styles.css

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

package/dist/special-folders-scripts/README.md

@@ -1,37 +0,0 @@
-# special-folders-scripts
-
-> An Extension.js example.
-
-## Scripts Available
-
-In the project directory, you can run:
-
-### yarn dev
-
-```
-// Runs the app in the development mode.
-// Will open a new browser instance with your extension loaded.
-// The page will reload when you make changes.
-yarn dev
-```
-
-### yarn start
-
-```
-// Runs the app in the production mode.
-// Will open a new browser instance with your extension loaded.
-// This is how your browser extension will work once published.
-yarn start
-```
-
-### yarn build
-
-```
-// Builds the app for production.
-// Bundles your browser extension in production mode for the target browser.
-yarn build
-```
-
-## Learn More
-
-Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.

package/dist/special-folders-scripts/background.js

@@ -1,24 +0,0 @@
-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/special-folders-scripts/manifest.json

@@ -1,27 +0,0 @@
-{
-  "name": "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/special-folders-scripts/package.json

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

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

package/dist/special-folders-scripts/pages/index.html

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

package/dist/special-folders-scripts/pages/index.js

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

package/dist/special-folders-scripts/scripts/content-script.js

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