FM / client

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

/home/techb158/balavpn.abdallabala.com/node_modules/next/dist/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.d.ts	79	0666	edit dl rm
add-base-path.js	1010	0666	edit dl rm
add-base-path.js.map	973	0666	edit dl rm
add-locale.d.ts	121	0666	edit dl rm
add-locale.js	1052	0666	edit dl rm
add-locale.js.map	900	0666	edit dl rm
app-bootstrap.d.ts	285	0666	edit dl rm
app-bootstrap.js	2771	0666	edit dl rm
app-bootstrap.js.map	3967	0666	edit dl rm
app-build-id.d.ts	111	0666	edit dl rm
app-build-id.js	1767	0666	edit dl rm
app-build-id.js.map	1461	0666	edit dl rm
app-call-server.d.ts	91	0666	edit dl rm
app-call-server.js	1164	0666	edit dl rm
app-call-server.js.map	1017	0666	edit dl rm
app-find-source-map-url.d.ts	90	0666	edit dl rm
app-find-source-map-url.js	1662	0666	edit dl rm
app-find-source-map-url.js.map	2092	0666	edit dl rm
app-globals.d.ts	45	0666	edit dl rm
app-globals.js	708	0666	edit dl rm
app-globals.js.map	591	0666	edit dl rm
app-index.d.ts	625	0666	edit dl rm
app-index.js	11429	0666	edit dl rm
app-index.js.map	17063	0666	edit dl rm
app-link-gc.d.ts	40	0666	edit dl rm
app-link-gc.js	4543	0666	edit dl rm
app-link-gc.js.map	5163	0666	edit dl rm
app-next-dev.d.ts	24	0666	edit dl rm
app-next-dev.js	1214	0666	edit dl rm
app-next-dev.js.map	1198	0666	edit dl rm
app-next-turbopack.d.ts	11	0666	edit dl rm
app-next-turbopack.js	1291	0666	edit dl rm
app-next-turbopack.js.map	1659	0666	edit dl rm
app-next.d.ts	24	0666	edit dl rm
app-next.js	1284	0666	edit dl rm
app-next.js.map	1249	0666	edit dl rm
app-webpack.d.ts	11	0666	edit dl rm
app-webpack.js	3174	0666	edit dl rm
app-webpack.js.map	3203	0666	edit dl rm
assign-location.d.ts	363	0666	edit dl rm
assign-location.js	1259	0666	edit dl rm
assign-location.js.map	1549	0666	edit dl rm
detect-domain-locale.d.ts	141	0666	edit dl rm
detect-domain-locale.js	922	0666	edit dl rm
detect-domain-locale.js.map	722	0666	edit dl rm
flight-data-helpers.d.ts	1491	0666	edit dl rm
flight-data-helpers.js	5439	0666	edit dl rm
flight-data-helpers.js.map	8665	0666	edit dl rm
form-shared.d.ts	2886	0666	edit dl rm
form-shared.js	7132	0666	edit dl rm
form-shared.js.map	10762	0666	edit dl rm
form.d.ts	489	0666	edit dl rm
form.js	5816	0666	edit dl rm
form.js.map	8265	0666	edit dl rm
get-domain-locale.d.ts	220	0666	edit dl rm
get-domain-locale.js	1561	0666	edit dl rm
get-domain-locale.js.map	2457	0666	edit dl rm
has-base-path.d.ts	60	0666	edit dl rm
has-base-path.js	807	0666	edit dl rm
has-base-path.js.map	605	0666	edit dl rm
head-manager.d.ts	1041	0666	edit dl rm
head-manager.js	4981	0666	edit dl rm
head-manager.js.map	8342	0666	edit dl rm
image-component.d.ts	1337	0666	edit dl rm
image-component.js	13961	0666	edit dl rm
image-component.js.map	21385	0666	edit dl rm
index.d.ts	773	0666	edit dl rm
index.js	33440	0666	edit dl rm
index.js.map	52576	0666	edit dl rm
link.d.ts	5062	0666	edit dl rm
link.js	19457	0666	edit dl rm
link.js.map	34367	0666	edit dl rm
next-dev-turbopack.d.ts	11	0666	edit dl rm
next-dev-turbopack.js	1940	0666	edit dl rm
next-dev-turbopack.js.map	3002	0666	edit dl rm
next-dev.d.ts	20	0666	edit dl rm
next-dev.js	1223	0666	edit dl rm
next-dev.js.map	1194	0666	edit dl rm
next-turbopack.d.ts	48	0666	edit dl rm
next-turbopack.js	1460	0666	edit dl rm
next-turbopack.js.map	2330	0666	edit dl rm
next.d.ts	135	0666	edit dl rm
next.js	787	0666	edit dl rm
next.js.map	860	0666	edit dl rm
normalize-locale-path.d.ts	144	0666	edit dl rm
normalize-locale-path.js	883	0666	edit dl rm
normalize-locale-path.js.map	883	0666	edit dl rm
normalize-trailing-slash.d.ts	190	0666	edit dl rm
normalize-trailing-slash.js	1450	0666	edit dl rm
normalize-trailing-slash.js.map	1723	0666	edit dl rm
page-bootstrap.d.ts	123	0666	edit dl rm
page-bootstrap.js	7427	0666	edit dl rm
page-bootstrap.js.map	8999	0666	edit dl rm
page-loader.d.ts	1370	0666	edit dl rm
page-loader.js	7595	0666	edit dl rm
page-loader.js.map	12106	0666	edit dl rm
remove-base-path.d.ts	62	0666	edit dl rm
remove-base-path.js	1080	0666	edit dl rm
remove-base-path.js.map	1145	0666	edit dl rm
remove-locale.d.ts	77	0666	edit dl rm
remove-locale.js	1148	0666	edit dl rm
remove-locale.js.map	1308	0666	edit dl rm
request-idle-callback.d.ts	265	0666	edit dl rm
request-idle-callback.js	1449	0666	edit dl rm
request-idle-callback.js.map	1432	0666	edit dl rm
resolve-href.d.ts	396	0666	edit dl rm
resolve-href.js	5506	0666	edit dl rm
resolve-href.js.map	7899	0666	edit dl rm
route-announcer.d.ts	115	0666	edit dl rm
route-announcer.js	3312	0666	edit dl rm
route-announcer.js.map	3553	0666	edit dl rm
route-loader.d.ts	1736	0666	edit dl rm
route-loader.js	13968	0666	edit dl rm
route-loader.js.map	23012	0666	edit dl rm
route-params.d.ts	1113	0666	edit dl rm
route-params.js	8258	0666	edit dl rm
route-params.js.map	10884	0666	edit dl rm
router.d.ts	1078	0666	edit dl rm
router.js	6716	0666	edit dl rm
router.js.map	8823	0666	edit dl rm
script.d.ts	923	0666	edit dl rm
script.js	14182	0666	edit dl rm
script.js.map	18923	0666	edit dl rm
set-attributes-from-props.d.ts	86	0666	edit dl rm
set-attributes-from-props.js	2367	0666	edit dl rm
set-attributes-from-props.js.map	3121	0666	edit dl rm
trusted-types.d.ts	544	0666	edit dl rm
trusted-types.js	1528	0666	edit dl rm
trusted-types.js.map	1957	0666	edit dl rm
use-client-disallowed.d.ts	53	0666	edit dl rm
use-client-disallowed.js	1006	0666	edit dl rm
use-client-disallowed.js.map	753	0666	edit dl rm
use-intersection.d.ts	412	0666	edit dl rm
use-intersection.js	3845	0666	edit dl rm
use-intersection.js.map	6646	0666	edit dl rm
use-merged-ref.d.ts	139	0666	edit dl rm
use-merged-ref.js	2402	0666	edit dl rm
use-merged-ref.js.map	3496	0666	edit dl rm
web-vitals.d.ts	156	0666	edit dl rm
web-vitals.js	1109	0666	edit dl rm
web-vitals.js.map	1008	0666	edit dl rm
webpack.d.ts	11	0666	edit dl rm
webpack.js	2282	0666	edit dl rm
webpack.js.map	2535	0666	edit dl rm
with-router.d.ts	505	0666	edit dl rm
with-router.js	1458	0666	edit dl rm
with-router.js.map	1921	0666	edit dl rm

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

'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Image", {
    enumerable: true,
    get: function() {
        return Image;
    }
});
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _jsxruntime = require("react/jsx-runtime");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactdom = /*#__PURE__*/ _interop_require_default._(require("react-dom"));
const _head = /*#__PURE__*/ _interop_require_default._(require("../shared/lib/head"));
const _getimgprops = require("../shared/lib/get-img-props");
const _imageconfig = require("../shared/lib/image-config");
const _imageconfigcontextsharedruntime = require("../shared/lib/image-config-context.shared-runtime");
const _warnonce = require("../shared/lib/utils/warn-once");
const _routercontextsharedruntime = require("../shared/lib/router-context.shared-runtime");
const _imageloader = /*#__PURE__*/ _interop_require_default._(require("next/dist/shared/lib/image-loader"));
const _usemergedref = require("./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') {
                            (0, _warnonce.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 {
                            (0, _warnonce.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)) {
                        (0, _warnonce.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) {
                    (0, _warnonce.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) {
                (0, _warnonce.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(_react.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__*/ (0, _react.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 = (0, _react.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 = (0, _usemergedref.useMergedRef)(forwardedRef, ownRef);
    return /*#__PURE__*/ (0, _jsxruntime.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.default.preload) {
        _reactdom.default.preload(imgAttributes.src, opts);
        return null;
    }
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
        children: /*#__PURE__*/ (0, _jsxruntime.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)
    });
}
const Image = /*#__PURE__*/ (0, _react.forwardRef)((props, forwardedRef)=>{
    const pagesRouter = (0, _react.useContext)(_routercontextsharedruntime.RouterContext);
    // We're in the app directory if there is no pages router.
    const isAppRouter = !pagesRouter;
    const configContext = (0, _react.useContext)(_imageconfigcontextsharedruntime.ImageConfigContext);
    const config = (0, _react.useMemo)(()=>{
        var _c_qualities;
        const c = configEnv || configContext || _imageconfig.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 = (0, _react.useRef)(onLoad);
    (0, _react.useEffect)(()=>{
        onLoadRef.current = onLoad;
    }, [
        onLoad
    ]);
    const onLoadingCompleteRef = (0, _react.useRef)(onLoadingComplete);
    (0, _react.useEffect)(()=>{
        onLoadingCompleteRef.current = onLoadingComplete;
    }, [
        onLoadingComplete
    ]);
    const [blurComplete, setBlurComplete] = (0, _react.useState)(false);
    const [showAltText, setShowAltText] = (0, _react.useState)(false);
    const { props: imgAttributes, meta: imgMeta } = (0, _getimgprops.getImgProps)(props, {
        defaultLoader: _imageloader.default,
        imgConf: config,
        blurComplete,
        showAltText
    });
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
        children: [
            /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsx)(ImagePreload, {
                isAppRouter: isAppRouter,
                imgAttributes: imgAttributes
            }) : null
        ]
    });
});

if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
  Object.defineProperty(exports.default, '__esModule', { value: true });
  Object.assign(exports.default, exports);
  module.exports = exports.default;
}

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

cmd: