ivue 1.4.0 → 1.5.1

package/demo/App.vue

@@ -1,129 +1,11 @@
 <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'
-  }
+import { iref, ivue } from '../lib/ivue';
+class Item {
+  width = iref(1);
 }
-
-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)
-
+const runner = ivue(Item);
 </script>
 <template>
-  <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" />
-
-
-
+  <h1>Runner:</h1>
+  <vue-dd name="runner" v-model="runner" />
 </template>
-
-
-<style>
-.rendererParent {
-  width: 100%;
-  height: 580px;
-  border: 1px solid black;
-}
-</style>

package/demo/main.ts

@@ -1,9 +1,6 @@
 import { createApp } from "vue";
-import { install } from "../src/index";
 import App from "./App.vue";
 
 const app = createApp(App);
 
-install(app);
-
 app.mount("#app");

package/demo/vite.config.ts

@@ -1,19 +1,11 @@
 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(), vueDocsPlugin()],
+  plugins: [vue()],
   build: {
     outDir: "./dist-demo",
   },

package/docs/docs/components/Component.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ivue } from "../../../src/ivue";
+import { ivue } from "../../../lib/ivue";
 import { VueDd } from "vue-dd";
 import { ref } from 'vue';
 

package/docs/docs/index.md

@@ -17,7 +17,7 @@ import Button from './components/Button.vue'
 ∞&nbsp; Flexible like Composition API<br />
 ∞&nbsp; Extensible like TypeScript Class API<br />
 ∞&nbsp; Robust, Minimal, Opaque & Unobtrusive<br />
-∞&nbsp; 100% VSCode / Intellij IDE Autocomplete Intellisence<br />
+∞&nbsp; 100% VSCode / Intellij IDE Autocomplete Intellisense<br />
 ∞&nbsp; 100% Vue 3 Compatible<br />
 ∞&nbsp; 100% Test Covered<br />
 ∞&nbsp; 100% Type Safe<br />

package/{src → lib}/__tests__/ivue.vitest.spec.ts

@@ -433,7 +433,7 @@ describe('ivue', () => {
     });
   });
   describe('core functions', () => {
-    let useComposable = () => {
+    const useComposable = () => {
       return {
         x: ref(0),
         y: ref(0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ivue",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "description": "Infinite Vue – Class Based Architecture for Vue 3",
   "type": "module",
   "exports": {

package/tsconfig.json

@@ -17,8 +17,9 @@
     "forceConsistentCasingInFileNames": true,
     "types": ["vitest/globals"],
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["lib/*"]
     }
   },
+  "include": ["lib"],
   "exclude": ["dist", "node_modules"]
 }

package/vite.config.ts

@@ -7,14 +7,6 @@ import pkg from "./package.json";
 import libCss from 'vite-plugin-libcss';
 import { terser } from 'rollup-plugin-terser';
 
-export const vueDocsPlugin = () => ({
-  name: "vue-docs",
-  transform (code: any, id: any) {
-    if (!/vue&type=docs/.test(id)) return;
-    return `export default ''`;
-  }
-});
-
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
@@ -32,13 +24,12 @@ export default defineConfig({
     dts({
       cleanVueFileName: true,
     }),
-    vueDocsPlugin(),
     libCss()
   ],
   build: {
     cssCodeSplit: true,
     lib: {
-      entry: "./src/index.ts",
+      entry: "./lib/index.ts",
       formats: ["es", "umd"],
       // the name expose in umd mode
       name: pkg.name,

package/dist/docs/vite-env.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "*" {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}

package/dist/vite-env.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "*" {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}