Transaction: 2h6gGpk...zsS2

{ "data": { "abdullahi3000.near": { "widget": { "app": { "": "const { page, tab, ...passProps } = props;\n\nconst { routes } = VM.require(\"abdullahi3000.near/widget/config.app\") ?? {\n routes: {},\n};\n\nconst { AppLayout } = VM.require(\n \"abdullahi3000.near/widget/template.AppLayout\"\n) || {\n AppLayout: () => <></>,\n};\n\nif (!page) page = Object.keys(routes)[0] || \"home\";\n\nconst Root = styled.div`\n --stroke-color: rgba(255, 255, 255, 0.2);\n --bg-1: #000;\n --bg-1-hover: #010002;\n --bg-1-hover-transparent: rgba(13, 2, 15, 0);\n --bg-2: #23242b;\n --label-color: #fff;\n --font-color: #fff;\n --font-muted-color: #cdd0d5;\n --black: #000;\n --system-red: #fd2a5c;\n --yellow: #eca227;\n\n --compose-bg: #23242b;\n\n --post-bg: #23242b;\n --post-bg-hover: #1d1f25;\n --post-bg-transparent: rgba(23, 24, 28, 0);\n\n --button-primary-bg: #eca227;\n --button-outline-bg: transparent;\n --button-default-bg: #23242b;\n\n --button-primary-color: #000;\n --button-outline-color: #fff;\n --button-default-color: #fff;\n\n --button-primary-hover-bg: #e49b48;\n --button-outline-hover-bg: rgba(255, 255, 255, 0.2);\n --button-default-hover-bg: #17181c;\n\n /* Poppins Font */\n @font-face {\n font-family: \"Poppins\";\n font-weight: 100;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Thin.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Thin.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Thin.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Thin.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Thin.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 200;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraLight.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraLight.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraLight.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraLight.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraLight.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 300;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Light.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Light.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Light.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Light.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Light.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Regular.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Regular.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Regular.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Regular.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Medium.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Medium.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Medium.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Medium.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Medium.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-SemiBold.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-SemiBold.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-SemiBold.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-SemiBold.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-SemiBold.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Bold.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Bold.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Bold.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Bold.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Bold.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 800;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraBold.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraBold.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraBold.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraBold.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-ExtraBold.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n @font-face {\n font-family: \"Poppins\";\n font-weight: 900;\n font-style: normal;\n src: url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Black.eot\");\n src:\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Black.eot?#iefix\")\n format(\"embedded-opentype\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Black.woff2\")\n format(\"woff2\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Black.woff\")\n format(\"woff\"),\n url(\"https://cdn.jsdelivr.net/gh/webfontworld/Poppins/Poppins-Black.ttf\")\n format(\"truetype\");\n font-display: swap;\n }\n\n /* Inter Font */\n @font-face {\n font-family: InterVariable;\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(\"https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0\")\n format(\"woff2\");\n }\n @font-face {\n font-family: InterVariable;\n font-style: italic;\n font-weight: 100 900;\n font-display: swap;\n src: url(\"https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0\")\n format(\"woff2\");\n }\n\n /* Typeahead Fix */\n .rbt-token-removeable {\n background: #007bff;\n color: #fff;\n }\n`;\n\nfunction Router({ active, routes }) {\n // this may be converted to a module at devs.near/widget/Router\n const routeParts = active.split(\".\");\n\n let currentRoute = routes;\n let src = \"\";\n let defaultProps = {};\n\n for (let part of routeParts) {\n if (currentRoute[part]) {\n currentRoute = currentRoute[part];\n src = currentRoute.path;\n\n if (currentRoute.init) {\n defaultProps = { ...defaultProps, ...currentRoute.init };\n }\n } else {\n // Handle 404 or default case for unknown routes\n return <p>404 Not Found</p>;\n }\n }\n\n return (\n <div key={active}>\n <Widget\n src={src}\n props={{\n currentPath: `/abdullahi3000.near/widget/app?page=${page}`,\n page: tab,\n ...passProps,\n ...defaultProps,\n }}\n />\n </div>\n );\n}\n\nconst Container = styled.div`\n display: flex;\n height: 100%;\n font-family: InterVariable, sans-serif;\n`;\n\nconst Content = styled.div`\n width: 100%;\n height: 100%;\n`;\n\nreturn (\n <Root>\n <Container>\n <AppLayout page={page} routes={routes} {...props}>\n <Content>\n <Router active={page} routes={routes} />\n </Content>\n </AppLayout>\n </Container>\n </Root>\n);\n" } } } } }