rodydavis/lit-examples
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Consolidate all subproject package.json files into root package.json and migrate to unified Vite MPA build
Build and Deploy / build-and-deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Rody Davis
2026-05-16 22:31:56 -07:00
parent b3f8be14f7
commit 312c16598c
53 changed files with 10265 additions and 39008 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-lit-capacitor/package-lock.json
Generated
-11917
View File
File diff suppressed because it is too large Load Diff
vite-lit-capacitor/package.json
-43
View File
@@ -1,43 +0,0 @@
{
"name": "capacitor-app",
"version": "1.0.0",
"description": "An Amazing Capacitor App",
"keywords": [
"capacitor",
"mobile"
],
"scripts": {
"dev": "vite",
"build": "npm-run-all -p build:*",
"build:web": "tsc && vite build",
"postbuild": "cap sync && npm run copy",
"copy": "rm -rf electron/app && mkdir electron/app && cp -r dist/* electron/app/",
"open:android": "cap open android",
"open:ios": "cap open ios",
"open:desktop": "cap open @capacitor-community/electron",
"start:android": "cap run android",
"start:ios": "cap run ios",
"start:web": "vite preview"
},
"dependencies": {
"@capacitor-community/electron": "^4.0.3",
"@capacitor/android": "^3.4.0",
"@capacitor/camera": "latest",
"@capacitor/core": "latest",
"@capacitor/ios": "^3.4.0",
"@capacitor/splash-screen": "latest",
"@capacitor/status-bar": "^1.0.7",
"lit": "^2.1.1"
},
"devDependencies": {
"@capacitor/cli": "latest",
"@types/node": "^17.0.12",
"@web/dev-server": "^0.1.29",
"npm-run-all": "^4.1.5",
"typescript": "^4.4.4",
"vite": "^2.7.2",
"vite-plugin-pwa": "^0.11.13"
},
"author": "",
"license": "ISC"
}
vite-lit-capacitor/web/js/my-element.d.ts
Vendored
+1 -1
View File
@@ -15,7 +15,7 @@ export declare class MyElement extends LitElement {
* The number of times the button has been clicked.
*/
count: number;
render(): import("lit-html").TemplateResult<1>;
render(): import("lit").TemplateResult<1>;
private _onClick;
foo(): string;
firstUpdated(): void;
vite-lit-capacitor/web/js/my-element.js
+2 -2
View File
@@ -38,7 +38,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
@@ -106,7 +106,7 @@ var MyElement = /** @class */ (function (_super) {
}); };
setStatusBarStyleDark();
};
MyElement.styles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n padding: 1rem;\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: var(--inset-bottom);\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "], ["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n padding: 1rem;\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: var(--inset-bottom);\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "])));
MyElement.styles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: calc(var(--inset-bottom) + 1rem);\n padding-left: calc(var(--inset-left) + 1rem);\n padding-right: calc(var(--inset-right) + 1rem);\n padding-top: 1rem;\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "], ["\n main {\n --bg-color: #f0f0f0;\n --fg-color: #000;\n --app-bar-color: navy;\n --app-bar-on-color: white;\n display: flex;\n flex-direction: column;\n width: 100%;\n /* Settings for the notch */\n background-color: var(--app-bar-color);\n padding-top: var(--inset-top);\n height: calc(100% - var(--inset-top));\n }\n header {\n background-color: var(--app-bar-color);\n color: var(--app-bar-on-color);\n padding: 1rem;\n padding-left: var(--inset-left);\n padding-right: var(--inset-right);\n }\n .title {\n padding-left: 1rem;\n }\n section {\n background-color: var(--bg-color);\n color: var(--fg-color);\n flex: 1;\n /* Settings for the notch */\n padding-bottom: calc(var(--inset-bottom) + 1rem);\n padding-left: calc(var(--inset-left) + 1rem);\n padding-right: calc(var(--inset-right) + 1rem);\n padding-top: 1rem;\n }\n @media (prefers-color-scheme: dark) {\n section {\n color: var(--bg-color);\n background-color: var(--fg-color);\n }\n }\n "])));
__decorate([
property()
], MyElement.prototype, "name");