This tutorial explores Rollkit, currently in Alpha. If you encounter bugs, please report them via a GitHub issue ticket or reach out in our Telegram group.
+This tutorial explores Evolve, currently in Alpha. If you encounter bugs, please report them via a GitHub issue ticket or reach out in our Telegram group.
Rollkit is currently undergoing an execution overhaul with the - creation of the go-execution - interface. In the meantime, the execution tutorials should be - considered out of date until they have been updated to use the new - execution API. If you have question about a specific execution - environment, please create a GitHub issue ticket or - reach out in our Telegram group.
--diff --git a/.vitepress/config.ts b/.vitepress/config.ts index dd0fe6b23..98a561a3b 100644 --- a/.vitepress/config.ts +++ b/.vitepress/config.ts @@ -9,50 +9,24 @@ const { BASE: base = "/" } = process.env; // https://vitepress.dev/reference/site-config export default withMermaid({ lang: "en-US", - title: "Rollkit", - description: "The unstoppable stack", + title: " ", + titleTemplate: false, + description: "Launch Fast. Build Your Own Network.", lastUpdated: true, cleanUrls: true, ignoreDeadLinks: true, base: base, sitemap: { - hostname: "https://rollkit.dev", + hostname: "https://evolve.dev", }, head: [ ["link", { rel: "icon", href: "/img/favicon.svg", type: "image/svg+xml" }], ["link", { rel: "icon", href: "/img/favicon.png", type: "image/png" }], - // [ - // 'link', - // { - // rel: 'icon', - // type: 'image/svg+xml', - // href: '/img/favicon-dark.svg', - // media: '(prefers-color-scheme: dark)', - // }, - // ], - // [ - // 'link', - // { - // rel: 'icon', - // type: 'image/png', - // href: '/img/favicon-dark.png', - // media: '(prefers-color-scheme: dark)', - // }, - // ], [ "link", { rel: "shortcut icon", href: "/favicon.ico", type: "image/x-icon" }, ], - // [ - // 'link', - // { - // rel: 'icon', - // type: 'image/x-icon', - // href: '/img/favicon-dark.ico', - // media: '(prefers-color-scheme: dark)', - // }, - // ], ["meta", { name: "msapplication-TileColor", content: "#fff" }], ["meta", { name: "theme-color", content: "#fff" }], [ @@ -67,33 +41,16 @@ export default withMermaid({ "meta", { property: "description", - content: "The unstoppable stack.", + content: "Own It. Shape It. Launch It. Evolve your app", }, ], ["meta", { httpEquiv: "Content-Language", content: "en" }], ["meta", { name: "twitter:card", content: "summary_large_image" }], - ["meta", { name: "twitter:image", content: "/img/Rollkit-cover.jpg" }], - ["meta", { name: "twitter:site:domain", content: "rollkit.dev" }], - ["meta", { name: "twitter:url", content: "https://rollkit.dev" }], - ["meta", { name: "og:image", content: "/img/Rollkit-cover.jpg" }], - ["meta", { name: "apple-mobile-web-app-title", content: "Rollkit" }], - [ - "script", - {}, - ` - window.chatbaseConfig = { - chatbotId: "sw0sRxREFEQLTdqwC_Fbe", - } - `, - ], - [ - "script", - { - src: "https://www.chatbase.co/embed.min.js", - id: "sw0sRxREFEQLTdqwC_Fbe", - defer: true, - }, - ], + ["meta", { name: "twitter:image", content: "/img/Evolve-cover.jpg" }], + ["meta", { name: "twitter:site:domain", content: "evolve.dev" }], + ["meta", { name: "twitter:url", content: "https://evolve.dev" }], + ["meta", { name: "og:image", content: "/img/Evolve-cover.jpg" }], + ["meta", { name: "apple-mobile-web-app-title", content: "Evolve" }], [ "script", { @@ -102,14 +59,45 @@ export default withMermaid({ defer: true, }, ], - [ - "script", - { - src: "https://platform.twitter.com/widgets.js", - async: true, - }, - ], ], + + // // Build optimizations + // vite: { + // build: { + // rollupOptions: { + // output: { + // manualChunks: (id) => { + // // Extract vendor chunks + // if (id.includes('node_modules')) { + // if (id.includes('vue') || id.includes('@vue')) { + // return 'vue'; + // } + // if (id.includes('mermaid')) { + // return 'mermaid'; + // } + // return 'vendor'; + // } + // }, + // }, + // }, + // // Enable minification + // minify: 'terser', + // terserOptions: { + // compress: { + // drop_console: true, + // drop_debugger: true, + // }, + // }, + // // Optimize chunk size + // chunkSizeWarningLimit: 1000, + // }, + // // Optimize dependencies + // optimizeDeps: { + // include: ['vue', '@vue/runtime-core', '@vue/runtime-dom', '@vue/shared'], + // exclude: ['vitepress'], + // }, + // }, + themeConfig: { // https://vitepress.dev/reference/default-theme-config nav: nav(), @@ -119,7 +107,7 @@ export default withMermaid({ footer: { message: "Released under the APACHE-2.0 License", - copyright: "Copyright © 2023 Rollkit", + copyright: "Copyright © 2024 Evolve", }, search: { @@ -134,20 +122,20 @@ export default withMermaid({ }, editLink: { - pattern: "https://github.com/rollkit/docs/edit/main/:path", + pattern: "https://github.com/evstack/docs/edit/main/:path", text: "Edit this page on GitHub", }, logo: { - alt: "Rollkit Logo", - light: "/img/logo.svg", - dark: "/img/logo-dark.svg", + alt: "Evolve Logo", + light: "/img/logo.png", + dark: "/img/logo.png", }, socialLinks: [ - { icon: "github", link: "https://github.com/rollkit/rollkit" }, - { icon: "twitter", link: "https://twitter.com/RollkitDev" }, - { icon: { svg: telegramSVG }, link: "https://t.me/rollkit" }, + { icon: "github", link: "https://github.com/evstack" }, + { icon: "twitter", link: "https://twitter.com/ev_stack" }, + { icon: { svg: telegramSVG }, link: "https://t.me/+2p8-IYf6sQ0zNmEx" }, ], }, transformPageData(pageData) { @@ -158,8 +146,8 @@ export default withMermaid({ name: "og:title", content: pageData.frontmatter.layout === "home" - ? `Rollkit` - : `${pageData.title} | Rollkit`, + ? `Evolve` + : `${pageData.title} | Evolve`, }, { name: "og:description", @@ -184,7 +172,7 @@ function sidebarHome() { collapsed: true, items: [ { - text: "About Rollkit", + text: "About Evolve", link: "/learn/about", }, { @@ -201,7 +189,7 @@ function sidebarHome() { }, { text: "Execution", - link: "/learn/execution" + link: "/learn/execution", }, { text: "Technical Specifications", @@ -244,13 +232,13 @@ function sidebarHome() { }, ], }, - { - text: "Execution", - collapsed: true, - items: [ - { text: "CosmWasm", link: "/guides/execution/cosmwasm" }, - ], - }, + // { + // text: "Execution", + // collapsed: true, + // items: [ + // { text: "CosmWasm", link: "/guides/execution/cosmwasm" }, + // ], + // }, { text: "Deploy your chain", collapsed: true, @@ -281,7 +269,7 @@ function sidebarHome() { text: "Reth State Backup", link: "/guides/evm/reth-backup", }, - ] + ], }, { text: "Run a Full Node", @@ -296,8 +284,8 @@ function sidebarHome() { link: "/guides/reset-state", }, { - text: "CometBFT into a Rollkit app", - link: "/guides/cometbft-to-rollkit", + text: "CometBFT into a Evolve app", + link: "/guides/cometbft-to-evolve", }, { text: "Create genesis for your chain", @@ -316,13 +304,7 @@ function sidebarHome() { { text: "Blog", collapsed: true, - items: [ - { text: "Overview", link: "/blog/overview" }, - { - text: "Rollkit: The First Sovereign Rollup Framework", - link: "/blog/rollkit-the-first-sovereign-rollup-framework", - }, - ], + items: [{ text: "Overview", link: "/blog/overview" }], }, ]; } diff --git a/.vitepress/constants/constants.js b/.vitepress/constants/constants.js index 2d26fca4d..d8b09d453 100644 --- a/.vitepress/constants/constants.js +++ b/.vitepress/constants/constants.js @@ -1,19 +1,18 @@ const constants = Object.freeze({ - golangVersion: "go1.22.3", + golangVersion: "go1.24.0", - rollkitLatestTag: "v1.0.0-beta.1", - rollkitLatestSha: "cd1970de", - rollkitCosmosSDKVersion: "v0.50.6-rollkit-v0.13.3-no-fraud-proofs", - rollkitIgniteAppVersion: "rollkit/v0.2.1", + evolveLatestTag: "v1.0.0-beta.2", + evolveLatestSha: "cd1970de", + evolveIgniteAppVersion: "rollkit/v0.3.0", localDALatestTag: "v1.0.0-beta.1", igniteVersionTag: "v28.5.3", celestiaNodeArabicaTag: "v0.23.4-arabica", - celestiaNodeArabicaRollkitTag: "v1.0.0-beta.1", + celestiaNodeArabicaEvolveTag: "v1.0.0-beta.1", celestiaNodeMochaTag: "v0.23.4-mocha", - celestiaNodeMochaRollkitTag: "v1.0.0-beta.1", + celestiaNodeMochaEvolveTag: "v1.0.0-beta.1", celestiaNodeMainnetTag: "v0.22.3", - celestiaNodeMainnetRollkitTag: "v1.0.0-beta.1", + celestiaNodeMainnetEvolveTag: "v1.0.0-beta.1", }); export default constants; diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css index be2274c99..8ddae759e 100644 --- a/.vitepress/theme/style.css +++ b/.vitepress/theme/style.css @@ -3,18 +3,29 @@ * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */ +/* Import Evolve brand fonts */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); + /** * Colors * -------------------------------------------------------------------------- */ :root { - --vp-c-brand: #0c92f2; - --vp-c-brand-light: #49adf5; - --vp-c-brand-lighter: #85c8f8; - --vp-c-brand-lightest: #c2e3fb; - --vp-c-brand-dark: #096db5; - --vp-c-brand-darker: #064979; - --vp-c-brand-dimm: rgba(0, 181, 144, 0.08); + --vp-c-brand: #FF0033; + --vp-c-brand-light: #FF3355; + --vp-c-brand-lighter: #FF6677; + --vp-c-brand-lightest: #FFCCDD; + --vp-c-brand-dark: #CC0029; + --vp-c-brand-darker: #990020; + --vp-c-brand-dimm: rgba(255, 0, 51, 0.08); + + /* Additional Evolve brand colors */ + --vp-c-bg: #0A0A0A; + --vp-c-bg-soft: #141414; + --vp-c-bg-mute: #1A1A1A; + --vp-c-slate: #475569; + --vp-c-violet: #4C1D95; + --vp-c-violet-light: #6D28D9; } /** @@ -41,27 +52,24 @@ --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: -webkit-linear-gradient( 120deg, - #096db5 30%, - #3FA9F5 + #FF0033 30%, + #6D28D9 ); - --vp-home-hero-image-background-image: linear-gradient( - -45deg, - #096db5 50%, - #3FA9F5 50% - ); - --vp-home-hero-image-filter: blur(40px); + /* Remove gradient background for hero image */ + --vp-home-hero-image-background-image: none; + --vp-home-hero-image-filter: none; } @media (min-width: 640px) { :root { - --vp-home-hero-image-filter: blur(56px); + --vp-home-hero-image-filter: none; } } @media (min-width: 960px) { :root { - --vp-home-hero-image-filter: blur(72px); + --vp-home-hero-image-filter: none; } } @@ -89,3 +97,352 @@ --docsearch-primary-color: var(--vp-c-brand) !important; } +/** + * Typography + * -------------------------------------------------------------------------- */ + +:root { + --vp-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; + --vp-font-family-mono: 'IBM Plex Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; +} + +/** + * Dark Mode Adjustments + * -------------------------------------------------------------------------- */ + +.dark { + --vp-c-bg: #000000; + --vp-c-bg-soft: #0A0A0A; + --vp-c-bg-mute: #141414; + --vp-c-bg-alt: #000000; +} + +/** + * Homepage Customizations + * -------------------------------------------------------------------------- */ + +/* Center align hero text and buttons */ +.VPHero .VPHomeHero { + text-align: center; +} + +.VPHero .name, +.VPHero .text, +.VPHero .tagline { + text-align: center !important; + margin-left: auto; + margin-right: auto; +} + +/* Center the action buttons */ +.VPHero .actions { + justify-content: center !important; + display: flex !important; + gap: 16px; +} + +.VPHero .VPButton { + margin: 0 !important; +} + +/* Simple grid background - applied to body only */ +body { + background-color: #FFFFFF; + background-image: + linear-gradient(#FF0033 1px, transparent 1px), + linear-gradient(90deg, #FF0033 1px, transparent 1px); + background-size: 60px 60px; + background-attachment: fixed; +} + +.dark body { + background-color: #000000; +} + +/* Adjust grid opacity for light/dark modes with thicker lines */ +body { + background-image: + linear-gradient(rgba(255, 0, 51, 0.12) 3px, transparent 3px), + linear-gradient(90deg, rgba(255, 0, 51, 0.12) 3px, transparent 3px); +} + +.dark body { + background-image: + linear-gradient(rgba(255, 0, 51, 0.15) 3px, transparent 3px), + linear-gradient(90deg, rgba(255, 0, 51, 0.15) 3px, transparent 3px); +} + +/* Style the hero image (logo) */ +.VPHero .VPImage { + display: block; + margin: 0 auto; +} + +/* Make the hero logo bigger */ +.VPHero .VPImage img { + height: 120px !important; + width: auto !important; + max-width: none !important; +} + +/* Make all layout components transparent to show body background */ +.Layout, +.VPContent, +.VPDoc, +.VPHome { + background-color: transparent !important; +} + +/* Make content areas transparent by default to show body grid background */ +.VPContent, +.VPHome, +.Layout > * { + background-color: transparent !important; + background: transparent !important; +} + +/* Documentation pages - solid background for readability */ +.VPDoc { + background-color: #FFFFFF !important; + min-height: 100vh; +} + +.dark .VPDoc { + background-color: #0A0A0A !important; +} + +/* Documentation content area */ +.VPDoc .container, +.VPDoc .content, +.VPDocContent { + background-color: #FFFFFF !important; +} + +.dark .VPDoc .container, +.dark .VPDoc .content, +.dark .VPDocContent { + background-color: #0A0A0A !important; +} + +/* Add padding to doc content for better readability */ +.VPDoc .VPDocOutlineDropdown, +.VPDoc .content-container { + padding: 1rem; +} + +/* Sidebar background for documentation pages */ +.VPSidebar { + background-color: rgba(255, 255, 255, 0.95) !important; + backdrop-filter: blur(8px); +} + +.dark .VPSidebar { + background-color: rgba(10, 10, 10, 0.95) !important; + backdrop-filter: blur(8px); +} + +/* Feature boxes - ensure proper backgrounds in light/dark modes */ +.VPFeature { + background-color: #FFFFFF !important; + border-color: #E5E5E5 !important; +} + +.dark .VPFeature { + background-color: #0A0A0A !important; + border-color: #2A2A2A !important; +} + +/* Ensure all VitePress components respect light/dark backgrounds */ +:root { + --vp-c-bg: #FFFFFF; + --vp-c-bg-soft: #F6F6F6; + --vp-c-bg-mute: #F0F0F0; +} + +/* Fix navbar backgrounds - more specific targeting including scroll states */ +.VPNav, +.VPNav .VPNavBar, +.VPNavBar, +header.VPNav, +.VPNav.scrolled, +.VPNavBar.scrolled, +.VPNav.filled, +.VPNavBar.filled { + background-color: rgba(255, 255, 255, 0.8) !important; + backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; +} + +.dark .VPNav, +.dark .VPNav .VPNavBar, +.dark .VPNavBar, +.dark header.VPNav, +.dark .VPNav.scrolled, +.dark .VPNavBar.scrolled, +.dark .VPNav.filled, +.dark .VPNavBar.filled { + background-color: rgba(0, 0, 0, 0.8) !important; + backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(255, 0, 51, 0.2) !important; +} + +/* Target the main nav container */ +.VPNavBar.has-sidebar, +.VPNavBar.no-sidebar { + background-color: inherit !important; +} + +.VPLocalNav { + background-color: rgba(255, 255, 255, 0.8) !important; + backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; +} + +.dark .VPLocalNav { + background-color: rgba(0, 0, 0, 0.8) !important; + backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(255, 0, 51, 0.2) !important; +} + +/* Footer styling with grid background */ +.VPFooter { + background-color: #FFFFFF !important; + border-top: 1px solid rgba(0, 0, 0, 0.1) !important; + position: relative; +} + +.dark .VPFooter { + background-color: #000000 !important; + border-top: 1px solid rgba(255, 0, 51, 0.2) !important; +} + +/* Footer also transparent to show body grid background */ +.VPFooter .VPFooterCopyright { + background-color: transparent; + padding: 8px 16px; +} + +/* Ensure nav screen (mobile menu) also has correct background */ +.VPNavScreen { + background-color: #FFFFFF !important; +} + +.dark .VPNavScreen { + background-color: #000000 !important; +} + +/* Override VitePress default nav styles completely */ +html.dark { + --vp-nav-bg-color: rgba(0, 0, 0, 0.8) !important; + --vp-c-bg: #000000 !important; + --vp-c-bg-soft: #000000 !important; +} + +html:not(.dark) { + --vp-nav-bg-color: rgba(255, 255, 255, 0.8) !important; + --vp-c-bg: #FFFFFF !important; + --vp-c-bg-soft: #FFFFFF !important; +} + +/* Force nav background using CSS variables */ +:root { + --vp-nav-bg-color: rgba(255, 255, 255, 0.8); + --vp-nav-height: 55px; +} + +.dark { + --vp-nav-bg-color: rgba(0, 0, 0, 0.8); +} + +/* Apply the variable to ALL nav elements with maximum specificity */ +.VPNav, +.VPNavBar, +.VPNav *, +.VPNavBar *, +html .VPNav, +html .VPNavBar, +html.dark .VPNav, +html.dark .VPNavBar { + background: var(--vp-nav-bg-color) !important; +} + +/* Ensure nav stays consistent during scroll transitions */ +.VPNav[data-scrolled="true"], +.VPNavBar[data-scrolled="true"] { + background: var(--vp-nav-bg-color) !important; +} + +/** + * Custom Logo Styling + * -------------------------------------------------------------------------- */ + +/* Make the logo bigger */ +.VPNavBarTitle .VPImage { + height: 55px !important; + width: auto !important; +} + +/* Adjust logo container */ +.VPNavBarTitle { + display: flex; + align-items: center; +} + +/* Remove any max width constraints on the logo */ +.VPNavBarTitle .logo { + max-width: none !important; + height: 55px !important; +} + +/* Ensure the logo link takes full height */ +.VPNavBarTitle a { + display: flex; + align-items: center; + height: 100%; +} + +/* Make sure the image inside logo takes full size */ +.VPNavBarTitle img { + height: 55px !important; + width: auto !important; + max-height: 55px !important; +} + +/** + * Dark Mode Toggle Styling + * -------------------------------------------------------------------------- */ + +/* Make the dark mode toggle more visible */ +.VPSwitch { + background-color: var(--vp-c-bg-mute) !important; + border: 1px solid var(--vp-c-divider) !important; +} + +/* Style the toggle button in light mode */ +.VPSwitch .check { + background-color: var(--vp-c-brand) !important; +} + +/* Add hover effect */ +.VPSwitch:hover { + border-color: var(--vp-c-brand) !important; +} + +/* Make the sun/moon icons more visible */ +.VPSwitchAppearance { + opacity: 1 !important; +} + +.VPSwitchAppearance svg { + fill: var(--vp-c-text-2) !important; +} + +/* Ensure the switch track is visible */ +.VPSwitch .slider { + background-color: rgba(0, 0, 0, 0.1) !important; +} + +.dark .VPSwitch .slider { + background-color: rgba(255, 255, 255, 0.1) !important; +} + diff --git a/CLAUDE.md b/CLAUDE.md index e7b440bb8..4633e357e 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -19,7 +19,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co ## High-Level Architecture -This is a **VitePress-based documentation site** for Rollkit. Key architectural elements: +This is a **VitePress-based documentation site** for Evolve. Key architectural elements: ### Content Organization diff --git a/README.md b/README.md index b2c5a55a0..d70249c10 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ -[](https://github.com/rollkit/docs/actions/workflows/deploy.yml) +[](https://github.com/evstack/docs/actions/workflows/deploy.yml) -# Rollkit Documentation Site +# Evolve Documentation Site -Welcome to the official documentation repository for Rollkit. +Welcome to the official documentation repository for Evolve. -Here you'll find comprehensive guides, and reference materials to help you make the most out of Rollkit. +Here you'll find comprehensive guides, and reference materials to help you make the most out of Evolve. ## Building the site @@ -29,9 +29,9 @@ Please ensure you review the detailed Contribution Guidelines above before makin ## Directory Structure -* /guides: Step-by-step instructions to help users build their own chains with Rollkit. -* /learn: Technical reference materials, such as configuration options and details about the Rollkit stack. -* /blog: Blog posts for the Rollkit blog. +* /guides: Step-by-step instructions to help users build their own chains with Evolve. +* /learn: Technical reference materials, such as configuration options and details about the Evolve stack. +* /blog: Blog posts for the Evolve blog. * /public: Images, diagrams, and other media files used in the documentation. diff --git a/blog/overview.md b/blog/overview.md index fa7da7809..1f2f48740 100644 --- a/blog/overview.md +++ b/blog/overview.md @@ -8,6 +8,4 @@ Welcome to our blog! Here, you'll find a variety of articles on a range of topic ## Table of contents -- [Rollkit: The First Sovereign Rollup Framework](/blog/rollkit-the-first-sovereign-rollup-framework.md) - Stay tuned for more exciting content! diff --git a/blog/rollkit-the-first-sovereign-rollup-framework.md b/blog/rollkit-the-first-sovereign-rollup-framework.md deleted file mode 100644 index 5131a84dc..000000000 --- a/blog/rollkit-the-first-sovereign-rollup-framework.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -head: - - - meta - - name: title - content: "Rollkit: The First Sovereign Rollup Framework" - - - meta - - name: description - content: Launch a sovereign, customizable blockchain as easily as a smart contract - - - meta - - name: keywords - content: Rollkit, Cosmos-SDK ---- - - - -# Rollkit: The First Sovereign Rollup Framework - -By Rollkit - - - -Bitcoin to Ethereum took 7 years. Ethereum to more scalable alt-L1s took 1–2 years. And then Cosmos SDK and CometBFT brought down time-to-launch a sovereign L1 to months. - -Now, Rollkit makes deploying any VM or application on its own sovereign chain as easy as typing **rollkit start**. - -rollkit start pic.twitter.com/tytjFm1Z4Y
— Josh Stein 🤳✨ (@JoshCStein) April 26, 2024 +evolve start pic.twitter.com/tytjFm1Z4Y
— Josh Stein 🤳✨ (@JoshCStein) April 26, 2024