@hexah/create-skin 0.1.0 → 0.1.1

package/index.js

@@ -36,16 +36,18 @@ function main(argv) {
   console.log("Dalej:");
   console.log(`  cd ${target}`);
   console.log("  npm install");
-  console.log("  npm run dev        # rspack serve z HMR (np. http://localhost:3001/remoteEntry.js)");
+  console.log("  npm run dev        # rspack serve z HMR (np. https://localhost:3001/remoteEntry.js)");
   console.log("");
   console.log("Podłączenie do hosta (środowisko testowe) — w konsoli przeglądarki:");
   console.log(
     `  localStorage.setItem('hexah.skinRemote', JSON.stringify({ name: '${federationName}',`,
   );
   console.log(
-    "    entry: 'http://localhost:3001/remoteEntry.js', template: 'sdkremote',",
+    "    entry: 'https://localhost:3001/remoteEntry.js', template: 'sdkremote',",
   );
   console.log("    screens: { report: './ReportScreen' }, apiVersion: '0.2.0' }))");
+  console.log("Dev server jedzie po HTTPS — wejdź raz na https://localhost:3001/remoteEntry.js");
+  console.log("i zaakceptuj samopodpisany cert (inaczej host na HTTPS zablokuje ładowanie).");
   console.log("Następnie w Ustawieniach Gry wybierz motyw „SDK Remote (zdalna skórka)\".");
   return 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexah/create-skin",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Scaffolder skórki Hexah (zdalny kontener Module Federation, harness dev z HMR).",
   "bin": {
     "create-hexah-skin": "index.js"

package/template/README.md

@@ -7,7 +7,7 @@ aplikacji Hexah (host) podpiętej do środowiska testowego — bez dostępu do k
 
 ```bash
 npm install
-npm run dev        # rspack serve z HMR → http://localhost:3001/remoteEntry.js
+npm run dev        # rspack serve z HMR → https://localhost:3001/remoteEntry.js
 ```
 
 ## Podłączenie do hosta (środowisko testowe)
@@ -17,13 +17,18 @@ W konsoli przeglądarki na środowisku testowym Hexah:
 ```js
 localStorage.setItem('hexah.skinRemote', JSON.stringify({
   name: '__SKIN_FEDERATION_NAME__',
-  entry: 'http://localhost:3001/remoteEntry.js',
+  entry: 'https://localhost:3001/remoteEntry.js',
   template: 'sdkremote',
   screens: { report: './ReportScreen' },
   apiVersion: '0.2.0',
 }))
 ```
 
+> **Pierwsze uruchomienie:** dev server jedzie po **HTTPS** z samopodpisanym certem (host na
+> teście jest HTTPS — remote po HTTP byłby zablokowany jako mixed content / „dostęp do sieci
+> lokalnej"). Wejdź **raz** na <https://localhost:3001/remoteEntry.js> i zaakceptuj wyjątek
+> certyfikatu, dopiero potem odśwież `test.kf2.pl`.
+
 Odśwież, w **Ustawieniach Gry** wybierz motyw **„SDK Remote (zdalna skórka)"** i wejdź na ekran
 zgłoszeń — zobaczysz swój `ReportScreen` na realnych danych. Dzięki HMR zmiany w `src/` są
 widoczne po odświeżeniu (rebuild remote'a).

package/template/rspack.config.js

@@ -52,5 +52,17 @@ module.exports = {
       },
     }),
   ],
-  devServer: { port: 3001, headers: { "Access-Control-Allow-Origin": "*" } },
+  // Dev server po HTTPS: host (np. https://test.kf2.pl) jest na HTTPS, więc remote po HTTP
+  // byłby zablokowany jako mixed content + „dostęp do sieci lokalnej" (NS_BINDING_ABORTED).
+  // HTTPS daje samopodpisany cert — wejdź raz na https://localhost:3001/remoteEntry.js i
+  // zaakceptuj wyjątek. Nagłówki: CORS (cross-origin load) + Private Network Access
+  // (Chrome wymaga przy żądaniu z publicznego hosta do localhost).
+  devServer: {
+    port: 3001,
+    server: "https",
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Private-Network": "true",
+    },
+  },
 };