From 249d578a191132c4d54bf49a5e9fccf7fac875b2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dar=C3=ADo=20Javier=20Cravero?= Date: Sat, 7 Sep 2019 19:48:02 +0100 Subject: [PATCH] feat: basic support for react-pdf morpher --- cli.js | 1 + ensure-flow.js | 2 +- fonts.js | 1 + morph/react-native.js | 2 ++ morph/react-pdf.js | 7 +++++++ morph/react/get-dependencies.js | 6 +++++- morphers.js | 2 ++ package.json | 2 +- 8 files changed, 20 insertions(+), 3 deletions(-) create mode 100644 morph/react-pdf.js diff --git a/cli.js b/cli.js index 7998d11..d6609d5 100644 --- a/cli.js +++ b/cli.js @@ -51,6 +51,7 @@ let wait = time => new Promise(resolve => setTimeout(resolve, time)) --as target platform react-dom (default) react-native + react-pdf --clean clean the autogenerated .view.js files --local default local language, defaults to English (en) --tools use with Views Tools, defauls to true when diff --git a/ensure-flow.js b/ensure-flow.js index ec8d33a..ef32f53 100644 --- a/ensure-flow.js +++ b/ensure-flow.js @@ -8,7 +8,7 @@ function ensureFirstStoryIsOn(flow, key, stories) { if (!stories.has(key)) return let story = flow.get(key) - if (story.stories.size > 0) { + if (story && story.stories.size > 0) { let index = 0 for (let id of story.stories) { if (index === 0 || !story.isSeparate) { diff --git a/fonts.js b/fonts.js index 920be0e..6f78a71 100644 --- a/fonts.js +++ b/fonts.js @@ -9,6 +9,7 @@ import relativise from './relativise.js' let morphFont = { 'react-dom': morphFontAsReactDom, 'react-native': morphFontAsReactNative, + 'react-pdf': morphFontAsReactNative, } export async function ensureFontsDirectory(src) { diff --git a/morph/react-native.js b/morph/react-native.js index 11d7c57..34b824d 100644 --- a/morph/react-native.js +++ b/morph/react-native.js @@ -23,6 +23,7 @@ export default ({ getSystemImport, local, localSupported, + reactNativeLibraryImport = 'react-native', track, view, viewsById, @@ -75,6 +76,7 @@ export default ({ testIdKey: 'testID', testIds: {}, track, + reactNativeLibraryImport, usedBlockNames: { [finalName]: 1, AutoSizer: 1, Column: 1, Table: 1 }, uses: [], use(block, isLazy = false) { diff --git a/morph/react-pdf.js b/morph/react-pdf.js new file mode 100644 index 0000000..e258c8f --- /dev/null +++ b/morph/react-pdf.js @@ -0,0 +1,7 @@ +import reactNativeMorph from './react-native.js' + +export default options => + reactNativeMorph({ + ...options, + reactNativeLibraryImport: '@react-pdf/renderer', + }) diff --git a/morph/react/get-dependencies.js b/morph/react/get-dependencies.js index 8f464d6..1e6ef99 100644 --- a/morph/react/get-dependencies.js +++ b/morph/react/get-dependencies.js @@ -126,7 +126,11 @@ export default (state, getImport) => { } if (usesNative.length > 0) { - dependencies.push(`import { ${usesNative.join(', ')} } from 'react-native'`) + dependencies.push( + `import { ${usesNative.join(', ')} } from '${ + state.reactNativeLibraryImport + }'` + ) } if (state.track) { diff --git a/morphers.js b/morphers.js index 4e1b4a4..b72186c 100644 --- a/morphers.js +++ b/morphers.js @@ -1,7 +1,9 @@ import reactDom from './morph/react-dom.js' import reactNative from './morph/react-native.js' +import reactPdf from './morph/react-pdf.js' export default { 'react-dom': reactDom, 'react-native': reactNative, + 'react-pdf': reactPdf, } diff --git a/package.json b/package.json index 0fbfe3b..6ff8ffc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@viewstools/morph", - "version": "19.8.2", + "version": "19.9.0", "description": "Views language morpher", "main": "index.js", "type": "module",