From 67e511d719cbc3e7f2b391a8d6914406caa2fb24 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Mon, 23 Aug 2021 16:51:49 -0300 Subject: updated build fast for web --- packages/taler-wallet-webextension/src/popup/Backup.stories.tsx | 8 +------- packages/taler-wallet-webextension/src/popup/BackupPage.tsx | 2 +- packages/taler-wallet-webextension/src/popup/Balance.stories.tsx | 9 +-------- packages/taler-wallet-webextension/src/popup/BalancePage.tsx | 2 +- packages/taler-wallet-webextension/src/popup/Debug.tsx | 2 +- packages/taler-wallet-webextension/src/popup/History.stories.tsx | 8 +------- packages/taler-wallet-webextension/src/popup/History.tsx | 2 +- packages/taler-wallet-webextension/src/popup/Popup.stories.tsx | 8 +------- .../src/popup/ProviderAddConfirmProvider.stories.tsx | 8 +------- packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx | 2 +- .../src/popup/ProviderAddSetUrl.stories.tsx | 8 +------- .../src/popup/ProviderDetail.stories.tsx | 8 +------- .../taler-wallet-webextension/src/popup/ProviderDetailPage.tsx | 2 +- .../taler-wallet-webextension/src/popup/Settings.stories.tsx | 9 +-------- packages/taler-wallet-webextension/src/popup/Settings.tsx | 2 +- .../taler-wallet-webextension/src/popup/Transaction.stories.tsx | 8 +------- packages/taler-wallet-webextension/src/popup/Transaction.tsx | 2 +- 17 files changed, 17 insertions(+), 73 deletions(-) (limited to 'packages/taler-wallet-webextension/src/popup') diff --git a/packages/taler-wallet-webextension/src/popup/Backup.stories.tsx b/packages/taler-wallet-webextension/src/popup/Backup.stories.tsx index 1c1c47663..d256f6d98 100644 --- a/packages/taler-wallet-webextension/src/popup/Backup.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Backup.stories.tsx @@ -21,8 +21,8 @@ import { ProviderPaymentType } from '@gnu-taler/taler-wallet-core'; import { addDays } from 'date-fns'; -import { FunctionalComponent } from 'preact'; import { BackupView as TestedComponent } from './BackupPage'; +import { createExample } from '../test-utils'; export default { title: 'popup/backup/list', @@ -35,12 +35,6 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const LotOfProviders = createExample(TestedComponent, { providers: [{ "active": true, diff --git a/packages/taler-wallet-webextension/src/popup/BackupPage.tsx b/packages/taler-wallet-webextension/src/popup/BackupPage.tsx index 72139e1f8..695f3abaa 100644 --- a/packages/taler-wallet-webextension/src/popup/BackupPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/BackupPage.tsx @@ -18,7 +18,7 @@ import { i18n, Timestamp } from "@gnu-taler/taler-util"; import { ProviderInfo, ProviderPaymentStatus } from "@gnu-taler/taler-wallet-core"; import { differenceInMonths, formatDuration, intervalToDuration } from "date-fns"; -import { Fragment, JSX, VNode } from "preact"; +import { Fragment, JSX, VNode, h } from "preact"; import { BoldLight, ButtonPrimary, ButtonSuccess, Centered, CenteredText, CenteredTextBold, PopupBox, RowBorderGray, diff --git a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx index a1b5e7c52..4a2e1045b 100644 --- a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { ComponentChildren, FunctionalComponent, h } from 'preact'; +import { createExample, NullLink } from '../test-utils'; import { BalanceView as TestedComponent } from './BalancePage'; export default { @@ -30,16 +30,9 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const NotYetLoaded = createExample(TestedComponent, { }); -const NullLink = ({ children }: { children?: ComponentChildren }) => h('a', { children, href: 'javascript:void(0);' }) export const GotError = createExample(TestedComponent, { balance: { error: true diff --git a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx index 5a2b9f747..350d4b861 100644 --- a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx +++ b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx @@ -19,7 +19,7 @@ import { Balance, BalancesResponse, i18n } from "@gnu-taler/taler-util"; -import { JSX } from "preact"; +import { JSX, h } from "preact"; import { PopupBox, Centered } from "../components/styled/index"; import { BalancesHook, useBalances } from "../hooks/useBalances"; import { PageLink, renderAmount } from "../renderHtml"; diff --git a/packages/taler-wallet-webextension/src/popup/Debug.tsx b/packages/taler-wallet-webextension/src/popup/Debug.tsx index 33b82b05b..3968b0191 100644 --- a/packages/taler-wallet-webextension/src/popup/Debug.tsx +++ b/packages/taler-wallet-webextension/src/popup/Debug.tsx @@ -14,7 +14,7 @@ TALER; see the file COPYING. If not, see */ -import { JSX } from "preact"; +import { JSX, h } from "preact"; import { Diagnostics } from "../components/Diagnostics"; import { useDiagnostics } from "../hooks/useDiagnostics.js"; import * as wxApi from "../wxApi"; diff --git a/packages/taler-wallet-webextension/src/popup/History.stories.tsx b/packages/taler-wallet-webextension/src/popup/History.stories.tsx index 5337a6c1c..c92033d49 100644 --- a/packages/taler-wallet-webextension/src/popup/History.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/History.stories.tsx @@ -26,7 +26,7 @@ import { TransactionWithdrawal, WithdrawalType } from '@gnu-taler/taler-util'; -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { HistoryView as TestedComponent } from './History'; export default { @@ -105,12 +105,6 @@ const exampleData = { } as TransactionRefund, } -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const Empty = createExample(TestedComponent, { list: [], balances: [{ diff --git a/packages/taler-wallet-webextension/src/popup/History.tsx b/packages/taler-wallet-webextension/src/popup/History.tsx index 7c9eae54b..fd97d975f 100644 --- a/packages/taler-wallet-webextension/src/popup/History.tsx +++ b/packages/taler-wallet-webextension/src/popup/History.tsx @@ -16,7 +16,7 @@ import { AmountString, Balance, Timestamp, Transaction, TransactionsResponse, TransactionType } from "@gnu-taler/taler-util"; import { formatDistance } from "date-fns"; -import { JSX } from "preact"; +import { JSX, h } from "preact"; import { useEffect, useState } from "preact/hooks"; import imageBank from '../../static/img/ri-bank-line.svg'; import imageHandHeart from '../../static/img/ri-hand-heart-line.svg'; diff --git a/packages/taler-wallet-webextension/src/popup/Popup.stories.tsx b/packages/taler-wallet-webextension/src/popup/Popup.stories.tsx index ce5b11c32..cd443e9d4 100644 --- a/packages/taler-wallet-webextension/src/popup/Popup.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Popup.stories.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { Fragment, FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { NavBar as TestedComponent } from '../NavigationBar'; export default { @@ -33,12 +33,6 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const OnBalance = createExample(TestedComponent, { devMode:false, path:'/balance' diff --git a/packages/taler-wallet-webextension/src/popup/ProviderAddConfirmProvider.stories.tsx b/packages/taler-wallet-webextension/src/popup/ProviderAddConfirmProvider.stories.tsx index f286870c1..de1f67b96 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderAddConfirmProvider.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderAddConfirmProvider.stories.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { ConfirmProviderView as TestedComponent } from './ProviderAddPage'; export default { @@ -33,12 +33,6 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const DemoService = createExample(TestedComponent, { url: 'https://sync.demo.taler.net/', provider: { diff --git a/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx b/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx index 2680345f7..050614978 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx @@ -1,6 +1,6 @@ import { Amounts, BackupBackupProviderTerms, canonicalizeBaseUrl, i18n } from "@gnu-taler/taler-util"; import { verify } from "@gnu-taler/taler-wallet-core/src/crypto/primitives/nacl-fast"; -import { VNode } from "preact"; +import { VNode, h } from "preact"; import { useEffect, useState } from "preact/hooks"; import { Checkbox } from "../components/Checkbox"; import { ErrorMessage } from "../components/ErrorMessage"; diff --git a/packages/taler-wallet-webextension/src/popup/ProviderAddSetUrl.stories.tsx b/packages/taler-wallet-webextension/src/popup/ProviderAddSetUrl.stories.tsx index dfee115bb..2daf49e0c 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderAddSetUrl.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderAddSetUrl.stories.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { SetUrlView as TestedComponent } from './ProviderAddPage'; export default { @@ -33,12 +33,6 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const Initial = createExample(TestedComponent, { }); diff --git a/packages/taler-wallet-webextension/src/popup/ProviderDetail.stories.tsx b/packages/taler-wallet-webextension/src/popup/ProviderDetail.stories.tsx index d82e8f588..4416608f8 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderDetail.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderDetail.stories.tsx @@ -20,7 +20,7 @@ */ import { ProviderPaymentType } from '@gnu-taler/taler-wallet-core'; -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { ProviderView as TestedComponent } from './ProviderDetailPage'; export default { @@ -34,12 +34,6 @@ export default { }; -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const Active = createExample(TestedComponent, { info: { "active": true, diff --git a/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx b/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx index 707e6c33a..bfc32a8f3 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx @@ -18,7 +18,7 @@ import { i18n, Timestamp } from "@gnu-taler/taler-util"; import { ProviderInfo, ProviderPaymentStatus, ProviderPaymentType } from "@gnu-taler/taler-wallet-core"; import { format, formatDuration, intervalToDuration } from "date-fns"; -import { Fragment, VNode } from "preact"; +import { Fragment, VNode, h } from "preact"; import { ErrorMessage } from "../components/ErrorMessage"; import { Button, ButtonDestructive, ButtonPrimary, PaymentStatus, PopupBox, SmallTextLight } from "../components/styled"; import { useProviderStatus } from "../hooks/useProviderStatus"; diff --git a/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx b/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx index 07e1538b7..06e33c9d3 100644 --- a/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { SettingsView as TestedComponent } from './Settings'; export default { @@ -30,13 +30,6 @@ export default { } }; - -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const AllOff = createExample(TestedComponent, { deviceName: 'this-is-the-device-name', setDeviceName: () => Promise.resolve(), diff --git a/packages/taler-wallet-webextension/src/popup/Settings.tsx b/packages/taler-wallet-webextension/src/popup/Settings.tsx index 40ab51561..52e72ee2f 100644 --- a/packages/taler-wallet-webextension/src/popup/Settings.tsx +++ b/packages/taler-wallet-webextension/src/popup/Settings.tsx @@ -16,7 +16,7 @@ import { i18n } from "@gnu-taler/taler-util"; -import { VNode } from "preact"; +import { VNode, h } from "preact"; import { Checkbox } from "../components/Checkbox"; import { EditableText } from "../components/EditableText"; import { SelectList } from "../components/SelectList"; diff --git a/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx index 4e63b9242..65302babb 100644 --- a/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx @@ -26,7 +26,7 @@ import { TransactionWithdrawal, WithdrawalType } from '@gnu-taler/taler-util'; -import { FunctionalComponent } from 'preact'; +import { createExample } from '../test-utils'; import { TransactionView as TestedComponent } from './Transaction'; export default { @@ -117,12 +117,6 @@ const transactionError = { message: 'message' } -function createExample(Component: FunctionalComponent, props: Partial) { - const r = (args: any) => - r.args = props - return r -} - export const Withdraw = createExample(TestedComponent, { transaction: exampleData.withdraw }); diff --git a/packages/taler-wallet-webextension/src/popup/Transaction.tsx b/packages/taler-wallet-webextension/src/popup/Transaction.tsx index 8177b74ad..117a098bc 100644 --- a/packages/taler-wallet-webextension/src/popup/Transaction.tsx +++ b/packages/taler-wallet-webextension/src/popup/Transaction.tsx @@ -16,7 +16,7 @@ import { AmountJson, Amounts, i18n, Transaction, TransactionType } from "@gnu-taler/taler-util"; import { format } from "date-fns"; -import { Fragment, JSX, VNode } from "preact"; +import { Fragment, JSX, VNode, h } from "preact"; import { route } from 'preact-router'; import { useEffect, useState } from "preact/hooks"; import * as wxApi from "../wxApi"; -- cgit v1.2.3