CF Worker, Hono, Htmx, picoCSS

glow

Example typescript code block below with syntax highlighting.

The following server side tsx code

<Code language='ts'>{`
    
    // some comments
    export const withVars = (handler: Handler) => </pre>{
        return (c: Context) => {
-           const oldFeature = "Removed in this version";
+           const newFeature = "Added in latest version";        
            const v = new Vars(c)
            const v2 = new ••Vers••(c)
            return c.html(handler(v))
        }
    }
`}</Code>

Results in;

// some comments
    export const withVars = (handler: Handler) => </pre>{
        return (c: Context) => {
            const oldFeature = "Removed in this version";
            const newFeature = "Added in latest version";        
            const v = new Vars(c)
            const v2 = new Vers(c)
            return c.html(handler(v))
        }
    }

note : added and deleted line syntax not currently working on my first attempt and needs to be fixed, but happy with how easily I was able to get this far.