@financial-times/dotcom-ui-bootstrap 7.3.1 → 7.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-bootstrap",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "description": "",
   "main": "component.js",
   "browser": "browser.js",
@@ -30,7 +30,11 @@
     "react": "16.x || 17.x"
   },
   "files": [
-    "dist/"
+    "dist/",
+    "src/",
+    "browser.js",
+    "component.js",
+    "server.js"
   ],
   "repository": {
     "type": "git",
@@ -45,4 +49,4 @@
     "check-engine": "^1.10.1",
     "react": "^16.8.6"
   }
-}
+}

package/server.js

@@ -0,0 +1 @@
+module.exports = require('./dist/node/server/index')

package/src/__test__/server/formatConfigJSON.spec.ts

@@ -0,0 +1,16 @@
+import subject from '../../server/formatConfigJSON'
+
+describe('dotcom-ui-bootstrap/src/server/formatConfigJSON', () => {
+  it('returns a string', () => {
+    const result = subject([], [])
+    // NOTE: '' !== String('')
+    expect(typeof result === 'string').toBeTruthy()
+  })
+
+  it('returns a parseable JSON string', () => {
+    const result = JSON.parse(subject([], []))
+
+    expect(result.core).toBeInstanceOf(Array)
+    expect(result.enhanced).toBeInstanceOf(Array)
+  })
+})

package/src/__test__/server/getBootstrapJS.spec.ts

@@ -0,0 +1,10 @@
+import subject from '../../server/getBootstrapJS'
+
+describe('dotcom-ui-bootstrap/src/server/formatConfigJSON', () => {
+  it('returns the JS snippet', () => {
+    const result = subject()
+
+    expect(typeof result === 'string').toBeTruthy()
+    expect(result).toMatch(/isEnhancedBrowser/)
+  })
+})

package/src/components/Bootstrap.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import { formatConfigJSON, getBootstrapJS } from '../server'
+
+type TBootstrapProps = {
+  trackErrors?: boolean
+  coreScripts?: string[]
+  enhancedScripts?: string[]
+}
+
+function Bootstrap({ coreScripts, enhancedScripts, trackErrors }: TBootstrapProps) {
+  return (
+    <React.Fragment>
+      <script
+        type="application/json"
+        id="page-kit-bootstrap-config"
+        dangerouslySetInnerHTML={{ __html: formatConfigJSON(coreScripts, enhancedScripts, trackErrors) }}
+      />
+      <script dangerouslySetInnerHTML={{ __html: getBootstrapJS() }} />
+    </React.Fragment>
+  )
+}
+
+Bootstrap.defaultProps = {
+  trackErrors: true,
+  coreScripts: [],
+  enhancedScripts: []
+}
+
+export { Bootstrap }
+export type { TBootstrapProps }

package/src/index.ts

@@ -0,0 +1 @@
+export * from './components/Bootstrap'

package/src/server/formatConfigJSON.ts

@@ -0,0 +1,11 @@
+export default function formatConfigJSON(
+  coreScripts: string[],
+  enhancedScripts: string[],
+  trackErrors: boolean = false
+): string {
+  return JSON.stringify({
+    trackErrors,
+    core: coreScripts,
+    enhanced: enhancedScripts
+  })
+}

package/src/server/getBootstrapJS.ts

@@ -0,0 +1,8 @@
+import fs from 'fs'
+import findUp from 'find-up'
+
+const bootstrapJS = String(fs.readFileSync(findUp.sync('lib/bootstrap.js', { cwd: __dirname })))
+
+export default function getBootstrapJS(): string {
+  return bootstrapJS
+}

package/src/server/index.ts

@@ -0,0 +1,4 @@
+import formatConfigJSON from './formatConfigJSON'
+import getBootstrapJS from './getBootstrapJS'
+
+export { formatConfigJSON, getBootstrapJS }