npm - @playcademy/vite-plugin - Versions diffs - 0.1.20 → 0.1.22 - Mend

@playcademy/vite-plugin 0.1.20 → 0.1.22

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 (3) hide show

package/README.md CHANGED Viewed

@@ -162,6 +162,7 @@ During `bun dev`, the plugin:
 - Starts the sandbox server (if enabled)
 - Provides game API simulation
 - Enables hot reload for game code
+- Seamlessly wraps your game in the Playcademy environment
 Console output:
@@ -173,11 +174,14 @@ VITE v6.3.5  ready in 500ms
 PLAYCADEMY v1.2.3
-➜  Game:    my-game
-➜  Sandbox: http://localhost:4321/api
-➜  Realtime: ws://localhost:4322
+➜  Game:     my-game
+➜  Sandbox:  http://localhost:4321/api
 ```
+**How it works**: When you visit `http://localhost:5173/` in your browser, you'll see your game wrapped in the Playcademy development shell (which mimics the production platform environment). Inside the iframe, your game is served at the root path `/`, so client-side routers (React Router, etc.) work naturally without any special configuration.
+The plugin uses the `Sec-Fetch-Dest` header to intelligently detect whether a request is from the shell's iframe or top-level browser navigation, automatically serving the appropriate content.
 ### Production Build
 During `bun run build`, the plugin:

package/dist/index.js CHANGED Viewed

@@ -100152,6 +100152,9 @@ var isDevelopment = () => {
 var isInteractiveTTY = () => {
   return typeof process !== "undefined" && Boolean(process.stdout && process.stdout.isTTY);
 };
+var isSilent = () => {
+  return typeof process !== "undefined" && process.env.LOG_SILENT === "true";
+};
 var detectOutputFormat = () => {
   if (isBrowser()) {
     return "browser";
@@ -100259,6 +100262,8 @@ var getMinimumLogLevel = () => {
   return isProduction() ? "info" : "debug";
 };
 var shouldLog = (level) => {
+  if (isSilent())
+    return false;
   const minLevel = getMinimumLogLevel();
   return levelPriority[level] >= levelPriority[minLevel];
 };
@@ -160042,7 +160047,7 @@ var logger2 = (fn = console.log) => {
 };
 var package_default = {
   name: "@playcademy/sandbox",
-  version: "0.1.7",
+  version: "0.1.8",
   description: "Local development server for Playcademy game development",
   type: "module",
   exports: {
@@ -166524,6 +166529,9 @@ var isDevelopment2 = () => {
 var isInteractiveTTY2 = () => {
   return typeof process !== "undefined" && Boolean(process.stdout && process.stdout.isTTY);
 };
+var isSilent2 = () => {
+  return typeof process !== "undefined" && process.env.LOG_SILENT === "true";
+};
 var detectOutputFormat2 = () => {
   if (isBrowser2()) {
     return "browser";
@@ -166644,6 +166652,8 @@ var getMinimumLogLevel2 = () => {
   return isProduction2() ? "info" : "debug";
 };
 var shouldLog2 = (level) => {
+  if (isSilent2())
+    return false;
   const minLevel = getMinimumLogLevel2();
   return levelPriority2[level] >= levelPriority2[minLevel];
 };
@@ -205378,7 +205388,7 @@ var shell_no_badge_default = `<!doctype html>
                 ></div>
             </div>
-            <iframe class="game-frame hidden" id="gameFrame" src="/game"></iframe>
+            <iframe class="game-frame hidden" id="gameFrame" src="/"></iframe>
         </div>
         <script type="module">
@@ -205479,7 +205489,7 @@ var shell_no_badge_default = `<!doctype html>
                     stopHandshake()
                 })
-                gameFrame.src = '/game'
+                gameFrame.src = '/'
             }
             window.addEventListener('message', event => {
@@ -205608,7 +205618,7 @@ var shell_with_corner_badge_default = `<!doctype html>
                 ></div>
             </div>
-            <iframe class="game-frame hidden" id="gameFrame" src="/game"></iframe>
+            <iframe class="game-frame hidden" id="gameFrame" src="/"></iframe>
         </div>
         <script type="module">
@@ -205714,7 +205724,7 @@ var shell_with_corner_badge_default = `<!doctype html>
                     stopHandshake()
                 })
-                gameFrame.src = '/game'
+                gameFrame.src = '/'
             }
             window.addEventListener('message', event => {
@@ -205748,14 +205758,14 @@ function generateLoaderHTML(sandboxUrl, gameId, realtimeUrl, showBadge, gameUrl)
 function devServerMiddleware(server, sandbox, gameUrl, showBadge) {
   server.middlewares.use("/", (req, res, next) => {
     if (req.url === "/" && req.method === "GET") {
-      res.setHeader("Content-Type", "text/html");
-      const gameId = sandbox.project?.slug;
-      res.end(generateLoaderHTML(sandbox.baseUrl, gameId ?? "", sandbox.realtimeUrl, showBadge, gameUrl));
-      return;
-    }
-    if (req.url === "/game" && req.method === "GET") {
-      req.url = "/index.html";
-      next();
+      const secFetchDest = req.headers["sec-fetch-dest"];
+      if (secFetchDest === "iframe") {
+        next();
+      } else {
+        res.setHeader("Content-Type", "text/html");
+        const gameId = sandbox.project?.slug;
+        res.end(generateLoaderHTML(sandbox.baseUrl, gameId ?? "", sandbox.realtimeUrl, showBadge, gameUrl));
+      }
       return;
     }
     next();

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@playcademy/vite-plugin",
-    "version": "0.1.20",
+    "version": "0.1.22",
     "type": "module",
     "exports": {
         ".": {
@@ -25,11 +25,11 @@
     "dependencies": {
         "archiver": "^7.0.1",
         "picocolors": "^1.1.1",
-        "playcademy": "0.13.21"
+        "playcademy": "0.13.23"
     },
     "devDependencies": {
         "@inquirer/prompts": "^7.8.6",
-        "@playcademy/sandbox": "0.1.7",
+        "@playcademy/sandbox": "0.1.8",
         "@types/archiver": "^6.0.3",
         "@types/bun": "latest",
         "yocto-spinner": "^0.2.2"