@lwrjs/core 0.12.0-alpha.7 → 0.12.0-alpha.8

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.
@@ -34,39 +34,114 @@ var baseHtml = `<!DOCTYPE html>
34
34
  <meta charset="utf-8" />
35
35
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
36
36
  <title>Site Information</title>
37
+ <style>
38
+ body {
39
+ font-family: Arial, sans-serif;
40
+ margin: 0;
41
+ padding: 20px;
42
+ background-color: #f9f9f9;
43
+ color: #333;
44
+ display: flex;
45
+ }
46
+
47
+ .container {
48
+ max-width: 800px;
49
+ width: 100%;
50
+ }
51
+
52
+ h1, h2 {
53
+ color: #555;
54
+ margin-bottom: 16px;
55
+ }
56
+
57
+ ul {
58
+ list-style-type: none;
59
+ padding: 0;
60
+ }
61
+
62
+ li {
63
+ background-color: #fff;
64
+ border: 1px solid #ddd;
65
+ margin-bottom: 10px;
66
+ padding: 10px;
67
+ border-radius: 4px;
68
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
69
+ display: flex;
70
+ }
71
+
72
+ .key {
73
+ margin-right: 10px;
74
+ color: #777;
75
+ font-weight: normal;
76
+ min-width: 200px;
77
+ }
78
+
79
+ .val {
80
+ font-weight: bold;
81
+ color: steelblue;
82
+ font-size: 1.1em;
83
+ flex-grow: 1;
84
+ text-align: left;
85
+ }
86
+
87
+ .data-container {
88
+ padding: 20px;
89
+ border: 1px solid #333;
90
+ border-radius: 5px;
91
+ white-space: pre;
92
+ font-family: monospace;
93
+ text-align: justify;
94
+ };
95
+ </style>
37
96
  </head>
38
97
  <body>
39
- <h1>Site Information</h1>
40
- <h3>Environment</h3>
98
+ <div class="container">
99
+ <h1>Site Information</h1>
100
+ <h2>Environment</h2>
41
101
  {{ versionInfo }}
42
- <h3>Metadata</h3>
43
- <pre>{{ metadata }}</pre>
102
+ <h2>Metadata</h2>
103
+ {{ metadata }}
104
+ </div>
44
105
  </body>
45
- </html>`;
46
- async function siteInfoHandler(request, context) {
106
+ </html>
107
+ `;
108
+ async function siteInfoHandler(_request, context) {
47
109
  const versionInfo = {
48
110
  "LWR Version": import_config.LWR_VERSION,
49
111
  "LWC Version": import_config.LWC_VERSION,
50
112
  "Node Version": import_config.NODE_VERSION,
51
113
  "PWA Kit Runtime Version": import_config.PWA_KIT_RUNTIME_VERSION
52
114
  };
53
- let versionInfoString = "";
115
+ let versionInfoString = "<ul>";
54
116
  for (const key in versionInfo) {
55
117
  if (versionInfo[key] !== "note-provided") {
56
- versionInfoString += `<p>${key}: ${versionInfo[key]}</p>
118
+ versionInfoString += `<li><span class="key">${key}:</span><span class="val">${versionInfo[key]}</span></li>
57
119
  `;
58
120
  }
59
121
  }
122
+ versionInfoString += "</ul>";
60
123
  const providedMetadataPath = `${context.rootDir}/site/.metadata/runtime-info.json`;
61
124
  let providedMetadata = {};
62
125
  if (import_fs.default.existsSync(providedMetadataPath)) {
63
126
  providedMetadata = JSON.parse(import_fs.default.readFileSync(providedMetadataPath, "utf-8"));
64
127
  }
128
+ let providedInfoString = "<ul>";
129
+ for (const key in providedMetadata) {
130
+ if (providedMetadata[key] !== "note-provided") {
131
+ const value = typeof providedMetadata[key] === "object" ? `<div class="data-container val">${JSON.stringify(providedMetadata[key], null, 2)}</div>` : `<span class="val">${providedMetadata[key]}</span>`;
132
+ providedInfoString += `<li><span class="key">${key}:</span>${value}</li>
133
+ `;
134
+ }
135
+ }
136
+ providedInfoString += "</ul>";
65
137
  let infoHtml = baseHtml;
66
138
  infoHtml = infoHtml.replace("{{ versionInfo }}", versionInfoString);
67
- infoHtml = infoHtml.replace("{{ metadata }}", JSON.stringify(providedMetadata, null, 2));
139
+ infoHtml = infoHtml.replace("{{ metadata }}", providedInfoString);
68
140
  return {
69
141
  body: infoHtml,
142
+ headers: {
143
+ "content-type": `text/html; charset=utf-8`
144
+ },
70
145
  cache: {
71
146
  ttl: "200s"
72
147
  }
@@ -1,3 +1,3 @@
1
1
  import type { HandlerContext, ViewRequest, ViewResponse } from '@lwrjs/types';
2
- export default function siteInfoHandler(request: ViewRequest, context: HandlerContext): Promise<ViewResponse>;
2
+ export default function siteInfoHandler(_request: ViewRequest, context: HandlerContext): Promise<ViewResponse>;
3
3
  //# sourceMappingURL=route-handler.d.ts.map
@@ -6,39 +6,115 @@ const baseHtml = `<!DOCTYPE html>
6
6
  <meta charset="utf-8" />
7
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
8
8
  <title>Site Information</title>
9
+ <style>
10
+ body {
11
+ font-family: Arial, sans-serif;
12
+ margin: 0;
13
+ padding: 20px;
14
+ background-color: #f9f9f9;
15
+ color: #333;
16
+ display: flex;
17
+ }
18
+
19
+ .container {
20
+ max-width: 800px;
21
+ width: 100%;
22
+ }
23
+
24
+ h1, h2 {
25
+ color: #555;
26
+ margin-bottom: 16px;
27
+ }
28
+
29
+ ul {
30
+ list-style-type: none;
31
+ padding: 0;
32
+ }
33
+
34
+ li {
35
+ background-color: #fff;
36
+ border: 1px solid #ddd;
37
+ margin-bottom: 10px;
38
+ padding: 10px;
39
+ border-radius: 4px;
40
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
41
+ display: flex;
42
+ }
43
+
44
+ .key {
45
+ margin-right: 10px;
46
+ color: #777;
47
+ font-weight: normal;
48
+ min-width: 200px;
49
+ }
50
+
51
+ .val {
52
+ font-weight: bold;
53
+ color: steelblue;
54
+ font-size: 1.1em;
55
+ flex-grow: 1;
56
+ text-align: left;
57
+ }
58
+
59
+ .data-container {
60
+ padding: 20px;
61
+ border: 1px solid #333;
62
+ border-radius: 5px;
63
+ white-space: pre;
64
+ font-family: monospace;
65
+ text-align: justify;
66
+ };
67
+ </style>
9
68
  </head>
10
69
  <body>
11
- <h1>Site Information</h1>
12
- <h3>Environment</h3>
70
+ <div class="container">
71
+ <h1>Site Information</h1>
72
+ <h2>Environment</h2>
13
73
  {{ versionInfo }}
14
- <h3>Metadata</h3>
15
- <pre>{{ metadata }}</pre>
74
+ <h2>Metadata</h2>
75
+ {{ metadata }}
76
+ </div>
16
77
  </body>
17
- </html>`;
18
- export default async function siteInfoHandler(request, context) {
78
+ </html>
79
+ `;
80
+ export default async function siteInfoHandler(_request, context) {
19
81
  const versionInfo = {
20
82
  'LWR Version': LWR_VERSION,
21
83
  'LWC Version': LWC_VERSION,
22
84
  'Node Version': NODE_VERSION,
23
85
  'PWA Kit Runtime Version': PWA_KIT_RUNTIME_VERSION,
24
86
  };
25
- let versionInfoString = '';
87
+ let versionInfoString = '<ul>';
26
88
  for (const key in versionInfo) {
27
89
  if (versionInfo[key] !== 'note-provided') {
28
- versionInfoString += `<p>${key}: ${versionInfo[key]}</p>\n`;
90
+ versionInfoString += `<li><span class="key">${key}:</span><span class="val">${versionInfo[key]}</span></li>\n`;
29
91
  }
30
92
  }
93
+ versionInfoString += '</ul>';
31
94
  // Get any provided metadata from site/.metadata/runtime-info.json
32
95
  const providedMetadataPath = `${context.rootDir}/site/.metadata/runtime-info.json`;
33
96
  let providedMetadata = {};
34
97
  if (fs.existsSync(providedMetadataPath)) {
35
98
  providedMetadata = JSON.parse(fs.readFileSync(providedMetadataPath, 'utf-8'));
36
99
  }
100
+ let providedInfoString = '<ul>';
101
+ for (const key in providedMetadata) {
102
+ if (providedMetadata[key] !== 'note-provided') {
103
+ const value = typeof providedMetadata[key] === 'object'
104
+ ? `<div class="data-container val">${JSON.stringify(providedMetadata[key], null, 2)}</div>`
105
+ : `<span class="val">${providedMetadata[key]}</span>`;
106
+ providedInfoString += `<li><span class="key">${key}:</span>${value}</li>\n`;
107
+ }
108
+ }
109
+ providedInfoString += '</ul>';
37
110
  let infoHtml = baseHtml;
38
111
  infoHtml = infoHtml.replace('{{ versionInfo }}', versionInfoString);
39
- infoHtml = infoHtml.replace('{{ metadata }}', JSON.stringify(providedMetadata, null, 2));
112
+ infoHtml = infoHtml.replace('{{ metadata }}', providedInfoString);
40
113
  return {
41
114
  body: infoHtml,
115
+ headers: {
116
+ 'content-type': `text/html; charset=utf-8`,
117
+ },
42
118
  cache: {
43
119
  ttl: '200s',
44
120
  },
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
7
- "version": "0.12.0-alpha.7",
7
+ "version": "0.12.0-alpha.8",
8
8
  "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
9
9
  "repository": {
10
10
  "type": "git",
@@ -43,34 +43,34 @@
43
43
  "build": "tsc -b"
44
44
  },
45
45
  "dependencies": {
46
- "@lwrjs/app-service": "0.12.0-alpha.7",
47
- "@lwrjs/asset-registry": "0.12.0-alpha.7",
48
- "@lwrjs/asset-transformer": "0.12.0-alpha.7",
49
- "@lwrjs/base-view-provider": "0.12.0-alpha.7",
50
- "@lwrjs/base-view-transformer": "0.12.0-alpha.7",
51
- "@lwrjs/client-modules": "0.12.0-alpha.7",
52
- "@lwrjs/config": "0.12.0-alpha.7",
53
- "@lwrjs/diagnostics": "0.12.0-alpha.7",
54
- "@lwrjs/esbuild": "0.12.0-alpha.7",
55
- "@lwrjs/fs-asset-provider": "0.12.0-alpha.7",
56
- "@lwrjs/fs-watch": "0.12.0-alpha.7",
57
- "@lwrjs/html-view-provider": "0.12.0-alpha.7",
58
- "@lwrjs/instrumentation": "0.12.0-alpha.7",
59
- "@lwrjs/loader": "0.12.0-alpha.7",
60
- "@lwrjs/lwc-module-provider": "0.12.0-alpha.7",
61
- "@lwrjs/lwc-ssr": "0.12.0-alpha.7",
62
- "@lwrjs/markdown-view-provider": "0.12.0-alpha.7",
63
- "@lwrjs/module-bundler": "0.12.0-alpha.7",
64
- "@lwrjs/module-registry": "0.12.0-alpha.7",
65
- "@lwrjs/npm-module-provider": "0.12.0-alpha.7",
66
- "@lwrjs/nunjucks-view-provider": "0.12.0-alpha.7",
67
- "@lwrjs/o11y": "0.12.0-alpha.7",
68
- "@lwrjs/resource-registry": "0.12.0-alpha.7",
69
- "@lwrjs/router": "0.12.0-alpha.7",
70
- "@lwrjs/server": "0.12.0-alpha.7",
71
- "@lwrjs/shared-utils": "0.12.0-alpha.7",
72
- "@lwrjs/static": "0.12.0-alpha.7",
73
- "@lwrjs/view-registry": "0.12.0-alpha.7",
46
+ "@lwrjs/app-service": "0.12.0-alpha.8",
47
+ "@lwrjs/asset-registry": "0.12.0-alpha.8",
48
+ "@lwrjs/asset-transformer": "0.12.0-alpha.8",
49
+ "@lwrjs/base-view-provider": "0.12.0-alpha.8",
50
+ "@lwrjs/base-view-transformer": "0.12.0-alpha.8",
51
+ "@lwrjs/client-modules": "0.12.0-alpha.8",
52
+ "@lwrjs/config": "0.12.0-alpha.8",
53
+ "@lwrjs/diagnostics": "0.12.0-alpha.8",
54
+ "@lwrjs/esbuild": "0.12.0-alpha.8",
55
+ "@lwrjs/fs-asset-provider": "0.12.0-alpha.8",
56
+ "@lwrjs/fs-watch": "0.12.0-alpha.8",
57
+ "@lwrjs/html-view-provider": "0.12.0-alpha.8",
58
+ "@lwrjs/instrumentation": "0.12.0-alpha.8",
59
+ "@lwrjs/loader": "0.12.0-alpha.8",
60
+ "@lwrjs/lwc-module-provider": "0.12.0-alpha.8",
61
+ "@lwrjs/lwc-ssr": "0.12.0-alpha.8",
62
+ "@lwrjs/markdown-view-provider": "0.12.0-alpha.8",
63
+ "@lwrjs/module-bundler": "0.12.0-alpha.8",
64
+ "@lwrjs/module-registry": "0.12.0-alpha.8",
65
+ "@lwrjs/npm-module-provider": "0.12.0-alpha.8",
66
+ "@lwrjs/nunjucks-view-provider": "0.12.0-alpha.8",
67
+ "@lwrjs/o11y": "0.12.0-alpha.8",
68
+ "@lwrjs/resource-registry": "0.12.0-alpha.8",
69
+ "@lwrjs/router": "0.12.0-alpha.8",
70
+ "@lwrjs/server": "0.12.0-alpha.8",
71
+ "@lwrjs/shared-utils": "0.12.0-alpha.8",
72
+ "@lwrjs/static": "0.12.0-alpha.8",
73
+ "@lwrjs/view-registry": "0.12.0-alpha.8",
74
74
  "chokidar": "^3.5.3",
75
75
  "esbuild": "^0.9.7",
76
76
  "fs-extra": "^11.1.1",
@@ -80,7 +80,7 @@
80
80
  "ws": "^8.8.1"
81
81
  },
82
82
  "devDependencies": {
83
- "@lwrjs/types": "0.12.0-alpha.7",
83
+ "@lwrjs/types": "0.12.0-alpha.8",
84
84
  "@types/ws": "^8.5.3"
85
85
  },
86
86
  "peerDependencies": {
@@ -92,5 +92,5 @@
92
92
  "volta": {
93
93
  "extends": "../../../package.json"
94
94
  },
95
- "gitHead": "c60963c89e621d2e8af3389b0e075ded2f4bc810"
95
+ "gitHead": "fa2d2189d7309adfb47f7b125616d26cb721ed6f"
96
96
  }