npm - extension-create - Versions diffs - 2.0.0-alpha.27 → 2.0.0-alpha.28 - Mend

extension-create 2.0.0-alpha.27 → 2.0.0-alpha.28

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 (382) hide show

package/package.json CHANGED Viewed

@@ -9,7 +9,7 @@
     "node": ">=18"
   },
   "name": "extension-create",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.28",
   "description": "The Extension.js create step",
   "main": "./dist/module.js",
   "types": "./dist/module.d.ts",

package/dist/test-template-action/README.md DELETED Viewed

@@ -1,35 +0,0 @@
-# test-template-action
-> 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-action/action/index.html DELETED Viewed

@@ -1,40 +0,0 @@
-<!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>
-      <h1>
-        <img
-          class="action"
-          src="../images/extension_128.png"
-          alt="The Extension logo"
-          width="72px"
-        />
-        <br />
-        Welcome to your Action 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-action/action/scripts.js DELETED Viewed

@@ -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/test-template-action/action/styles.css DELETED Viewed

@@ -1,23 +0,0 @@
-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-action/images/extension_128.png DELETED Viewed

Binary file

package/dist/test-template-action/images/extension_16.png DELETED Viewed

Binary file

package/dist/test-template-action/images/extension_48.png DELETED Viewed

Binary file

package/dist/test-template-action/manifest.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "manifest_version": 3,
-  "version": "0.0.1",
-  "name": "test-template-action",
-  "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",
-    "default_title": "Action",
-    "default_icon": {
-      "16": "images/extension_16.png",
-      "48": "images/extension_48.png",
-      "128": "images/extension_128.png"
-    }
-  },
-  "author": "Your Name"
-}

package/dist/test-template-action/package.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "private": true,
-  "name": "test-template-action",
-  "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-action-chatgpt/.env.example DELETED Viewed

	@@ -1 +0,0 @@
1	- EXTENSION_OPENAI_API_KEY='My API Key'

package/dist/test-template-action-chatgpt/README.md DELETED Viewed

@@ -1,35 +0,0 @@
-# test-template-action-chatgpt
-> 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-action-chatgpt/action/ActionApp.tsx DELETED Viewed

@@ -1,118 +0,0 @@
-import {useState, type FormEvent} from 'react'
-import OpenAI from 'openai'
-import chatgptLogo from '../images/chatgpt.png'
-import extensionJsLogo from '../images/extension_128.png'
-const openai = new OpenAI({
-  apiKey: process.env.EXTENSION_OPENAI_API_KEY!,
-  dangerouslyAllowBrowser: true
-})
-interface Message {
-  content: string
-  role: 'user' | 'assistant'
-}
-function ActionApp() {
-  const [messages, setMessages] = useState<Message[]>([
-    {
-      content:
-        'Hello there! This is your ChatGPT extension sample, ' +
-        'built with React, Tailwind.css, and DaisyUI. ' +
-        'For it to work, create a .env file with your EXTENSION_OPENAI_API_KEY. ' +
-        "You can get an API key from OpenAI's website",
-      role: 'assistant'
-    },
-    {
-      content: 'https://platform.openai.com/api-keys',
-      role: 'assistant'
-    }
-  ])
-  const [isTyping, setIsTyping] = useState(false)
-  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault()
-    const form = e.target as HTMLFormElement
-    const input = form[0] as HTMLInputElement
-    const newMessage: Message = {
-      content: input.value,
-      role: 'user'
-    }
-    const newMessages = [...messages, newMessage]
-    setMessages(newMessages)
-    setIsTyping(true)
-    form.reset()
-    const completion = await openai.chat.completions.create({
-      model: 'gpt-3.5-turbo',
-      messages: newMessages
-    })
-    setMessages([...newMessages, completion.choices[0].message as Message])
-    setIsTyping(false)
-  }
-  return (
-    <section className="container mx-auto p-5 fixed inset-0">
-      <div className="w-full h-full flex flex-col">
-        <div className="flex-grow overflow-auto">
-          {messages.length &&
-            messages.map((msg, i) => (
-              <div
-                className={`chat ${
-                  msg.role === 'assistant' ? 'chat-start' : 'chat-end'
-                }`}
-                key={'chatKey' + i}
-              >
-                <div className="chat-image avatar">
-                  <div className="w-10 rounded-full">
-                    <img
-                      src={
-                        msg.role === 'assistant' ? chatgptLogo : extensionJsLogo
-                      }
-                      alt="avatar"
-                    />
-                  </div>
-                </div>
-                <div className="chat-bubble">{msg.content}</div>
-              </div>
-            ))}
-        </div>
-        <form className="form-control items-center" onSubmit={handleSubmit}>
-          <div className="input-group max-w-full w-[800px] relative flex items-center">
-            {isTyping && (
-              <small className="absolute -top-5 left-0.5 animate-pulse">
-                ChatGPT Extension is typing...
-              </small>
-            )}
-            <input
-              type="text"
-              placeholder="Ask ChatGPT a question."
-              className="input input-bordered flex-grow mr-2.5"
-              required
-            />
-            <button className="btn btn-square" type="submit">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                className="h-6 w-6"
-                fill="currentColor"
-                viewBox="0 0 16 16"
-              >
-                <path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z" />
-              </svg>
-            </button>
-          </div>
-        </form>
-      </div>
-    </section>
-  )
-}
-export default ActionApp

package/dist/test-template-action-chatgpt/action/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>ChatGPT Template</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this extension.</noscript>
-    <div id="root"></div>
-  </body>
-  <script src="./scripts.tsx"></script>
-</html>

package/dist/test-template-action-chatgpt/action/scripts.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import ActionApp from './ActionApp'
-import './styles.css'
-const root = ReactDOM.createRoot(document.getElementById('root')!)
-root.render(
-  <React.StrictMode>
-    <ActionApp />
-  </React.StrictMode>
-)

package/dist/test-template-action-chatgpt/action/styles.css DELETED Viewed

@@ -1,8 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-#root {
-  width: 350px;
-  height: 600px;
-}

package/dist/test-template-action-chatgpt/images/chatgpt.png DELETED Viewed

Binary file

package/dist/test-template-action-chatgpt/images/extension.png DELETED Viewed

Binary file

package/dist/test-template-action-chatgpt/images/extension_128.png DELETED Viewed

Binary file

package/dist/test-template-action-chatgpt/images/extension_16.png DELETED Viewed

Binary file

package/dist/test-template-action-chatgpt/images/extension_48.png DELETED Viewed

Binary file

package/dist/test-template-action-chatgpt/manifest.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "manifest_version": 3,
-  "version": "0.0.1",
-  "name": "test-template-action-chatgpt",
-  "description": "An Extension.js example.",
-  "icons": {
-    "16": "images/extension_16.png",
-    "48": "images/extension_48.png",
-    "128": "images/extension_128.png"
-  },
-  "action": {
-    "default_icon": {
-      "16": "images/extension_16.png",
-      "48": "images/extension_48.png",
-      "128": "images/extension_128.png"
-    },
-    "default_title": "ChatGPT",
-    "default_popup": "action/index.html"
-  },
-  "author": "Your Name"
-}

package/dist/test-template-action-chatgpt/package.json DELETED Viewed

@@ -1,30 +0,0 @@
-{
-  "private": true,
-  "name": "test-template-action-chatgpt",
-  "description": "An Extension.js example.",
-  "version": "0.0.1",
-  "author": {
-    "name": "Your Name",
-    "email": "your@email.com",
-    "url": "https://yourwebsite.com"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "daisyui": "^4.12.10",
-    "openai": "^4.57.2",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "tailwindcss": "^3.4.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "typescript": "5.3.3",
-    "extension": "latest"
-  },
-  "scripts": {
-    "dev": "extension dev",
-    "start": "extension start",
-    "build": "extension build"
-  }
-}

package/dist/test-template-action-chatgpt/postcss.config.js DELETED Viewed

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-}

package/dist/test-template-action-chatgpt/tailwind.config.js DELETED Viewed

@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ['**/*.tsx'],
-  theme: {
-    extend: {}
-  },
-  plugins: [require('daisyui')]
-}

package/dist/test-template-action-chatgpt/tsconfig.json DELETED Viewed

@@ -1,22 +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",
-    "noEmit": true,
-    "resolveJsonModule": true,
-    "strict": true,
-    "target": "esnext",
-    "verbatimModuleSyntax": true,
-    "useDefineForClassFields": true,
-    "skipLibCheck": true
-  },
-  "include": ["./"],
-  "exclude": ["node_modules", "dist"]
-}

package/dist/test-template-config-babel/README.md DELETED Viewed

@@ -1,35 +0,0 @@
-# test-template-config-babel
-> 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-config-babel/babel.config.json DELETED Viewed

@@ -1,4 +0,0 @@
-{
-  "presets": ["modern-browser-extension"],
-  "plugins": []
-}

package/dist/test-template-config-babel/extension.config.js DELETED Viewed

@@ -1,17 +0,0 @@
-/** @type {import('extension-develop').FileConfig} */
-module.exports = {
-  config: (config) => {
-    config.module.rules.push(
-      // https://webpack.js.org/loaders/babel-loader/
-      // https://babeljs.io/docs/en/babel-loader
-      {
-        test: /\.(js|mjs|jsx|ts|tsx)$/,
-        include: __dirname,
-        exclude: /node_modules/,
-        loader: require.resolve('babel-loader')
-      }
-    )
-    return config
-  }
-}

package/dist/test-template-config-babel/images/babel.png DELETED Viewed

Binary file

package/dist/test-template-config-babel/images/extension_128.png DELETED Viewed

Binary file

package/dist/test-template-config-babel/images/extension_16.png DELETED Viewed

Binary file

package/dist/test-template-config-babel/images/extension_48.png DELETED Viewed

Binary file

package/dist/test-template-config-babel/manifest.json DELETED Viewed

@@ -1,15 +0,0 @@
-{
-  "manifest_version": 3,
-  "version": "0.0.1",
-  "name": "test-template-config-babel",
-  "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-config-babel/newtab/index.html DELETED Viewed

@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Babel 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="babel"
-          src="../images/babel.png"
-          alt="The Babel logo"
-          width="120px"
-        />
-        <br />
-        Welcome to your Babel 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-config-babel/newtab/scripts.js DELETED Viewed

@@ -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/test-template-config-babel/newtab/styles.css DELETED Viewed

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

package/dist/test-template-config-babel/package.json DELETED Viewed

@@ -1,24 +0,0 @@
-{
-  "private": true,
-  "name": "test-template-config-babel",
-  "description": "An Extension.js example.",
-  "version": "0.0.1",
-  "author": {
-    "name": "Your Name",
-    "email": "your@email.com",
-    "url": "https://yourwebsite.com"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.24.9",
-    "babel-loader": "^9.1.3",
-    "babel-preset-modern-browser-extension": "^0.7.0",
-    "stylelint": "^16.7.0",
-    "extension": "latest"
-  },
-  "scripts": {
-    "dev": "extension dev",
-    "start": "extension start",
-    "build": "extension build"
-  },
-  "dependencies": {}
-}