Adam J. Arling adamjarling

Senior Front-End Developer at Northwestern University Libraries - Repository and Digital Curation

adamjarling / ControlledMetadata.test.jsx

Created September 26, 2020 17:03

	import React from "react";
	import { screen } from "@testing-library/react";
	import {
	renderWithRouterApollo,
	withReactHookForm,
	} from "../../../services/testing-helpers";
	import ControlledMetadata from "./ControlledMetadata";

	describe("Some component", () => {
	beforeEach(() => {

adamjarling / renderWithReactHookFormExtended.test.js

Created September 27, 2020 19:21

	import React from "react";
	import { screen, fireEvent, waitFor } from "@testing-library/react";
	import UIFormRelatedURL from "./RelatedURL";
	import { relatedUrlSchemeMock } from "../../Work/controlledVocabulary.gql.mock";
	import { renderWithReactHookForm } from "../../../services/testing-helpers";
	import userEvent from "@testing-library/user-event";

	const props = {
	codeLists: relatedUrlSchemeMock,
	name: "relatedUrl",

adamjarling / medium-es-build-article-demo__index.html

Last active January 3, 2022 21:39

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Demo</title>
	</head>
	<body>
	<div id="root"></div>
	<script src="/script.js"></script>

adamjarling / medium-es-build-article-demo__dev.tsx

Last active January 3, 2022 21:40

	import React from "react";
	import ReactDOM from "react-dom";
	import App from "./index";

	ReactDOM.render(<App foo="Whats up bud" />, document.getElementById("root"));

adamjarling / medium-es-build-article-demo__index.tsx

Last active January 3, 2022 21:41

	import React from "react";

	interface Props {
	foo: string;
	}

	const App: React.FC<Props> = ({ foo }) => <div>Foo's value is: {foo}</div>;

	export default App;

adamjarling / medium-es-build-article-demo__serve.js

Last active January 3, 2022 21:37

	const { build } = require("esbuild");
	const chokidar = require("chokidar");
	const liveServer = require("live-server");

	(async () => {
	const builder = await build({
	bundle: true,
	// Defines env variables for bundled JavaScript; here `process.env.NODE_ENV`
	// is propagated with a fallback.
	define: {

adamjarling / medium-es-build-article-demo__build.js

Last active January 3, 2022 21:36

	const { build } = require("esbuild");
	const { dependencies } = require("./package.json");

	const entryFile = "src/index.tsx";
	const shared = {
	bundle: true,
	entryPoints: [entryFile],
	// Treat all dependencies in package.json as externals to keep bundle size to a minimum
	external: Object.keys(dependencies),
	logLevel: "info",

adamjarling / medium-es-build-article-demo__package.json

Last active January 3, 2022 21:35

	{
	"name": "medium-es-build-article-demo",
	"version": "1.0.0",
	"description": "",
	"main": "dist/index.cjs.js",
	"module": "dist/index.esm.js",
	"types": "dist/index.d.ts",
	"scripts": {
	"build": "npm run clean && node build.js && tsc --emitDeclarationOnly --outDir dist",
	"clean": "rimraf dist",

adamjarling / medium-es-build-article-demo__.gitignore

Last active January 3, 2022 21:32

adamjarling / dynamic-iiif-selector-pattern.tsx

Created April 1, 2022 20:13

Quick idea on how to provide a way for user to input their own manifest in the static build (and in dev environment)

	import React from "react";
	import ReactDOM from "react-dom";
	import App from "./index";

	// NOTE: "env" is available via the DotEnv ES Build Plugin defined in serve.js
	import { NODE_ENV, DEV_URL, STATIC_URL } from "env";

	const host = NODE_ENV === "development" ? DEV_URL : STATIC_URL;
	let sampleManifest: string = `${host}/fixtures/iiif/manifests/sample.json`;