revamp of ivue deployment

infinite-system · Aug 11, 2024 · 0be1acd · 0be1acd
1 parent 4df37bf
commit 0be1acd
Show file tree

Hide file tree

Showing 26 changed files with 2,689 additions and 17,772 deletions.
diff --git a/.babelrc.json b/.babelrc.json
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
diff --git a/.npmignore b/.npmignore
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
diff --git a/LICENSE b/LICENSE
@@ -1,4 +1,4 @@
-Copyright (c) 2023 - ∞ Evgeny Kalashnikov
+Copyright (c) 2023 – ∞ Evgeny Kalashnikov
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -16,4 +16,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
diff --git a/README.md b/README.md
diff --git a/demo/App.vue b/demo/App.vue
@@ -1,9 +1,129 @@
 <script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { action, computed, inject, makeObservable, observable } from "*";
+
+const w = window
+const test = reactive({ 'test': 'test' })
+const test2 = { 'test': ref({ test: 'test' }), 'array': ['test', 'test2'] }
+
+abstract class GrandParent {
+  grandParent = 'test'
+
+  get grandParentGetter () {
+    return 'fun'
+  }
+}
+
+abstract class MessagesPresenter extends GrandParent {
+
+  showValidationWarning = null
+
+  static _name = 'hi'
+
+  constructor () {
+    super()
+
+  }
+
+  init = () => {}
+
+  abstract reset (): void
+
+  get messages () {
+    return 'yes'
+  }
+
+  unpackRepositoryPmToVm = (pm, userMessage) => {}
+}
+class Auth {
+  test = 1
+}
+class LoginRegisterPresenter extends MessagesPresenter {
+
+  static test = 2
+  static test2 = 2
+
+  auth = new Auth()
+
+  static testF () {
+    return 1
+  }
+
+  email = null
+  password = null
+  option = null
+
+  constructor () {
+    super()
+    this.auth = new Auth()
+  }
+
+  //
+  get viewTest () {
+    this.auth.test = 2
+    console.log('yo')
+    return 'yes'
+  }
+
+  set viewTest (value) {
+
+  }
+
+  setAuthRepoTest () {
+
+  }
+
+  reset () {
+
+  }
+
+  async login () {
+
+  }
+
+  register () {
+
+  }
+
+  logOut () {
+
+  }
+}
+
+const presenter = new LoginRegisterPresenter()
+
+const proto = Object.getPrototypeOf(presenter)
+
+let val = ref({  })
+setTimeout(() => {
+  val.value = reactive({
+    test: 1
+  })
+}, 1000)
+
 </script>
 <template>
-  Hello World
-  <router-view />
+  <h1>vue-dd integration tests</h1>
+  <vue-dd name="val" v-model="val" />
+  <br />
+  <vue-dd name="window" :save-focus="false" :get-all-properties="false" v-model="w" />
+  <br />
+  <vue-dd name="test" get-all-properties v-model="test" />
+  <br />
+  <vue-dd name="test2" get-all-properties v-model="test2" />
+  <br />
+  <vue-dd name="presenter" :get-all-properties="true" v-model="presenter" />
+  <vue-dd name="LoginRegisterPresenter" :get-all-properties="true" v-model="LoginRegisterPresenter" />
+
+
+
 </template>
-<style>
 
-</style>
+
+<style>
+.rendererParent {
+  width: 100%;
+  height: 580px;
+  border: 1px solid black;
+}
+</style>
diff --git a/demo/main.ts b/demo/main.ts
@@ -1,11 +1,9 @@
 import { createApp } from "vue";
-import { VueDd } from "vue-dd";
-import router from "./router";
+import { install } from "../src/index";
 import App from "./App.vue";
 
 const app = createApp(App);
-app.use(router);
 
-app.component("VueDd", VueDd);
+install(app);
 
 app.mount("#app");
diff --git a/demo/router/index.ts b/demo/router/index.ts
diff --git a/demo/vite.config.ts b/demo/vite.config.ts
@@ -1,12 +1,19 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 
+export const vueDocsPlugin = () => ({
+  name: "vue-docs",
+  transform(code: any, id: any) {
+    if (!/vue&type=docs/.test(id)) return;
+    return `export default ''`;
+  },
+});
 
 export default defineConfig({
   root: "./",
   // keep the same name as your github repos
   mode: "production",
-  plugins: [vue()],
+  plugins: [vue(), vueDocsPlugin()],
   build: {
     outDir: "./dist-demo",
   },

diff --git a/env.d.ts b/env.d.ts
diff --git a/index.html b/index.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>MyComponent</title>
   </head>
+
   <body>
     <div id="app"></div>
     <script type="module" src="./demo/main.ts"></script>