Merge branch 'master' into master

packages/desktop-client/src/components/manager/ConfigServer.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useDispatch } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 
+import { createBudget } from 'loot-core/src/client/actions/budgets';
 import { signOut, loggedIn } from 'loot-core/src/client/actions/user';
 import { send } from 'loot-core/src/platform/client/fetch';
 import {
@@ -11,6 +12,10 @@ import {
   ButtonWithLoading
 } from 'loot-design/src/components/common';
 import { colors } from 'loot-design/src/style';
+import {
+  isDevelopmentEnvironment,
+  isPreviewEnvironment
+} from 'loot-design/src/util/environment';
 
 import { useServerURL } from '../../hooks/useServerURL';
 import { Title, Input } from './subscribe/common';
@@ -78,6 +83,12 @@ export default function ConfigServer() {
     history.push('/');
   }
 
+  async function onCreateTestFile() {
+    await send('set-server-url', { url: null });
+    await dispatch(createBudget({ testMode: true }));
+    window.__history.push('/');
+  }
+
   return (
     <>
       <View style={{ width: 500, marginTop: -30 }}>
@@ -169,6 +180,16 @@ export default function ConfigServer() {
               <Button bare style={{ color: colors.n4 }} onClick={onSkip}>
                 Don't use a server
               </Button>
+
+              {(isDevelopmentEnvironment() || isPreviewEnvironment()) && (
+                <Button
+                  primary
+                  style={{ marginLeft: 15 }}
+                  onClick={onCreateTestFile}
+                >
+                  Create test file
+                </Button>
+              )}
             </>
           )}
         </View>

packages/loot-design/src/svg/Add.mobile.js

+/* eslint no-unused-vars: 0 */
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from 'react';
 

packages/loot-design/src/svg/Bank.mobile.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import {
-  Svg,
-  Circle,
-  Ellipse,
-  G,
-  LinearGradient,
-  RadialGradient,
-  Line,
-  Path,
-  Polygon,
-  Polyline,
-  Rect,
-  Symbol,
-  Text,
-  Use,
-  Defs,
-  Stop
-} from 'mobile/node_modules/react-native-svg';
-
-function Bank({ width, height, style, color = 'black', ...props }) {
-  return (
-    <Svg
-      width={width}
-      height={height}
-      {...props}
-      style={style}
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <Path
-        fill={color}
-        className="path"
-        d="M16.6,16.2c2.1-1.5,3.3-3.8,3.3-6.2c0-5-5.2-8.8-10.8-7.8C7.9,0.9,6.2,0.1,4.1,0C3.2,0,2.7,1,3.2,1.6   c0.9,1.1,1.2,2.1,1.1,3.1C3.7,5.4,3.1,6.2,2.7,7.1H1.1c-0.5,0-1,0.4-1,1v3c0,0.5,0.3,0.9,0.8,1l1.6,0.4C3,13.9,4,15.2,5.4,16.2   l-0.8,2.5C4.4,19.4,4.9,20,5.5,20h4c0.5,0,1-0.4,1-1v-1c0.3,0,0.7,0,1,0v1c0,0.5,0.4,1,1,1h4c0.7,0,1.1-0.6,0.9-1.3L16.6,16.2z    M15,15c-0.4,0.2-0.6,0.7-0.4,1.1l0.6,1.9h-1.6v-1.1c0-0.6-0.6-1.1-1.2-1c-0.8,0.2-1.8,0.1-2.6,0c-0.6-0.1-1.2,0.4-1.2,1V18H6.9   l0.6-1.9c0.1-0.4,0-0.9-0.4-1.1c-1.4-0.9-2.4-2.1-2.8-3.6c-0.1-0.4-0.4-0.6-0.7-0.7l-1.4-0.4V9.1h1.3c0.4,0,0.8-0.3,0.9-0.7   C4.6,7.5,5.2,6.6,6,6c0.2-0.1,0.3-0.3,0.3-0.6c0.2-1,0.1-2-0.3-3C6.8,2.7,7.4,3.2,7.9,4C8.2,4.3,8.6,4.5,9,4.4   c4.4-1.2,8.9,1.7,8.9,5.7C17.9,12,16.8,13.8,15,15z"
-      />
-      <Path
-        fill={color}
-        className="path"
-        d="M6.3,7.4C6.1,7.6,6,7.8,6,8.1c0,0.6,0.5,1,1,1c0.6,0,1-0.5,1-1C8,7.1,6.9,6.8,6.3,7.4z"
-      />
-    </Svg>
-  );
-}
-
-export default Bank;

packages/loot-design/src/svg/Bank.svg

-    <svg
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill="black"
-        d="M16.6,16.2c2.1-1.5,3.3-3.8,3.3-6.2c0-5-5.2-8.8-10.8-7.8C7.9,0.9,6.2,0.1,4.1,0C3.2,0,2.7,1,3.2,1.6   c0.9,1.1,1.2,2.1,1.1,3.1C3.7,5.4,3.1,6.2,2.7,7.1H1.1c-0.5,0-1,0.4-1,1v3c0,0.5,0.3,0.9,0.8,1l1.6,0.4C3,13.9,4,15.2,5.4,16.2   l-0.8,2.5C4.4,19.4,4.9,20,5.5,20h4c0.5,0,1-0.4,1-1v-1c0.3,0,0.7,0,1,0v1c0,0.5,0.4,1,1,1h4c0.7,0,1.1-0.6,0.9-1.3L16.6,16.2z    M15,15c-0.4,0.2-0.6,0.7-0.4,1.1l0.6,1.9h-1.6v-1.1c0-0.6-0.6-1.1-1.2-1c-0.8,0.2-1.8,0.1-2.6,0c-0.6-0.1-1.2,0.4-1.2,1V18H6.9   l0.6-1.9c0.1-0.4,0-0.9-0.4-1.1c-1.4-0.9-2.4-2.1-2.8-3.6c-0.1-0.4-0.4-0.6-0.7-0.7l-1.4-0.4V9.1h1.3c0.4,0,0.8-0.3,0.9-0.7   C4.6,7.5,5.2,6.6,6,6c0.2-0.1,0.3-0.3,0.3-0.6c0.2-1,0.1-2-0.3-3C6.8,2.7,7.4,3.2,7.9,4C8.2,4.3,8.6,4.5,9,4.4   c4.4-1.2,8.9,1.7,8.9,5.7C17.9,12,16.8,13.8,15,15z"
-      />
-      <path
-        fill="black"
-        d="M6.3,7.4C6.1,7.6,6,7.8,6,8.1c0,0.6,0.5,1,1,1c0.6,0,1-0.5,1-1C8,7.1,6.9,6.8,6.3,7.4z"
-      />
-    </svg>

packages/loot-design/src/svg/Bank.web.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import { css } from 'glamor';
-
-function Bank({ width, height, style, color = 'black', ...props }) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      {...props}
-      {...css(style)}
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill={color}
-        className="path"
-        d="M16.6,16.2c2.1-1.5,3.3-3.8,3.3-6.2c0-5-5.2-8.8-10.8-7.8C7.9,0.9,6.2,0.1,4.1,0C3.2,0,2.7,1,3.2,1.6   c0.9,1.1,1.2,2.1,1.1,3.1C3.7,5.4,3.1,6.2,2.7,7.1H1.1c-0.5,0-1,0.4-1,1v3c0,0.5,0.3,0.9,0.8,1l1.6,0.4C3,13.9,4,15.2,5.4,16.2   l-0.8,2.5C4.4,19.4,4.9,20,5.5,20h4c0.5,0,1-0.4,1-1v-1c0.3,0,0.7,0,1,0v1c0,0.5,0.4,1,1,1h4c0.7,0,1.1-0.6,0.9-1.3L16.6,16.2z    M15,15c-0.4,0.2-0.6,0.7-0.4,1.1l0.6,1.9h-1.6v-1.1c0-0.6-0.6-1.1-1.2-1c-0.8,0.2-1.8,0.1-2.6,0c-0.6-0.1-1.2,0.4-1.2,1V18H6.9   l0.6-1.9c0.1-0.4,0-0.9-0.4-1.1c-1.4-0.9-2.4-2.1-2.8-3.6c-0.1-0.4-0.4-0.6-0.7-0.7l-1.4-0.4V9.1h1.3c0.4,0,0.8-0.3,0.9-0.7   C4.6,7.5,5.2,6.6,6,6c0.2-0.1,0.3-0.3,0.3-0.6c0.2-1,0.1-2-0.3-3C6.8,2.7,7.4,3.2,7.9,4C8.2,4.3,8.6,4.5,9,4.4   c4.4-1.2,8.9,1.7,8.9,5.7C17.9,12,16.8,13.8,15,15z"
-      />
-      <path
-        fill={color}
-        className="path"
-        d="M6.3,7.4C6.1,7.6,6,7.8,6,8.1c0,0.6,0.5,1,1,1c0.6,0,1-0.5,1-1C8,7.1,6.9,6.8,6.3,7.4z"
-      />
-    </svg>
-  );
-}
-
-export default Bank;

packages/loot-design/src/svg/Budget.mobile.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import {
-  Svg,
-  Circle,
-  Ellipse,
-  G,
-  LinearGradient,
-  RadialGradient,
-  Line,
-  Path,
-  Polygon,
-  Polyline,
-  Rect,
-  Symbol,
-  Text,
-  Use,
-  Defs,
-  Stop
-} from 'mobile/node_modules/react-native-svg';
-
-function Budget({ width, height, style, color = 'black', ...props }) {
-  return (
-    <Svg
-      width={width}
-      height={height}
-      {...props}
-      style={style}
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <Path
-        fill={color}
-        className="path"
-        d="M19.1,3h-4l-0.7-2.3c-0.2-0.5-0.7-0.8-1.2-0.7L0.7,3.6C0.1,3.8-0.2,4.3,0,4.9l4.1,14.4c0.1,0.4,0.5,0.7,1,0.7h0h0h14   c0.6,0,1-0.4,1-1V4C20.1,3.5,19.6,3,19.1,3z M12.7,2.2L13,3H10L12.7,2.2z M4.1,4.7v7.2L2.2,5.3L4.1,4.7z M18.1,18h-12V5   c4.4,0,7.6,0,12,0V18z"
-      />
-      <Path
-        fill={color}
-        className="path"
-        d="M8.1,9c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1s-0.4-1-1-1h-6C8.5,8,8.1,8.4,8.1,9z"
-      />
-      <Path
-        fill={color}
-        className="path"
-        d="M15.1,13h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,13,15.1,13z"
-      />
-    </Svg>
-  );
-}
-
-export default Budget;

packages/loot-design/src/svg/Budget.svg

-    <svg
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill="black"
-        d="M19.1,3h-4l-0.7-2.3c-0.2-0.5-0.7-0.8-1.2-0.7L0.7,3.6C0.1,3.8-0.2,4.3,0,4.9l4.1,14.4c0.1,0.4,0.5,0.7,1,0.7h0h0h14   c0.6,0,1-0.4,1-1V4C20.1,3.5,19.6,3,19.1,3z M12.7,2.2L13,3H10L12.7,2.2z M4.1,4.7v7.2L2.2,5.3L4.1,4.7z M18.1,18h-12V5   c4.4,0,7.6,0,12,0V18z"
-      />
-      <path
-        fill="black"
-        d="M8.1,9c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1s-0.4-1-1-1h-6C8.5,8,8.1,8.4,8.1,9z"
-      />
-      <path
-        fill="black"
-        d="M15.1,13h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,13,15.1,13z"
-      />
-    </svg>

packages/loot-design/src/svg/Budget.web.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import { css } from 'glamor';
-
-function Budget({ width, height, style, color = 'black', ...props }) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      {...props}
-      {...css(style)}
-      viewBox="0 0 20 20"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill={color}
-        className="path"
-        d="M19.1,3h-4l-0.7-2.3c-0.2-0.5-0.7-0.8-1.2-0.7L0.7,3.6C0.1,3.8-0.2,4.3,0,4.9l4.1,14.4c0.1,0.4,0.5,0.7,1,0.7h0h0h14   c0.6,0,1-0.4,1-1V4C20.1,3.5,19.6,3,19.1,3z M12.7,2.2L13,3H10L12.7,2.2z M4.1,4.7v7.2L2.2,5.3L4.1,4.7z M18.1,18h-12V5   c4.4,0,7.6,0,12,0V18z"
-      />
-      <path
-        fill={color}
-        className="path"
-        d="M8.1,9c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1s-0.4-1-1-1h-6C8.5,8,8.1,8.4,8.1,9z"
-      />
-      <path
-        fill={color}
-        className="path"
-        d="M15.1,13h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6c0.6,0,1-0.4,1-1S15.6,13,15.1,13z"
-      />
-    </svg>
-  );
-}
-
-export default Budget;

packages/loot-design/src/svg/Check.mobile.js

-// eslint-disable-next-line no-unused-expressions
-null;

packages/loot-design/src/svg/Check.svg

-    <svg
-      width="45"
-      height="35"
-      viewBox="0 0 45 35"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <defs>
-        <filter
-          id="glow"
-          x="-5000%"
-          y="-5000%"
-          width="10000%"
-          height="10000%"
-        >
-          <feFlood
-            result="flood"
-            floodColor="black"
-            floodOpacity="1"
-          />
-          <feComposite
-            in="flood"
-            result="mask"
-            in2="SourceGraphic"
-            operator="in"
-          />
-          <feMorphology
-            in="mask"
-            result="dilated"
-            operator="dilate"
-            radius="1.5"
-          />
-          <feGaussianBlur in="dilated" result="blurred" stdDeviation="2" />
-          <feMerge>
-            <feMergeNode in="blurred" />
-            <feMergeNode in="SourceGraphic" />
-          </feMerge>
-        </filter>
-      </defs>
-      <polyline
-        fill="none"
-        stroke="black"
-        strokeWidth="5"
-        strokeMiterlimit="10"
-        points="35.636,8.041 18.351,25.324 9.281,16.252"
-        filter="glow"
-      />
-    </svg>

packages/loot-design/src/svg/Check.web.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import { css } from 'glamor';
-
-function Check({ width, height, style, color = 'black', ...props }) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      {...props}
-      {...css(style)}
-      viewBox="0 0 45 35"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <defs>
-        <filter id="glow" x="-5000%" y="-5000%" width="10000%" height="10000%">
-          <feFlood result="flood" floodColor="black" floodOpacity="1" />
-          <feComposite
-            in="flood"
-            result="mask"
-            in2="SourceGraphic"
-            operator="in"
-          />
-          <feMorphology
-            in="mask"
-            result="dilated"
-            operator="dilate"
-            radius="1.5"
-          />
-          <feGaussianBlur in="dilated" result="blurred" stdDeviation="2" />
-          <feMerge>
-            <feMergeNode in="blurred" />
-            <feMergeNode in="SourceGraphic" />
-          </feMerge>
-        </filter>
-      </defs>
-      <polyline
-        fill="none"
-        stroke={color}
-        className="path"
-        strokeWidth="5"
-        strokeMiterlimit="10"
-        points="35.636,8.041 18.351,25.324 9.281,16.252"
-        filter="glow"
-      />
-    </svg>
-  );
-}
-
-export default Check;

packages/loot-design/src/svg/Delete.mobile.js

+/* eslint no-unused-vars: 0 */
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from 'react';
 

packages/loot-design/src/svg/Delete.web.js

+/* eslint no-unused-vars: 0 */
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from 'react';
 

packages/loot-design/src/svg/DownArrow.mobile.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import {
-  Svg,
-  Circle,
-  Ellipse,
-  G,
-  LinearGradient,
-  RadialGradient,
-  Line,
-  Path,
-  Polygon,
-  Polyline,
-  Rect,
-  Symbol,
-  Text,
-  Use,
-  Defs,
-  Stop
-} from 'mobile/node_modules/react-native-svg';
-
-function DownArrow({ width, height, style, color = 'black', ...props }) {
-  return (
-    <Svg
-      width={width}
-      height={height}
-      {...props}
-      style={style}
-      viewBox="0 0 72 96"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <Path
-        d="M39.8 93.9l30.6-30.6c2.1-2.1 2.1-5.5 0-7.5-2.1-2.1-5.5-2.1-7.5 0L41.3 77.3V5.8c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3v71.5L9.2 55.8c-2.1-2.1-5.5-2.1-7.5 0-1 1-1.6 2.4-1.6 3.8s.5 2.7 1.6 3.8l30.5 30.5c1 1 2.4 1.6 3.8 1.6s2.8-.6 3.8-1.6z"
-        fillRule="nonzero"
-        fill={color}
-        className="path"
-      />
-    </Svg>
-  );
-}
-
-export default DownArrow;

packages/loot-design/src/svg/DownArrow.svg

-<svg
-  width="72"
-  height="96"
-  viewBox="0 0 72 96"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M39.8 93.9l30.6-30.6c2.1-2.1 2.1-5.5 0-7.5-2.1-2.1-5.5-2.1-7.5 0L41.3 77.3V5.8c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3v71.5L9.2 55.8c-2.1-2.1-5.5-2.1-7.5 0-1 1-1.6 2.4-1.6 3.8s.5 2.7 1.6 3.8l30.5 30.5c1 1 2.4 1.6 3.8 1.6s2.8-.6 3.8-1.6z"
-    fill-rule="nonzero"
-    fill="black"
-  />
-</svg>

packages/loot-design/src/svg/DownArrow.web.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import { css } from 'glamor';
-
-function DownArrow({ width, height, style, color = 'black', ...props }) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      {...props}
-      {...css(style)}
-      viewBox="0 0 72 96"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M39.8 93.9l30.6-30.6c2.1-2.1 2.1-5.5 0-7.5-2.1-2.1-5.5-2.1-7.5 0L41.3 77.3V5.8c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3v71.5L9.2 55.8c-2.1-2.1-5.5-2.1-7.5 0-1 1-1.6 2.4-1.6 3.8s.5 2.7 1.6 3.8l30.5 30.5c1 1 2.4 1.6 3.8 1.6s2.8-.6 3.8-1.6z"
-        fillRule="nonzero"
-        fill={color}
-        className="path"
-      />
-    </svg>
-  );
-}
-
-export default DownArrow;

packages/loot-design/src/svg/DragIOS.mobile.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import {
-  Svg,
-  Circle,
-  Ellipse,
-  G,
-  LinearGradient,
-  RadialGradient,
-  Line,
-  Path,
-  Polygon,
-  Polyline,
-  Rect,
-  Symbol,
-  Text,
-  Use,
-  Defs,
-  Stop
-} from 'mobile/node_modules/react-native-svg';
-
-function DragIos({ width, height, style, color = 'black', ...props }) {
-  return (
-    <Svg
-      width={width}
-      height={height}
-      {...props}
-      style={style}
-      viewBox="0 0 36 4"
-    >
-      <Path
-        fill={color}
-        className="path"
-        d="M0 2C0 0.895431 0.895431 0 2 0H34C35.1046 0 36 0.895431 36 2V2C36 3.10457 35.1046 4 34 4H2C0.895432 4 0 3.10457 0 2V2Z"
-      />
-    </Svg>
-  );
-}
-
-export default DragIos;

packages/loot-design/src/svg/DragIOS.svg

-    <svg width="36" height="4" viewBox="0 0 36 4">
-      <path
-        fill="black"
-        d="M0 2C0 0.895431 0.895431 0 2 0H34C35.1046 0 36 0.895431 36 2V2C36 3.10457 35.1046 4 34 4H2C0.895432 4 0 3.10457 0 2V2Z"
-      />
-    </svg>

packages/loot-design/src/svg/DragIOS.web.js

-/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from 'react';
-
-import { css } from 'glamor';
-
-function DragIos({ width, height, style, color = 'black', ...props }) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      {...props}
-      {...css(style)}
-      viewBox="0 0 36 4"
-    >
-      <path
-        fill={color}
-        className="path"
-        d="M0 2C0 0.895431 0.895431 0 2 0H34C35.1046 0 36 0.895431 36 2V2C36 3.10457 35.1046 4 34 4H2C0.895432 4 0 3.10457 0 2V2Z"
-      />
-    </svg>
-  );
-}
-
-export default DragIos;

packages/loot-design/src/svg/ExpandArrow.mobile.js

+/* eslint no-unused-vars: 0 */
 /* This file is auto-generated, do not touch! Please edit the SVG file instead. */
 import React from 'react';