Peter T Bosse II ptb

## use-visual-viewport.js
import { useCallback, useEffect } from "react"

/**
  React hook to update the CSS custom properties `--viewport-height` and
  `--viewport-width` when the window is resized.

  Alternatively, an object with properties `height` and `width` can be
  used with the CSS custom properties to update can be provided instead.

  @param {object} [props]

## VisualViewport.jsx
import React, { useEffect, useRef, useState } from "react"

export const VisualViewport = ({
  as: Element = "div",
  children,
  style = {},
  ...props
}) => {
  const ref = useRef (null)

## messages.html
<!DOCTYPE html>
<html class='no-js' lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <meta charset='UTF-8' />
    <title>Messages</title>
    <meta content='initial-scale=1, width=device-width' name='viewport' />
    <style type='text/css'>
      *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;

## menu.jsx
import { css } from "./style/src/api/index.js"

export default () => (
  <ul
    className={css ({
      body: {
        backgroundColor: "#000"
      },
      backgroundColor: "#1c1c1e",
      borderRadius: 10,

## Element.jsx
import { css } from "@amory/style"
import { motion } from "framer-motion"
import { createElement } from "react"

export const Element = ({
  animate,
  as = "div",
  className,
  custom,
  drag,

## template.svg

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ptb
                / template.svg
            
            
              Created
              January 1, 2019 15:28
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## deep-merge-map.js
/* eslint-disable no-use-before-define */

const isArr = Array.isArray
const isMap = (value) => value instanceof Map
const isObj = (value) => typeof value === "object"

const canMerge = (value) =>
  Boolean (value) &&
  isObj (value) &&
  !(/^\[object (?:Date|RegExp)\]$/)

## static-site-generator-webpack-plugin.js
/* eslint compat/compat: off, max-statements: off */

const RawSource = require ("webpack-sources/lib/RawSource")
const evaluate = require ("eval")
const path = require ("path")
const cheerio = require ("cheerio")
const url = require ("url")
const Promise = require ("bluebird")

const findAsset = (src, compilation, webpackStatsJson) => {

## .gitignore
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Runtime data
pids
*.pid

## hairline.css.sass
border-width: 0 0 1px
border-bottom-style: solid
border-bottom-color: #c8c7cc

/* :root.retina */
border-image-source: url("data:image/svg+xml;charset=utf-8,<svg height='1' width='1' xmlns='http://www.w3.org/2000/svg'><rect height='.5' width='1' y='.5' fill='%23c8c7cc'/></svg>")
border-image-slice: 0 0 1
	import { useCallback, useEffect } from "react"

	/**
	React hook to update the CSS custom properties `--viewport-height` and
	`--viewport-width` when the window is resized.

	Alternatively, an object with properties `height` and `width` can be
	used with the CSS custom properties to update can be provided instead.

	@param {object} [props]
	import React, { useEffect, useRef, useState } from "react"

	export const VisualViewport = ({
	as: Element = "div",
	children,
	style = {},
	...props
	}) => {
	const ref = useRef (null)
	<!DOCTYPE html>
	<html class='no-js' lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
	<head>
	<meta charset='UTF-8' />
	<title>Messages</title>
	<meta content='initial-scale=1, width=device-width' name='viewport' />
	<style type='text/css'>
	, :before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	import { css } from "@amory/style"
	import { motion } from "framer-motion"
	import { createElement } from "react"

	export const Element = ({
	animate,
	as = "div",
	className,
	custom,
	drag,
	/* eslint-disable no-use-before-define */

	const isArr = Array.isArray
	const isMap = (value) => value instanceof Map
	const isObj = (value) => typeof value === "object"

	const canMerge = (value) =>
	Boolean (value) &&
	isObj (value) &&
	!(/^\[object (?:Date\|RegExp)\]$/)
	/* eslint compat/compat: off, max-statements: off */

	const RawSource = require ("webpack-sources/lib/RawSource")
	const evaluate = require ("eval")
	const path = require ("path")
	const cheerio = require ("cheerio")
	const url = require ("url")
	const Promise = require ("bluebird")

	const findAsset = (src, compilation, webpackStatsJson) => {
	# Logs
	logs
	*.log
	npm-debug.log*
	yarn-debug.log*
	yarn-error.log*

	# Runtime data
	pids
	*.pid
	border-width: 0 0 1px
	border-bottom-style: solid
	border-bottom-color: #c8c7cc

	/* :root.retina */
	border-image-source: url("data:image/svg+xml;charset=utf-8,<svg height='1' width='1' xmlns='http://www.w3.org/2000/svg'><rect height='.5' width='1' y='.5' fill='%23c8c7cc'/></svg>")
	border-image-slice: 0 0 1