FM / client

/home/techb158/balavpn.abdallabala.com/node_modules/next/dist/esm/client/

/home/techb158/balavpn.abdallabala.com/node_modules/next/dist/esm/client

Name	Size	Mode	Actions
app-dir/	-	0777	rm
compat/	-	0777	rm
components/	-	0777	rm
dev/	-	0777	rm
legacy/	-	0777	rm
lib/	-	0777	rm
portal/	-	0777	rm
react-client-callbacks/	-	0777	rm
request/	-	0777	rm
tracing/	-	0777	rm
add-base-path.js	433	0666	edit dl rm
add-base-path.js.map	978	0666	edit dl rm
add-locale.js	501	0666	edit dl rm
add-locale.js.map	899	0666	edit dl rm
app-bootstrap.js	2210	0666	edit dl rm
app-bootstrap.js.map	3964	0666	edit dl rm
app-build-id.js	985	0666	edit dl rm
app-build-id.js.map	1418	0666	edit dl rm
app-call-server.js	600	0666	edit dl rm
app-call-server.js.map	1041	0666	edit dl rm
app-find-source-map-url.js	1124	0666	edit dl rm
app-find-source-map-url.js.map	2081	0666	edit dl rm
app-globals.js	301	0666	edit dl rm
app-globals.js.map	600	0666	edit dl rm
app-index.js	10228	0666	edit dl rm
app-index.js.map	17238	0666	edit dl rm
app-link-gc.js	4025	0666	edit dl rm
app-link-gc.js.map	5146	0666	edit dl rm
app-next-dev.js	733	0666	edit dl rm
app-next-dev.js.map	1264	0666	edit dl rm
app-next-turbopack.js	843	0666	edit dl rm
app-next-turbopack.js.map	1682	0666	edit dl rm
app-next.js	856	0666	edit dl rm
app-next.js.map	1266	0666	edit dl rm
app-webpack.js	2727	0666	edit dl rm
app-webpack.js.map	3207	0666	edit dl rm
assign-location.js	995	0666	edit dl rm
assign-location.js.map	1557	0666	edit dl rm
detect-domain-locale.js	380	0666	edit dl rm
detect-domain-locale.js.map	711	0666	edit dl rm
flight-data-helpers.js	5088	0666	edit dl rm
flight-data-helpers.js.map	8657	0666	edit dl rm
form-shared.js	5552	0666	edit dl rm
form-shared.js.map	10622	0666	edit dl rm
form.js	5212	0666	edit dl rm
form.js.map	8306	0666	edit dl rm
get-domain-locale.js	998	0666	edit dl rm
get-domain-locale.js.map	2451	0666	edit dl rm
has-base-path.js	257	0666	edit dl rm
has-base-path.js.map	598	0666	edit dl rm
head-manager.js	4988	0666	edit dl rm
head-manager.js.map	8320	0666	edit dl rm
image-component.js	12878	0666	edit dl rm
image-component.js.map	21446	0666	edit dl rm
index.js	31257	0666	edit dl rm
index.js.map	52799	0666	edit dl rm
link.js	18165	0666	edit dl rm
link.js.map	34394	0666	edit dl rm
next-dev-turbopack.js	1417	0666	edit dl rm
next-dev-turbopack.js.map	3054	0666	edit dl rm
next-dev.js	626	0666	edit dl rm
next-dev.js.map	1230	0666	edit dl rm
next-turbopack.js	1166	0666	edit dl rm
next-turbopack.js.map	2397	0666	edit dl rm
next.js	383	0666	edit dl rm
next.js.map	893	0666	edit dl rm
normalize-locale-path.js	339	0666	edit dl rm
normalize-locale-path.js.map	872	0666	edit dl rm
normalize-trailing-slash.js	935	0666	edit dl rm
normalize-trailing-slash.js.map	1736	0666	edit dl rm
page-bootstrap.js	6314	0666	edit dl rm
page-bootstrap.js.map	9025	0666	edit dl rm
page-loader.js	6820	0666	edit dl rm
page-loader.js.map	12220	0666	edit dl rm
remove-base-path.js	526	0666	edit dl rm
remove-base-path.js.map	1138	0666	edit dl rm
remove-locale.js	600	0666	edit dl rm
remove-locale.js.map	1301	0666	edit dl rm
request-idle-callback.js	634	0666	edit dl rm
request-idle-callback.js.map	1392	0666	edit dl rm
resolve-href.js	4816	0666	edit dl rm
resolve-href.js.map	7983	0666	edit dl rm
route-announcer.js	2346	0666	edit dl rm
route-announcer.js.map	3523	0666	edit dl rm
route-loader.js	13075	0666	edit dl rm
route-loader.js.map	23036	0666	edit dl rm
route-params.js	6815	0666	edit dl rm
route-params.js.map	10822	0666	edit dl rm
router.js	5873	0666	edit dl rm
router.js.map	8845	0666	edit dl rm
script.js	12728	0666	edit dl rm
script.js.map	18854	0666	edit dl rm
set-attributes-from-props.js	1817	0666	edit dl rm
set-attributes-from-props.js.map	3101	0666	edit dl rm
trusted-types.js	1410	0666	edit dl rm
trusted-types.js.map	1956	0666	edit dl rm
use-client-disallowed.js	476	0666	edit dl rm
use-client-disallowed.js.map	739	0666	edit dl rm
use-intersection.js	3248	0666	edit dl rm
use-intersection.js.map	6647	0666	edit dl rm
use-merged-ref.js	2345	0666	edit dl rm
use-merged-ref.js.map	3566	0666	edit dl rm
web-vitals.js	491	0666	edit dl rm
web-vitals.js.map	1005	0666	edit dl rm
webpack.js	1877	0666	edit dl rm
webpack.js.map	2542	0666	edit dl rm
with-router.js	781	0666	edit dl rm
with-router.js.map	1935	0666	edit dl rm

Edit: /home/techb158/balavpn.abdallabala.com/node_modules/next/dist/esm/client/image-component.js (12878B)

'use client';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React, { useRef, useEffect, useCallback, useContext, useMemo, useState, forwardRef, use } from 'react';
import ReactDOM from 'react-dom';
import Head from '../shared/lib/head';
import { getImgProps } from '../shared/lib/get-img-props';
import { imageConfigDefault } from '../shared/lib/image-config';
import { ImageConfigContext } from '../shared/lib/image-config-context.shared-runtime';
import { warnOnce } from '../shared/lib/utils/warn-once';
import { RouterContext } from '../shared/lib/router-context.shared-runtime';
// This is replaced by webpack alias
import defaultLoader from 'next/dist/shared/lib/image-loader';
import { useMergedRef } from './use-merged-ref';
// This is replaced by webpack define plugin
const configEnv = process.env.__NEXT_IMAGE_OPTS;
if (typeof window === 'undefined') {
    ;
    globalThis.__NEXT_IMAGE_IMPORTED = true;
}
// See https://stackoverflow.com/q/39777833/266535 for why we use this ref
// handler instead of the img's onLoad attribute.
function handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput) {
    const src = img == null ? void 0 : img.src;
    if (!img || img['data-loaded-src'] === src) {
        return;
    }
    img['data-loaded-src'] = src;
    const p = 'decode' in img ? img.decode() : Promise.resolve();
    p.catch(()=>{}).then(()=>{
        if (!img.parentElement || !img.isConnected) {
            // Exit early in case of race condition:
            // - onload() is called
            // - decode() is called but incomplete
            // - unmount is called
            // - decode() completes
            return;
        }
        if (placeholder !== 'empty') {
            setBlurComplete(true);
        }
        if (onLoadRef == null ? void 0 : onLoadRef.current) {
            // Since we don't have the SyntheticEvent here,
            // we must create one with the same shape.
            // See https://reactjs.org/docs/events.html
            const event = new Event('load');
            Object.defineProperty(event, 'target', {
                writable: false,
                value: img
            });
            let prevented = false;
            let stopped = false;
            onLoadRef.current({
                ...event,
                nativeEvent: event,
                currentTarget: img,
                target: img,
                isDefaultPrevented: ()=>prevented,
                isPropagationStopped: ()=>stopped,
                persist: ()=>{},
                preventDefault: ()=>{
                    prevented = true;
                    event.preventDefault();
                },
                stopPropagation: ()=>{
                    stopped = true;
                    event.stopPropagation();
                }
            });
        }
        if (onLoadingCompleteRef == null ? void 0 : onLoadingCompleteRef.current) {
            onLoadingCompleteRef.current(img);
        }
        if (process.env.NODE_ENV !== 'production') {
            const origSrc = new URL(src, 'http://n').searchParams.get('url') || src;
            if (img.getAttribute('data-nimg') === 'fill') {
                if (!unoptimized && (!sizesInput || sizesInput === '100vw')) {
                    let widthViewportRatio = img.getBoundingClientRect().width / window.innerWidth;
                    if (widthViewportRatio < 0.6) {
                        if (sizesInput === '100vw') {
                            warnOnce('Image with src "' + origSrc + '" has "fill" prop and "sizes" prop of "100vw", but image is not rendered at full viewport width. Please adjust "sizes" to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
                        } else {
                            warnOnce('Image with src "' + origSrc + '" has "fill" but is missing "sizes" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
                        }
                    }
                }
                if (img.parentElement) {
                    const { position } = window.getComputedStyle(img.parentElement);
                    const valid = [
                        'absolute',
                        'fixed',
                        'relative'
                    ];
                    if (!valid.includes(position)) {
                        warnOnce('Image with src "' + origSrc + '" has "fill" and parent element with invalid "position". Provided "' + position + '" should be one of ' + valid.map(String).join(',') + ".");
                    }
                }
                if (img.height === 0) {
                    warnOnce('Image with src "' + origSrc + '" has "fill" and a height value of 0. This is likely because the parent element of the image has not been styled to have a set height.');
                }
            }
            const heightModified = img.height.toString() !== img.getAttribute('height');
            const widthModified = img.width.toString() !== img.getAttribute('width');
            if (heightModified && !widthModified || !heightModified && widthModified) {
                warnOnce('Image with src "' + origSrc + '" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles \'width: "auto"\' or \'height: "auto"\' to maintain the aspect ratio.');
            }
        }
    });
}
function getDynamicProps(fetchPriority) {
    if (Boolean(use)) {
        // In React 19.0.0 or newer, we must use camelCase
        // prop to avoid "Warning: Invalid DOM property".
        // See https://github.com/facebook/react/pull/25927
        return {
            fetchPriority
        };
    }
    // In React 18.2.0 or older, we must use lowercase prop
    // to avoid "Warning: Invalid DOM property".
    return {
        fetchpriority: fetchPriority
    };
}
const ImageElement = /*#__PURE__*/ forwardRef((param, forwardedRef)=>{
    let { src, srcSet, sizes, height, width, decoding, className, style, fetchPriority, placeholder, loading, unoptimized, fill, onLoadRef, onLoadingCompleteRef, setBlurComplete, setShowAltText, sizesInput, onLoad, onError, ...rest } = param;
    const ownRef = useCallback((img)=>{
        if (!img) {
            return;
        }
        if (onError) {
            // If the image has an error before react hydrates, then the error is lost.
            // The workaround is to wait until the image is mounted which is after hydration,
            // then we set the src again to trigger the error handler (if there was an error).
            // eslint-disable-next-line no-self-assign
            img.src = img.src;
        }
        if (process.env.NODE_ENV !== 'production') {
            if (!src) {
                console.error('Image is missing required "src" property:', img);
            }
            if (img.getAttribute('alt') === null) {
                console.error('Image is missing required "alt" property. Please add Alternative Text to describe the image for screen readers and search engines.');
            }
        }
        if (img.complete) {
            handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
        }
    }, [
        src,
        placeholder,
        onLoadRef,
        onLoadingCompleteRef,
        setBlurComplete,
        onError,
        unoptimized,
        sizesInput
    ]);
    const ref = useMergedRef(forwardedRef, ownRef);
    return /*#__PURE__*/ _jsx("img", {
        ...rest,
        ...getDynamicProps(fetchPriority),
        // It's intended to keep `loading` before `src` because React updates
        // props in order which causes Safari/Firefox to not lazy load properly.
        // See https://github.com/facebook/react/issues/25883
        loading: loading,
        width: width,
        height: height,
        decoding: decoding,
        "data-nimg": fill ? 'fill' : '1',
        className: className,
        style: style,
        // It's intended to keep `src` the last attribute because React updates
        // attributes in order. If we keep `src` the first one, Safari will
        // immediately start to fetch `src`, before `sizes` and `srcSet` are even
        // updated by React. That causes multiple unnecessary requests if `srcSet`
        // and `sizes` are defined.
        // This bug cannot be reproduced in Chrome or Firefox.
        sizes: sizes,
        srcSet: srcSet,
        src: src,
        ref: ref,
        onLoad: (event)=>{
            const img = event.currentTarget;
            handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
        },
        onError: (event)=>{
            // if the real image fails to load, this will ensure "alt" is visible
            setShowAltText(true);
            if (placeholder !== 'empty') {
                // If the real image fails to load, this will still remove the placeholder.
                setBlurComplete(true);
            }
            if (onError) {
                onError(event);
            }
        }
    });
});
function ImagePreload(param) {
    let { isAppRouter, imgAttributes } = param;
    const opts = {
        as: 'image',
        imageSrcSet: imgAttributes.srcSet,
        imageSizes: imgAttributes.sizes,
        crossOrigin: imgAttributes.crossOrigin,
        referrerPolicy: imgAttributes.referrerPolicy,
        ...getDynamicProps(imgAttributes.fetchPriority)
    };
    if (isAppRouter && ReactDOM.preload) {
        ReactDOM.preload(imgAttributes.src, opts);
        return null;
    }
    return /*#__PURE__*/ _jsx(Head, {
        children: /*#__PURE__*/ _jsx("link", {
            rel: "preload",
            // Note how we omit the `href` attribute, as it would only be relevant
            // for browsers that do not support `imagesrcset`, and in those cases
            // it would cause the incorrect image to be preloaded.
            //
            // https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset
            href: imgAttributes.srcSet ? undefined : imgAttributes.src,
            ...opts
        }, '__nimg-' + imgAttributes.src + imgAttributes.srcSet + imgAttributes.sizes)
    });
}
/**
 * The `Image` component is used to optimize images.
 *
 * Read more: [Next.js docs: `Image`](https://nextjs.org/docs/app/api-reference/components/image)
 */ export const Image = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
    const pagesRouter = useContext(RouterContext);
    // We're in the app directory if there is no pages router.
    const isAppRouter = !pagesRouter;
    const configContext = useContext(ImageConfigContext);
    const config = useMemo(()=>{
        var _c_qualities;
        const c = configEnv || configContext || imageConfigDefault;
        const allSizes = [
            ...c.deviceSizes,
            ...c.imageSizes
        ].sort((a, b)=>a - b);
        const deviceSizes = c.deviceSizes.sort((a, b)=>a - b);
        const qualities = (_c_qualities = c.qualities) == null ? void 0 : _c_qualities.sort((a, b)=>a - b);
        return {
            ...c,
            allSizes,
            deviceSizes,
            qualities
        };
    }, [
        configContext
    ]);
    const { onLoad, onLoadingComplete } = props;
    const onLoadRef = useRef(onLoad);
    useEffect(()=>{
        onLoadRef.current = onLoad;
    }, [
        onLoad
    ]);
    const onLoadingCompleteRef = useRef(onLoadingComplete);
    useEffect(()=>{
        onLoadingCompleteRef.current = onLoadingComplete;
    }, [
        onLoadingComplete
    ]);
    const [blurComplete, setBlurComplete] = useState(false);
    const [showAltText, setShowAltText] = useState(false);
    const { props: imgAttributes, meta: imgMeta } = getImgProps(props, {
        defaultLoader,
        imgConf: config,
        blurComplete,
        showAltText
    });
    return /*#__PURE__*/ _jsxs(_Fragment, {
        children: [
            /*#__PURE__*/ _jsx(ImageElement, {
                ...imgAttributes,
                unoptimized: imgMeta.unoptimized,
                placeholder: imgMeta.placeholder,
                fill: imgMeta.fill,
                onLoadRef: onLoadRef,
                onLoadingCompleteRef: onLoadingCompleteRef,
                setBlurComplete: setBlurComplete,
                setShowAltText: setShowAltText,
                sizesInput: props.sizes,
                ref: forwardedRef
            }),
            imgMeta.priority ? /*#__PURE__*/ _jsx(ImagePreload, {
                isAppRouter: isAppRouter,
                imgAttributes: imgAttributes
            }) : null
        ]
    });
});

//# sourceMappingURL=image-component.js.map

cmd: