"": "const LandingPageContainer = styled.div`\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n`;\\nconst Title = styled.h1`\\n font-size: 2.5rem;\\n color: #333;\\n margin-bottom: 2rem;\\n`;\\nconst Button = styled.button`\\n padding: 1rem 2rem;\\n font-size: 1.2rem;\\n background-color: #007bff;\\n color: #fff;\\n border: none;\\n border-radius: 5px;\\n cursor: pointer;\\n transition: background-color 0.3s ease;\\n &:hover {\\n background-color: #0056b3;\\n }\\n`;\\nconst BosWorkspaceInfo = styled.p`\\n text-align: center;\\n font-size: 1.1rem;\\n color: #444;\\n margin: 2rem;\\n`;\\nconst CodeSnippet = styled.div`\\n background-color: #f5f5f5;\\n padding: 0.5rem 1rem;\\n border-radius: 5px;\\n font-size: 0.9rem;\\n`;\\nreturn (\\n <LandingPageContainer>\\n <Title>bos-workspace</Title>\\n <BosWorkspaceInfo>\\n bos-workspace is a comprehensive toolset designed to simplify the\\n development and deployment of NEAR components and applications. With\\n support for hot reload, TypeScript, and multiple app management, it caters\\n to developers looking for an efficient and scalable developer environment.\\n </BosWorkspaceInfo>\\n <Title>Quickstart</Title>\\n <BosWorkspaceInfo>\\n To begin, either use this template repository or install bos-workspace\\n within an existing project:\\n </BosWorkspaceInfo>\\n <CodeSnippet>yarn add -D bos-workspace</CodeSnippet>\\n <BosWorkspaceInfo>\\n Then, you can clone widgets from an existing account via:\\n </BosWorkspaceInfo>\\n <CodeSnippet>bos-workspace clone [accountId]</CodeSnippet>\\n <BosWorkspaceInfo>\\n Or ensure the proper workspace structure and usage.\\n </BosWorkspaceInfo>\\n </LandingPageContainer>\\n);\\n"
},
"index": {
"": "/**\\n * We can get some data from the project itself\\n * metadata, name, description, tags, etc.\\n * We want the document paths... We want to be able to add or remove them...\\n *\\n * What would be ideal for this? It can be a post or a page\\n * If it is a post, then we got comments on it directly.\\n *\\n * If you\\\'d like to leave any questions, feel free to comment directly on the page.\\n *\\n * I want to be able to render some embeddings\\n */\\nconst config = {\\n theme: {\\n // add key values to define colors\\n // \\\"--main-color\\\": \\\"blue\\\",\\n // \\\"--secondary-color\\\": \\\"red\\\",\\n // background: \\\"var(--main-color)\\\",\\n // color: \\\"var(--secondary-color)\\\",\\n },\\n layout: {\\n src: \\\"devs.near/widget/Layout\\\",\\n props: {\\n variant: \\\"sidebar\\\",\\n },\\n },\\n blocks: {\\n // these get passed to the layout and children\\n Header: () => (\\n // customize your header\\n <Widget\\n src=\\\"docs.bos-workspace.near/widget/components.Header\\\"\\n props={{\\n routes: config.router.routes,\\n basePath: \\\"docs.bos-workspace.near/widget/index\\\",\\n param: \\\"page\\\",\\n ...props,\\n }}\\n />\\n ),\\n Footer: () => <></>, // customize your footer\\n Sidebar: () => (\\n <Widget\\n src=\\\"docs.bos-workspace.near/widget/components.Sidebar\\\"\\n props={{\\n routes: config.router.routes,\\n basePath: \\\"docs.bos-workspace.near/widget/index\\\",\\n param: \\\"page\\\",\\n ...props,\\n }}\\n />\\n ),\\n },\\n router: {\\n param: \\\"page\\\",\\n routes: [\\n {\\n path: \\\"/\\\",\\n element: {\\n src: \\\"docs.bos-workspace.near/widget/home\\\",\\n initialProps: {},\\n },\\n },\\n {\\n path: \\\"/settings\\\",\\n element: {\\n src: \\\"docs.bos-workspace.near/widget/settings\\\",\\n initialProps: {},\\n },\\n },\\n {\\n path: \\\"/:path*\\\",\\n element: {\\n src: \\\"docs.bos-workspace.near/widget/document\\\",\\n },\\n },\\n ],\\n },\\n};\\nconst Root = styled.div`\\n * {\\n box-sizing: border-box;\\n font-weight: 400;\\n }\\n .window {\\n /* -webkit-font-smoothing: none; */\\n letter-spacing: 0.025em;\\n background-color: #fff;\\n height: 100vh;\\n width: 100% !important;\\n border-radius: 5px;\\n padding-left: 1.5rem;\\n padding-right: 1.5rem;\\n }\\n .sidebar {\\n padding: 20px;\\n width: 250px;\\n }\\n .nested-section {\\n margin-bottom: 10px;\\n }\\n .parent-section {\\n margin-bottom: 5px;\\n }\\n .child-section {\\n margin-left: 20px; /* Adjust as needed for indentation */\\n }\\n .button {\\n display: block;\\n width: 100%;\\n padding: 8px;\\n margin: 0;\\n border: none;\\n /* background-color: transparent; */\\n text-align: left;\\n -moz-appearance: none;\\n appearance: none;\\n font-weight: 700;\\n letter-spacing: 0.05em;\\n padding: 0.45em 0.75em;\\n border-left: 2px solid #ededed;\\n border-top: 2px solid #ededed;\\n border-right: 2px solid #404040;\\n border-bottom: 2px solid #404040;\\n color: #000;\\n background-color: silver;\\n position: relative;\\n z-index: 10;\\n }\\n .button:hover {\\n background-color: #f0f0f0;\\n }\\n .separator {\\n border-bottom: 1px solid #ccc;\\n margin-bottom: 10px;\\n }\\n .link {\\n text-decoration: \\\"none\\\";\\n color: inherit;\\n }\\n .header {\\n width: 100%;\\n position: relative;\\n color: #fff;\\n padding: 0.25em 0.75em;\\n line-height: 1.4;\\n border-left: 2px solid #ededed;\\n border-top: 2px solid #ededed;\\n border-right: 2px solid #404040;\\n border-bottom: 2px solid #404040;\\n background: navy;\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n padding: 10px 20px;\\n color: white;\\n .branding {\\n margin-right: 24px;\\n }\\n .nav {\\n display: flex;\\n flex-direction: row;\\n gap: 20px;\\n padding: 0 20px;\\n }\\n .end {\\n margin-left: auto;\\n }\\n }\\n .left-branding {\\n margin-right: auto; /* Pushes the branding to the left */\\n }\\n .routes {\\n display: flex;\\n gap: 20px;\\n }\\n .settings {\\n margin-left: auto; /* Pushes the settings to the right */\\n }\\n .link {\\n text-decoration: none;\\n color: white;\\n }\\n .link:hover {\\n text-decoration: underline;\\n }\\n .content {\\n flex: 1;\\n padding: 48px 96px;\\n margin: 20px auto;\\n height: 100%;\\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\\n }\\n`;\\nreturn (\\n <Root>\\n <Widget\\n src=\\\"docs.bos-workspace.near/widget/PR.App\\\"\\n props={{ config, ...props }}\\n />\\n </Root>\\n);\\n"