Merge pull request #431 from code-hike/next

v1.0.0
code-hike · Aug 26, 2024 · 4928cbb · 4928cbb
2 parents d0eb551 + a4b2ee9
commit 4928cbb
Show file tree

Hide file tree

Showing 48 changed files with 3,097 additions and 5,686 deletions.
diff --git a/.changeset/blue-cameras-serve.md b/.changeset/blue-cameras-serve.md
diff --git a/.changeset/brave-donuts-stare.md b/.changeset/brave-donuts-stare.md
diff --git a/.changeset/cold-doors-occur.md b/.changeset/cold-doors-occur.md
diff --git a/.changeset/curly-grapes-sip.md b/.changeset/curly-grapes-sip.md
diff --git a/.changeset/dirty-onions-nail.md b/.changeset/dirty-onions-nail.md
diff --git a/.changeset/fifty-donkeys-join.md b/.changeset/fifty-donkeys-join.md
diff --git a/.changeset/forty-llamas-mate.md b/.changeset/forty-llamas-mate.md
diff --git a/.changeset/gentle-pots-mix.md b/.changeset/gentle-pots-mix.md
diff --git a/.changeset/heavy-students-swim.md b/.changeset/heavy-students-swim.md
diff --git a/.changeset/hungry-pugs-chew.md b/.changeset/hungry-pugs-chew.md
diff --git a/.changeset/lemon-owls-hammer.md b/.changeset/lemon-owls-hammer.md
diff --git a/.changeset/light-carrots-remain.md b/.changeset/light-carrots-remain.md
diff --git a/.changeset/light-clouds-compete.md b/.changeset/light-clouds-compete.md
diff --git a/.changeset/loud-impalas-drive.md b/.changeset/loud-impalas-drive.md
diff --git a/.changeset/metal-gifts-remember.md b/.changeset/metal-gifts-remember.md
diff --git a/.changeset/metal-planes-fix.md b/.changeset/metal-planes-fix.md
diff --git a/.changeset/modern-eagles-give.md b/.changeset/modern-eagles-give.md
diff --git a/.changeset/neat-buttons-impress.md b/.changeset/neat-buttons-impress.md
diff --git a/.changeset/polite-pumas-whisper.md b/.changeset/polite-pumas-whisper.md
diff --git a/.changeset/poor-beers-flow.md b/.changeset/poor-beers-flow.md
diff --git a/.changeset/popular-zebras-doubt.md b/.changeset/popular-zebras-doubt.md
diff --git a/.changeset/pre.json b/.changeset/pre.json
diff --git a/.changeset/rich-pears-peel.md b/.changeset/rich-pears-peel.md
diff --git a/.changeset/silver-trees-wash.md b/.changeset/silver-trees-wash.md
diff --git a/.changeset/six-deers-film.md b/.changeset/six-deers-film.md
diff --git a/.changeset/smart-poets-report.md b/.changeset/smart-poets-report.md
diff --git a/.changeset/soft-moles-act.md b/.changeset/soft-moles-act.md
diff --git a/.changeset/spotty-dryers-care.md b/.changeset/spotty-dryers-care.md
diff --git a/.changeset/strange-toys-beam.md b/.changeset/strange-toys-beam.md
diff --git a/.changeset/stupid-guests-scream.md b/.changeset/stupid-guests-scream.md
diff --git a/.changeset/sweet-eggs-mix.md b/.changeset/sweet-eggs-mix.md
diff --git a/.changeset/tall-ravens-march.md b/.changeset/tall-ravens-march.md
diff --git a/.changeset/three-bees-provide.md b/.changeset/three-bees-provide.md
diff --git a/.changeset/tricky-baboons-drop.md b/.changeset/tricky-baboons-drop.md
diff --git a/.changeset/wet-lemons-thank.md b/.changeset/wet-lemons-thank.md
diff --git a/apps/web/app/landing/sponsors.tsx b/apps/web/app/landing/sponsors.tsx
@@ -10,7 +10,7 @@ import sponsorData from "./sponsors.json"
 import { Check, CheckCheck, Heart } from "lucide-react"
 
 export function Pricing() {
-  const current = 624
+  const current = 625
   const goal = 950
   return (
     <section className="max-w-3xl mx-2 pb-12">

diff --git a/apps/web/content/blog/content-presentation-gap.mdx b/apps/web/content/blog/content-presentation-gap.mdx
@@ -0,0 +1,9 @@
+---
+title: The content-presentation gap
+description: test description
+date: 2024-06-20
+authors: [pomber]
+draft: true
+---
+
+test
diff --git a/apps/web/content/blog/rich-content-websites.mdx b/apps/web/content/blog/rich-content-websites.mdx
@@ -28,7 +28,7 @@ Leaner media are more cost-efficient, richer media are more expressive. That's t
 
 This framework is from 1986 and hasn't age very well. But we can borrow some ideas to think about content websites.
 
-The web is a versatile medium. It can be as lean or as rich as you want. You can build a lean website with just text, or a rich website with interactive, personalized, collaborative, multimedia content.
+The web is a versatile medium, it can be as lean or as rich as you want. You can build a lean website with just text, or a rich website with interactive, personalized, collaborative, multimedia content.
 
 Remember, richness means: the ability to express complex messages.
 

diff --git a/apps/web/content/blog/the-curse-of-markdown.mdx b/apps/web/content/blog/the-curse-of-markdown.mdx
@@ -0,0 +1,9 @@
+---
+title: The Curse of Markdown
+description: Lorem ipsum
+date: 2024-06-20
+authors: [pomber]
+draft: true
+---
+
+test
diff --git a/apps/web/content/blog/v1-migration.mdx b/apps/web/content/blog/v1-migration.mdx
@@ -1,9 +1,9 @@
 ---
-title: Migrating to Code Hike v1
+title: Migrating to Code Hike 1.0
 description: Incremental adoption guide
 authors: [pomber]
-date: 2024-08-16
-draft: true
+date: 2024-08-25
+draft: false
 ---
 
 import { CodeWithNotes } from "@/components/code/code-with-notes"

diff --git a/apps/web/content/blog/v1.mdx b/apps/web/content/blog/v1.mdx
@@ -1,9 +1,9 @@
 ---
-title: Announcing Code Hike v1.0
+title: Announcing Code Hike 1.0
 description: A new approach to turn markdown into rich interactive experiences
 authors: [pomber]
-date: 2024-08-16
-draft: true
+date: 2024-08-26
+draft: false
 ---
 
 import { CodeWithNotes } from "@/components/code/code-with-notes"
@@ -13,13 +13,15 @@ import {
   Sponsors,
 } from "./v1"
 
-After a year of exploration and development, I’m thrilled to announce the stable release of Code Hike v1.0!
+After a year of exploration and development, I’m thrilled to announce the stable release of Code Hike 1.0!
 
 ## What is Code Hike?
 
-Code Hike is an open-source library designed to encourage the authoring of technical content that takes full advantage of the modern web.
+Code Hike is an **open-source library that bridges the gap between Markdown and React to help you create technical content that takes full advantage of the modern web.**
 
-Code Hike v1 introduces two new features: **fine-grained markdown** and **headless codeblocks**.
+While **the main use cases are code walkthroughs and interactive documentation**, Code Hike can be used for any combination of content and presentation. And since it's all React components, it can be rendered anywhere React can be rendered.
+
+Code Hike 1.0 introduces two new features: **fine-grained markdown** and **headless codeblocks**.
 
 ### Fine-grained Markdown
 
@@ -117,7 +119,7 @@ content = {
 
 </FineGrained>
 
-Code Hike also integrates nicely with [Zod schemas](docs/concepts/blocks#schema) giving you type-safe Markdown.
+Code Hike also integrates nicely with [Zod schemas](docs/concepts/blocks#schema), giving you type-safe Markdown.
 
 Learn more:
 
@@ -127,7 +129,7 @@ Learn more:
 
 ### Headless Codeblocks
 
-With Code Hike v1, you can build your own component library for codeblocks.
+With Code Hike 1.0, you can build your own component library for codeblocks.
 
 - Use React components to define UI and behaviors: tooltips, animations, line numbers, diffs, copy buttons, collapse, fold, footnotes, links, tabs, callouts, language switchers, or whatever you can imagine.
 - Then add comments inside your codeblocks to make use of those components
@@ -210,9 +212,9 @@ Videos, slides, screenshots. Code Hike makes separating content from presentatio
 
 Landing pages, marketing sites, portfolios. It doesn't even need content related to programming. Code Hike helps you keep the content separated from the design.
 
-## Try Code Hike v1
+## Try Code Hike 1.0
 
-Try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter), or clone the Code Hike v1 starter:
+Try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter?file=app%2Fpage.mdx), or clone the Code Hike v1 starter:
 
 ```bash -c
 # !link[24:62] https://github.com/code-hike/v1-starter
@@ -250,4 +252,4 @@ Big thanks to all the sponsors, some of whom have been supporting Code Hike from
 
 Special thanks to the [GitHub Accelerator](https://github.blog/news-insights/company-news/github-accelerator-our-first-cohort-and-whats-next/) for selecting Code Hike for the first cohort of the program. Their sponsorship and guidance have been a huge help in getting Code Hike to this point.
 
-I'm excited about what’s next for Code Hike. You can [become a sponsor](https://github.com/sponsors/code-hike?metadata_source=v1-blog) to help us make it happen, every little bit helps!
+I'm excited about what’s next for Code Hike. You can [become a sponsor](https://github.com/sponsors/code-hike?metadata_source=v1-blog) to help us make it happen!
diff --git a/apps/web/content/docs/index.mdx b/apps/web/content/docs/index.mdx
@@ -12,7 +12,7 @@ Start from a template with Next.js, MDX, Tailwind CSS:
 npx create-next-app -e https://github.com/code-hike/v1-starter
 ```
 
-Or try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter) or [CodeSandbox](https://codesandbox.io/s/github/code-hike/v1-starter).
+Or try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter?file=app%2Fpage.mdx) or [CodeSandbox](https://codesandbox.io/s/github/code-hike/v1-starter?file=app%2Fpage.mdx).
 
 For more complete starters, see the [examples](/docs/examples) page.
 
@@ -90,7 +90,7 @@ For examples using various frameworks, see the [examples](/docs/examples).
 1. Install Code Hike:
 
 ```bash -c
-npm install codehike@beta
+npm install codehike
 ```
 
 2. Set up MDX plugins:

diff --git a/apps/web/ui/nav.tsx b/apps/web/ui/nav.tsx
@@ -60,7 +60,7 @@ export function NavBar({ version }: { version: string }) {
 function VersionNav({ version }: { version: string }) {
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger className="text-sm bg-yellow-200 dark:bg-yellow-900 text-yellow-900 dark:text-yellow-200 rounded-lg px-2">
+      <DropdownMenuTrigger className="text-sm bg-secondary text-primary rounded-lg px-2">
         {version}
       </DropdownMenuTrigger>
       <DropdownMenuContent>