Conditional Module Loading

I’ve noticed that the components in this project seem to mirror each other between macOS and windows. I assume that this is to enable developers to write the same code for both platforms? What’s the suggested way of conditionally loading the correct component based upon the current platform? I don’t think that something like this is supported:

if (process.platform === 'win32') {
    import { Window, TitleBar, Text } from 'react-desktop/windows'
} else {
    import { Window, TitleBar, Text } from 'react-desktop/macOs'
}

Imports have to be top level statements.

I’ve also experimented with something like this:

const platform = (process.platform === 'win32') ? 'windows' : 'macOs';

import { Window, TitleBar, Text } from `react-desktop/${platform}`

This doesn’t work because import statements don’t support string templates (or variables for that matter).

Any other ideas? Do I need to switch to SystemJS or something?

[gabrielbull]

You can now import components based on the current OS like so:

import { Window, TitleBar, Text } from `react-desktop`;

[gabrielbull]

It decides what to import. If you want to decide you can import using react-desktop/macOs or react-desktop/windows

import * as macOs from 'react-desktop/macOs';
import * as windows from 'react-desktop/windows';

const platform = (process.platform === 'win32') ? 'windows' : 'macOs';
const TextField = platform === 'windows' ? windows.TextField : macOs.TextField;