revine 1.2.1 → 1.3.0

package/dist/client.d.ts

@@ -1,10 +1,11 @@
-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 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 { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
 export type { LayoutProps } from "./runtime/types.js";

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,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"}
+{"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,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,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,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,6 +1,7 @@
-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 { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";

package/dist/hooks/useRouter.d.ts

@@ -0,0 +1,12 @@
+export declare function useRouter(): {
+    pathname: string;
+    params: Readonly<import("react-router").Params<string>>;
+    searchParams: URLSearchParams;
+    setSearchParams: import("react-router-dom").SetURLSearchParams;
+    push: (path: string) => void;
+    replace: (path: string) => void;
+    back: () => void;
+    forward: () => void;
+    prefetch: (_path: string) => void;
+};
+//# sourceMappingURL=useRouter.d.ts.map

package/dist/hooks/useRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../../src/hooks/useRouter.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS;;;;;iBAcR,MAAM;oBACH,MAAM;;;sBAGJ,MAAM;EAI3B"}

package/dist/hooks/useRouter.js

@@ -0,0 +1,22 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+export function useRouter() {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const params = useParams();
+    const [searchParams, setSearchParams] = useSearchParams();
+    return {
+        // Current route info
+        pathname: location.pathname,
+        params,
+        searchParams,
+        setSearchParams,
+        // Navigation methods
+        push: (path) => navigate(path),
+        replace: (path) => navigate(path, { replace: true }),
+        back: () => navigate(-1),
+        forward: () => navigate(1),
+        prefetch: (_path) => {
+            // Reserved for future prefetch support
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "A react framework, but better.",
   "license": "MIT",
   "author": "Rachit Bharadwaj",

package/src/client.ts

@@ -4,7 +4,7 @@ export {
   useLocation,
   useNavigate,
   useParams,
-  useSearchParams,
+  useSearchParams
 } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export type { ImageProps } from "./components/Image.js";
@@ -12,6 +12,7 @@ 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 { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
 export type { LayoutProps } from "./runtime/types.js";

package/src/hooks/useRouter.ts

@@ -0,0 +1,25 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+
+export function useRouter() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const params = useParams();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  return {
+    // Current route info
+    pathname: location.pathname,
+    params,
+    searchParams,
+    setSearchParams,
+
+    // Navigation methods
+    push: (path: string) => navigate(path),
+    replace: (path: string) => navigate(path, { replace: true }),
+    back: () => navigate(-1),
+    forward: () => navigate(1),
+    prefetch: (_path: string) => {
+      // Reserved for future prefetch support
+    },
+  };
+}

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,122 +0,0 @@
-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",
-};
-`;