chore(sandbox): Organize and set some globals for convenience

sandbox/example.js

@@ -0,0 +1,6 @@
+import { swalWithReactContent } from './swalWithReactContent'
+import { StatefulElement } from './StatefulElement'
+
+export const example = async () => {
+  await swalWithReactContent(<StatefulElement />)
+}

sandbox/main.js

@@ -0,0 +1,5 @@
+import { setGlobals } from './setGlobals'
+import { example } from './example'
+
+setGlobals()
+example().catch(console.error)

sandbox/setGlobals.js

@@ -0,0 +1,11 @@
+import swal from 'sweetalert2'
+import sweetalert2ReactContent from '../src/main'
+import { swalWithReactContent } from './swalWithReactContent'
+
+export const setGlobals = () => {
+  Object.assign(global, {
+    swal,
+    sweetalert2ReactContent,
+    swalWithReactContent,
+  })
+}

sandbox/swalWithReactContent.js

@@ -0,0 +1,4 @@
+import swal from 'sweetalert2'
+import sweetalert2ReactContent from '../src/main'
+
+export const swalWithReactContent = sweetalert2ReactContent(swal)

webpack.config.sandbox.js

@@ -6,7 +6,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = {
   mode: 'development',
   devtool: 'cheap-module-source-map',
-  entry: ['babel-polyfill', require.resolve('./sandbox/app')],
+  entry: ['babel-polyfill', require.resolve('./sandbox/main')],
   output: {
     pathinfo: true, // Add /* filename */ comments to generated require()s in the output.
     filename: 'bundle.js', // This does not produce a real file. It's just a virtual path.