aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2023-01-23 11:25:53 -0300
committerSebastian <sebasjm@gmail.com>2023-01-23 11:25:53 -0300
commit86e1cb5b06c4b5e2080a18fce6dca2fb00b09f14 (patch)
tree4a81e98aa00b4a6f7386d897ed3f20d78555d6b2
parentd195a9ddc85c52cf214984ebf63dc0e03f016c90 (diff)
fix deleted tip name and format name as merchant backend expected
-rw-r--r--packages/merchant-backend-ui/README.md2
-rw-r--r--packages/merchant-backend-ui/package.json1
-rw-r--r--packages/merchant-backend-ui/render-examples.ts8
-rw-r--r--packages/merchant-backend-ui/rollup.config.js8
-rw-r--r--packages/merchant-backend-ui/src/index.tsx44
-rw-r--r--packages/merchant-backend-ui/src/pages/DeletedTip.stories.tsx30
-rw-r--r--packages/merchant-backend-ui/src/pages/DeletedTip.tsx6
-rw-r--r--pnpm-lock.yaml7
8 files changed, 55 insertions, 51 deletions
diff --git a/packages/merchant-backend-ui/README.md b/packages/merchant-backend-ui/README.md
index 44a555ae0..34cf3210a 100644
--- a/packages/merchant-backend-ui/README.md
+++ b/packages/merchant-backend-ui/README.md
@@ -4,7 +4,7 @@ Merchant Backend pages
This project generate 5 templates for the merchant backend:
- * DepletedTip
+ * DeletedTip
* OfferRefund
* OfferTip
* RequestPayment
diff --git a/packages/merchant-backend-ui/package.json b/packages/merchant-backend-ui/package.json
index b4a886f7b..4789b96e9 100644
--- a/packages/merchant-backend-ui/package.json
+++ b/packages/merchant-backend-ui/package.json
@@ -86,6 +86,7 @@
"rollup-plugin-css-only": "^3.1.0",
"script-ext-html-webpack-plugin": "^2.1.5",
"sirv-cli": "^1.0.11",
+ "tslib": "2.4.0",
"typescript": "4.8.4"
}
}
diff --git a/packages/merchant-backend-ui/render-examples.ts b/packages/merchant-backend-ui/render-examples.ts
index 47300ab8f..86e18fa68 100644
--- a/packages/merchant-backend-ui/render-examples.ts
+++ b/packages/merchant-backend-ui/render-examples.ts
@@ -49,9 +49,13 @@ files.forEach(file => {
const html = fs.readFileSync(`${sourceDirectory}/${file}`, 'utf8')
const testName = file.replace('.html', '')
- if (testName !== 'ShowOrderDetails') return;
+ const exampleFileName = `./src/pages/${testName}.examples`
+ if (!fs.existsSync(exampleFileName + ".ts")) {
+ console.log(`skipping ${testName}: no examples found`);
+ return;
+ }
// eslint-disable-next-line @typescript-eslint/no-var-requires
- const { exampleData } = require(`./src/pages/${testName}.examples`)
+ const { exampleData } = require(exampleFileName)
Object.keys(exampleData).forEach(exampleName => {
const example = exampleData[exampleName]
diff --git a/packages/merchant-backend-ui/rollup.config.js b/packages/merchant-backend-ui/rollup.config.js
index 8953a443a..5f22cc654 100644
--- a/packages/merchant-backend-ui/rollup.config.js
+++ b/packages/merchant-backend-ui/rollup.config.js
@@ -89,6 +89,12 @@ const makePlugins = (name) => [
html({ template, fileName: name }),
];
+function formatHtmlName(name) {
+ return name
+ .replace(/^[A-Z]/, letter => `${letter.toLowerCase()}`) //first letter lowercase
+ .replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`) //snake case
+ .concat(".en.html"); //extension
+}
const pageDefinition = (name) => ({
input: `src/pages/${name}.tsx`,
@@ -98,7 +104,7 @@ const pageDefinition = (name) => ({
exports: 'named',
name: 'page',
},
- plugins: makePlugins(`${name}.html`),
+ plugins: makePlugins(formatHtmlName(name)),
});
export default [
diff --git a/packages/merchant-backend-ui/src/index.tsx b/packages/merchant-backend-ui/src/index.tsx
index 275f63371..4cfe8f7b4 100644
--- a/packages/merchant-backend-ui/src/index.tsx
+++ b/packages/merchant-backend-ui/src/index.tsx
@@ -15,22 +15,17 @@
*/
/**
-*
-* @author Sebastian Javier Marchano (sebasjm)
-*/
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
-import { h, VNode, Fragment } from 'preact';
-import { BackendContextProvider } from './context/backend';
-import { TranslationProvider } from './context/translation';
+import { Fragment, h, VNode } from "preact";
+import { BackendContextProvider } from "./context/backend";
+import { TranslationProvider } from "./context/translation";
// import { Page as RequestPayment } from './RequestPayment';
-import "./css/pure-min.css"
-import { Route, Router } from 'preact-router';
-import { Footer } from './components/Footer';
-// import OfferTip from './pages/OfferTip';
-// import {OfferRefund} from './pages/OfferRefund';
-// import DepletedTip from './pages/DepletedTip';
-// import RequestPayment from './pages/RequestPayment';
-// import ShowOrderDetails from './pages/ShowOrderDetails';
+import { Route, Router } from "preact-router";
+import { Footer } from "./components/Footer";
+import "./css/pure-min.css";
export default function Application(): VNode {
return (
@@ -45,17 +40,12 @@ export default function Application(): VNode {
}
function ApplicationStatusRoutes(): VNode {
- return <Fragment>
- <Router>
- {/* <Route path="offer_tip" component={OfferTip} />
- <Route path="offer_refund" component={OfferRefund} />
- <Route path="depleted_tip" component={DepletedTip} />
- <Route path="request_payment" component={RequestPayment} />
- <Route path="show_order_details" component={ShowOrderDetails} /> */}
- <Route default component={() => <div>
- hello!
- </div>} />
- </Router>
- <Footer />
- </Fragment>
+ return (
+ <Fragment>
+ <Router>
+ <Route default component={() => <div>hello!</div>} />
+ </Router>
+ <Footer />
+ </Fragment>
+ );
}
diff --git a/packages/merchant-backend-ui/src/pages/DeletedTip.stories.tsx b/packages/merchant-backend-ui/src/pages/DeletedTip.stories.tsx
index c20f6dc18..a249c4074 100644
--- a/packages/merchant-backend-ui/src/pages/DeletedTip.stories.tsx
+++ b/packages/merchant-backend-ui/src/pages/DeletedTip.stories.tsx
@@ -15,26 +15,26 @@
*/
/**
-*
-* @author Sebastian Javier Marchano (sebasjm)
-*/
-
-import { h, VNode, FunctionalComponent } from 'preact';
-import { DepletedTip as TestedComponent } from './DepletedTip';
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
+import { h, VNode, FunctionalComponent } from "preact";
+import { DeletedTip as TestedComponent } from "./DeletedTip";
export default {
- title: 'DepletedTip',
+ title: "DeletedTip",
component: TestedComponent,
- argTypes: {
- },
+ argTypes: {},
};
-function createExample<Props>(Component: FunctionalComponent<Props>, props: Partial<Props>) {
- const r = (args: any) => <Component {...args} />
- r.args = props
- return r
+function createExample<Props>(
+ Component: FunctionalComponent<Props>,
+ props: Partial<Props>,
+) {
+ const r = (args: any) => <Component {...args} />;
+ r.args = props;
+ return r;
}
-export const Example = createExample(TestedComponent, {
-});
+export const Example = createExample(TestedComponent, {});
diff --git a/packages/merchant-backend-ui/src/pages/DeletedTip.tsx b/packages/merchant-backend-ui/src/pages/DeletedTip.tsx
index 61fc52cdf..10f3c6a17 100644
--- a/packages/merchant-backend-ui/src/pages/DeletedTip.tsx
+++ b/packages/merchant-backend-ui/src/pages/DeletedTip.tsx
@@ -29,7 +29,7 @@ function Head(): VNode {
return <title>Status of your tip</title>;
}
-export function DepletedTip(): VNode {
+export function DeletedTip(): VNode {
return (
<Page>
<section>
@@ -43,7 +43,7 @@ export function DepletedTip(): VNode {
export function mount(): void {
try {
- render(<DepletedTip />, document.body);
+ render(<DeletedTip />, document.body);
} catch (e) {
console.error("got error", e);
if (e instanceof Error) {
@@ -55,6 +55,6 @@ export function mount(): void {
export function buildTimeRendering(): { head: string; body: string } {
return {
head: renderToString(<Head />),
- body: renderToString(<DepletedTip />),
+ body: renderToString(<DeletedTip />),
};
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eaa570b96..6d59121db 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -219,6 +219,7 @@ importers:
script-ext-html-webpack-plugin: ^2.1.5
sirv-cli: ^1.0.11
swr: ^0.5.5
+ tslib: 2.4.0
typescript: 4.8.4
yup: ^0.32.9
dependencies:
@@ -249,7 +250,7 @@ importers:
'@rollup/plugin-image': 2.1.1_rollup@2.79.1
'@rollup/plugin-json': 4.1.0_rollup@2.79.1
'@rollup/plugin-replace': 3.1.0_rollup@2.79.1
- '@rollup/plugin-typescript': 11.0.0_gypgyaqhine6mwjfvh7icfhviq
+ '@rollup/plugin-typescript': 11.0.0_hafrwlgfjmvsm7253l3bfjzhnq
'@types/history': 4.7.11
'@types/mocha': 8.2.3
'@types/mustache': 4.2.1
@@ -269,6 +270,7 @@ importers:
rollup-plugin-css-only: 3.1.0_rollup@2.79.1
script-ext-html-webpack-plugin: 2.1.5
sirv-cli: 1.0.14
+ tslib: 2.4.0
typescript: 4.8.4
packages/merchant-backoffice-ui:
@@ -3644,7 +3646,7 @@ packages:
rollup: 2.79.1
dev: true
- /@rollup/plugin-typescript/11.0.0_gypgyaqhine6mwjfvh7icfhviq:
+ /@rollup/plugin-typescript/11.0.0_hafrwlgfjmvsm7253l3bfjzhnq:
resolution: {integrity: sha512-goPyCWBiimk1iJgSTgsehFD5OOFHiAknrRJjqFCudcW8JtWiBlK284Xnn4flqMqg6YAjVG/EE+3aVzrL5qNSzQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -3660,6 +3662,7 @@ packages:
'@rollup/pluginutils': 5.0.2_rollup@2.79.1
resolve: 1.22.1
rollup: 2.79.1
+ tslib: 2.4.0
typescript: 4.8.4
dev: true