Phil Wolstenholme philwolstenholme

## ResponsiveImageFormatter.php
<?php

namespace Drupal\my_module\Plugin\Field\FieldFormatter;

use Drupal\Core\Field\FieldItemListInterface;
use Drupal\Core\Plugin\ContainerFactoryPluginInterface;
use Drupal\responsive_image\Plugin\Field\FieldFormatter\ResponsiveImageFormatter as ResponsiveImageFormatterCore;

/**
 * Responsive image formatter that allow to force the format.

## storybook-config-auto-title.js
/*
Read the https://storybook.js.org/docs/guides/guide-react/

Configure:
1) open ./storybook/config.js
2) remove configure(require.context('../src', true, /\.stories\.js$/), module);
3) replace with the code below
4) change path prepare in to getTitle function
5) remove in story files export default.title

## app.js
const HN_URL = 'https://hackernewsapi.example.com/';

function updateUI(hnData) {
  // Update the DOM.
}

async function init() {
  const channel = new BroadcastChannel('hn-updates');
  channel.addEventListener('message', async (event) => {
    if (event.data.payload.updatedUrl === HN_URL) {

## invalidate.js
/**
 * Invalidates the current `ServiceWorker` running on the page.
 * Why? Because managing a cache is damn hard; and sometimes due to race conditions
 * your assets might get out-of-sync.
 *
 * This mini snippet checks the version of the app against an uncached resource and
 * invalidates the workers if it finds a mismatch.
 */

if ( navigator.serviceWorker && navigator.serviceWorker.getRegistrations ) {

## IntegerDropdownWidget.php
<?php
/**
 * @file
 * Defines a dropdown widget for integer fields.
 */

namespace Drupal\nba_content_core\Plugin\Field\FieldWidget;

use Drupal\Core\Field\FieldFilteredMarkup;
use Drupal\Core\Field\FieldItemListInterface;

## guardian-browser-stats.txt
This has moved:

https://github.com/guardian/frontend/wiki/Browsers-on-theguardian.com

## aria-controls.js
// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
// http://creativecommons.org/publicdomain/zero/1.0/
(function (win, doc) {
    'use strict';
    if (!doc.querySelectorAll || !win.addEventListener) {
        // doesn't cut the mustard.
        return;
    }
    var toggles = doc.querySelectorAll('[aria-controls]');
    var togglecount = toggles.length;

## index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[resize width only]">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>JS Bin</title>
</head>
<body>

## composer-create-project-test.sh
#!/usr/bin/env bash
# Allows you to test the create-project process using your local
# checked-out copy of the skeleton as the source. You MUST commit the
# changes you want to test to a git branch! You MUST name that branch
# as the first argument and the destination path to set up the fresh
# copy into as the second.
#
# Usage:
#  - Place this script in your package's root directory and make it executable.
#  - Set the PACKAGE_NAME variable below to match your composer.json's `name`.

## package.json
{
    "name": "my-app",
    "version": "1.0.0",
    "description": "My test app",
    "main": "src/js/index.js",
    "scripts": {
        "jshint:dist": "jshint src/js/*.js",
        "jshint": "npm run jshint:dist",
        "jscs": "jscs src/*.js",
        "browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",
	<?php

	namespace Drupal\my_module\Plugin\Field\FieldFormatter;

	use Drupal\Core\Field\FieldItemListInterface;
	use Drupal\Core\Plugin\ContainerFactoryPluginInterface;
	use Drupal\responsive_image\Plugin\Field\FieldFormatter\ResponsiveImageFormatter as ResponsiveImageFormatterCore;

	/**
	* Responsive image formatter that allow to force the format.
	/*
	Read the https://storybook.js.org/docs/guides/guide-react/

	Configure:
	1) open ./storybook/config.js
	2) remove configure(require.context('../src', true, /\.stories\.js$/), module);
	3) replace with the code below
	4) change path prepare in to getTitle function
	5) remove in story files export default.title
	const HN_URL = 'https://hackernewsapi.example.com/';

	function updateUI(hnData) {
	// Update the DOM.
	}

	async function init() {
	const channel = new BroadcastChannel('hn-updates');
	channel.addEventListener('message', async (event) => {
	if (event.data.payload.updatedUrl === HN_URL) {
	/**
	* Invalidates the current `ServiceWorker` running on the page.
	* Why? Because managing a cache is damn hard; and sometimes due to race conditions
	* your assets might get out-of-sync.
	*
	* This mini snippet checks the version of the app against an uncached resource and
	* invalidates the workers if it finds a mismatch.
	*/

	if ( navigator.serviceWorker && navigator.serviceWorker.getRegistrations ) {
	<?php
	/**
	* @file
	* Defines a dropdown widget for integer fields.
	*/

	namespace Drupal\nba_content_core\Plugin\Field\FieldWidget;

	use Drupal\Core\Field\FieldFilteredMarkup;
	use Drupal\Core\Field\FieldItemListInterface;
	This has moved:

	https://github.com/guardian/frontend/wiki/Browsers-on-theguardian.com
	// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
	// http://creativecommons.org/publicdomain/zero/1.0/
	(function (win, doc) {
	'use strict';
	if (!doc.querySelectorAll \|\| !win.addEventListener) {
	// doesn't cut the mustard.
	return;
	}
	var toggles = doc.querySelectorAll('[aria-controls]');
	var togglecount = toggles.length;
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="[resize width only]">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>JS Bin</title>
	</head>
	<body>
	#!/usr/bin/env bash
	# Allows you to test the create-project process using your local
	# checked-out copy of the skeleton as the source. You MUST commit the
	# changes you want to test to a git branch! You MUST name that branch
	# as the first argument and the destination path to set up the fresh
	# copy into as the second.
	#
	# Usage:
	# - Place this script in your package's root directory and make it executable.
	# - Set the PACKAGE_NAME variable below to match your composer.json's `name`.
	{
	"name": "my-app",
	"version": "1.0.0",
	"description": "My test app",
	"main": "src/js/index.js",
	"scripts": {
	"jshint:dist": "jshint src/js/*.js",
	"jshint": "npm run jshint:dist",
	"jscs": "jscs src/*.js",
	"browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",