@eclipse-lyra/create-app 0.7.24 → 0.7.26

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 (6) hide show
  1. package/package.json +1 -1
  2. package/template/packages/app/index.html +19 -0
  3. package/template/packages/app/package.json +1 -2
  4. package/template/packages/app/src/main.ts +2 -6
  5. package/template/packages/app/src/vite-env.d.ts +0 -5
  6. /package/template/packages/app/public/{lyra-logo.svg → logo.svg} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eclipse-lyra/create-app",
3
- "version": "0.7.24",
3
+ "version": "0.7.26",
4
4
  "description": "Scaffold a new Eclipse Lyra app (monorepo with app + example extension)",
5
5
  "type": "module",
6
6
  "bin": "index.js",
package/template/packages/app/index.html CHANGED
@@ -4,8 +4,27 @@
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
6
  <title>Loading...</title>
7
+ <style>@keyframes app-loading-bar{0%{transform:translateX(0)}50%{transform:translateX(144px)}100%{transform:translateX(0)}}</style>
7
8
  <script type="module" src="/src/main.ts"></script>
8
9
  </head>
9
10
  <body>
11
+ <div id="app-root"></div>
12
+ <div id="app-loading-overlay" style="position:fixed;inset:0;z-index:1000;background:var(--wa-background,#1a1a1a);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;">
13
+ <img src="/logo.svg" alt="" width="192" height="64" style="display:block;width:192px;height:64px;max-width:192px;max-height:64px;min-width:192px;min-height:64px;" aria-hidden="true"/>
14
+ <div style="width:240px;height:3px;background:var(--wa-layer-2,#2a2a2a);border-radius:2px;overflow:hidden;">
15
+ <div style="width:40%;height:100%;background:var(--wa-color-primary,#2299dd);border-radius:2px;animation:app-loading-bar 1.5s ease-in-out infinite;" aria-hidden="true"></div>
16
+ </div>
17
+ <div id="app-load-progress" style="font-size:0.8125rem;color:var(--wa-text-secondary,#888);" aria-live="polite">Starting…</div>
18
+ </div>
19
+ <script>
20
+ window.addEventListener('app-load-progress', function(e) {
21
+ var el = document.getElementById('app-load-progress');
22
+ if (el && e.detail && e.detail.message) el.textContent = e.detail.message;
23
+ });
24
+ window.addEventListener('app-loaded', function() {
25
+ var el = document.getElementById('app-loading-overlay');
26
+ if (el) { el.style.opacity = '0'; el.style.transition = 'opacity 0.15s'; setTimeout(function() { el.remove(); }, 160); }
27
+ }, { once: true });
28
+ </script>
10
29
  </body>
11
30
  </html>
package/template/packages/app/package.json CHANGED
@@ -21,8 +21,7 @@
21
21
  "@eclipse-lyra/extension-python-runtime": "^0.x",
22
22
  "@eclipse-lyra/extension-settings-tree": "^0.x",
23
23
  "@eclipse-lyra/extension-utils": "^0.x",
24
- "example-extension": "*",
25
- "pace-js": "^1.2.4"
24
+ "example-extension": "*"
26
25
  },
27
26
  "devDependencies": {
28
27
  "typescript": "^5.9.3",
package/template/packages/app/src/main.ts CHANGED
@@ -1,8 +1,3 @@
1
- import Pace from 'pace-js';
2
- import 'pace-js/themes/blue/pace-theme-minimal.css';
3
-
4
- Pace.start();
5
-
6
1
  import { appLoaderService, contributionRegistry, type HTMLContribution, TOOLBAR_MAIN } from '@eclipse-lyra/core';
7
2
  void import.meta.glob('../../extension-*/src/index.ts', { eager: true });
8
3
 
@@ -12,6 +7,7 @@ contributionRegistry.registerContribution(TOOLBAR_MAIN, {
12
7
  component: '<span style="margin-right: 1rem;">{{APP_NAME}}</span>',
13
8
  } as HTMLContribution);
14
9
 
10
+ const appRoot = document.getElementById('app-root') ?? document.body;
15
11
  appLoaderService.registerApp(
16
12
  {
17
13
  extensions: [
@@ -26,5 +22,5 @@ appLoaderService.registerApp(
26
22
  'example-extension',
27
23
  ],
28
24
  },
29
- { autoStart: true, hostConfig: true }
25
+ { autoStart: true, hostConfig: true, container: appRoot },
30
26
  );
package/template/packages/app/src/vite-env.d.ts CHANGED
@@ -1,8 +1,3 @@
1
1
  /// <reference types="vite/client" />
2
2
 
3
3
  declare const __RESOLVED_PACKAGE_INFO__: { name: string; version: string; dependencies: Record<string, string> } | undefined;
4
-
5
- declare module "pace-js" {
6
- const Pace: { start: (options?: unknown) => void };
7
- export default Pace;
8
- }