Migrate website to @sugar-high/react

site/app/code-example.tsx

@@ -1,4 +1,4 @@
-import { Code } from 'codice'
+import { Code } from '@sugar-high/react'
 
 const CODE_SIMPLE_SNIPPET_HTML = `\
 # Here is a simple function
@@ -10,7 +10,7 @@ hello()
 `
 
 const CODE_ULTIMATE_SNIPPET_HTML = `\
-import { Code } from 'codice'
+import { Code } from '@sugar-high/react'
 import { highlight } from 'sugar-high'
 
 function renderMarkup() {

site/app/editor-example.tsx

@@ -2,7 +2,7 @@ import { LiveEditor } from './live-editor'
 
 const defaultCode = `\
 import { useState } from 'react'
-import { Editor } from 'codice'
+import { Editor } from '@sugar-high/react'
 
 const defaultText = 'console.log("hello world")'
 

site/app/live-editor.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Editor } from 'codice'
+import { Editor } from '@sugar-high/react'
 import React, { startTransition, useActionState, useEffect, useRef, useState } from 'react'
 import { format as prettierFormat } from 'prettier/standalone'
 import { toPng } from 'html-to-image'

site/app/page.tsx

@@ -1,6 +1,6 @@
 import { EditorExample } from './editor-example'
 import { CodeExamples } from './code-example'
-import { Code } from 'codice'
+import { Code } from '@sugar-high/react'
 
 type SearchParams = {
   c?: string // default code

site/app/studio/editor-manager.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Editor } from 'codice'
+import { Editor } from '@sugar-high/react'
 import { EditorConfig } from './page'
 import './studio.css'
 
@@ -49,4 +49,3 @@ export function EditorManager({ editor, onUpdate, editorRef, onTakeScreenshot }:
     </div>
   )
 }
-

site/next.config.ts

@@ -0,0 +1,15 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  async redirects() {
+    return [
+      {
+        source: '/:path*',
+        destination: 'https://sugar-high.vercel.app/react',
+        permanent: true,
+      },
+    ]
+  },
+}
+
+export default nextConfig

site/package.json

@@ -7,11 +7,12 @@
     "start": "next start"
   },
   "dependencies": {
-    "codice": "workspace:*",
+    "@sugar-high/react": "^1.0.0",
     "html-to-image": "^1.11.13",
     "prettier": "^3.6.2",
     "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react-dom": "^19.2.1",
+    "sugar-high": "^2.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.7",

site/tsconfig.json

@@ -13,7 +13,7 @@
     "incremental": true,
     "module": "esnext",
     "esModuleInterop": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx",