Mitch Allen mitchallen

## mocha-lerna-script.json
"scripts": {
  "test": "mocha __tests__/*.test.js"
}

## demo-tools.js
"use strict";

module.exports = {
  add: (a,b) => a + b,
  subtract: (a,b) => a - b
};

## publish.yml
name: publish
on:
  push:
    tags:
      - 'v*'

jobs:
  publish-docker-image:
    runs-on: ubuntu-22.04
    timeout-minutes: 10

## Dockerfile
# Use an official Node.js runtime as a parent image
FROM node:14

# Set the working directory to /app
WORKDIR /app

# Copy package.json and package-lock.json to the container
COPY package*.json ./

# Install dependencies

## server.js
/**
 * Author: Mitch Allen
 * https://scriptable.com
 * https://mitchallen.com
 */

const express = require('express');
const app = express();
const port = 3000;

## popup.html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="button.css">
  </head>
  <body>
    <button id="changeColor"></button>
    <script src="popup.js"></script>
  </body>
</html>

## options.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Options Page</title>
</head>
<body>
  <h1>Options Page</h1>
  <form>
    <label for="color-input">Page Background Color:</label>

## background.js
console.log("Background script loaded!");

chrome.browserAction.onClicked.addListener(function(tab) {
  // Do something when the extension button is clicked
});

## content.js
console.log("Hello, world!");

chrome.storage.sync.get("color", function(data) {
  var color = data.color || "#ffffff";
  document.body.style.backgroundColor = color;
});

## manifest.json
{
  "name": "My Extension",
  "version": "1.0",
  "manifest_version": 3,
  "description": "Description of my extension",
  "permissions": [
    "tabs",
    "activeTab"
  ],
  "content_scripts": [
	"use strict";

	module.exports = {
	add: (a,b) => a + b,
	subtract: (a,b) => a - b
	};
	name: publish
	on:
	push:
	tags:
	- 'v*'

	jobs:
	publish-docker-image:
	runs-on: ubuntu-22.04
	timeout-minutes: 10
	# Use an official Node.js runtime as a parent image
	FROM node:14

	# Set the working directory to /app
	WORKDIR /app

	# Copy package.json and package-lock.json to the container
	COPY package*.json ./

	# Install dependencies
	/**
	* Author: Mitch Allen
	* https://scriptable.com
	* https://mitchallen.com
	*/

	const express = require('express');
	const app = express();
	const port = 3000;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Options Page</title>
	</head>
	<body>
	<h1>Options Page</h1>
	<form>
	<label for="color-input">Page Background Color:</label>
	console.log("Background script loaded!");

	chrome.browserAction.onClicked.addListener(function(tab) {
	// Do something when the extension button is clicked
	});
	console.log("Hello, world!");

	chrome.storage.sync.get("color", function(data) {
	var color = data.color \|\| "#ffffff";
	document.body.style.backgroundColor = color;
	});
	{
	"name": "My Extension",
	"version": "1.0",
	"manifest_version": 3,
	"description": "Description of my extension",
	"permissions": [
	"tabs",
	"activeTab"
	],
	"content_scripts": [