oc-template-vue-compiler 0.0.1 → 0.0.3

package/dist/lib/vueOCProviderTemplate.d.ts

@@ -1,3 +1,4 @@
-export default function vueOCProviderTemplate({ viewPath }: {
+export default function vueOCProviderTemplate({ viewPath, providerFunctions }: {
     viewPath: string;
+    providerFunctions: string;
 }): string;

package/dist/lib/vueOCProviderTemplate.js

@@ -1,51 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function vueOCProviderTemplate({ viewPath }) {
+function vueOCProviderTemplate({ viewPath, providerFunctions }) {
     return `
   import { createApp } from 'vue'
   import View from '${viewPath}';
 
-  function getDataCb(providerProps, parameters, cb) {
-    return window.oc.getData({
-      name: providerProps._componentName,
-      version: providerProps._componentVersion,
-      baseUrl: providerProps._baseUrl,
-      parameters
-    }, (err, data) => {
-      if (err) {
-        return cb(err);
-      }
-      const { _staticPath, _baseUrl, _componentName, _componentVersion, ...rest } = data.component.props;
-      cb(null, rest, data.component.props);
-    });
-  }
+  function renderer(props, element, ssr) {
+    const { _staticPath, _baseUrl, _componentName, _componentVersion, ...rest } = props;
+    ${providerFunctions}
 
-  function getSetting(providerProps, setting) {
-    const settingHash = {
-      name: providerProps._componentName,
-      version: providerProps._componentVersion,
-      baseUrl: providerProps._baseUrl,
-      staticPath: providerProps._staticPath
-    };
-    return settingHash[setting];
+    rest.getData = getData;
+    rest.getSetting = getSetting;
+    createApp(View, rest).mount(element, ssr);
   }
 
-
-  function renderer(props, element, ssr) {
-    function getData(params) {
-      return new Promise((resolve, reject) => {
-        getDataCb(props, params, (err, data) => {
-          if (err) {
-            return reject(err);
-          }
-          resolve(data);
-        });
-      });
-    }
-    props.getData = getData;
-    props.getSetting = (setting) => getSetting(props, setting);
-    createApp(View, props).mount(element, ssr);
-  }
+  renderer.component = View;
 
   export default renderer;
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oc-template-vue-compiler",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Compiler for the vueJS OC template",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,8 +30,8 @@
   "license": "MIT",
   "dependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
-    "oc-template-vue": "^0.0.1",
-    "oc-vite-compiler": "^3.2.0"
+    "oc-template-vue": "^0.0.2",
+    "oc-vite-compiler": "^3.4.0"
   },
   "files": [
     "dist/**",

package/scaffold/src/package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "scripts": {
     "lint": "eslint --max-warnings 0 --ext .js,.jsx,.ts,.tsx src",
-    "build": "tsc --noEmit && oc package .",
+    "build": "vue-tsc --noEmit && oc package .",
     "test": "vitest"
   },
   "oc": {

package/scaffold/src/src/HelloWorld.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>