@openremote/or-app 1.8.0-snapshot.20250723203453 → 1.8.0-snapshot.20250725120000

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 (11) hide show
  1. package/README.md +87 -87
  2. package/images/logo-mobile.svg +7 -7
  3. package/images/logo.svg +15 -15
  4. package/lib/app.js +38 -1
  5. package/lib/index.js +538 -67
  6. package/lib/or-header.js +496 -298
  7. package/lib/page-offline.js +109 -49
  8. package/lib/types.d.ts +1 -1
  9. package/lib/types.js +25 -1
  10. package/package.json +17 -17
  11. package/typedoc.js +2 -2
package/lib/page-offline.js CHANGED
@@ -1,53 +1,113 @@
1
- var __decorate=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var f=e.length-1;f>=0;f--)(o=e[f])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},__await=this&&this.__await||function(e){return this instanceof __await?(this.v=e,this):new __await(e)},__asyncGenerator=this&&this.__asyncGenerator||function(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i,o=n.apply(e,t||[]),r=[];return i={},a("next"),a("throw"),a("return",(function(e){return function(t){return Promise.resolve(t).then(e,l)}})),i[Symbol.asyncIterator]=function(){return this},i;function a(e,t){o[e]&&(i[e]=function(t){return new Promise((function(n,i){r.push([e,t,n,i])>1||f(e,t)}))},t&&(i[e]=t(i[e])))}function f(e,t){try{(n=o[e](t)).value instanceof __await?Promise.resolve(n.value.v).then(c,l):s(r[0][2],n)}catch(e){s(r[0][3],e)}var n}function c(e){f("next",e)}function l(e){f("throw",e)}function s(e,t){e(t),r.shift(),r.length&&f(r[0][0],r[0][1])}};import{Page}from"./types";import{css,html}from"lit";import{customElement}from"lit/decorators.js";const styling=css`
2
- #offline-wrapper {
3
- display: flex;
4
- justify-content: center;
5
- align-items: center;
6
- height: 100%;
7
- width: 100%;
8
- flex-direction: column;
9
- gap: 32px;
10
- padding: 0 32px;
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
8
+ var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
9
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
10
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
11
+ return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
12
+ function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
13
+ function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
14
+ function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
15
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
16
+ function fulfill(value) { resume("next", value); }
17
+ function reject(value) { resume("throw", value); }
18
+ function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
19
+ };
20
+ import { Page } from "./types";
21
+ import { css, html } from "lit";
22
+ import { customElement } from "lit/decorators.js";
23
+ // language=css
24
+ const styling = css `
25
+ #offline-wrapper {
26
+ display: flex;
27
+ justify-content: center;
28
+ align-items: center;
29
+ height: 100%;
30
+ width: 100%;
31
+ flex-direction: column;
32
+ gap: 32px;
33
+ padding: 0 32px;
34
+ }
35
+
36
+ #offline-icon {
37
+ font-size: 64px;
38
+ }
39
+
40
+ #offline-text-container {
41
+ display: flex;
42
+ align-items: center;
43
+ flex-direction: column;
44
+ gap: 16px;
45
+ }
46
+
47
+ #offline-title {
48
+ font-size: 24px;
49
+ font-weight: bold;
50
+ }
51
+
52
+ #reconnecting-text:after {
53
+ display: inline-block;
54
+ animation: dotty steps(2,end) 2s infinite;
55
+ content: '';
56
+ }
57
+
58
+ @keyframes dotty {
59
+ 0% { content: ''; }
60
+ 25% { content: '.'; }
61
+ 50% { content: '..'; }
62
+ 75% { content: '...'; }
63
+ 100% { content: ''; }
64
+ }
65
+ `;
66
+ function countDown(count) {
67
+ return __asyncGenerator(this, arguments, function* countDown_1() {
68
+ while (count > 0) {
69
+ yield yield __await(count--);
70
+ yield __await(new Promise((r) => setTimeout(r, 1000)));
71
+ }
72
+ });
73
+ }
74
+ export function pageOfflineProvider(store) {
75
+ return {
76
+ name: "offline",
77
+ routes: [
78
+ "offline"
79
+ ],
80
+ pageCreator: () => {
81
+ return new PageOffline(store);
82
+ }
83
+ };
84
+ }
85
+ let PageOffline = class PageOffline extends Page {
86
+ static get styles() {
87
+ return [styling];
11
88
  }
12
-
13
- #offline-icon {
14
- font-size: 64px;
89
+ stateChanged(state) {
15
90
  }
16
-
17
- #offline-text-container {
18
- display: flex;
19
- align-items: center;
20
- flex-direction: column;
21
- gap: 16px;
91
+ render() {
92
+ return html `
93
+ <div id="offline-wrapper">
94
+ <or-icon id="offline-icon" icon="web-off"></or-icon>
95
+ <div id="offline-text-container">
96
+ <span id="offline-title""><or-translate value="youAreOffline"></or-translate></span>
97
+ <span id="offline-subtitle"><or-translate value="checkConnection"></or-translate></span>
98
+ </div>
99
+ <div>
100
+ <span><or-translate id="reconnecting-text" value="reconnecting"></or-translate></span>
101
+ </div>
102
+ </div>
103
+ `;
22
104
  }
23
-
24
- #offline-title {
25
- font-size: 24px;
26
- font-weight: bold;
105
+ get name() {
106
+ return "offline";
27
107
  }
28
-
29
- #reconnecting-text:after {
30
- display: inline-block;
31
- animation: dotty steps(2,end) 2s infinite;
32
- content: '';
33
- }
34
-
35
- @keyframes dotty {
36
- 0% { content: ''; }
37
- 25% { content: '.'; }
38
- 50% { content: '..'; }
39
- 75% { content: '...'; }
40
- 100% { content: ''; }
41
- }
42
- `;function countDown(e){return __asyncGenerator(this,arguments,(function*(){for(;e>0;)yield yield __await(e--),yield __await(new Promise((e=>setTimeout(e,1e3))))}))}export function pageOfflineProvider(e){return{name:"offline",routes:["offline"],pageCreator:()=>new PageOffline(e)}}let PageOffline=class extends Page{static get styles(){return[styling]}stateChanged(e){}render(){return html`
43
- <div id="offline-wrapper">
44
- <or-icon id="offline-icon" icon="web-off"></or-icon>
45
- <div id="offline-text-container">
46
- <span id="offline-title""><or-translate value="youAreOffline"></or-translate></span>
47
- <span id="offline-subtitle"><or-translate value="checkConnection"></or-translate></span>
48
- </div>
49
- <div>
50
- <span><or-translate id="reconnecting-text" value="reconnecting"></or-translate></span>
51
- </div>
52
- </div>
53
- `}get name(){return"offline"}};PageOffline=__decorate([customElement("page-offline")],PageOffline);export{PageOffline};
108
+ };
109
+ PageOffline = __decorate([
110
+ customElement("page-offline")
111
+ ], PageOffline);
112
+ export { PageOffline };
113
+ //# sourceMappingURL=page-offline.js.map
package/lib/types.d.ts CHANGED
@@ -34,7 +34,7 @@ declare const Page_base: (new (...args: any[]) => {
34
34
  _i18nextJustInitialized: boolean;
35
35
  connectedCallback(): void;
36
36
  disconnectedCallback(): void;
37
- shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
37
+ shouldUpdate(changedProps: import("lit").PropertyValues): any;
38
38
  initCallback: (options: import("i18next").InitOptions) => void;
39
39
  langChangedCallback: () => void;
40
40
  readonly isConnected: boolean;
package/lib/types.js CHANGED
@@ -1 +1,25 @@
1
- import{LitElement}from"lit";import i18next from"i18next";import{translate}from"@openremote/or-translate";import Navigo from"navigo";export const router=new Navigo("/",{hash:!0});export class Page extends(translate(i18next)(LitElement)){constructor(t){super(),this._store=t}connectedCallback(){super.connectedCallback(),this._storeUnsubscribe=this._store.subscribe((()=>this.stateChanged(this._store.getState()))),this.stateChanged(this._store.getState())}disconnectedCallback(){this._storeUnsubscribe(),super.disconnectedCallback()}getState(){return this._store.getState()}}
1
+ import { LitElement } from "lit";
2
+ import i18next from "i18next";
3
+ import { translate } from "@openremote/or-translate";
4
+ import Navigo from "navigo";
5
+ // Configure routing
6
+ export const router = new Navigo("/", { hash: true });
7
+ export class Page extends translate(i18next)(LitElement) {
8
+ constructor(store) {
9
+ super();
10
+ this._store = store;
11
+ }
12
+ connectedCallback() {
13
+ super.connectedCallback();
14
+ this._storeUnsubscribe = this._store.subscribe(() => this.stateChanged(this._store.getState()));
15
+ this.stateChanged(this._store.getState());
16
+ }
17
+ disconnectedCallback() {
18
+ this._storeUnsubscribe();
19
+ super.disconnectedCallback();
20
+ }
21
+ getState() {
22
+ return this._store.getState();
23
+ }
24
+ }
25
+ //# sourceMappingURL=types.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openremote/or-app",
3
- "version": "1.8.0-snapshot.20250723203453",
3
+ "version": "1.8.0-snapshot.20250725120000",
4
4
  "description": "OpenRemote app template",
5
5
  "author": "OpenRemote",
6
6
  "license": "AGPL-3.0-or-later",
@@ -16,26 +16,26 @@
16
16
  "clean": "npx tsc -b --clean && npx shx rm -rf dist lib",
17
17
  "modelBuild": "npx orutil build",
18
18
  "modelWatch": "npx orutil watch",
19
- "build": "npx cross-env NODE_OPTIONS=--max_old_space_size=4096 webpack --mode production",
19
+ "build": "npx cross-env NODE_OPTIONS=--max_old_space_size=4096 rspack --mode production",
20
20
  "test": "echo \"Error: no test specified\" && exit 1",
21
21
  "prepack": "npx tsc -b"
22
22
  },
23
23
  "dependencies": {
24
24
  "@lit/task": "^1.0.0",
25
- "@openremote/core": "1.8.0-snapshot.20250723203453",
26
- "@openremote/or-asset-tree": "1.8.0-snapshot.20250723203453",
27
- "@openremote/or-asset-viewer": "1.8.0-snapshot.20250723203453",
28
- "@openremote/or-attribute-input": "1.8.0-snapshot.20250723203453",
29
- "@openremote/or-attribute-picker": "1.8.0-snapshot.20250723203453",
30
- "@openremote/or-chart": "1.8.0-snapshot.20250723203453",
31
- "@openremote/or-dashboard-builder": "1.8.0-snapshot.20250723203453",
32
- "@openremote/or-gauge": "1.8.0-snapshot.20250723203453",
33
- "@openremote/or-map": "1.8.0-snapshot.20250723203453",
34
- "@openremote/or-mwc-components": "1.8.0-snapshot.20250723203453",
35
- "@openremote/or-rules": "1.8.0-snapshot.20250723203453",
36
- "@openremote/or-smart-notify": "1.8.0-snapshot.20250723203453",
37
- "@openremote/or-timeline": "1.8.0-snapshot.20250723203453",
38
- "@openremote/rest": "1.8.0-snapshot.20250723203453",
25
+ "@openremote/core": "1.8.0-snapshot.20250725120000",
26
+ "@openremote/or-asset-tree": "1.8.0-snapshot.20250725120000",
27
+ "@openremote/or-asset-viewer": "1.8.0-snapshot.20250725120000",
28
+ "@openremote/or-attribute-input": "1.8.0-snapshot.20250725120000",
29
+ "@openremote/or-attribute-picker": "1.8.0-snapshot.20250725120000",
30
+ "@openremote/or-chart": "1.8.0-snapshot.20250725120000",
31
+ "@openremote/or-dashboard-builder": "1.8.0-snapshot.20250725120000",
32
+ "@openremote/or-gauge": "1.8.0-snapshot.20250725120000",
33
+ "@openremote/or-map": "1.8.0-snapshot.20250725120000",
34
+ "@openremote/or-mwc-components": "1.8.0-snapshot.20250725120000",
35
+ "@openremote/or-rules": "1.8.0-snapshot.20250725120000",
36
+ "@openremote/or-smart-notify": "1.8.0-snapshot.20250725120000",
37
+ "@openremote/or-timeline": "1.8.0-snapshot.20250725120000",
38
+ "@openremote/rest": "1.8.0-snapshot.20250725120000",
39
39
  "@reduxjs/toolkit": "^1.8.1",
40
40
  "@webcomponents/webcomponentsjs": "^2.6.0",
41
41
  "lit": "^2.0.2",
@@ -44,7 +44,7 @@
44
44
  "pwa-helpers": "^0.9.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@openremote/util": "1.8.0-snapshot.20250723203453"
47
+ "@openremote/util": "1.8.0-snapshot.20250725120000"
48
48
  },
49
49
  "publishConfig": {
50
50
  "access": "public"
package/typedoc.js CHANGED
@@ -1,3 +1,3 @@
1
- module.exports = {
2
- ... require('../../typedoc.js')
1
+ module.exports = {
2
+ ... require('../../typedoc.js')
3
3
  };