@tailor-cms/tce-preview-runtime 0.5.4 → 0.5.5-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailor-cms/tce-preview-runtime",
-  "version": "0.5.4",
+  "version": "0.5.5-beta.3",
   "type": "module",
   "dependencies": {
     "@lukeed/uuid": "^2.0.1",

package/src/App.vue

@@ -9,18 +9,20 @@ interface ContentElement {
   id: number;
   uid: string;
 }
-
-const appUrl = new URL(window.location.href);
+const { VITE_SERVER_RUNTIME_URL } = import.meta.env;
+const serverRuntimeUrl = new URL(VITE_SERVER_RUNTIME_URL);
 const apiPrefix = '/tce-server';
 const api = ky.create({ prefixUrl: apiPrefix });
-const wsProtocol = appUrl.protocol === 'http:' ? 'ws:' : 'wss:';
+const wsProtocol = serverRuntimeUrl.protocol === 'http:' ? 'ws:' : 'wss:';
 
 const element = ref<ContentElement>();
 const userState = ref({});
 
 onMounted(async () => {
   await getElement();
-  const ws = new WebSocket(`${wsProtocol}//${appUrl.host}${apiPrefix}`);
+  const ws = new WebSocket(
+    `${wsProtocol}//${serverRuntimeUrl.host}${apiPrefix}`,
+  );
   ws.addEventListener('message', (message) => {
     const event = JSON.parse(message.data);
     const elementUid = element.value?.uid;

package/vite.config.ts

@@ -3,10 +3,12 @@ import pick from 'lodash/pick';
 import vue from '@vitejs/plugin-vue';
 import vuetify from 'vite-plugin-vuetify';
 
-const config = pick(process.env, [
+const env = process.env;
+const config = pick(env, [
   'EDIT_RUNTIME_URL',
   'DISPLAY_RUNTIME_URL',
   'SERVER_RUNTIME_URL',
+  'PREVIEW_RUNTIME_URL',
   'PREVIEW_RUNTIME_PORT',
 ]);