fix: updating schema form + temporarily disabling lang settings to work with component previews in Pattern Lab; updating CORS settings

Author: sghoweri

docs-site/.boltrc.js

@@ -6,7 +6,6 @@ const config = {
   // array of languages to compile the design system. note, these are ignored when the --i18n flag is set to false
   // Note: if lang is defined, the first item is currently the one used by default in the Pattern Lab build, pending further iterations on this!
   // lang: ['en', 'ja'],
-  lang: ['en'],
 
   renderingService: false, // starts PHP service for rendering Twig templates
   openServerAtStart: false,

docs-site/src/components/schema-form/schema-form.js

@@ -121,9 +121,7 @@ export default class SchemaForm extends Component {
   render() {
     const { layout } = this.props;
 
-    const iframeHead = `<link rel="stylesheet" href="/build/bolt-global${
-      bolt.config.lang ? '-' + bolt.data.config.lang[0] : ''
-    }.css"> <script src="/build/bolt-global.js" async></script>`;
+    const iframeHead = `<link rel="stylesheet" href="/build/bolt-global.css"> <script src="/build/bolt-global.js" async></script>`;
 
     const schema = SchemaForm.prepareSchema(this.props.schema);
     const isHorizontal = layout === 'horizontal';
@@ -149,6 +147,7 @@ export default class SchemaForm extends Component {
           }}>
           <div
             key="1"
+            style="width: 100%;"
             data-grid={{
               w: 1,
               h: 3,

packages/build-tools/create-webpack-config.js

@@ -474,6 +474,9 @@ async function createWebpackConfig(buildConfig) {
       hot: config.prod ? false : true,
       noInfo: true, // webpackTasks.watch handles output info related to success & failure
       publicPath,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+      },
     };
   }
 

serve.json

@@ -42,6 +42,19 @@
           "value": "application/schema+json"
         }
       ]
+    },
+    {
+      "source": "**/*",
+      "headers": [
+        {
+          "key": "Access-Control-Allow-Origin",
+          "value": "*"
+        },
+        {
+          "key": "Access-Control-Allow-Headers",
+          "value": "Origin, X-Requested-With, Content-Type, Accept, Range"
+        }
+      ]
     }
   ]
 }