Question: how to check it's on server side or client side?

[kebot]

A lot of existing libraries design for Nodejs checking whether it's server side or client side by running typeof window === 'undefined'. But in Deno, window is not undefined.

For example when trying to use typestyle, server will crash with this error message:

Because there code check it's a server or not by checking window is undefined or not: https://github.com/typestyle/typestyle/blob/master/src/internal/typestyle.ts#L65

[ije]

this is an issue since deno is not production ready, the promising compatibility with browser is not 100%, but you still can use it because Aleph.js provides a virtual document object for you components during the ssr/ssg .

[ije]

can you show me your code? i think typestyle should work fine in Aleph.js.

[kebot]

@ije

can you show me your code? i think typestyle should work fine in Aleph.js.

I uses the default setup, just put this under /pages/demo

import React from 'https://esm.sh/react'
import { style } from 'https://esm.sh/typestyle'

export default function demo () {
  const red = style({ backgroundColor: 'red' })

  return <div className={red}>
    className: {red}
  </div>
}

[ije]

ok, i will check it, thanks

[ije]

@kebot fixed, now you can use typestyle no errors throw, but the ssr can not work:

aleph upgrade

[kebot]

@ije now it works, thanks.