Shimada Takayuki tsmd

## prevent-history-back-dialog.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Form</title>
  </head>
  <body>

    <p>
      URL: <input id="url" type="text" readonly style="width:60em">

## lib.js
const { XMLParser, XMLBuilder } = require('fast-xml-parser');

const presentationAttrs = [
	'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-rendering',
	'cursor', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask',
	'opacity', 'pointer-events', 'shape-rendering', 'stroke', 'stroke-dasharray',
	'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit',
	'stroke-opacity', 'stroke-width', 'transform', 'vector-effect', 'visibility',
];

## page-visibility.js
let pageVisible = true;

function updatePageVisibility(e) {
  if (e.type === "visibilitychange") {
    pageVisible = !document.hidden;
  } else {
    const typeVisibilityMap = { blur: false, focus: true, pagehide: false, pageshow: true };
    pageVisible = typeVisibilityMap[e.type];
  }
}

## wait-for-global-variable.js
export function waitForGlobalVariable(objPath, interval, timeout, callback) {
  function find(objPath) {
    var found = window;
    objPath = objPath.split(".");
    while (objPath.length > 0) {
      var objPart = objPath.shift();
      if (objPart in found) {
        found = found[objPart];
      } else {
        return null;

## debounce.js
  /**
   * @param {number} delay
   * @param {Function} callback
   * @returns {Function}
   */
  function debounce(delay, callback) {
    var timer = 0;
    return function () {
      var self = this;
      var args = arguments;

## load-polyfills.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Load polyfills conditionally from CDN</title>
    <script>
      function loadFromCdn(src, integrity) {
        var s = document.createElement("script");
        s.src = src;
        s.integrity = integrity;

## min-viewport-size.html
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" id="meta-viewport">
<script>
  !function() {
    var viewport = document.getElementById('meta-viewport');
    function onResize () {
      var value = window.outerWidth < 375 ? "width=375" : "width=device-width,initial-scale=1,shrink-to-fit=no";
      if (viewport.getAttribute('content') !== value) {
        viewport.setAttribute('content', value);
      }
    }

## dom-utils.js
/**
 * ツリー上で最初に登場するテキストノードを深さ優先で探索し取得する
 */
function getFirstTextNode(root) {
  return traverse(root, (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "");
}

/**
 * ツリー上で最後に登場するテキストノードを深さ優先で探索し取得する
 */

## adjust-rem.js
#!/usr/bin/env node

/**
 * @fileoverview rem を 10/16 倍する
 * @example cat styles.css | ./adjust-rem > styles.css
 */

const { readFileSync } - require("fs");
const postcss = require("postcss");

## is-pinch-zooming.js
function isPinchZooming () {
  const clientWidth = document.documentElement.clientWidth
  const viewportWidth = window.visualViewport ? window.visualViewport.width : window.innerWidth
  return clientWidth > viewportWidth
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Form</title>
	</head>
	<body>

	<p>
	URL: <input id="url" type="text" readonly style="width:60em">
	const { XMLParser, XMLBuilder } = require('fast-xml-parser');

	const presentationAttrs = [
	'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-rendering',
	'cursor', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask',
	'opacity', 'pointer-events', 'shape-rendering', 'stroke', 'stroke-dasharray',
	'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit',
	'stroke-opacity', 'stroke-width', 'transform', 'vector-effect', 'visibility',
	];
	let pageVisible = true;

	function updatePageVisibility(e) {
	if (e.type === "visibilitychange") {
	pageVisible = !document.hidden;
	} else {
	const typeVisibilityMap = { blur: false, focus: true, pagehide: false, pageshow: true };
	pageVisible = typeVisibilityMap[e.type];
	}
	}
	export function waitForGlobalVariable(objPath, interval, timeout, callback) {
	function find(objPath) {
	var found = window;
	objPath = objPath.split(".");
	while (objPath.length > 0) {
	var objPart = objPath.shift();
	if (objPart in found) {
	found = found[objPart];
	} else {
	return null;
	/**
	* @param {number} delay
	* @param {Function} callback
	* @returns {Function}
	*/
	function debounce(delay, callback) {
	var timer = 0;
	return function () {
	var self = this;
	var args = arguments;
	<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" id="meta-viewport">
	<script>
	!function() {
	var viewport = document.getElementById('meta-viewport');
	function onResize () {
	var value = window.outerWidth < 375 ? "width=375" : "width=device-width,initial-scale=1,shrink-to-fit=no";
	if (viewport.getAttribute('content') !== value) {
	viewport.setAttribute('content', value);
	}
	}
	/**
	* ツリー上で最初に登場するテキストノードを深さ優先で探索し取得する
	*/
	function getFirstTextNode(root) {
	return traverse(root, (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "");
	}

	/**
	* ツリー上で最後に登場するテキストノードを深さ優先で探索し取得する
	*/
	#!/usr/bin/env node

	/**
	* @fileoverview rem を 10/16 倍する
	* @example cat styles.css \| ./adjust-rem > styles.css
	*/

	const { readFileSync } - require("fs");
	const postcss = require("postcss");
	function isPinchZooming () {
	const clientWidth = document.documentElement.clientWidth
	const viewportWidth = window.visualViewport ? window.visualViewport.width : window.innerWidth
	return clientWidth > viewportWidth
	}