From f29e1f1d8dad0684c63f094a8acc8678ff6aa2ab Mon Sep 17 00:00:00 2001
From: Stephen <59994443+hvacsteve-chi@users.noreply.github.com>
Date: Sat, 20 Jul 2024 22:03:39 -0500
Subject: [PATCH 01/54] changes
---
package.json | 7 +-
public/index.html | 57 +++--
public/material-theme.json | 425 +++++++++++++++++++++++++++++++++++++
public/style.css | 9 +
rollup.config.js | 4 +-
5 files changed, 477 insertions(+), 25 deletions(-)
create mode 100644 public/material-theme.json
create mode 100644 public/style.css
diff --git a/package.json b/package.json
index 7008aa5..1057023 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,13 @@
{
"name": "rollup-starter-app",
+ "main": "./src/main.js",
+ "version": "1.0.0",
"devDependencies": {
"@rollup/plugin-commonjs": "^17.0.0",
+ "@rollup/plugin-json": "^6.1.0",
"@rollup/plugin-node-resolve": "^11.1.0",
"npm-run-all": "^4.1.5",
- "rollup": "^2.36.2",
+ "rollup": "^2.79.1",
"rollup-plugin-terser": "^7.0.2",
"serve": "^11.3.2"
},
@@ -17,4 +20,4 @@
"dev": "npm-run-all --parallel start watch",
"start": "serve public"
}
-}
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index b2b646c..04fd2bf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,21 +1,36 @@
-
-
-
-
-
- rollup-starter-app
-
-
-
-
- rollup-starter-app
- The time is ...
-
-
-
\ No newline at end of file
+
+
+
+
+
+ rollup-starter-app
+
+
+
+
+ starter-app-now
+ The time is ...
+ This is a new div to include.
+
+
+
diff --git a/public/material-theme.json b/public/material-theme.json
new file mode 100644
index 0000000..8786bc3
--- /dev/null
+++ b/public/material-theme.json
@@ -0,0 +1,425 @@
+{
+ "description": "TYPE: CUSTOM\nMaterial Theme Builder export 2024-07-11 11:32:47",
+ "seed": "#00007C",
+ "coreColors": {
+ "primary": "#00007C"
+ },
+ "extendedColors": [
+ {
+ "name": "Custom Color",
+ "color": "#3F7EC7",
+ "description": "",
+ "harmonized": false
+ }
+ ],
+ "schemes": {
+ "light": {
+ "primary": "#565992",
+ "surfaceTint": "#565992",
+ "onPrimary": "#FFFFFF",
+ "primaryContainer": "#E0E0FF",
+ "onPrimaryContainer": "#11144B",
+ "secondary": "#5C5D72",
+ "onSecondary": "#FFFFFF",
+ "secondaryContainer": "#E1E0F9",
+ "onSecondaryContainer": "#191A2C",
+ "tertiary": "#78536B",
+ "onTertiary": "#FFFFFF",
+ "tertiaryContainer": "#FFD8EE",
+ "onTertiaryContainer": "#2E1126",
+ "error": "#BA1A1A",
+ "onError": "#FFFFFF",
+ "errorContainer": "#FFDAD6",
+ "onErrorContainer": "#410002",
+ "background": "#FBF8FF",
+ "onBackground": "#1B1B21",
+ "surface": "#FBF8FF",
+ "onSurface": "#1B1B21",
+ "surfaceVariant": "#E4E1EC",
+ "onSurfaceVariant": "#46464F",
+ "outline": "#777680",
+ "outlineVariant": "#C7C5D0",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#303036",
+ "inverseOnSurface": "#F2EFF7",
+ "inversePrimary": "#BFC2FF",
+ "primaryFixed": "#E0E0FF",
+ "onPrimaryFixed": "#11144B",
+ "primaryFixedDim": "#BFC2FF",
+ "onPrimaryFixedVariant": "#3E4278",
+ "secondaryFixed": "#E1E0F9",
+ "onSecondaryFixed": "#191A2C",
+ "secondaryFixedDim": "#C5C4DD",
+ "onSecondaryFixedVariant": "#444559",
+ "tertiaryFixed": "#FFD8EE",
+ "onTertiaryFixed": "#2E1126",
+ "tertiaryFixedDim": "#E8B9D5",
+ "onTertiaryFixedVariant": "#5E3C52",
+ "surfaceDim": "#DCD9E0",
+ "surfaceBright": "#FBF8FF",
+ "surfaceContainerLowest": "#FFFFFF",
+ "surfaceContainerLow": "#F5F2FA",
+ "surfaceContainer": "#F0ECF4",
+ "surfaceContainerHigh": "#EAE7EF",
+ "surfaceContainerHighest": "#E4E1E9"
+ },
+ "light-medium-contrast": {
+ "primary": "#3A3E74",
+ "surfaceTint": "#565992",
+ "onPrimary": "#FFFFFF",
+ "primaryContainer": "#6C70AA",
+ "onPrimaryContainer": "#FFFFFF",
+ "secondary": "#404155",
+ "onSecondary": "#FFFFFF",
+ "secondaryContainer": "#727389",
+ "onSecondaryContainer": "#FFFFFF",
+ "tertiary": "#5A384E",
+ "onTertiary": "#FFFFFF",
+ "tertiaryContainer": "#906981",
+ "onTertiaryContainer": "#FFFFFF",
+ "error": "#8C0009",
+ "onError": "#FFFFFF",
+ "errorContainer": "#DA342E",
+ "onErrorContainer": "#FFFFFF",
+ "background": "#FBF8FF",
+ "onBackground": "#1B1B21",
+ "surface": "#FBF8FF",
+ "onSurface": "#1B1B21",
+ "surfaceVariant": "#E4E1EC",
+ "onSurfaceVariant": "#42424B",
+ "outline": "#5F5E67",
+ "outlineVariant": "#7B7A83",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#303036",
+ "inverseOnSurface": "#F2EFF7",
+ "inversePrimary": "#BFC2FF",
+ "primaryFixed": "#6C70AA",
+ "onPrimaryFixed": "#FFFFFF",
+ "primaryFixedDim": "#53578F",
+ "onPrimaryFixedVariant": "#FFFFFF",
+ "secondaryFixed": "#727389",
+ "onSecondaryFixed": "#FFFFFF",
+ "secondaryFixedDim": "#5A5A6F",
+ "onSecondaryFixedVariant": "#FFFFFF",
+ "tertiaryFixed": "#906981",
+ "onTertiaryFixed": "#FFFFFF",
+ "tertiaryFixedDim": "#765168",
+ "onTertiaryFixedVariant": "#FFFFFF",
+ "surfaceDim": "#DCD9E0",
+ "surfaceBright": "#FBF8FF",
+ "surfaceContainerLowest": "#FFFFFF",
+ "surfaceContainerLow": "#F5F2FA",
+ "surfaceContainer": "#F0ECF4",
+ "surfaceContainerHigh": "#EAE7EF",
+ "surfaceContainerHighest": "#E4E1E9"
+ },
+ "light-high-contrast": {
+ "primary": "#181C51",
+ "surfaceTint": "#565992",
+ "onPrimary": "#FFFFFF",
+ "primaryContainer": "#3A3E74",
+ "onPrimaryContainer": "#FFFFFF",
+ "secondary": "#202133",
+ "onSecondary": "#FFFFFF",
+ "secondaryContainer": "#404155",
+ "onSecondaryContainer": "#FFFFFF",
+ "tertiary": "#36182D",
+ "onTertiary": "#FFFFFF",
+ "tertiaryContainer": "#5A384E",
+ "onTertiaryContainer": "#FFFFFF",
+ "error": "#4E0002",
+ "onError": "#FFFFFF",
+ "errorContainer": "#8C0009",
+ "onErrorContainer": "#FFFFFF",
+ "background": "#FBF8FF",
+ "onBackground": "#1B1B21",
+ "surface": "#FBF8FF",
+ "onSurface": "#000000",
+ "surfaceVariant": "#E4E1EC",
+ "onSurfaceVariant": "#23232B",
+ "outline": "#42424B",
+ "outlineVariant": "#42424B",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#303036",
+ "inverseOnSurface": "#FFFFFF",
+ "inversePrimary": "#ECEAFF",
+ "primaryFixed": "#3A3E74",
+ "onPrimaryFixed": "#FFFFFF",
+ "primaryFixedDim": "#23275D",
+ "onPrimaryFixedVariant": "#FFFFFF",
+ "secondaryFixed": "#404155",
+ "onSecondaryFixed": "#FFFFFF",
+ "secondaryFixedDim": "#2A2B3E",
+ "onSecondaryFixedVariant": "#FFFFFF",
+ "tertiaryFixed": "#5A384E",
+ "onTertiaryFixed": "#FFFFFF",
+ "tertiaryFixedDim": "#412237",
+ "onTertiaryFixedVariant": "#FFFFFF",
+ "surfaceDim": "#DCD9E0",
+ "surfaceBright": "#FBF8FF",
+ "surfaceContainerLowest": "#FFFFFF",
+ "surfaceContainerLow": "#F5F2FA",
+ "surfaceContainer": "#F0ECF4",
+ "surfaceContainerHigh": "#EAE7EF",
+ "surfaceContainerHighest": "#E4E1E9"
+ },
+ "dark": {
+ "primary": "#BFC2FF",
+ "surfaceTint": "#BFC2FF",
+ "onPrimary": "#272B60",
+ "primaryContainer": "#3E4278",
+ "onPrimaryContainer": "#E0E0FF",
+ "secondary": "#C5C4DD",
+ "onSecondary": "#2E2F42",
+ "secondaryContainer": "#444559",
+ "onSecondaryContainer": "#E1E0F9",
+ "tertiary": "#E8B9D5",
+ "onTertiary": "#46263B",
+ "tertiaryContainer": "#5E3C52",
+ "onTertiaryContainer": "#FFD8EE",
+ "error": "#FFB4AB",
+ "onError": "#690005",
+ "errorContainer": "#93000A",
+ "onErrorContainer": "#FFDAD6",
+ "background": "#131318",
+ "onBackground": "#E4E1E9",
+ "surface": "#131318",
+ "onSurface": "#E4E1E9",
+ "surfaceVariant": "#46464F",
+ "onSurfaceVariant": "#C7C5D0",
+ "outline": "#918F9A",
+ "outlineVariant": "#46464F",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#E4E1E9",
+ "inverseOnSurface": "#303036",
+ "inversePrimary": "#565992",
+ "primaryFixed": "#E0E0FF",
+ "onPrimaryFixed": "#11144B",
+ "primaryFixedDim": "#BFC2FF",
+ "onPrimaryFixedVariant": "#3E4278",
+ "secondaryFixed": "#E1E0F9",
+ "onSecondaryFixed": "#191A2C",
+ "secondaryFixedDim": "#C5C4DD",
+ "onSecondaryFixedVariant": "#444559",
+ "tertiaryFixed": "#FFD8EE",
+ "onTertiaryFixed": "#2E1126",
+ "tertiaryFixedDim": "#E8B9D5",
+ "onTertiaryFixedVariant": "#5E3C52",
+ "surfaceDim": "#131318",
+ "surfaceBright": "#39393F",
+ "surfaceContainerLowest": "#0E0E13",
+ "surfaceContainerLow": "#1B1B21",
+ "surfaceContainer": "#1F1F25",
+ "surfaceContainerHigh": "#2A292F",
+ "surfaceContainerHighest": "#35343A"
+ },
+ "dark-medium-contrast": {
+ "primary": "#C4C6FF",
+ "surfaceTint": "#BFC2FF",
+ "onPrimary": "#0B0E46",
+ "primaryContainer": "#888CC8",
+ "onPrimaryContainer": "#000000",
+ "secondary": "#C9C9E1",
+ "onSecondary": "#141526",
+ "secondaryContainer": "#8F8FA6",
+ "onSecondaryContainer": "#000000",
+ "tertiary": "#ECBDD9",
+ "onTertiary": "#280C20",
+ "tertiaryContainer": "#AE849E",
+ "onTertiaryContainer": "#000000",
+ "error": "#FFBAB1",
+ "onError": "#370001",
+ "errorContainer": "#FF5449",
+ "onErrorContainer": "#000000",
+ "background": "#131318",
+ "onBackground": "#E4E1E9",
+ "surface": "#131318",
+ "onSurface": "#FDF9FF",
+ "surfaceVariant": "#46464F",
+ "onSurfaceVariant": "#CCC9D4",
+ "outline": "#A3A2AC",
+ "outlineVariant": "#83828C",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#E4E1E9",
+ "inverseOnSurface": "#2A292F",
+ "inversePrimary": "#3F437A",
+ "primaryFixed": "#E0E0FF",
+ "onPrimaryFixed": "#050741",
+ "primaryFixedDim": "#BFC2FF",
+ "onPrimaryFixedVariant": "#2D3167",
+ "secondaryFixed": "#E1E0F9",
+ "onSecondaryFixed": "#0E1021",
+ "secondaryFixedDim": "#C5C4DD",
+ "onSecondaryFixedVariant": "#343548",
+ "tertiaryFixed": "#FFD8EE",
+ "onTertiaryFixed": "#22071B",
+ "tertiaryFixedDim": "#E8B9D5",
+ "onTertiaryFixedVariant": "#4C2C41",
+ "surfaceDim": "#131318",
+ "surfaceBright": "#39393F",
+ "surfaceContainerLowest": "#0E0E13",
+ "surfaceContainerLow": "#1B1B21",
+ "surfaceContainer": "#1F1F25",
+ "surfaceContainerHigh": "#2A292F",
+ "surfaceContainerHighest": "#35343A"
+ },
+ "dark-high-contrast": {
+ "primary": "#FDF9FF",
+ "surfaceTint": "#BFC2FF",
+ "onPrimary": "#000000",
+ "primaryContainer": "#C4C6FF",
+ "onPrimaryContainer": "#000000",
+ "secondary": "#FDF9FF",
+ "onSecondary": "#000000",
+ "secondaryContainer": "#C9C9E1",
+ "onSecondaryContainer": "#000000",
+ "tertiary": "#FFF9F9",
+ "onTertiary": "#000000",
+ "tertiaryContainer": "#ECBDD9",
+ "onTertiaryContainer": "#000000",
+ "error": "#FFF9F9",
+ "onError": "#000000",
+ "errorContainer": "#FFBAB1",
+ "onErrorContainer": "#000000",
+ "background": "#131318",
+ "onBackground": "#E4E1E9",
+ "surface": "#131318",
+ "onSurface": "#FFFFFF",
+ "surfaceVariant": "#46464F",
+ "onSurfaceVariant": "#FDF9FF",
+ "outline": "#CCC9D4",
+ "outlineVariant": "#CCC9D4",
+ "shadow": "#000000",
+ "scrim": "#000000",
+ "inverseSurface": "#E4E1E9",
+ "inverseOnSurface": "#000000",
+ "inversePrimary": "#20245A",
+ "primaryFixed": "#E5E4FF",
+ "onPrimaryFixed": "#000000",
+ "primaryFixedDim": "#C4C6FF",
+ "onPrimaryFixedVariant": "#0B0E46",
+ "secondaryFixed": "#E6E4FE",
+ "onSecondaryFixed": "#000000",
+ "secondaryFixedDim": "#C9C9E1",
+ "onSecondaryFixedVariant": "#141526",
+ "tertiaryFixed": "#FFDEF0",
+ "onTertiaryFixed": "#000000",
+ "tertiaryFixedDim": "#ECBDD9",
+ "onTertiaryFixedVariant": "#280C20",
+ "surfaceDim": "#131318",
+ "surfaceBright": "#39393F",
+ "surfaceContainerLowest": "#0E0E13",
+ "surfaceContainerLow": "#1B1B21",
+ "surfaceContainer": "#1F1F25",
+ "surfaceContainerHigh": "#2A292F",
+ "surfaceContainerHighest": "#35343A"
+ }
+ },
+ "palettes": {
+ "primary": {
+ "0": "#000000",
+ "5": "#00004E",
+ "10": "#00006E",
+ "15": "#090D80",
+ "20": "#191F8A",
+ "25": "#272D94",
+ "30": "#333AA0",
+ "35": "#4046AC",
+ "40": "#4C53B9",
+ "50": "#656DD4",
+ "60": "#7F87F0",
+ "70": "#9DA3FF",
+ "80": "#BFC2FF",
+ "90": "#E0E0FF",
+ "95": "#F1EFFF",
+ "98": "#FBF8FF",
+ "99": "#FFFBFF",
+ "100": "#FFFFFF"
+ },
+ "secondary": {
+ "0": "#000000",
+ "5": "#0D0F24",
+ "10": "#181A2F",
+ "15": "#22243A",
+ "20": "#2D2F45",
+ "25": "#383A51",
+ "30": "#44455D",
+ "35": "#4F5069",
+ "40": "#5B5C75",
+ "50": "#74758F",
+ "60": "#8E8EAA",
+ "70": "#A9A9C5",
+ "80": "#C4C4E1",
+ "90": "#E0E0FE",
+ "95": "#F1EFFF",
+ "98": "#FBF8FF",
+ "99": "#FFFBFF",
+ "100": "#FFFFFF"
+ },
+ "tertiary": {
+ "0": "#000000",
+ "5": "#24041C",
+ "10": "#310F28",
+ "15": "#3D1932",
+ "20": "#49243D",
+ "25": "#552F49",
+ "30": "#623A55",
+ "35": "#6F4561",
+ "40": "#7C516D",
+ "50": "#976986",
+ "60": "#B382A1",
+ "70": "#D09CBC",
+ "80": "#EDB7D7",
+ "90": "#FFD8EE",
+ "95": "#FFECF4",
+ "98": "#FFF8F9",
+ "99": "#FFFBFF",
+ "100": "#FFFFFF"
+ },
+ "neutral": {
+ "0": "#000000",
+ "5": "#111114",
+ "10": "#1B1B1F",
+ "15": "#262529",
+ "20": "#303034",
+ "25": "#3C3B3F",
+ "30": "#47464A",
+ "35": "#535256",
+ "40": "#5F5E62",
+ "50": "#78767A",
+ "60": "#929094",
+ "70": "#ADAAAF",
+ "80": "#C8C5CA",
+ "90": "#E5E1E6",
+ "95": "#F3EFF4",
+ "98": "#FCF8FD",
+ "99": "#FFFBFF",
+ "100": "#FFFFFF"
+ },
+ "neutral-variant": {
+ "0": "#000000",
+ "5": "#101018",
+ "10": "#1B1B23",
+ "15": "#25252D",
+ "20": "#303038",
+ "25": "#3B3B43",
+ "30": "#46464F",
+ "35": "#52515B",
+ "40": "#5E5D67",
+ "50": "#777680",
+ "60": "#918F9A",
+ "70": "#ACAAB4",
+ "80": "#C7C5D0",
+ "90": "#E4E1EC",
+ "95": "#F2EFFA",
+ "98": "#FBF8FF",
+ "99": "#FFFBFF",
+ "100": "#FFFFFF"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..343e0bb
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,9 @@
+html,
+body {
+ min-height: 100%;
+ min-width: 100%;
+}
+div {
+ background-color: blue;
+ color: yellow;
+}
diff --git a/rollup.config.js b/rollup.config.js
index ca3870c..eb2964c 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -7,9 +7,9 @@ import { terser } from 'rollup-plugin-terser';
const production = !process.env.ROLLUP_WATCH;
export default {
- input: 'src/main.js',
+ input: './src/main.js',
output: {
- file: 'public/bundle.js',
+ file: './public/bundle.js',
format: 'iife', // immediately-invoked function expression — suitable for