Annotation style

code-hike · Aug 28, 2023 · 8d78b4f · 8d78b4f
1 parent def3362
commit 8d78b4f
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/packages/core/app/posts/[slug]/page.tsx b/packages/core/app/posts/[slug]/page.tsx
@@ -5,6 +5,7 @@ import { allPosts } from "contentlayer/generated"
 // import { Slideshow } from "../../slideshow"
 // import { Code } from "../../code"
 import { PostClient } from "./post.client"
+import "./styles.css"
 
 export const generateStaticParams = async () =>
  allPosts.map(post => ({ slug: post._raw.flattenedPath }))

diff --git a/packages/core/app/posts/[slug]/styles.css b/packages/core/app/posts/[slug]/styles.css
@@ -0,0 +1,3 @@
+.mark {
+ background: #222299;
+}
diff --git a/packages/core/posts/post-01.mdx b/packages/core/posts/post-01.mdx
@@ -7,7 +7,7 @@ import { Scrollycoding } from "../app/scrollycoding"
 import { Slideshow } from "../app/slideshow"
 import { Code } from "../app/code"
 
-## This is an h2 from ab
+## This is an h2 from absss
 
 And a paragraphs
 
@@ -29,7 +29,7 @@ ho
 lets
 
 ```js
-console.log("hello 3")
+console.log(2, 0)
 ```
 
 go

diff --git a/packages/core/src/differ.ts b/packages/core/src/differ.ts
@@ -101,8 +101,6 @@ function replaceTokens(
 ): TokenWithIdOrGroup[] {
  const result: TokenWithIdOrGroup[] = []
 
- console.log("replaceTokens", { tokens, tokensWithId })
- debugger
  tokens.forEach(tokenOrGroup => {
  if ("tokens" in tokenOrGroup) {
  result.push({

diff --git a/packages/core/src/flip-tokens.tsx b/packages/core/src/flip-tokens.tsx
@@ -27,8 +27,6 @@ function useTokensWithIds(
  prevRef.current = result
  }, [result])
 
- console.log({ result })
-
  return result
 }
 
@@ -53,15 +51,15 @@ function TokenOrGroup({
 }) {
  if ("tokens" in token) {
  return (
- <span>
+ <span className={token.name}>
  {token.tokens.map((token, i) => (
  <TokenOrGroup token={token} key={i} />
  ))}
  </span>
  )
  }
 
- return token.style ? (
+ return "id" in token ? (
  <span
  style={{
  ...token.style,