Secure preview frame

[pwjablonski]

Hey @outoftime!

Here's my first pass at #804

• creates static preview.html file
• loads previewSupport into preview.html via webpack
• Replaces srcDoc with src reference to preview.html
• Sends message with source from previewFrame component to the iframe
• Recieves source from the message and write content to iframe document
• fixes iframe settings to allow for camera/audio access

Appreciate your feedback especially around the chunking in webpack

[pwjablonski]

Delete extra space

[pwjablonski]

This seems a bit hacky - open to suggestions on how to better make two configs from the same base.

[outoftime]

This is totally fine/quite idiomatic! The only thing I would change is just constructing each variant of the config in a single literal, e.g.:

const mainConfig = {
  ...baseConfig,
  name: 'main',
  entry: isTest
    ? undefined
    : {
        inline: 'first-input-delay',
        main: './application.js',
      },
  //...
};

[outoftime]

This is cool! So much cleaner!

[outoftime]

This is totally fine/quite idiomatic! The only thing I would change is just constructing each variant of the config in a single literal, e.g.:

const mainConfig = {
  ...baseConfig,
  name: 'main',
  entry: isTest
    ? undefined
    : {
        inline: 'first-input-delay',
        main: './application.js',
      },
  //...
};

[outoftime]

Nice! A couple final comments, also I want to take it for a spin, but pretty much good to go here.