Merge pull request #915 from live-codes/local-sandbox

serve local sandbox in dev

Author: hatemhosny

package.json

@@ -14,7 +14,9 @@
     "start": "run-p copy:assets watch serve",
     "docs": "cd docs && npm run start",
     "storybook": "cd storybook && npm run storybook",
-    "serve": "live-server build --watch=build/tmp/ --cors --quiet",
+    "serve": "run-p serve:*",
+    "serve:app": "live-server build --watch=build/tmp/ --cors --quiet",
+    "serve:sandbox": "live-server src/livecodes/html/sandbox/ --port=8085 --cors --quiet --no-browser",
     "watch": "nodemon --watch src -e \"*\" --ignore src/livecodes/i18n/locale-paths.ts ./scripts/build.js --dev",
     "prebuild": "npm run i18n-exclude pre",
     "postbuild": "npm run i18n-exclude post",

src/livecodes/services/sandbox.ts

@@ -3,17 +3,21 @@ import { sandboxVersion } from '../html/sandbox/index';
 const cfPagesBaseUrl = 'https://livecodes-sandbox.pages.dev';
 const ghPagesBaseUrl = 'https://live-codes.github.io/livecodes-sandbox/dist';
 const selfHostedBaseUrl = `https://${process.env.SANDBOX_HOST_NAME}:${process.env.SANDBOX_PORT}`;
+const localBaseUrl = 'http://127.0.0.1:8085';
 
 const serviceBaseUrl =
-  process.env.SELF_HOSTED === 'true'
-    ? selfHostedBaseUrl
-    : process.env.CI === 'true'
-      ? ghPagesBaseUrl
-      : cfPagesBaseUrl;
+  location.hostname === 'localhost' || location.hostname === '127.0.0.1'
+    ? localBaseUrl
+    : process.env.SELF_HOSTED === 'true'
+      ? selfHostedBaseUrl
+      : process.env.CI === 'true'
+        ? ghPagesBaseUrl
+        : cfPagesBaseUrl;
 const version = sandboxVersion;
+const ext = serviceBaseUrl === localBaseUrl ? '.html' : '';
 
 export const sandboxService = {
   getResultUrl: () => `${serviceBaseUrl}/${version}/`,
-  getCompilerUrl: () => `${serviceBaseUrl}/${version}/compiler`,
+  getCompilerUrl: () => `${serviceBaseUrl}/${version}/compiler${ext}`,
   getOrigin: () => new URL(serviceBaseUrl).origin,
 };