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

Comparing version 0.0.25 to 0.0.26

dist/css/diff-view-pure.css

@@ -219,3 +219,3 @@ .diff-tailwindcss-wrapper .container {
   --tw-text-opacity: 1 !important;
-  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
 }
@@ -222,0 +222,0 @@ .diff-tailwindcss-wrapper .opacity-\[0\.5\] {

dist/css/diff-view.css

@@ -108,3 +108,3 @@ *, ::before, ::after {
 }/*
-! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 *//*
@@ -726,3 +726,3 @@ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
   --tw-text-opacity: 1 !important;
-  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
 }
@@ -729,0 +729,0 @@ .diff-tailwindcss-wrapper .opacity-\[0\.5\] {

index.d.ts

@@ -64,4 +64,2 @@ // Generated by dts-bundle-generator v9.5.1
 	deletionLength: number;
-	hasExpandSplitAll: boolean;
-	hasExpandUnifiedAll: boolean;
 	hasSomeLineCollapsed: boolean;
@@ -91,3 +89,7 @@ static createInstance(data: FileData_1, bundle?: ReturnType<DiffFile["getBundle"] | DiffFile["_getFullBundle"]>): DiffFile;
 	onAllExpand: (mode: "split" | "unified") => void;
+	get hasExpandSplitAll(): boolean;
+	get hasExpandUnifiedAll(): boolean;
 	onAllCollapse: (mode: "split" | "unified") => void;
+	getOldFileContent: () => string;
+	getNewFileContent: () => string;
 	getOldSyntaxLine: (lineNumber: number) => SyntaxLine;
@@ -128,2 +130,8 @@ getNewSyntaxLine: (lineNumber: number) => SyntaxLine;
 		hasSomeLineCollapsed: boolean;
+		hasExpandSplitAll: {
+			state: boolean;
+		};
+		hasExpandUnifiedAll: {
+			state: boolean;
+		};
 		version: string;
@@ -172,2 +180,8 @@ theme: "light" | "dark";
 		hasSomeLineCollapsed: boolean;
+		hasExpandSplitAll: {
+			state: boolean;
+		};
+		hasExpandUnifiedAll: {
+			state: boolean;
+		};
 		version: string;
@@ -174,0 +188,0 @@ theme: "light" | "dark";

package.json

@@ -6,3 +6,3 @@ {
   "license": "MIT",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "main": "./dist/vue-git-diff-view.mjs",
@@ -37,3 +37,3 @@ "type": "module",
   "dependencies": {
-    "@git-diff-view/core": "^0.0.25",
+    "@git-diff-view/core": "^0.0.26",
     "@types/hast": "^3.0.0",
@@ -45,12 +45,11 @@ "highlight.js": "^11.11.0",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^11.1.6",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.14",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^3.9.1",
+    "postcss": "^8.5.1",
+    "tailwindcss": "^3.4.17",
+    "vite": "^5.4.14",
+    "vite-plugin-dts": "^4.5.0",
     "vue": "^3.5.13",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^2.2.0"
   },
@@ -65,4 +64,4 @@ "peerDependencies": {
     "gen:css": "npm run gen:css1 && npm run gen:css2",
-    "gen:type": "dts-bundle-generator -o index.d.ts dist/index.d.ts"
+    "gen:type": "dts-bundle-generator -o index.d.ts dist/types/index.d.ts"
   }
 }

styles/diff-view-pure.css

@@ -219,3 +219,3 @@ .diff-tailwindcss-wrapper .container {
   --tw-text-opacity: 1 !important;
-  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
 }
@@ -222,0 +222,0 @@ .diff-tailwindcss-wrapper .opacity-\[0\.5\] {

styles/diff-view.css

@@ -108,3 +108,3 @@ *, ::before, ::after {
 }/*
-! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 *//*
@@ -726,3 +726,3 @@ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
   --tw-text-opacity: 1 !important;
-  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
 }
@@ -729,0 +729,0 @@ .diff-tailwindcss-wrapper .opacity-\[0\.5\] {

dist/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;

dist/components/DiffContent.d.ts

-import { DiffFile, DiffLine, SyntaxLine } from '@git-diff-view/core';
-
-export declare const DiffContent: ({ diffLine, rawLine, syntaxLine, enableWrap, enableHighlight, }: {
-    rawLine: string;
-    syntaxLine?: SyntaxLine;
-    diffLine?: DiffLine;
-    diffFile: DiffFile;
-    enableWrap: boolean;
-    enableHighlight: boolean;
-}) => import("vue/jsx-runtime").JSX.Element;

dist/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;

dist/components/DiffNoNewLine.d.ts

-export declare const DiffNoNewLine: () => import("vue/jsx-runtime").JSX.Element;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/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>;

dist/components/DiffView.d.ts

-import { DiffFile, DiffHighlighter } from '@git-diff-view/core';
-import { CSSProperties, SlotsType } from 'vue';
-
-export declare enum DiffModeEnum {
-    SplitGitHub = 1,
-    SplitGitLab = 2,
-    Split = 3,
-    Unified = 4
-}
-export declare enum SplitSide {
-    old = 1,
-    new = 2
-}
-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;
-        }>;
-    };
-    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;
-export {};

dist/context/index.d.ts

-export * from './inject';
-export * from './provider';

dist/context/inject.d.ts

-export declare const useId: () => import('vue').Ref<string, string>;
-export declare const useMode: () => import('vue').Ref<import('..').DiffModeEnum, import('..').DiffModeEnum>;
-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('..').SplitSide) => void;
-export declare const useSlots: () => {
-    widget: import('vue').Slot<{
-        lineNumber: number;
-        side: import('..').SplitSide;
-        diffFile: import('@git-diff-view/core').DiffFile;
-        onClose: () => void;
-    }>;
-    extend: import('vue').Slot<{
-        lineNumber: number;
-        side: import('..').SplitSide;
-        data: any;
-        diffFile: import('@git-diff-view/core').DiffFile;
-        onUpdate: () => void;
-    }>;
-};
-export declare const useWidget: () => import('vue').Ref<{
-    lineNumber?: number;
-    side?: import('..').SplitSide;
-}, {
-    lineNumber?: number;
-    side?: import('..').SplitSide;
-}>;
-export declare const useSetWidget: () => (props: {
-    lineNumber?: number;
-    side?: import('..').SplitSide;
-}) => void;

dist/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>>;
-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>;

dist/hooks/useDomWidth.d.ts

-import { Ref } from 'vue';
-
-export declare const useDomWidth: ({ selector, enable }: {
-    selector: Ref<string>;
-    enable: Ref<boolean>;
-}) => Ref<number, number>;

dist/hooks/useForceUpdate.d.ts

-import { DiffFile } from '@git-diff-view/core';
-
-export declare const useForceUpdate: (props: {
-    diffFile: DiffFile;
-}) => import('vue').Ref<number, number>;

dist/hooks/useIsMounted.d.ts

-export declare const useIsMounted: () => import('vue').Ref<boolean, boolean>;

dist/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;

dist/hooks/useSubscribeDiffFile.d.ts

-import { DiffFile } from '@git-diff-view/core';
-
-export declare const useSubscribeDiffFile: (props: {
-    diffFile: DiffFile;
-}, onUpdate: (instance: DiffFile) => void) => void;

dist/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;

dist/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>;

dist/index.d.ts

-export * from './components/DiffView';
-export * from '@git-diff-view/core';

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

787745

6.75%

Dev dependency count

9

-10%

Number of low quality alerts

2

-33.33%

Worsened metrics

Number of package files

13

-71.11%

Lines of code

6255

-5.8%

Dependency changes

• + Added

  @git-diff-view/core@0.0.26
  (transitive)

• + Added

  @git-diff-view/lowlight@0.0.26
  (transitive)

• - Removed

  @git-diff-view/core@0.0.25
  (transitive)

• - Removed

  @git-diff-view/lowlight@0.0.25
  (transitive)

• Updated

  @git-diff-view/core@^0.0.26