feat: add support for standalone mode (default in development)

cli/src/commands/build.js

@@ -52,9 +52,11 @@ const handler = async ({
  const config = parseConfig(paths)
  const shell = makeShell({ config, paths })
 
- process.env.PUBLIC_URL =
- process.env.PUBLIC_URL ||
- `/api/apps/${getUrlFriendlyName(config.title)}`
+ process.env.PUBLIC_URL = process.env.PUBLIC_URL || '.'
+ if (!config.standalone) {
+ process.env.DHIS2_BASE_URL =
+ process.env.DHIS2_BASE_URL || config.coreApp ? `..` : `../../..`
+ }
 
  await fs.remove(paths.buildOutput)
 

cli/src/lib/shell/env.js

@@ -23,30 +23,6 @@ const prefixEnvForCRA = env =>
  {}
  )
 
-const getDHISConfig = () => {
- const dhisConfigPath =
- process.env.DHIS2_HOME && `${process.env.DHIS2_HOME}/config`
-
- let dhisConfig
- try {
- dhisConfig = require(dhisConfigPath)
- } catch (e) {
- // Failed to load config file - use default config
- reporter.debug(`\nWARNING! Failed to load DHIS config:`, e.message)
- dhisConfig = {
- baseUrl: 'http:https://localhost:8080',
- authorization: 'Basic YWRtaW46ZGlzdHJpY3Q=', // admin:district
- }
- }
-
- return dhisConfig
-}
-
-const envFromDHISConfig = config => ({
- DHIS2_BASE_URL: config.baseUrl,
- DHIS2_AUTHORIZATION: config.authorization,
-})
-
 const makeShellEnv = vars =>
  Object.entries(vars).reduce(
  (out, [key, value]) => ({
@@ -59,7 +35,6 @@ const makeShellEnv = vars =>
 module.exports = vars => {
  const env = {
  ...prefixEnvForCRA({
- ...envFromDHISConfig(getDHISConfig()),
  ...filterEnv(),
  ...makeShellEnv(vars),
  }),

docs/scripts/start.md

@@ -1,6 +1,6 @@
 # d2 app scripts start
 
-Run a live-reloading development server on `localhost:3000`
+Run a live-reloading development server on localhost
 
 > **NOTE**: This command is currently unsupported for libraries
 

examples/simple-app/d2.config.js

@@ -3,6 +3,8 @@ const config = {
  title: 'Simple Example App',
  description: 'This is a simple example application',
 
+ standalone: true, // Don't bake-in a DHIS2 base URL, allow the user to choose
+
  entryPoints: {
  app: './src/App',
  },

shell/adapter/i18n/en.pot

@@ -5,12 +5,15 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2019-06-18T09:28:13.445Z\n"
-"PO-Revision-Date: 2019-06-18T09:28:13.445Z\n"
+"POT-Creation-Date: 2019-09-26T16:40:43.483Z\n"
+"PO-Revision-Date: 2019-09-26T16:40:43.483Z\n"
 
 msgid "Please sign in"
 msgstr ""
 
+msgid "Server"
+msgstr ""
+
 msgid "Username"
 msgstr ""
 
@@ -20,7 +23,7 @@ msgstr ""
 msgid "Sign in"
 msgstr ""
 
-msgid "An error occurred in the DHIS2 Maps application."
+msgid "An error occurred in the DHIS2 application."
 msgstr ""
 
 msgid "Something went wrong"

shell/adapter/src/AuthBoundary/LoginModal.js

@@ -2,7 +2,12 @@ import React, { useState } from 'react'
 import i18n from '../locales'
 import { Modal, Button, InputField } from '@dhis2/ui-core'
 
+const staticUrl = process.env.REACT_APP_DHIS2_BASE_URL
+
 export const LoginModal = ({ url }) => {
+ const [server, setServer] = useState(
+ staticUrl || window.localStorage.DHIS2_BASE_URL || ''
+ )
  const [username, setUsername] = useState('')
  const [password, setPassword] = useState('')
  const [isDirty, setIsDirty] = useState(false)
@@ -12,18 +17,22 @@ export const LoginModal = ({ url }) => {
  const onSubmit = async e => {
  e.preventDefault()
  setIsDirty(true)
- if (isValid(username) && isValid(password)) {
+ if (isValid(server) && isValid(username) && isValid(password)) {
+ window.localStorage.DHIS2_BASE_URL = server
  try {
- await fetch(`${url}/dhis-web-commons-security/login.action`, {
- method: 'POST',
- credentials: 'include',
- body: `j_username=${username}&j_password=${password}`,
- headers: {
- 'X-Requested-With': 'XMLHttpRequest',
- Accept: 'application/json',
- 'Content-Type': 'application/x-www-form-urlencoded',
- },
- })
+ await fetch(
+ `${server}/dhis-web-commons-security/login.action`,
+ {
+ method: 'POST',
+ credentials: 'include',
+ body: `j_username=${username}&j_password=${password}`,
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest',
+ Accept: 'application/json',
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ },
+ }
+ )
  } catch (e) {
  console.log(
  'TODO: This will always error and cancel the request until we get a real login endpoint!'
@@ -40,6 +49,16 @@ export const LoginModal = ({ url }) => {
  <form onSubmit={onSubmit}>
  <Modal.Title>{i18n.t('Please sign in')}</Modal.Title>
  <Modal.Content>
+ {!staticUrl && (
+ <InputField
+ error={isDirty && !isValid(server)}
+ label={i18n.t('Server')}
+ name="server"
+ type="text"
+ value={server}
+ onChange={_ref => setServer(_ref.target.value)}
+ />
+ )}
  <InputField
  error={isDirty && !isValid(username)}
  label={i18n.t('Username')}

shell/adapter/src/AuthBoundary/index.js

@@ -24,11 +24,7 @@ export const AuthBoundary = ({ url, children }) => {
  }
 
  if (error) {
- if (error.type === 'access') {
- return <LoginModal url={url} />
- }
- console.log(JSON.stringify(error, undefined, 2))
- throw error
+ return <LoginModal url={url} />
  }
 
  i18n.changeLanguage(data.userSettings.keyUiLocale)

shell/src/App.js

@@ -8,7 +8,9 @@ const D2App = React.lazy(() =>
 ) // Automatic bundle splitting!
 
 const appConfig = {
- url: process.env.REACT_APP_DHIS2_BASE_URL || 'http:https://localhost:8080',
+ url:
+ process.env.REACT_APP_DHIS2_BASE_URL ||
+ window.localStorage.DHIS2_BASE_URL,
  appName: process.env.REACT_APP_DHIS2_APP_NAME || '',
  apiVersion: parseInt(process.env.REACT_APP_DHIS2_API_VERSION) || 32,
 }