Merge pull request #402 from code-hike/terminal-highlighting

pomber · web-flow · commit 6182f45bb9f3 · 2023-07-25T15:56:01.000+02:00
Terminal highlighting
diff --git a/packages/mdx/dev/content/test.mdx b/packages/mdx/dev/content/test.mdx
@@ -7,3 +7,48 @@ function foobarloremipsumfoobarloremipsumsitametfoobarloremipsumfoobarloremipsum
   return 8
 }
 ```
+
+```terminal
+[35m❯[0m npm create astro -y
+
+╭─────╮  [36;1mHouston:
+[0m│ ◠ [96m◡[0m ◠  Initiating launch sequence...
+╰─────╯
+
+[42m [30mastro[39m [0m  [32;1mv2.9.2[0m [1mLaunch sequence initiated.
+
+[0m  [48;2;136;58;226m [97mdir[39m [0m  Where should we create your new project?
+         [2m./cosmic-chroma
+
+[0m [48;2;136;58;226m [97mtmpl[39m [0m  How would you like to start your new project?
+         [2mEmpty
+[0m      [32m✔[0m  [32mTemplate copied
+
+[0m [48;2;136;58;226m [97mdeps[39m [0m  Install dependencies?
+         [2mNo
+[0m      [36m◼[0m  [36mNo problem!
+[0m         [2mRemember to install dependencies after setup.
+
+[0m   [48;2;136;58;226m [97mts[39m [0m  Do you plan to write TypeScript?
+         [2mNo
+[0m      [36m◼[0m  [36mNo worries!
+[0m         [2mTypeScript is supported in Astro by default,
+[0m         [2mbut you are free to continue writing JavaScript instead.
+
+[0m  [48;2;136;58;226m [97mgit[39m [0m  Initialize a new git repository?
+         [2mNo
+[0m      [36m◼[0m  [36mSounds good!
+[0m         [2mYou can always run [0mgit init[2m manually.
+
+[0m [46m [30mnext[39m [0m  [1mLiftoff confirmed. Explore your project!
+
+[0m Enter your project directory using [36mcd ./cosmic-chroma
+[0m Run [36mnpm run dev[0m to start the dev server. [36mCTRL+C[0m to stop.
+ Add frameworks like [36mreact[0m or [36mtailwind[0m using [36mastro add[0m.
+
+ Stuck? Join us at [36mhttps://astro.build/chat
+
+[0m╭─────╮  [36;1mHouston:
+[0m│ ◠ [96m◡[0m ◠  Good luck out there, astronaut! 🚀
+╰─────╯
+```
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
@@ -44,7 +44,7 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@code-hike/lighter": "0.7.3",
+    "@code-hike/lighter": "0.8.2",
     "node-fetch": "^2.0.0"
   },
   "devDependencies": {
diff --git a/yarn.lock b/yarn.lock
@@ -455,10 +455,12 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
-"@code-hike/lighter@0.7.3":
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/@code-hike/lighter/-/lighter-0.7.3.tgz#729a7ab484f11069d258c34dfe39be918f093e39"
-  integrity sha512-IW3nBrnQRSoYDY2suXUjNZegCGVH3ljEH5w51chazy30s103CdpwSwvFya3e6GbY/xfbyAVj+Uyg6HH4L5T6tw==
+"@code-hike/lighter@0.8.2":
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/@code-hike/lighter/-/lighter-0.8.2.tgz#21fe70c339b645718606a8aa301f15524e5f829f"
+  integrity sha512-h7PA2+90rIRQWamxeHSpcgVLs9hwhz8UW8+RG+vYIYh2Y4F2GTa4c+7S5HQH/BKTyMPv5yrSCEwhCB605gO5og==
+  dependencies:
+    ansi-sequence-parser "^1.1.0"
 
 "@codesandbox/sandpack-client@^0.19.0":
   version "0.19.0"
@@ -1964,6 +1966,11 @@ ansi-regex@^5.0.1:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-sequence-parser@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-sequence-parser/-/ansi-sequence-parser-1.1.0.tgz#4d790f31236ac20366b23b3916b789e1bde39aed"
+  integrity sha512-lEm8mt52to2fT8GhciPCGeCXACSz2UwIN4X2e2LJSnZ5uAbn2/dsYdOmUXq0AtWS5cpAupysIneExOgH0Vd2TQ==
+
 ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"

-Original file line number
+Diff line change
   return 8
+}
 ```
++
 +```terminal
 +[35m❯[0m npm create astro -y
++
 +╭─────╮  [36;1mHouston:
 +[0m│ ◠ [96m◡[0m ◠  Initiating launch sequence...
 +╰─────╯
++
 +[42m [30mastro[39m [0m  [32;1mv2.9.2[0m [1mLaunch sequence initiated.
++
 +[0m  [48;2;136;58;226m [97mdir[39m [0m  Where should we create your new project?
 +         [2m./cosmic-chroma
++
 +[0m [48;2;136;58;226m [97mtmpl[39m [0m  How would you like to start your new project?
 +         [2mEmpty
 +[0m      [32m✔[0m  [32mTemplate copied
++
 +[0m [48;2;136;58;226m [97mdeps[39m [0m  Install dependencies?
 +         [2mNo
 +[0m      [36m◼[0m  [36mNo problem!
 +[0m         [2mRemember to install dependencies after setup.
++
 +[0m   [48;2;136;58;226m [97mts[39m [0m  Do you plan to write TypeScript?
 +         [2mNo
 +[0m      [36m◼[0m  [36mNo worries!
 +[0m         [2mTypeScript is supported in Astro by default,
 +[0m         [2mbut you are free to continue writing JavaScript instead.
++
 +[0m  [48;2;136;58;226m [97mgit[39m [0m  Initialize a new git repository?
 +         [2mNo
 +[0m      [36m◼[0m  [36mSounds good!
 +[0m         [2mYou can always run [0mgit init[2m manually.
++
 +[0m [46m [30mnext[39m [0m  [1mLiftoff confirmed. Explore your project!
++
 +[0m Enter your project directory using [36mcd ./cosmic-chroma
 +[0m Run [36mnpm run dev[0m to start the dev server. [36mCTRL+C[0m to stop.
 + Add frameworks like [36mreact[0m or [36mtailwind[0m using [36mastro add[0m.
++
 + Stuck? Join us at [36mhttps://astro.build/chat
++
 +[0m╭─────╮  [36;1mHouston:
 +[0m│ ◠ [96m◡[0m ◠  Good luck out there, astronaut! 🚀
 +╰─────╯
 +```