@razaman2/reactive-view 0.1.0-beta.16 → 0.1.0-beta.18

package/dist/showComponent.d.ts

@@ -0,0 +1,5 @@
+export default function (component: never, options?: Partial<{
+    id: string;
+    app: HTMLElement;
+    container: string;
+}>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.1.0-beta.16",
+    "version": "0.1.0-beta.18",
     "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -14,8 +14,11 @@
     },
     "scripts": {
         "prepublishOnly": "npm run build",
-        "build": "tsup src/index.ts --format cjs,esm --dts",
-        "lint": "tsc",
+        "build": "vue-tsc -p tsconfig.build.json && vite build",
+        "lint": "eslint \"src/**/*.ts\" \"tests/**/*.ts\"",
+        "lint:fix": "eslint \"src/**/*.ts\" \"tests/**/*.ts\" --fix",
+        "format": "prettier --write \"src/**/*.ts\" \"tests/**/*.ts\"",
+        "typecheck": "tsc",
         "test": "vitest run",
         "test:watch": "vitest",
         "pr": "sh pr.sh"
@@ -43,17 +46,31 @@
         "@razaman2/object-manager": "^3.4.7",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
-        "tailwind-merge": "^3.5.0",
-        "uuid": "^13.0.0"
+        "tailwind-merge": "^3.5.0"
     },
     "peerDependencies": {
         "vue": ">=3.0.0"
     },
     "devDependencies": {
-        "@types/uuid": "^11.0.0",
-        "tsup": "^8.5.1",
+        "@eslint/js": "^10.0.1",
+        "@stylistic/eslint-plugin": "^5.10.0",
+        "@typescript-eslint/eslint-plugin": "^8.59.2",
+        "@typescript-eslint/parser": "^8.59.2",
+        "@vitejs/plugin-vue": "^6.0.6",
+        "@vitejs/plugin-vue-jsx": "^5.1.5",
+        "@vue/server-renderer": "^3.5.34",
+        "@vue/test-utils": "^2.4.10",
+        "eslint": "^10.3.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.5",
+        "eslint-plugin-vue": "^10.9.1",
+        "jsdom": "^29.1.1",
+        "prettier": "^3.8.3",
         "typescript": "^5.9.3",
-        "vitest": "^4.1.2"
+        "typescript-eslint": "^8.59.2",
+        "vite": "^8.0.11",
+        "vitest": "^4.1.5",
+        "vue-tsc": "^3.2.8"
     },
     "publishConfig": {
         "access": "public"

package/dist/index.d.mts

@@ -1,148 +0,0 @@
-import * as vue from 'vue';
-import { SetupContext, ComponentPublicInstance, UnwrapRef, defineComponent } from 'vue';
-
-type ComponentExtension = {
-    parent?: ComponentExtension;
-    self?: Record<string | symbol, any>;
-    access?: () => ComponentExtension;
-    value?: ComponentExtension;
-};
-type PropOptions = {
-    exclude: string | Array<string>;
-    include: Record<string, any>;
-};
-type SubscriptionItem = {
-    name: string;
-    handler: Function;
-    data?: any;
-};
-type PropType = {
-    default: any;
-    required: boolean;
-    validator: ((value: any) => boolean);
-    type: any | Array<any>;
-};
-type PropExclusions = Array<string> | string;
-
-declare class Subscription {
-    private subscriptions;
-    private data;
-    static create(): Subscription;
-    subscribe(name: string, handler: Function, data?: any): Subscription;
-    replace(name: string, handler: Function, data?: any): Subscription;
-    unsubscribe(subscription?: string): Subscription;
-    unsubscribe(subscriptions?: Array<string>): Subscription;
-    size(): number;
-    hasSubscription(name: string): boolean;
-    private remove;
-    private find;
-    private isNameAvailable;
-    registrations(): Array<SubscriptionItem>;
-    get(name: string): SubscriptionItem;
-}
-
-declare const setup: {
-    type: FunctionConstructor;
-    default: (parent?: {}, self?: {}) => {};
-    ReactiveView: boolean;
-};
-declare const _default: {
-    props: {
-        setup: {};
-        beta: (BooleanConstructor | StringConstructor)[];
-        ReactiveView: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        instance: {
-            default: vue.Ref<any, any>;
-        };
-        notifications: ObjectConstructor;
-        subscriptions: ObjectConstructor;
-        beforeSetData: FunctionConstructor;
-        data: {
-            default: {};
-        };
-        defaultData: {};
-        getDefaultData: {
-            type: FunctionConstructor;
-            default: (data: any) => any;
-        };
-        model: {};
-        defer: {};
-        logging: {
-            validator: (logging: boolean) => boolean;
-        };
-        modelName: {
-            type: StringConstructor;
-            default: string;
-        };
-        debug: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        state: {
-            default: {};
-        };
-    };
-    setup(props: Record<string, any>, context: SetupContext): (vue: ComponentPublicInstance) => any;
-};
-
-declare function safeRequest(request: {
-    try: () => Promise<any> | any;
-    catch?: ((error: any) => Promise<any> | any) | false;
-    finally?: () => Promise<any> | any;
-    complete?: () => Promise<any> | any;
-    loading?: {
-        status: boolean;
-        message?: string;
-    };
-    message?: string;
-    alternative?: boolean;
-}): Promise<any>;
-declare function getProps(props: Record<string, any>, exclude: PropExclusions): Record<string, any>;
-declare function getProps(props: Record<string, any>, options: PropOptions): Record<string, any>;
-declare function getReactiveViewComponent(component: any, options?: Record<string, any>): vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>;
-declare function getDate(timestamp: {
-    toDate: () => Date;
-} | Date, format?: string): string;
-declare function getDate(timestamp: {
-    toDate: () => Date;
-} | Date, options?: {
-    format?: string;
-    timezone?: string;
-}): string;
-declare function access(view?: ComponentExtension | UnwrapRef<any> | (() => ComponentExtension), alternative?: any): any;
-declare function useSubscription(): {
-    addSubscription(name: string, handler?: () => boolean, data?: any): void;
-    replaceSubscription(name: string, handler?: () => boolean, data?: any): void;
-    removeSubscriptions(): void;
-    removeSubscription(name: string): void;
-    hasSubscription(name: string): boolean;
-    subscriptions: any[];
-    subscription: Subscription;
-};
-declare const Prop: ({ default: value, type, validator, required }?: Partial<PropType>) => {
-    required: boolean | undefined;
-    validator: (value: any) => boolean;
-    default?: any;
-};
-declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
-declare function MergeStyles(...params: any): any;
-declare const extendVnode: (component: Record<string, any>, element: any) => Record<string, (props?: Record<string, any>, slots?: Record<string, any> | ((slots: Record<string, any>) => Record<string, any>)) => any>;
-declare function defineReactiveView(): ReturnType<typeof defineComponent>;
-declare function defineReactiveView(options: Record<string, any>): ReturnType<typeof defineComponent>;
-declare function defineReactiveView(options: Record<string, any>, component: typeof _default): ReturnType<typeof defineComponent>;
-declare function showComponent(component: any, options?: {
-    container?: string;
-    key?: string;
-    router?: any;
-    plugins?: Array<any>;
-}): any;
-declare const getData: (component: any, path: number | string, alternative: any) => any;
-declare const setData: (component: any, data: any, path?: string) => any;
-declare const dataPath: (component: any, path: string | number) => any;
-
-export { MergeStyles, Prop, StyleParser, access, dataPath, _default as default, defineReactiveView, extendVnode, getData, getDate, getProps, getReactiveViewComponent, safeRequest, setData, setup, showComponent, useSubscription };