Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@git-diff-view/vue

Package Overview
Dependencies
Maintainers
1
Versions
48
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@git-diff-view/vue - npm Package Compare versions

Comparing version
0.1.4
 to
0.1.5
+5
-29
index.d.ts

@@ -527,2 +527,3 @@ // Generated by dts-bundle-generator v9.5.1

export declare const getCurrentComposeLength: () => number;
export declare const getEnableBuildTemplate: () => boolean;
export declare const getEnableFastDiffTemplate: () => boolean;

@@ -610,2 +611,3 @@ export declare const getLang: (fileName: string) => string;

export declare const resetDefaultComposeLength: () => void;
export declare const resetEnableBuildTemplate: () => void;
export declare const resetEnableFastDiffTemplate: () => void;

@@ -622,2 +624,3 @@ export declare const resetMaxLengthToIgnoreLineDiff: () => void;

export declare const resetTransform: () => void;
export declare const setEnableBuildTemplate: (enable: boolean) => void;
export declare const setEnableFastDiffTemplate: (enable: boolean) => void;

@@ -1066,22 +1069,4 @@ /**

export declare const version: string;
/**
* Extended data item with fromLine support for multi-line comments
*/
export interface MultiSelectExtendDataItem<T = unknown> {
data: T;
export type DiffViewWithMultiSelectProps<T> = Omit<DiffViewProps<T>, "onAddWidgetClick"> & {
/**
* Starting line number for multi-line selection
* If not provided, defaults to the key (end line number)
*/
fromLine?: number;
}
/**
* Extended data format for multi-select diff view
*/
export type MultiSelectExtendData<T = unknown> = {
oldFile?: Record<string, MultiSelectExtendDataItem<T>>;
newFile?: Record<string, MultiSelectExtendDataItem<T>>;
};
export type DiffViewWithMultiSelectProps<T> = Omit<DiffViewProps<T>, "extendData"> & {
/**
* Enable multi-select feature

@@ -1092,6 +1077,2 @@ * @default true

/**
* Extended data with fromLine support for multi-line comments
*/
extendData?: MultiSelectExtendData<T>;
/**
* Callback when multi-line selection is complete

@@ -1119,3 +1100,2 @@ */

lineNumber: number;
fromLineNumber: number;
side: SplitSide;

@@ -1135,3 +1115,3 @@ data: any;

onMultiSelectChange: (range: LineRange | null, state: MultiSelectState) => void;
}, multiSelectTypeSlots, Omit<DiffViewProps<any>, "extendData"> & {
}, multiSelectTypeSlots, Omit<DiffViewProps<any>, "onAddWidgetClick"> & {
/**

@@ -1143,6 +1123,2 @@ * Enable multi-select feature

/**
* Extended data with fromLine support for multi-line comments
*/
extendData?: MultiSelectExtendData<any>;
/**
* Callback when multi-line selection is complete

@@ -1149,0 +1125,0 @@ */

+2
-2
package.json

@@ -6,3 +6,3 @@ {

"license": "MIT",
"version": "0.1.4",
"version": "0.1.5",
"main": "./dist/vue-git-diff-view.mjs",

@@ -38,3 +38,3 @@ "type": "module",

"dependencies": {
"@git-diff-view/core": "^0.1.4",
"@git-diff-view/core": "^0.1.5",
"@types/hast": "^3.0.0",

@@ -41,0 +41,0 @@ "highlight.js": "^11.11.0",

-19
dist/types/components/DiffAddWidget.d.ts
import { SplitSide } from './DiffView';
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitAddWidget: ({ side, className, lineNumber, onWidgetClick, onOpenAddWidget, }: {
index: number;
className?: string;
lineNumber: number;
diffFile: DiffFile;
side: SplitSide;
onOpenAddWidget: (lineNumber: number, side: SplitSide) => void;
onWidgetClick?: (event: "onAddWidgetClick", lineNumber: number, side: SplitSide) => void;
}) => import("vue/jsx-runtime").JSX.Element;
export declare const DiffUnifiedAddWidget: ({ lineNumber, side, onWidgetClick, onOpenAddWidget, }: {
index: number;
diffFile: DiffFile;
lineNumber: number;
side: SplitSide;
onOpenAddWidget: (lineNumber: number, side: SplitSide) => void;
onWidgetClick?: (event: "onAddWidgetClick", lineNumber: number, side: SplitSide) => void;
}) => import("vue/jsx-runtime").JSX.Element;
-10
dist/types/components/DiffContent.d.ts
import { DiffFile, DiffLine, File } from '@git-diff-view/core';
export declare const DiffContent: ({ rawLine, diffFile, diffLine, plainLine, syntaxLine, enableWrap, enableHighlight, }: {
rawLine: string;
plainLine?: File["plainFile"][number];
syntaxLine?: File["syntaxFile"][number];
diffLine?: DiffLine;
diffFile: DiffFile;
enableWrap: boolean;
enableHighlight: boolean;
}) => import("vue/jsx-runtime").JSX.Element;
-9
dist/types/components/DiffExpand.d.ts
export declare const ExpandDown: ({ className }: {
className: string;
}) => import("vue/jsx-runtime").JSX.Element;
export declare const ExpandUp: ({ className }: {
className?: string;
}) => import("vue/jsx-runtime").JSX.Element;
export declare const ExpandAll: ({ className }: {
className?: string;
}) => import("vue/jsx-runtime").JSX.Element;
-1
dist/types/components/DiffNoNewLine.d.ts
export declare const DiffNoNewLine: () => import("vue/jsx-runtime").JSX.Element;
-13
dist/types/components/DiffSplitContentLineNormal.d.ts
import { DiffFile } from '@git-diff-view/core';
import { SplitSide } from './DiffView';
export declare const DiffSplitContentLine: import('vue').DefineSetupFnComponent<{
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffSplitContentLineWrap.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitContentLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-13
dist/types/components/DiffSplitExtendLineNormal.d.ts
import { SplitSide } from './DiffView';
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitExtendLine: import('vue').DefineSetupFnComponent<{
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffSplitExtendLineWrap.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitExtendLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-13
dist/types/components/DiffSplitHunkLineNormal.d.ts
import { DiffFile } from '@git-diff-view/core';
import { SplitSide } from './DiffView';
export declare const DiffSplitHunkLine: import('vue').DefineSetupFnComponent<{
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffSplitHunkLineWrap.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitHunkLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-6
dist/types/components/DiffSplitView.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitView: import('vue').DefineSetupFnComponent<{
diffFile: DiffFile;
}, {}, {}, {
diffFile: DiffFile;
} & {}, import('vue').PublicProps>;
-6
dist/types/components/DiffSplitViewNormal.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitViewNormal: import('vue').DefineSetupFnComponent<{
diffFile: DiffFile;
}, {}, {}, {
diffFile: DiffFile;
} & {}, import('vue').PublicProps>;
-6
dist/types/components/DiffSplitViewWrap.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitViewWrap: import('vue').DefineSetupFnComponent<{
diffFile: DiffFile;
}, {}, {}, {
diffFile: DiffFile;
} & {}, import('vue').PublicProps>;
-13
dist/types/components/DiffSplitWidgetLineNormal.d.ts
import { SplitSide } from './DiffView';
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitWidgetLine: import('vue').DefineSetupFnComponent<{
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
side: SplitSide;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffSplitWidgetLineWrap.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffSplitWidgetLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffUnifiedContentLine.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffUnifiedContentLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffUnifiedExtendLine.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffUnifiedExtendLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffUnifiedHunkLine.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffUnifiedHunkLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-6
dist/types/components/DiffUnifiedView.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffUnifiedView: import('vue').DefineSetupFnComponent<{
diffFile: DiffFile;
}, {}, {}, {
diffFile: DiffFile;
} & {}, import('vue').PublicProps>;
-10
dist/types/components/DiffUnifiedWidgetLine.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const DiffUnifiedWidgetLine: import('vue').DefineSetupFnComponent<{
index: number;
diffFile: DiffFile;
lineNumber: number;
}, {}, {}, {
index: number;
diffFile: DiffFile;
lineNumber: number;
} & {}, import('vue').PublicProps>;
-62
dist/types/components/DiffView.d.ts
import { DiffFile, SplitSide, DiffHighlighter } from '@git-diff-view/core';
import { DiffModeEnum } from '@git-diff-view/utils';
import { CSSProperties, SlotsType } from 'vue';
export { SplitSide, DiffModeEnum };
export type DiffViewProps<T> = {
data?: {
oldFile?: {
fileName?: string | null;
fileLang?: string | null;
content?: string | null;
};
newFile?: {
fileName?: string | null;
fileLang?: string | null;
content?: string | null;
};
hunks: string[];
};
extendData?: {
oldFile?: Record<string, {
data: T;
}>;
newFile?: Record<string, {
data: T;
}>;
};
initialWidgetState?: {
side: SplitSide;
lineNumber: number;
};
diffFile?: DiffFile;
class?: string;
style?: CSSProperties;
registerHighlighter?: Omit<DiffHighlighter, "getHighlighterEngine">;
diffViewMode?: DiffModeEnum;
diffViewWrap?: boolean;
diffViewTheme?: "light" | "dark";
diffViewFontSize?: number;
diffViewHighlight?: boolean;
diffViewAddWidget?: boolean;
};
type typeSlots = SlotsType<{
widget: {
lineNumber: number;
side: SplitSide;
diffFile: DiffFile;
onClose: () => void;
};
extend: {
lineNumber: number;
side: SplitSide;
data: any;
diffFile: DiffFile;
onUpdate: () => void;
};
}>;
export declare const DiffView: import('vue').DefineSetupFnComponent<DiffViewProps<any>, {
onAddWidgetClick: (lineNumber: number, side: SplitSide) => void;
}, typeSlots, DiffViewProps<any> & {
onOnAddWidgetClick?: (lineNumber: number, side: SplitSide) => any;
}, import('vue').PublicProps>;
export declare const version: string;
-74
dist/types/components/DiffViewWithMultiSelect.d.ts
import { SplitSide, DiffFile, MultiSelectResult, LineRange, MultiSelectState } from '@git-diff-view/core';
import { DiffViewProps } from './DiffView';
import { SlotsType } from 'vue';
export type DiffViewWithMultiSelectProps<T> = Omit<DiffViewProps<T>, "onAddWidgetClick"> & {
/**
* Enable multi-select feature
* @default true
*/
enableMultiSelect?: boolean;
/**
* Callback when multi-line selection is complete
*/
onMultiSelectComplete?: (result: MultiSelectResult) => void;
/**
* Callback when selection changes (during drag)
*/
onMultiSelectChange?: (range: LineRange | null, state: MultiSelectState) => void;
/**
* Custom function to scope selection to one hunk
*/
scopeMultiSelectToHunk?: (range: LineRange) => LineRange | null;
};
type multiSelectTypeSlots = SlotsType<{
widget: {
lineNumber: number;
fromLineNumber: number;
side: SplitSide;
diffFile: DiffFile;
onClose: () => void;
};
extend: {
lineNumber: number;
side: SplitSide;
data: any;
diffFile: DiffFile;
onUpdate: () => void;
};
}>;
export declare const DiffViewWithMultiSelect: import('vue').DefineSetupFnComponent<DiffViewWithMultiSelectProps<any>, {
onAddWidgetClick: (props: {
lineNumber: number;
fromLineNumber?: number;
side: SplitSide;
}) => void;
onMultiSelectComplete: (result: MultiSelectResult) => void;
onMultiSelectChange: (range: LineRange | null, state: MultiSelectState) => void;
}, multiSelectTypeSlots, Omit<DiffViewProps<any>, "onAddWidgetClick"> & {
/**
* Enable multi-select feature
* @default true
*/
enableMultiSelect?: boolean;
/**
* Callback when multi-line selection is complete
*/
onMultiSelectComplete?: (result: MultiSelectResult) => void;
/**
* Callback when selection changes (during drag)
*/
onMultiSelectChange?: (range: LineRange | null, state: MultiSelectState) => void;
/**
* Custom function to scope selection to one hunk
*/
scopeMultiSelectToHunk?: (range: LineRange) => LineRange | null;
} & {
onOnAddWidgetClick?: (props: {
lineNumber: number;
fromLineNumber?: number;
side: SplitSide;
}) => any;
onOnMultiSelectComplete?: (result: MultiSelectResult) => any;
onOnMultiSelectChange?: (range: LineRange, state: MultiSelectState) => any;
}, import('vue').PublicProps>;
export {};
-2
dist/types/context/index.d.ts
export * from './inject';
export * from './provider';
-50
dist/types/context/inject.d.ts
export declare const useId: () => import('vue').Ref<string, string>;
export declare const useDom: () => import('vue').Ref<HTMLElement, HTMLElement>;
export declare const useMode: () => import('vue').Ref<import('@git-diff-view/utils').DiffModeEnum, import('@git-diff-view/utils').DiffModeEnum>;
export declare const useIsMounted: () => import('vue').Ref<boolean, boolean>;
export declare const useFontSize: () => import('vue').Ref<number, number>;
export declare const useEnableWrap: () => import('vue').Ref<boolean, boolean>;
export declare const useEnableHighlight: () => import('vue').Ref<boolean, boolean>;
export declare const useEnableAddWidget: () => import('vue').Ref<boolean, boolean>;
export declare const useExtendData: () => import('vue').Ref<{
oldFile?: Record<string, {
data: any;
}>;
newFile?: Record<string, {
data: any;
}>;
}, {
oldFile?: Record<string, {
data: any;
}>;
newFile?: Record<string, {
data: any;
}>;
}>;
export declare const useOnAddWidgetClick: () => (event: "onAddWidgetClick", lineNumber: number, side: import('@git-diff-view/core').SplitSide) => void;
export declare const useSlots: () => {
widget: import('vue').Slot<{
lineNumber: number;
side: import('@git-diff-view/core').SplitSide;
diffFile: import('@git-diff-view/core').DiffFile;
onClose: () => void;
}>;
extend: import('vue').Slot<{
lineNumber: number;
side: import('@git-diff-view/core').SplitSide;
data: any;
diffFile: import('@git-diff-view/core').DiffFile;
onUpdate: () => void;
}>;
};
export declare const useWidget: () => import('vue').Ref<{
lineNumber?: number;
side?: import('@git-diff-view/core').SplitSide;
}, {
lineNumber?: number;
side?: import('@git-diff-view/core').SplitSide;
}>;
export declare const useSetWidget: () => (props: {
lineNumber?: number;
side?: import('@git-diff-view/core').SplitSide;
}) => void;
-43
dist/types/context/provider.d.ts
import { DiffModeEnum, SplitSide } from '..';
import { DiffFile } from '@git-diff-view/core';
import { InjectionKey, Ref, Slot } from 'vue';
export declare const idSymbol: InjectionKey<Ref<string | undefined>>;
export declare const domSymbol: InjectionKey<Ref<HTMLElement | undefined>>;
export declare const mountedSymbol: InjectionKey<Ref<boolean>>;
export declare const modeSymbol: InjectionKey<Ref<DiffModeEnum>>;
export declare const fontSizeSymbol: InjectionKey<Ref<number>>;
export declare const enableWrapSymbol: InjectionKey<Ref<boolean>>;
export declare const enableHighlightSymbol: InjectionKey<Ref<boolean>>;
export declare const enableAddWidgetSymbol: InjectionKey<Ref<boolean>>;
export declare const slotsSymbol: InjectionKey<{
widget: Slot<{
lineNumber: number;
side: SplitSide;
diffFile: DiffFile;
onClose: () => void;
}>;
extend: Slot<{
lineNumber: number;
side: SplitSide;
data: any;
diffFile: DiffFile;
onUpdate: () => void;
}>;
}>;
export declare const extendDataSymbol: InjectionKey<Ref<{
oldFile?: Record<string, {
data: any;
}>;
newFile?: Record<string, {
data: any;
}>;
}>>;
export declare const onAddWidgetClickSymbol: InjectionKey<(event: "onAddWidgetClick", lineNumber: number, side: SplitSide) => void>;
export declare const widgetStateSymbol: InjectionKey<Ref<{
lineNumber?: number;
side?: SplitSide;
}>>;
export declare const setWidgetStateSymbol: InjectionKey<(props: {
lineNumber?: number;
side?: SplitSide;
}) => void>;
-9
dist/types/hooks/useDomWidth.d.ts
import { Ref } from 'vue';
export type ObserveElement = HTMLElement & {
__observeCallback?: Set<() => void>;
__observeInstance?: ResizeObserver;
};
export declare const useDomWidth: ({ selector, enable }: {
selector: Ref<string>;
enable: Ref<boolean>;
}) => Ref<number, number>;
-4
dist/types/hooks/useForceUpdate.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const useForceUpdate: (props: {
diffFile: DiffFile;
}) => import('vue').Ref<number, number>;
-1
dist/types/hooks/useIsMounted.d.ts
export declare const useIsMounted: () => import('vue').Ref<boolean, boolean>;
-5
dist/types/hooks/useProvide.d.ts
import { InjectionKey } from 'vue';
export declare const useProvide: <T extends Record<string, any>, K extends keyof T = keyof T>(props: T, key: K, keySymbol: InjectionKey<any>, option?: {
defaultValue?: T[K];
deepWatch?: boolean;
}) => void;
-4
dist/types/hooks/useSubscribeDiffFile.d.ts
import { DiffFile } from '@git-diff-view/core';
export declare const useSubscribeDiffFile: (props: {
diffFile: DiffFile;
}, onUpdate: (instance: DiffFile) => void) => void;
-7
dist/types/hooks/useSyncHeight.d.ts
import { Ref } from 'vue';
export declare const useSyncHeight: ({ selector, wrapper, side, enable, }: {
selector: Ref<string>;
wrapper: Ref<string>;
side: Ref<string>;
enable: Ref<boolean>;
}) => void;
-9
dist/types/hooks/useTextWidth.d.ts
import { Ref } from 'vue';
export declare const useTextWidth: ({ text, font, }: {
text: Ref<string>;
font: Ref<{
fontFamily?: string;
fontStyle?: string;
fontSize?: string;
}>;
}) => Ref<number, number>;
-3
dist/types/index.d.ts
export * from './components/DiffView';
export * from './components/DiffViewWithMultiSelect';
export * from '@git-diff-view/core';
dist/vue-git-diff-view.cjs

Sorry, the diff of this file is too big to display

dist/vue-git-diff-view.mjs

Sorry, the diff of this file is too big to display