oc-template-vue-compiler 0.5.5 → 0.6.0

package/dist/lib/hmr.d.ts

@@ -0,0 +1,7 @@
+import plugin from '@vitejs/plugin-vue';
+export declare const appBlock: ({ name, version, entry }: {
+    name: string;
+    version: string;
+    entry: string;
+}) => string;
+export { plugin };

package/dist/lib/hmr.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.plugin = exports.appBlock = void 0;
+const plugin_vue_1 = __importDefault(require("@vitejs/plugin-vue"));
+exports.plugin = plugin_vue_1.default;
+const appBlock = ({ name, version, entry }) => `
+<div id="root"></div>
+<script type="module">
+  const data = __INITIAL_DATA__;
+  window.__$$oc_initialData__ = Object.freeze(data);
+  const settings = Object.freeze({ baseUrl: '/', id: 'root', name: '${name}', staticPath: '/', version: '${version}' });
+  window.__$$oc_Settings__ = settings;
+
+  window.oc = window.oc || {};
+  window.oc.cmd = window.oc.cmd || [];
+
+  import App from "${entry}";
+  import { createApp } from 'vue';
+
+  const container = document.getElementById('root');
+  const app = createApp(App, data);
+
+  window.oc.cmd.push(() => {
+    app.mount(container);
+    window.oc.events.fire('oc:rendered', { ...settings, element: container,  });
+  });
+</script>
+`;
+exports.appBlock = appBlock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oc-template-vue-compiler",
-  "version": "0.5.5",
+  "version": "0.6.0",
   "description": "Compiler for the vueJS OC template",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/scaffold/src/package.json

@@ -33,8 +33,8 @@
     "@types/testing-library__jest-dom": "^5.14.5",
     "@vitejs/plugin-vue": "^5.0.0",
     "jsdom": "^21.1.1",
-    "oc-server": "^1.1.1",
-    "oc-template-vue-compiler": "^0.5.5",
+    "oc-server": "^1.1.4",
+    "oc-template-vue-compiler": "^0.5.6",
     "typescript": "5.0.2",
     "vitest": "^0.29.7",
     "vue": "^3.3.11",

package/scaffold/src/src/server.ts

@@ -19,29 +19,31 @@ async function getFunFact(year: number) {
   return yearsFunFactDatabase[year];
 }
 
-export const server = new Server(async (params: { userId: number }) => {
-  const { userId } = params;
-  const user = await getUser(userId);
-  const [firstName, lastName] = user.name.split(/\s+/);
-
-  if (firstName === 'Invalid') {
-    return;
-  }
-
-  return {
-    firstName,
-    lastName,
-    born: user.born,
-    hobbies: user.hobbies,
-  };
-}).action('funFact', async (params: { year: number }) => {
-  const { year } = params;
-  const funFact = await getFunFact(year);
-
-  return {
-    funFact,
-  };
-});
+export const server = new Server()
+  .handler(async (params: { userId: number }) => {
+    const { userId } = params;
+    const user = await getUser(userId);
+    const [firstName, lastName] = user.name.split(/\s+/);
+
+    if (firstName === 'Invalid') {
+      return;
+    }
+
+    return {
+      firstName,
+      lastName,
+      born: user.born,
+      hobbies: user.hobbies,
+    };
+  })
+  .action('funFact', async (params: { year: number }) => {
+    const { year } = params;
+    const funFact = await getFunFact(year);
+
+    return {
+      funFact,
+    };
+  });
 
 declare module 'oc-server' {
   interface Register {