Use named exports in playground

packages/form-js-playground/src/Playground.js

@@ -29,7 +29,7 @@ import { PlaygroundRoot } from './components/PlaygroundRoot';
 /**
  * @param {FormPlaygroundOptions} options
  */
-export default function Playground(options) {
+export function Playground(options) {
 
   const {
     container: parent,

packages/form-js-playground/src/components/JSONEditor.js

@@ -6,8 +6,7 @@ import { EditorState, Compartment } from '@codemirror/state';
 import { lintGutter, linter } from '@codemirror/lint';
 import { json, jsonParseLinter } from '@codemirror/lang-json';
 import { indentWithTab } from '@codemirror/commands';
-
-import autocompletion from './autocompletion/index';
+import { autocompletionExtension } from './autocompletion/index';
 import { variablesFacet } from './autocompletion/VariablesFacet';
 
 import {
@@ -70,7 +69,7 @@ export function JSONEditor(options = {}) {
         placeholderLinterExtension,
         lintGutter(),
         autocompletionConf.of(variablesFacet.of(variables)),
-        autocompletion(),
+        autocompletionExtension(),
         keymap.of([ indentWithTab ]),
         editorPlaceholder ? placeholder(editorPlaceholder) : [],
         ...extensions

packages/form-js-playground/src/components/autocompletion/index.js

@@ -1,10 +1,9 @@
 import { autocompletion } from '@codemirror/autocomplete';
+import { variablesFacet } from './VariablesFacet';
 
 import { syntaxTree } from '@codemirror/language';
 
-import { variablesFacet } from './VariablesFacet';
-
-export default function() {
+export function autocompletionExtension() {
   return [
     autocompletion({
       override: [

packages/form-js-playground/src/index.js

@@ -1 +1 @@
-export { default as Playground } from './Playground';
+export { Playground } from './Playground';

packages/form-js-playground/test/custom/editor.js

@@ -140,7 +140,7 @@ function Step(props) {
 }
 
 
-export default {
+export const CustomPropertiesProviderModule = {
   __init__: [ 'customPropertiesProvider' ],
   customPropertiesProvider: [ 'type', CustomPropertiesProvider ]
 };

packages/form-js-playground/test/custom/viewer.js

@@ -1,4 +1,3 @@
-
 import {
   Errors,
   FormContext,
@@ -93,7 +92,7 @@ class CustomFormFields {
   }
 }
 
-export default {
+export const CustomFormFieldsModule = {
   __init__: [ 'customFormFields' ],
   customFormFields: [ 'type', CustomFormFields ]
 };

packages/form-js-playground/test/spec/Playground.spec.js

@@ -19,8 +19,8 @@ import otherSchema from './other-form.json';
 import rowsSchema from './rows-form.json';
 import customSchema from './custom.json';
 
-import customViewerModule from '../custom/viewer';
-import customEditorModule from '../custom/editor';
+import { CustomFormFieldsModule } from '../custom/viewer';
+import { CustomPropertiesProviderModule } from '../custom/editor';
 import customStyles from '../custom/styles.css';
 
 import {
@@ -152,10 +152,10 @@ describe('playground', function() {
       schema: customSchema,
       data,
       additionalModules: [
-        customViewerModule
+        CustomFormFieldsModule
       ],
       editorAdditionalModules: [
-        customEditorModule
+        CustomPropertiesProviderModule
       ]
     });