Chris Nienhuis neenhouse

## ab-testing.spec.ts
import {describe, beforeEach, test, expect, jest} from '@jest/globals';
import {v4 as uuidv4} from 'uuid';

import {calculateBucket} from '../ab-testing';

function generateVisitorUuid(): string {
    return uuidv4().replace(/-/g, '');
}

describe('ab-testing', () => {

## src-property-index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="http://localhost:3001/remoteEntry.js"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

## src-appshell-webpack.config.js

module.exports = {
  // ...
  plugins: [
      new ModuleFederationPlugin({
      name: "appshell",
      library: { type: "var", name: "appshell" },
      filename: "remoteEntry.js",
      remotes: {},
      exposes: {

## src-property-webpack.config.js
module.exports = {
  // ...
  plugins: [
      new ModuleFederationPlugin({
          name: 'property',
          library: {type: 'var', name: 'property'},
          filename: 'remoteEntry.js',
          remotes: {
              appshell: 'appshell'
          },

## src-property-app.jsx
import React from "react";
import { HashRouter } from "react-router-dom";

const AppShell = React.lazy(() => import("appshell/StandardLayout"));

import {Photos} from './Photos';

function App() {
  return (
    <HashRouter>

## src-appshell-standardlayout.jsx
import React from 'react';
import App from './App';
import PropTypes from 'prop-types';

function StandardLayout({title, children}) {
    return <App title={title}>{children}</App>;
}

StandardLayout.propTypes = {
    title: PropTypes.string,

## src-appshell-App.jsx
import React from 'react';
import PropTypes from 'prop-types';
import {HashRouter} from 'react-router-dom';
import {Header} from './Header';
import {Footer} from './Footer';
import './App.less';

function App({children}) {
    return (
        <HashRouter>

## Ponies
(function(){
  var basePonyConfig = document.createElement('script');
  basePonyConfig.setAttribute('src','https://panzi.github.io/Browser-Ponies/browserponies.js');
  basePonyConfig.setAttribute('id','browser-ponies-script');
  document.head.appendChild(basePonyConfig);
  var ponyScript = document.createElement('script');
  ponyScript.setAttribute('src','https://panzi.github.io/Browser-Ponies/basecfg.js');
  ponyScript.setAttribute('id','browser-ponies-script');
  document.head.appendChild(ponyScript);
  function init(){

## gist:7f54a7848e7c7d5e8a017ab4ce18344e
window.$ = $;
function $(s) {
    let c = {
        '#': 'ById',
        '.': 'sByClassName',
        '@': 'sByName',
        '=': 'sByTagName'}[s[0]];
    return document[c?'getElement'+c:'querySelectorAll'](s.slice(1));
}
	import {describe, beforeEach, test, expect, jest} from '@jest/globals';
	import {v4 as uuidv4} from 'uuid';

	import {calculateBucket} from '../ab-testing';

	function generateVisitorUuid(): string {
	return uuidv4().replace(/-/g, '');
	}

	describe('ab-testing', () => {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script src="http://localhost:3001/remoteEntry.js"></script>
	</head>
	<body>
	<div id="root"></div>
	</body>
	</html>

	module.exports = {
	// ...
	plugins: [
	new ModuleFederationPlugin({
	name: "appshell",
	library: { type: "var", name: "appshell" },
	filename: "remoteEntry.js",
	remotes: {},
	exposes: {
	import React from "react";
	import { HashRouter } from "react-router-dom";

	const AppShell = React.lazy(() => import("appshell/StandardLayout"));

	import {Photos} from './Photos';

	function App() {
	return (
	<HashRouter>
	import React from 'react';
	import App from './App';
	import PropTypes from 'prop-types';

	function StandardLayout({title, children}) {
	return <App title={title}>{children}</App>;
	}

	StandardLayout.propTypes = {
	title: PropTypes.string,
	import React from 'react';
	import PropTypes from 'prop-types';
	import {HashRouter} from 'react-router-dom';
	import {Header} from './Header';
	import {Footer} from './Footer';
	import './App.less';

	function App({children}) {
	return (
	<HashRouter>
	(function(){
	var basePonyConfig = document.createElement('script');
	basePonyConfig.setAttribute('src','https://panzi.github.io/Browser-Ponies/browserponies.js');
	basePonyConfig.setAttribute('id','browser-ponies-script');
	document.head.appendChild(basePonyConfig);
	var ponyScript = document.createElement('script');
	ponyScript.setAttribute('src','https://panzi.github.io/Browser-Ponies/basecfg.js');
	ponyScript.setAttribute('id','browser-ponies-script');
	document.head.appendChild(ponyScript);
	function init(){
	window.$ = $;
	function $(s) {
	let c = {
	'#': 'ById',
	'.': 'sByClassName',
	'@': 'sByName',
	'=': 'sByTagName'}[s[0]];
	return document[c?'getElement'+c:'querySelectorAll'](s.slice(1));
	}