Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including bream with all npm packages installed. Try it out:

var bream = require("bream")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

bream v1.0.2

Brim + Scream for iOS 8+

install

npm install bream

usage

import { Scream, Brim } from 'bream'

const mask = document.querySelector('#brim-mask')
const main = document.querySelector('#brim-main')

try {
  // Here for iOS
  const brim = new Brim(window, {
    viewport: Scream({
      width: {
        portrait: window.screen.width,
        landscape: window.screen.height,
      },
    }),
  })
  mask.innerHTML = '<h1>Main is hidden!!</h1>'
  brim.on('viewchange', e => {
    if (e.viewName === 'minimal') {
      setTimeout(() => {
        main.style.height = (parseInt(main.style.height) - 44) + 'px'
      }, 0)
    }
  })
} catch (e) {
  // Here for others
  console.log(e.message)
  document.body.removeChild(mask)
  document.querySelector('meta[name="viewport"]').setAttribute('content', [
    'width=device-width',
    'initial-scale=1.0',
    'maximum-scale=1.0',
    'user-scalable=0',
  ].join(','))
}

author

gajus/brim

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free