@eclipse-docks/create-app 0.7.89 → 0.7.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-docks/create-app",
-  "version": "0.7.89",
+  "version": "0.7.91",
   "description": "Scaffold a new Eclipse Docks app (monorepo with app + example extension)",
   "type": "module",
   "bin": "index.js",

package/template/README.md

@@ -19,7 +19,7 @@ Then open the URL shown in the terminal (e.g. https://localhost:5173/).
 ## Structure
 
 - **packages/app** – The Docks app (entry point, UI)
-- **packages/example-extension** – Example extension; use it as a reference to add your own
+- **packages/extension-example** – Example extension package (`extension-example`); use it as a reference to add your own
 
 ## Extensions
 

package/template/packages/app/package.json

@@ -24,7 +24,7 @@
     "@eclipse-docks/extension-python-runtime": "^0.x",
     "@eclipse-docks/extension-settings-tree": "^0.x",
     "@eclipse-docks/extension-utils": "^0.x",
-    "example-extension": "*"
+    "extension-example": "*"
   },
   "devDependencies": {
     "typescript": "^6.0.0",

package/template/packages/app/src/main.ts

@@ -21,7 +21,7 @@ appLoaderService.registerApp(
       '@eclipse-docks/extension-settings-tree',
       '@eclipse-docks/extension-memory-usage',
       '@eclipse-docks/extension-ai-system',
-      'example-extension',
+      'extension-example',
     ],
   },
   { autoStart: true, hostConfig: true, container: appRoot },

package/template/packages/app/vite.config.ts

@@ -1,9 +1,9 @@
 import path, { dirname } from 'path';
 import { fileURLToPath } from 'url';
 import { defineConfig } from 'vite';
+import { createDocksPwaPlugin } from '@eclipse-docks/extension-pwa/vite';
 import crossOriginIsolation from 'vite-plugin-cross-origin-isolation';
 import mkcert from 'vite-plugin-mkcert';
-import { VitePWA } from 'vite-plugin-pwa';
 import { appSplashPlugin } from '@eclipse-docks/core/vite-plugin-app-splash';
 import { resolveDepVersionsPlugin } from '@eclipse-docks/core/vite-plugin-resolve-deps';
 import { localAliasesPlugin } from '@eclipse-docks/core/vite-plugin-local-aliases';
@@ -30,44 +30,11 @@ export default defineConfig({
     }),
     mkcert(),
     crossOriginIsolation(),
-    VitePWA({
-      registerType: 'autoUpdate',
-      injectRegister: 'inline',
-      strategies: 'injectManifest',
-      srcDir: 'src',
-      filename: 'sw.ts',
-      manifest: {
-        name: '{{APP_NAME}}',
-        short_name: '{{APP_NAME}}',
-        description: '{{APP_DESCRIPTION}}',
-        theme_color: '#1a1a1a',
-        background_color: '#1a1a1a',
-        display: 'standalone',
-        start_url: basePath,
-        scope: basePath,
-        icons: [
-          {
-            src: 'logo.svg',
-            sizes: 'any',
-            type: 'image/svg+xml',
-            purpose: 'any',
-          },
-          {
-            src: 'favicon.svg',
-            sizes: 'any',
-            type: 'image/svg+xml',
-            purpose: 'monochrome',
-          },
-        ],
-      },
-      includeAssets: ['favicon.svg', 'logo.svg', 'logo-loading.svg'],
-      injectManifest: {
-        maximumFileSizeToCacheInBytes: 12 * 1024 * 1024,
-        globPatterns: ['**/*.{js,css,html,ico,png,svg,webp,woff2,woff,ttf,wasm}'],
-      },
-      devOptions: {
-        enabled: false,
-      },
+    createDocksPwaPlugin({
+      basePath,
+      appName: '{{APP_NAME}}',
+      appDescription: '{{APP_DESCRIPTION}}',
+      maximumFileSizeToCacheInBytes: 12 * 1024 * 1024,
     }),
   ],
   worker: {

package/template/packages/{example-extension → extension-example}/README.md

@@ -1,4 +1,4 @@
-# example-extension
+# extension-example
 
 Example Eclipse Docks extension that adds a view to the **left side panel** – the same tab bar as **Workspace** (file browser). You get an "Example" tab next to the workspace; use it as a reference to build your own extensions.
 

package/template/packages/{example-extension → extension-example}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "example-extension",
+  "name": "extension-example",
   "version": "0.0.0",
   "type": "module",
   "main": "./src/index.ts",

package/template/packages/{example-extension → extension-example}/src/example-extension-loader.ts

@@ -11,7 +11,7 @@ contributionRegistry.registerContribution(SIDEBAR_MAIN, {
   component: (_id: string) => html`
     <div style="padding: var(--wa-space-l);">
       <h2>Example extension</h2>
-      <p>This view is contributed by the <code>example-extension</code> package to the left side panel.</p>
+      <p>This view is contributed by the <code>extension-example</code> package to the left side panel.</p>
     </div>
   `,
 } as TabContribution);

package/template/packages/{example-extension → extension-example}/src/index.ts

@@ -1,7 +1,7 @@
 import { extensionRegistry } from '@eclipse-docks/core';
 
 extensionRegistry.registerExtension({
-  id: 'example-extension',
+  id: 'extension-example',
   name: 'Example',
   description: 'Example extension showing how to add a view to the left side panel',
   loader: () => import('./example-extension-loader'),

package/template/packages/app/src/sw.ts

@@ -1,50 +0,0 @@
-/// <reference lib="webworker" />
-
-import {
-  addPlugins,
-  cleanupOutdatedCaches,
-  createHandlerBoundToURL,
-  precacheAndRoute,
-} from 'workbox-precaching';
-import { NavigationRoute, registerRoute } from 'workbox-routing';
-
-declare const self: ServiceWorkerGlobalScope;
-
-function withCoopCoep(response: Response): Response {
-  if (response.status === 0 || response.type === 'opaque' || response.type === 'opaqueredirect') {
-    return response;
-  }
-  const headers = new Headers(response.headers);
-  headers.set('Cross-Origin-Opener-Policy', 'same-origin');
-  headers.set('Cross-Origin-Embedder-Policy', 'require-corp');
-  return new Response(response.body, {
-    status: response.status,
-    statusText: response.statusText,
-    headers,
-  });
-}
-
-cleanupOutdatedCaches();
-
-addPlugins([
-  {
-    cachedResponseWillBeUsed: async ({ cachedResponse }) =>
-      cachedResponse ? withCoopCoep(cachedResponse) : cachedResponse,
-    fetchDidSucceed: async ({ response }) => withCoopCoep(response),
-  },
-]);
-
-precacheAndRoute(self.__WB_MANIFEST);
-
-const indexUrl = new URL('index.html', self.registration.scope).href;
-registerRoute(new NavigationRoute(createHandlerBoundToURL(indexUrl)));
-
-self.addEventListener('message', (event) => {
-  if (event.data?.type === 'SKIP_WAITING') {
-    void self.skipWaiting();
-  }
-});
-
-self.addEventListener('activate', (event) => {
-  event.waitUntil(self.clients.claim());
-});