ElyBy-Mirror/emails-renderer
1
0
Fork 0
mirror of https://github.com/elyby/emails-renderer.git synced 2024-12-22 05:09:44 +05:30
Code Issues Packages Projects Releases Wiki Activity

Support for components in BitmapText

Browse Source
This commit is contained in:
SleepWalker 2016-10-01 11:06:47 +03:00
parent e61eaf8bd9
commit cadf330566
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.json
View File

@ -100,7 +100,7 @@
"strict": ["warn", "never"], // babel все сделает за нас "strict": ["warn", "never"], // babel все сделает за нас
// variables // variables
"no-catch-shadow": "error", "no-catch-shadow": "off",
"no-delete-var": "error", "no-delete-var": "error",
"no-label-var": "error", "no-label-var": "error",
"no-shadow-restricted-names": "error", "no-shadow-restricted-names": "error",

30
src/components/text/BitmapText.jsx
View File

@ -5,24 +5,34 @@ import { FormattedMessage as Message } from 'react-intl';
export function BitmapText(props) { export function BitmapText(props) {
const parts = props.message.id.split('.'); const parts = props.message.id.split('.');
if (parts[0] !== 'emails') { if (parts[0] !== 'emails' && parts[0] !== 'components') {
throw new Error('Only src/emails subdirectories supported for now'); throw new Error('Only src/emails and src/components subdirectories supported for now');
} }
if (parts.length !== 3) { if (parts.length !== 3) {
throw new Error('The message.id must be contain 3 parts separated by dots'); throw new Error('The message.id must contain 3 parts separated by dots');
} }
let src; let src;
let size; let size;
try { try {
src = require(`emails/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`); try {
// TODO: we can improve this loader in future by adding an option to disable file emitting src = require(`emails/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`);
// because this thing is handled by url-loader // TODO: we can improve this loader in future by adding an option to disable file emitting
size = require(`image-size!emails/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`); // because this thing is handled by url-loader
} catch (err) { // fallback to default locale size = require(`image-size!emails/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`);
src = require(`emails/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`); } catch (err) { // fallback to default locale
size = require(`image-size!emails/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`); src = require(`emails/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`);
size = require(`image-size!emails/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`);
}
} catch (err) { // try components
try {
src = require(`components/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`);
size = require(`image-size!components/${parts[1]}/images/${props.intl.locale}/${parts[2]}.png`);
} catch (err) { // fallback to default locale
src = require(`components/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`);
size = require(`image-size!components/${parts[1]}/images/${props.intl.defaultLocale}/${parts[2]}.png`);
}
} }
const width = props.retina ? size.width / 2 : size.width; const width = props.retina ? size.width / 2 : size.width;