revine 1.1.3 → 1.2.0

package/dist/client.d.ts

@@ -1,9 +1,11 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
-export type { NavLinkProps } from "./components/NavLink.js";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Image } from "./components/Image.js";
+export type { ImageProps } from "./components/Image.js";
 export { Link } from "./components/Link.js";
+export type { LinkProps } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
+export type { NavLinkProps } from "./components/NavLink.js";
 export { defineConfig } from "./runtime/defineConfig.js";
-export type { LayoutProps } from "./runtime/types.js";
-export type { LinkProps } from "./components/Link.js";
 export { env, envAll } from "./runtime/env.js";
+export type { LayoutProps } from "./runtime/types.js";
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/client.js

@@ -1,4 +1,5 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Image } from "./components/Image.js";
 export { Link } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
 export { defineConfig } from "./runtime/defineConfig.js";

package/dist/components/Image.d.ts

@@ -0,0 +1,42 @@
+import { type ImgHTMLAttributes } from "react";
+type ObjectFit = "contain" | "cover" | "fill" | "none" | "scale-down";
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "width" | "height" | "placeholder"> {
+    /** Image source URL or import (e.g. import logo from './logo.png') */
+    src: string;
+    /** Alt text — required for accessibility */
+    alt: string;
+    /** Intrinsic width in px. Required unless fill={true} */
+    width?: number;
+    /** Intrinsic height in px. Required unless fill={true} */
+    height?: number;
+    /**
+     * Stretch the image to fill its parent container (parent must be position:relative).
+     * When true, width/height are not required.
+     */
+    fill?: boolean;
+    /** CSS object-fit when fill is true. Defaults to "cover" */
+    objectFit?: ObjectFit;
+    /** CSS object-position when fill is true. Defaults to "center" */
+    objectPosition?: string;
+    /**
+     * Eagerly load the image and skip lazy loading.
+     * Use for above-the-fold images (hero, LCP element).
+     */
+    priority?: boolean;
+    /**
+     * Show a blurred low-quality placeholder while the image loads.
+     * Pass a base64 data URL or a solid color string like "#e5e7eb".
+     * Defaults to a subtle gray shimmer if not provided.
+     */
+    placeholder?: string;
+    /** Called when the image fails to load */
+    onError?: () => void;
+    /** Custom fallback element shown on error */
+    fallback?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    quality?: never;
+}
+export declare function Image({ src, alt, width, height, fill, objectFit, objectPosition, priority, placeholder, onError, fallback, className, style, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAC3C;IACC,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAeD,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAY,EACZ,SAAmB,EACnB,cAAyB,EACzB,QAAgB,EAChB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmJZ"}

package/dist/components/Image.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const shimmerBase64 = "data:image/svg+xml;base64," +
+    btoa(`<svg xmlns='http://www.w3.org/2000/svg' width='400' height='300'>
+    <defs>
+      <linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='0%'>
+        <stop offset='0%' stop-color='#e8e8e8'/>
+        <stop offset='50%' stop-color='#f0f0f0'/>
+        <stop offset='100%' stop-color='#e8e8e8'/>
+      </linearGradient>
+    </defs>
+    <rect width='400' height='300' fill='url(#g)'/>
+  </svg>`);
+export function Image({ src, alt, width, height, fill = false, objectFit = "cover", objectPosition = "center", priority = false, placeholder, onError, fallback, className, style, ...rest }) {
+    const [loaded, setLoaded] = useState(false);
+    const [errored, setErrored] = useState(false);
+    const imgRef = useRef(null);
+    // If image is already cached (e.g. browser back-nav), mark loaded immediately
+    useEffect(() => {
+        if (imgRef.current?.complete && imgRef.current.naturalWidth > 0) {
+            setLoaded(true);
+        }
+    }, []);
+    const handleError = () => {
+        setErrored(true);
+        onError?.();
+    };
+    const placeholderSrc = placeholder ?? shimmerBase64;
+    // ── Fill mode: stretch to parent container
+    if (fill) {
+        return (_jsxs("span", { style: {
+                position: "absolute",
+                inset: 0,
+                display: "block",
+                overflow: "hidden",
+            }, children: [!loaded && !errored && (_jsx("span", { "aria-hidden": "true", style: {
+                        position: "absolute",
+                        inset: 0,
+                        backgroundImage: placeholder
+                            ? `url(${placeholderSrc})`
+                            : undefined,
+                        backgroundColor: placeholder ? undefined : "#e8e8e8",
+                        backgroundSize: "cover",
+                        backgroundPosition: "center",
+                        filter: placeholder ? "blur(8px)" : undefined,
+                        transform: "scale(1.05)",
+                    } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchPriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
+                        position: "absolute",
+                        inset: 0,
+                        width: "100%",
+                        height: "100%",
+                        objectFit,
+                        objectPosition,
+                        opacity: loaded ? 1 : 0,
+                        transition: "opacity 300ms ease",
+                        ...style,
+                    }, ...rest })) : fallback ? (_jsx(_Fragment, { children: fallback })) : (_jsx(DefaultFallback, { fill: true }))] }));
+    }
+    // ── Fixed size mode
+    if (!width || !height) {
+        console.warn("[Revine <Image>] `width` and `height` are required when `fill` is not set. " +
+            `Missing on: ${src}`);
+    }
+    return (_jsxs("span", { style: {
+            display: "inline-block",
+            position: "relative",
+            width: width ? `${width}px` : undefined,
+            height: height ? `${height}px` : undefined,
+            overflow: "hidden",
+            flexShrink: 0,
+        }, children: [!loaded && !errored && (_jsx("span", { "aria-hidden": "true", style: {
+                    position: "absolute",
+                    inset: 0,
+                    backgroundImage: placeholder ? `url(${placeholderSrc})` : undefined,
+                    backgroundColor: placeholder ? undefined : "#e8e8e8",
+                    backgroundSize: "cover",
+                    backgroundPosition: "center",
+                    filter: placeholder ? "blur(8px)" : undefined,
+                    transform: "scale(1.05)",
+                } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, width: width, height: height, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchPriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
+                    display: "block",
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    opacity: loaded ? 1 : 0,
+                    transition: "opacity 300ms ease",
+                    ...style,
+                }, ...rest })) : fallback ? (_jsx(_Fragment, { children: fallback })) : (_jsx(DefaultFallback, { width: width, height: height }))] }));
+}
+function DefaultFallback({ width, height, fill, }) {
+    return (_jsxs("span", { role: "img", "aria-label": "Image failed to load", style: {
+            position: fill ? "absolute" : "relative",
+            inset: fill ? 0 : undefined,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: fill ? "100%" : width ? `${width}px` : "100%",
+            height: fill ? "100%" : height ? `${height}px` : "100%",
+            background: "#f3f4f6",
+            color: "#9ca3af",
+            fontSize: "12px",
+            fontFamily: "system-ui, sans-serif",
+            gap: "6px",
+            flexDirection: "column",
+        }, children: [_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("polyline", { points: "21 15 16 10 5 21" })] }), _jsx("span", { children: "Failed to load" })] }));
+}

package/dist/runtime/bundler/errorBoundary.d.ts

@@ -0,0 +1,2 @@
+export declare const errorBoundaryComponent = "\nfunction RevineErrorDialog() {\n  const error = useRouteError();\n  const [expanded, setExpanded] = React.useState(false);\n\n  const message = error?.message || String(error) || \"An unexpected error occurred.\";\n  const stack = error?.stack || \"\";\n  // Pull only the first meaningful line from the stack (skip the error message repeat)\n  const stackLines = stack\n    .split(\"\\n\")\n    .filter((l) => l.trim().startsWith(\"at \"))\n    .slice(0, 8);\n\n  return React.createElement(\n    \"div\",\n    { style: overlayStyle },\n    React.createElement(\n      \"div\",\n      { style: dialogStyle },\n      // Header\n      React.createElement(\n        \"div\",\n        { style: headerStyle },\n        React.createElement(\"span\", { style: iconStyle }, \"\u2715\"),\n        React.createElement(\"span\", { style: titleStyle }, \"Application Error\")\n      ),\n      // Message\n      React.createElement(\"p\", { style: messageStyle }, message),\n      // Stack toggle\n      stackLines.length > 0 &&\n        React.createElement(\n          \"div\",\n          null,\n          React.createElement(\n            \"button\",\n            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },\n            expanded ? \"\u25B2 Hide stack trace\" : \"\u25BC Show stack trace\"\n          ),\n          expanded &&\n            React.createElement(\n              \"pre\",\n              { style: stackStyle },\n              stackLines.join(\"\\n\")\n            )\n        ),\n      // Actions\n      React.createElement(\n        \"div\",\n        { style: actionsStyle },\n        React.createElement(\n          \"button\",\n          { onClick: () => window.location.reload(), style: primaryBtnStyle },\n          \"Reload page\"\n        ),\n        React.createElement(\n          \"button\",\n          { onClick: () => (window.location.href = \"/\"), style: secondaryBtnStyle },\n          \"Go to home\"\n        )\n      )\n    )\n  );\n}\n\nconst overlayStyle = {\n  position: \"fixed\", inset: 0, background: \"rgba(0,0,0,0.65)\",\n  backdropFilter: \"blur(4px)\", display: \"flex\",\n  alignItems: \"center\", justifyContent: \"center\",\n  zIndex: 9999, fontFamily: \"ui-monospace, 'Cascadia Code', monospace\",\n};\nconst dialogStyle = {\n  background: \"#1a1a1a\", border: \"1px solid #ff4d4f55\",\n  borderRadius: \"10px\", padding: \"28px 32px\",\n  maxWidth: \"560px\", width: \"90%\", boxShadow: \"0 24px 64px rgba(0,0,0,0.6)\",\n  color: \"#e5e5e5\",\n};\nconst headerStyle = {\n  display: \"flex\", alignItems: \"center\", gap: \"10px\",\n  marginBottom: \"14px\",\n};\nconst iconStyle = {\n  display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\",\n  width: \"26px\", height: \"26px\", borderRadius: \"50%\",\n  background: \"#ff4d4f22\", color: \"#ff4d4f\", fontSize: \"13px\", fontWeight: 700,\n};\nconst titleStyle = {\n  fontFamily: \"system-ui, sans-serif\",\n  fontSize: \"16px\", fontWeight: 600, color: \"#fff\",\n};\nconst messageStyle = {\n  fontFamily: \"ui-monospace, monospace\",\n  fontSize: \"13px\", color: \"#ff7875\",\n  background: \"#ff4d4f0f\", border: \"1px solid #ff4d4f22\",\n  borderRadius: \"6px\", padding: \"10px 14px\",\n  marginBottom: \"16px\", wordBreak: \"break-word\", lineHeight: 1.6,\n};\nconst toggleBtnStyle = {\n  background: \"none\", border: \"none\", cursor: \"pointer\",\n  color: \"#888\", fontSize: \"12px\", padding: \"0 0 10px 0\",\n  fontFamily: \"system-ui, sans-serif\",\n};\nconst stackStyle = {\n  background: \"#111\", borderRadius: \"6px\", padding: \"12px 14px\",\n  fontSize: \"11px\", color: \"#aaa\", overflowX: \"auto\",\n  lineHeight: 1.7, marginBottom: \"16px\",\n  border: \"1px solid #2a2a2a\",\n};\nconst actionsStyle = {\n  display: \"flex\", gap: \"10px\", marginTop: \"6px\",\n};\nconst primaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\", border: \"none\",\n  background: \"#ff4d4f\", color: \"#fff\", fontWeight: 600,\n  fontSize: \"13px\", cursor: \"pointer\", fontFamily: \"system-ui, sans-serif\",\n};\nconst secondaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\",\n  border: \"1px solid #333\", background: \"transparent\",\n  color: \"#aaa\", fontSize: \"13px\", cursor: \"pointer\",\n  fontFamily: \"system-ui, sans-serif\",\n};\n";
+//# sourceMappingURL=errorBoundary.d.ts.map

package/dist/runtime/bundler/errorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/errorBoundary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,suIAyHlC,CAAC"}

package/dist/runtime/bundler/errorBoundary.js

@@ -0,0 +1,122 @@
+export const errorBoundaryComponent = `
+function RevineErrorDialog() {
+  const error = useRouteError();
+  const [expanded, setExpanded] = React.useState(false);
+
+  const message = error?.message || String(error) || "An unexpected error occurred.";
+  const stack = error?.stack || "";
+  // Pull only the first meaningful line from the stack (skip the error message repeat)
+  const stackLines = stack
+    .split("\\n")
+    .filter((l) => l.trim().startsWith("at "))
+    .slice(0, 8);
+
+  return React.createElement(
+    "div",
+    { style: overlayStyle },
+    React.createElement(
+      "div",
+      { style: dialogStyle },
+      // Header
+      React.createElement(
+        "div",
+        { style: headerStyle },
+        React.createElement("span", { style: iconStyle }, "✕"),
+        React.createElement("span", { style: titleStyle }, "Application Error")
+      ),
+      // Message
+      React.createElement("p", { style: messageStyle }, message),
+      // Stack toggle
+      stackLines.length > 0 &&
+        React.createElement(
+          "div",
+          null,
+          React.createElement(
+            "button",
+            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },
+            expanded ? "▲ Hide stack trace" : "▼ Show stack trace"
+          ),
+          expanded &&
+            React.createElement(
+              "pre",
+              { style: stackStyle },
+              stackLines.join("\\n")
+            )
+        ),
+      // Actions
+      React.createElement(
+        "div",
+        { style: actionsStyle },
+        React.createElement(
+          "button",
+          { onClick: () => window.location.reload(), style: primaryBtnStyle },
+          "Reload page"
+        ),
+        React.createElement(
+          "button",
+          { onClick: () => (window.location.href = "/"), style: secondaryBtnStyle },
+          "Go to home"
+        )
+      )
+    )
+  );
+}
+
+const overlayStyle = {
+  position: "fixed", inset: 0, background: "rgba(0,0,0,0.65)",
+  backdropFilter: "blur(4px)", display: "flex",
+  alignItems: "center", justifyContent: "center",
+  zIndex: 9999, fontFamily: "ui-monospace, 'Cascadia Code', monospace",
+};
+const dialogStyle = {
+  background: "#1a1a1a", border: "1px solid #ff4d4f55",
+  borderRadius: "10px", padding: "28px 32px",
+  maxWidth: "560px", width: "90%", boxShadow: "0 24px 64px rgba(0,0,0,0.6)",
+  color: "#e5e5e5",
+};
+const headerStyle = {
+  display: "flex", alignItems: "center", gap: "10px",
+  marginBottom: "14px",
+};
+const iconStyle = {
+  display: "inline-flex", alignItems: "center", justifyContent: "center",
+  width: "26px", height: "26px", borderRadius: "50%",
+  background: "#ff4d4f22", color: "#ff4d4f", fontSize: "13px", fontWeight: 700,
+};
+const titleStyle = {
+  fontFamily: "system-ui, sans-serif",
+  fontSize: "16px", fontWeight: 600, color: "#fff",
+};
+const messageStyle = {
+  fontFamily: "ui-monospace, monospace",
+  fontSize: "13px", color: "#ff7875",
+  background: "#ff4d4f0f", border: "1px solid #ff4d4f22",
+  borderRadius: "6px", padding: "10px 14px",
+  marginBottom: "16px", wordBreak: "break-word", lineHeight: 1.6,
+};
+const toggleBtnStyle = {
+  background: "none", border: "none", cursor: "pointer",
+  color: "#888", fontSize: "12px", padding: "0 0 10px 0",
+  fontFamily: "system-ui, sans-serif",
+};
+const stackStyle = {
+  background: "#111", borderRadius: "6px", padding: "12px 14px",
+  fontSize: "11px", color: "#aaa", overflowX: "auto",
+  lineHeight: 1.7, marginBottom: "16px",
+  border: "1px solid #2a2a2a",
+};
+const actionsStyle = {
+  display: "flex", gap: "10px", marginTop: "6px",
+};
+const primaryBtnStyle = {
+  flex: 1, padding: "9px 0", borderRadius: "6px", border: "none",
+  background: "#ff4d4f", color: "#fff", fontWeight: 600,
+  fontSize: "13px", cursor: "pointer", fontFamily: "system-ui, sans-serif",
+};
+const secondaryBtnStyle = {
+  flex: 1, padding: "9px 0", borderRadius: "6px",
+  border: "1px solid #333", background: "transparent",
+  color: "#aaa", fontSize: "13px", cursor: "pointer",
+  fontFamily: "system-ui, sans-serif",
+};
+`;

package/dist/runtime/bundler/revinePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,IAAI,GAAG,CA8GlC"}
+{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AA2VA,wBAAgB,YAAY,IAAI,GAAG,CAwIlC"}