Jared Palmer jaredpalmer

## AuthModel.ts
'use strict';

import * as uuid from 'uuid';

import { Client, ClientDao } from '../dao/ClientDao';
import { Token, TokenDao } from '../dao/TokenDao';
import { User, UserDao } from '../dao/UserDao';

export const getAccessToken = async (bearerToken: string) => {
  const token = await TokenDao.loadByToken(bearerToken);

## all-html-elements.html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5 Test Page</title>
  </head>
  <body>
    <div id="top" class="page" role="document">
      <header role="banner">

## html2pdf.js
import puppeteer from 'puppeteer'
import fs from 'fs'

async function buildPDF(htmlString) {
  const browser = await puppeteer.launch({ headless: true })
  const page = await browser.newPage();
  await page.setContent(htmlString, { waitUntil: 'networkidle0' })
  const pdf = await page.pdf({
    format: 'A4',
    displayHeaderFooter: false,

## doc-table.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jaredpalmer
                / doc-table.md
            
            
              Created
              June 13, 2022 14:18
                — forked from antfu/doc-table.md
            
              
                Doc Table in Markdown
              
          
    Example


Name

Description


## useQuery.ts
import { ApolloError } from 'apollo-boost';
import { print } from 'graphql/language/printer';
import React from 'react';

const queries = new Map();

const getCacheKey = ({ query, ...opts }) =>
  `${print(query)}@@${JSON.stringify(opts)}`;

const invalidateCachedQuery = options =>

## oauth-device-flow.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              5 stars
            
          
                jaredpalmer
                / oauth-device-flow.md
            
            
              Last active
              September 1, 2021 09:35
            
              
                OAuth 2.0 Device Flow
              
          
    OAuth Device Flow

This is flow used by apps on Apple TV / Roku. However, it is also useful for CLIs.
Here is my rundown. Please correct me in comments if something is wrong or if there is a better way to do this.

Device pings the server to begin activation process

  
## stale-app-link.js
// If the user has been on the page for over 12 hours, the next link
// click will do a full page transition to get new code
import React from "react";
import { BrowserRouter, useLocation } from "react-router-dom";

let hour = 3600000;

export default function StaleAppRouter(props) {
  let [isStale, setIsStale] = useState(false);

## forwardRefWithAs.tsx
import * as React from 'react';

/**
 * React.Ref uses the readonly type `React.RefObject` instead of
 * `React.MutableRefObject`, We pretty much always assume ref objects are
 * mutable (at least when we create them), so this type is a workaround so some
 * of the weird mechanics of using refs with TS.
 */
export type AssignableRef<ValueType> =
  | {

## prefetch.js
function prefetch(getKey, getValue, getInitialValue, propName) {
  const inFlight = new Set();
  const cache = new Map();
  return ChildComponent => {
    return class extends React.Component {
      state = {value: getInitialValue(this.props)};
      componentWillReceiveProps(nextProps) {
        const key = getKey(nextProps);
        if (cache.has(key)) {
          // Use cached value

## Video.js
import { useRef, useCallback, useEffect } from 'react'
import { useInView } from 'react-intersection-observer'
import 'intersection-observer'

export default ({ src, caption, ratio }) => {
  const [inViewRef, inView] = useInView({
    threshold: 1,
  })
  const videoRef = useRef()
	'use strict';

	import * as uuid from 'uuid';

	import { Client, ClientDao } from '../dao/ClientDao';
	import { Token, TokenDao } from '../dao/TokenDao';
	import { User, UserDao } from '../dao/UserDao';

	export const getAccessToken = async (bearerToken: string) => {
	const token = await TokenDao.loadByToken(bearerToken);
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5 Test Page</title>
	</head>
	<body>
	<div id="top" class="page" role="document">
	<header role="banner">
	import puppeteer from 'puppeteer'
	import fs from 'fs'

	async function buildPDF(htmlString) {
	const browser = await puppeteer.launch({ headless: true })
	const page = await browser.newPage();
	await page.setContent(htmlString, { waitUntil: 'networkidle0' })
	const pdf = await page.pdf({
	format: 'A4',
	displayHeaderFooter: false,
	import { ApolloError } from 'apollo-boost';
	import { print } from 'graphql/language/printer';
	import React from 'react';

	const queries = new Map();

	const getCacheKey = ({ query, ...opts }) =>
	`${print(query)}@@${JSON.stringify(opts)}`;

	const invalidateCachedQuery = options =>
	// If the user has been on the page for over 12 hours, the next link
	// click will do a full page transition to get new code
	import React from "react";
	import { BrowserRouter, useLocation } from "react-router-dom";

	let hour = 3600000;

	export default function StaleAppRouter(props) {
	let [isStale, setIsStale] = useState(false);
	import * as React from 'react';

	/**
	* React.Ref uses the readonly type `React.RefObject` instead of
	* `React.MutableRefObject`, We pretty much always assume ref objects are
	* mutable (at least when we create them), so this type is a workaround so some
	* of the weird mechanics of using refs with TS.
	*/
	export type AssignableRef<ValueType> =
	\| {
	function prefetch(getKey, getValue, getInitialValue, propName) {
	const inFlight = new Set();
	const cache = new Map();
	return ChildComponent => {
	return class extends React.Component {
	state = {value: getInitialValue(this.props)};
	componentWillReceiveProps(nextProps) {
	const key = getKey(nextProps);
	if (cache.has(key)) {
	// Use cached value
	import { useRef, useCallback, useEffect } from 'react'
	import { useInView } from 'react-intersection-observer'
	import 'intersection-observer'

	export default ({ src, caption, ratio }) => {
	const [inViewRef, inView] = useInView({
	threshold: 1,
	})
	const videoRef = useRef()