Skip to content

Instantly share code, notes, and snippets.

View joeldenning's full-sized avatar
🎯
Focusing

Joel Denning joeldenning

🎯
Focusing
View GitHub Profile
<!DOCTYPE html>
<html lang="en" style="width: 100%; min-height: 100%;">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="author" content="Your devoted Canopian engineering team">
<title>
Canopy: Delightful Client Management
</title>
@joeldenning
joeldenning / single-spa-root-application.js
Last active October 5, 2018 22:11
A simple root-application.js file for single-spa
import {declareChildApplication, start} from 'single-spa';
// Register your first application with single-spa. More apps will be registered as you create them
declareChildApplication("cool-app", loadCoolApp, isCoolAppActive);
// Tell single-spa that you're ready for it to mount your application to the DOM
start();
// This is a "loading function"
function loadCoolApp() {

Creating a new single-spa subapp

  1. Create new repo in gitlab

  2. Clone it locally

  3. Create .babelrc in project root:

{
    "presets": [
        "@babel/preset-env",
@joeldenning
joeldenning / esm-bundle.js
Created February 5, 2020 08:26
ESM bundle
// You can run this in browser console
const React = await import('https://cdn.jsdelivr.net/npm/@esm-bundle/react/esm/react.production.min.js');
const ReactDOM = await import('https://cdn.jsdelivr.net/npm/@esm-bundle/react-dom/esm/react-dom.resolved.production.min.js');
const rxjs = await import('https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/esm/rxjs.min.js');
const rxjsOperators = await import('https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/esm/rxjs-operators.min.js');
import React from 'react'
import styles from './TemplatesTable.css'
// Table, TableHeader, and TableBody handle CSS, not logic
import Table from '../utils/Table.component'
import TableHeader from '../utils/TableHeader.component'
import TableBody from '../utils/TableBody.component'
import { getTemplates } from './Templates.resource.js'
export default function TemplatesTable(props) {
const [state, dispatch] = React.useReducer(reducer, initialState);
@joeldenning
joeldenning / cloudSettings
Last active July 6, 2020 15:36
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-07-06T15:36:05.434Z","extensionVersion":"v3.4.3"}
var test;test =
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/test-spa.js":
/*!*************************!*\
!*** ./src/test-spa.js ***!
\*************************/
/*! namespace exports */
@joeldenning
joeldenning / externals.js
Last active September 5, 2020 19:50
esm webpack plugin externals
import * as __WEBPACK_EXTERNAL_MODULE__0__ from '../../test/fixtures/externals/foo-external.js';
import * as __WEBPACK_EXTERNAL_MODULE__1__ from '../../test/fixtures/externals/bar-external.js';
var LIB =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
var LIB =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
Process: mupen64plus-gui [34566]
Path: /Users/USER/*/mupen64plus-gui.app/Contents/MacOS/mupen64plus-gui
Identifier: com.yourcompany.mupen64plus-gui
Version: 0
Code Type: X86-64 (Native)
Parent Process: ??? [34565]
Responsible: Electron [352]
User ID: 0
Date/Time: 2020-10-19 21:14:06.418 -0600