date-fns#endOfYesterday TypeScript Examples
The following examples show how to use
date-fns#endOfYesterday.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: service.ts From expresso with MIT License | 6 votes |
|
/**
* Update Signed URL Aws S3
*/
public static async updateSignedUrl(): Promise<void> {
const getUploads = await Upload.findAll({
where: { expiryDateUrl: { [Op.lt]: endOfYesterday() } },
})
const chunkUploads = _.chunk(getUploads, 50)
// chunk uploads data
if (!_.isEmpty(chunkUploads)) {
for (let i = 0; i < chunkUploads.length; i += 1) {
const itemUploads = chunkUploads[i]
// check uploads
if (!_.isEmpty(itemUploads)) {
for (let i = 0; i < itemUploads.length; i += 1) {
const item = itemUploads[i]
const signedUrl = await this.getSignedUrlS3(item.keyFile)
const formUpload = {
signedUrl,
expiresUrlDate: s3ExpiresDate,
}
// update signed url & expires url
await item.update(formUpload)
}
}
}
}
}
Example #2
| Source File: Menu.tsx From ra-enterprise-demo with MIT License | 5 votes |
|
newCustomerFilter = querystring.stringify({
filter: JSON.stringify({
last_seen_gte: endOfYesterday().toISOString(),
}),
})
Example #3
| Source File: tours.ts From ra-enterprise-demo with MIT License | 4 votes |
|
tours: { [id: string]: TourType } = {
'ra-markdown': {
before: async ({ redirect }) => {
redirect('/products');
await timeout(1000); // would be so awesome if redirect was awaitable!
},
steps: [
{
target: `[data-tour-id='grid-line'] > a:nth-child(${getRandomInt(
1,
5
)})`,
disableBeacon: true,
content: 'tours.ra-markdown.intro',
joyrideProps: {
styles: {
beacon: {
marginTop: -100,
},
},
},
after: ({ target, redirect }) => {
const productUrl = target.getAttribute('href').slice(1);
redirect(productUrl);
},
},
{
target: "[data-tour-id='description-tab']",
content: 'tours.ra-markdown.editor_location',
after: ({ target }) => {
target.children[0] && target.children[0].click();
},
},
{
target: '.tui-editor-defaultUI',
content: 'tours.ra-markdown.editor',
},
{
target: '.te-switch-button.wysiwyg',
content: 'tours.ra-markdown.wysiwyg',
},
{
target: '.te-switch-button.markdown',
content: 'tours.ra-markdown.raw',
},
{
target: '[data-testid=product-edit-preview]',
content: 'tours.ra-markdown.show',
},
],
},
'ra-preferences': {
steps: [
{
target: "button[aria-label='Toggle Theme']",
disableBeacon: true,
content: 'tours.ra-preferences.intro',
},
{
target: "button[aria-label='Toggle Theme'] + button",
content: 'tours.ra-preferences.language_switcher',
after: ({ redirect }) => {
const params = JSON.stringify({
last_seen_gte: endOfYesterday().toISOString(),
nb_commands_gte: 1,
});
redirect(
`/customers?filter=${encodeURIComponent(
params
)}&order=DESC&page=1&perPage=25&sort=last_seen`
);
},
},
{
target: "button[aria-label='Save current query...']",
content: 'tours.ra-preferences.persisted_queries',
after: async ({ target }) => {
target.click();
await new Promise(resolve => setTimeout(resolve, 500));
const nameInput = document.querySelector(
'body > .MuiDialog-root #name'
);
if (!nameInput) {
return;
}
fireEvent.change(nameInput, {
target: { value: 'Today customers' },
});
await new Promise(resolve => setTimeout(resolve, 500));
const saveButton: HTMLButtonElement | null =
document.querySelector(
'body > .MuiDialog-root button:nth-child(2)'
);
if (!saveButton) {
return;
}
fireEvent.click(saveButton);
},
},
{
target: '#persisted-queries ul',
content: 'tours.ra-preferences.persisted_queries_result',
after: ({ redirect }) => {
redirect('/customers');
},
},
{
target: 'button[aria-controls=user-preference-menu]',
content: 'tours.ra-preferences.list_customization',
disableBeacon: false,
after: ({ target }) => {
target.click();
},
},
{
target: '#user-preference-menu .MuiPaper-root',
content: 'tours.ra-preferences.list_customization_columns',
joyrideProps: {
styles: {
options: {
zIndex: 10000,
},
},
},
after: () => {
const menuOverlay: HTMLElement | null =
document.querySelector(
'body > .MuiPopover-root div[aria-hidden=true]'
);
if (!menuOverlay) {
return;
}
menuOverlay.click();
},
},
{
before: ({ setTourPreferences, state }) => {
setTourPreferences(state);
},
target: 'body',
content: 'tours.ra-preferences.hook',
joyrideProps: {
styles: {
options: {
arrowColor: 'transparent',
},
},
},
after: ({ setTourPreferences }) => {
setTourPreferences({});
},
},
],
},
'ra-tree': {
before: async ({ redirect }) => {
redirect('/categories/5');
await timeout(1000); // would be so awesome if redirect was awaitable!
},
steps: [
{
target: '.rc-tree',
content: 'tours.ra-tree.intro',
disableBeacon: true,
},
{
before: ({ target }) => {
interval(
() => {
const switcher = target.querySelector(
'.rc-tree-switcher.rc-tree-switcher_close'
);
if (switcher) {
switcher.click();
}
},
500,
4000
);
},
target: '.rc-tree',
content: 'tours.ra-tree.infinite_levels',
after: async ({ target }) => {
await interval(
() => {
const switcher = target
// not the first line or it collapses all the tree
.querySelector(
'.rc-tree-treenode:not(:nth-child(1)) .rc-tree-switcher.rc-tree-switcher_open'
);
if (switcher) {
switcher.click();
}
},
500,
2000
);
},
},
{
before: ({ redirect }) => {
setTimeout(() => {
redirect('/categories/create');
}, 4000);
},
target: '[href="#/categories/create"]',
content: 'tours.ra-tree.changes',
},
],
},
'ra-realtime': {
before: async () => {
localStorage.setItem('batchLevel', '0');
},
steps: [
{
before: async ({ dataProvider }) => {
localStorage.setItem('batchLevel', '0');
[[1], [2], [3], [4]].reduce(
acc =>
acc.then(async () => {
const { data: customers } =
await dataProvider.getList('customers', {
filter: { has_ordered: true },
pagination: { page: 1, perPage: 100 },
sort: { field: 'id', order: 'ASC' },
});
// Add a new Order
const { data: newCommand } =
await dataProvider.create('commands', {
data: randomCommandBuilder(
1,
customers
),
});
newCommandsIds.push(newCommand.id);
// Then notify the Real-time dataProvider
const topic = 'resource/commands';
dataProvider.publish(topic, {
type: 'created',
topic: topic,
payload: { ids: [newCommand.id] },
date: new Date(),
});
}),
timeout(1)
);
await timeout(1500); // would be so awesome if redirect was awaitable!
},
target: '[data-testid="commands-menu"]',
content: 'tours.ra-realtime.intro',
disableBeacon: true,
joyrideProps: {
hideBackButton: true,
},
after: async ({ redirect }) => {
localStorage.setItem('batchLevel', '1');
await timeout(500);
redirect('/commands');
},
},
{
target: '[data-testid=order-ordered-datagrid]',
content: 'tours.ra-realtime.new_orders',
joyrideProps: {
hideBackButton: true,
},
},
{
before: async ({ dataProvider }) => {
localStorage.setItem('batchLevel', '2');
const { data: customers } = await dataProvider.getList(
'customers',
{
filter: { has_ordered: true },
pagination: { page: 1, perPage: 100 },
sort: { field: 'id', order: 'ASC' },
}
);
// Add a new Order
const { data: newCommand1 } = await dataProvider.create(
'commands',
{
data: randomCommandBuilder(2, customers),
}
);
newCommandsIds.push(newCommand1.id);
const { data: newCommand2 } = await dataProvider.create(
'commands',
{
data: randomCommandBuilder(2, customers),
}
);
newCommandsIds.push(newCommand2.id);
// Then notify the Real-time dataProvider
const topic = 'resource/commands';
dataProvider.publish(topic, {
type: 'created',
topic,
payload: { ids: [newCommand1.id, newCommand2.id] },
date: new Date(),
});
await timeout(1000);
},
target: '[data-testid=order-ordered-datagrid]',
content: 'tours.ra-realtime.newest',
joyrideProps: {
hideBackButton: true,
},
after: async ({ dataProvider, dispatch, redirect }) => {
// Generate a lock on Products #1, #2 and #5
await Promise.all(
[1, 2, 5].map(recordId => {
return dataProvider
.lock('products', {
recordId,
identity: generateIdentity(),
})
.then(({ data: lock }) => {
dispatch({
type: 'RA/LOCK_SUCCESS',
payload: {
data: lock,
},
meta: {
fetchResponse: 'RA/LOCK',
resource: 'products',
recordId,
},
});
});
})
);
// Sort by id because the locked product has the id #0
redirect('/products?order=ASC&page=1&perPage=20&sort=id');
},
},
{
before: async ({ dataProvider, dispatch }) => {
await timeout(100);
// Unlock the Products #1 after a few seconds
const lockTile = global.document.querySelector(
'[data-productid="1"]'
);
if (lockTile instanceof HTMLElement) {
const recordId = parseInt(
lockTile.dataset.productid + '',
10
);
const identity = lockTile.dataset.lockidentity;
setTimeout(() => {
dataProvider
.unlock('products', {
recordId,
identity,
})
.then(({ data: lock }) => {
dispatch({
type: 'RA/UNLOCK_SUCCESS',
payload: {
data: lock,
},
meta: {
fetchResponse: 'RA/UNLOCK',
resource: 'products',
recordId,
},
});
});
}, 4000);
}
},
target: '[data-testid=productlocktile]',
content: 'tours.ra-realtime.locks',
joyrideProps: {
hideBackButton: true,
},
after: async ({ dataProvider, dispatch, refresh }) => {
// Reset the locks on Products #2 and #5
// The lock on Procuct #1 has been deleted during the scenario
await Promise.all(
[2, 5].map(recordId => {
const lockTile = global.document.querySelector(
`[data-productid="${recordId}"]`
);
if (lockTile instanceof HTMLElement) {
const identity = lockTile.dataset.lockidentity;
return dataProvider
.unlock('products', {
recordId,
identity,
})
.then(({ data: lock }) => {
dispatch({
type: 'RA/UNLOCK_SUCCESS',
payload: {
data: lock,
},
meta: {
fetchResponse: 'RA/UNLOCK',
resource: 'products',
recordId,
},
});
});
}
return Promise.resolve();
})
).then(() => {
refresh();
});
},
},
],
after: async ({ dataProvider, refresh }) => {
localStorage.setItem('batchLevel', '0');
// Reset new Orders
// We have to delete them to avoid having them reappear if the tour is restarted
await dataProvider.deleteMany('commands', {
ids: newCommandsIds,
});
refresh();
newCommandsIds = [];
},
},
'ra-editable-datagrid': {
before: async ({ redirect }) => {
redirect('/stores');
await timeout(1000); // would be so awesome if redirect was awaitable!
},
steps: [
{
target: '[data-testid="store-datagrid"] > tbody > tr:first-child',
content: 'tours.ra-editable-datagrid.intro',
},
{
before: ({ target }) => {
target.querySelector('td:nth-child(2)').click();
},
target: '[data-testid="store-datagrid"] > tbody > tr:first-child',
content: 'tours.ra-editable-datagrid.edit',
after: ({ target }) => {
fireEvent.change(target.querySelector('#address'), {
target: { value: '10 rue de Rivoli' },
});
},
},
{
target: '[data-testid="store-datagrid"] > tbody > tr:first-child button:first-child',
content: 'tours.ra-editable-datagrid.save',
after: ({ target }) => {
target.click();
},
},
{
target: '[href="#/stores/create"]',
content: 'tours.ra-editable-datagrid.create',
after: ({ target }) => {
target.click();
},
},
{
after: ({ target }) => {
fireEvent.change(target.querySelector('#city'), {
target: { value: 'Nantes' },
});
fireEvent.change(target.querySelector('#country'), {
target: { value: 'France' },
});
fireEvent.change(target.querySelector('#address'), {
target: { value: '5 rue du château' },
});
fireEvent.change(target.querySelector('#created_at'), {
target: { value: '2020-08-04' },
});
},
target: '[data-testid="store-datagrid"] > tbody > tr:first-child',
content: 'tours.ra-editable-datagrid.forms',
},
{
target: '[data-testid="store-datagrid"] > tbody > tr:first-child button:first-child',
content: 'tours.ra-editable-datagrid.create_save',
after: ({ target }) => {
target.click();
},
},
],
},
'ra-navigation-breadcrumb': {
before: async ({ redirect }) => {
redirect('/products');
await timeout(1000); // would be so awesome if redirect was awaitable!
},
steps: [
{
target: "[aria-label='Breadcrumb'] li:nth-child(3)",
content: 'tours.ra-navigation-breadcrumb.intro',
disableBeacon: true,
joyrideProps: {
disableScrolling: true,
},
},
{
target: `[data-tour-id='grid-line'] > a:nth-child(${getRandomInt(
1,
5
)})`,
disableBeacon: true,
content: 'tours.ra-navigation-breadcrumb.edit',
after: ({ target, redirect }) => {
const productUrl = target.getAttribute('href').slice(1);
redirect(productUrl);
},
},
{
target: "[aria-label='Breadcrumb'] li:nth-child(4)",
content: 'tours.ra-navigation-breadcrumb.sync',
disableBeacon: true,
joyrideProps: {
scrollOffset: 50,
},
},
{
target: '[data-testid="commands-menu"]',
content: 'tours.ra-navigation-breadcrumb.navigate',
disableBeacon: true,
joyrideProps: {
disableScrolling: true,
},
after: ({ redirect }) => {
redirect('/commands');
},
},
{
target: "[aria-label='Breadcrumb'] ",
disableBeacon: true,
content: 'tours.ra-navigation-breadcrumb.sync2',
joyrideProps: {
disableScrolling: true,
},
},
{
target: "[aria-label='Breadcrumb'] li:nth-child(1)",
content: 'tours.ra-navigation-breadcrumb.clickable',
disableBeacon: true,
joyrideProps: {
disableScrolling: true,
},
after: ({ redirect }) => {
redirect('/');
},
},
{
target: '#main-content',
content: 'tours.ra-navigation-breadcrumb.dashboard',
disableBeacon: true,
joyrideProps: {
disableScrolling: true,
},
},
],
},
'ra-search': {
before: async () => {
window.scrollTo(0, 0);
},
steps: [
{
disableBeacon: true,
target: '[data-testid="search"]',
content: 'tours.ra-search.intro',
after: ({ target }) => {
fireEvent.change(target.querySelector('input'), {
target: { value: 'B' },
});
return new Promise(resolve => setTimeout(resolve, 1000));
},
},
{
target: '[data-testid="search-panel"]',
content: 'tours.ra-search.customize',
after: ({ target }) => {
fireEvent.click(
target.querySelector('[data-testid="customer"]')
);
},
},
{
target: '[data-testid="search"]',
content: 'tours.ra-search.preserved_across_navigation',
before: ({ target }) => {
setTimeout(
() => target.querySelector('input').focus(),
1000
);
},
},
],
},
}
Example #4
| Source File: VisitorListAside.tsx From ra-enterprise-demo with MIT License | 4 votes |
|
Aside: FC = () => (
<Card>
<CardContent>
<FilterLiveSearch />
<span id="persisted-queries">
<SavedQueriesList />
</span>
<FilterList
label="resources.customers.filters.last_visited"
icon={<AccessTimeIcon />}
>
<FilterListItem
label="resources.customers.filters.today"
value={{
last_seen_gte: endOfYesterday().toISOString(),
last_seen_lte: undefined,
}}
/>
<FilterListItem
label="resources.customers.filters.this_week"
value={{
last_seen_gte: startOfWeek(new Date()).toISOString(),
last_seen_lte: undefined,
}}
/>
<FilterListItem
label="resources.customers.filters.last_week"
value={{
last_seen_gte: subWeeks(
startOfWeek(new Date()),
1
).toISOString(),
last_seen_lte: startOfWeek(new Date()).toISOString(),
}}
/>
<FilterListItem
label="resources.customers.filters.this_month"
value={{
last_seen_gte: startOfMonth(new Date()).toISOString(),
last_seen_lte: undefined,
}}
/>
<FilterListItem
label="resources.customers.filters.last_month"
value={{
last_seen_gte: subMonths(
startOfMonth(new Date()),
1
).toISOString(),
last_seen_lte: startOfMonth(new Date()).toISOString(),
}}
/>
<FilterListItem
label="resources.customers.filters.earlier"
value={{
last_seen_gte: undefined,
last_seen_lte: subMonths(
startOfMonth(new Date()),
1
).toISOString(),
}}
/>
</FilterList>
<FilterList
label="resources.customers.filters.has_ordered"
icon={<MonetizationOnIcon />}
>
<FilterListItem
label="ra.boolean.true"
value={{
nb_commands_gte: 1,
nb_commands_lte: undefined,
}}
/>
<FilterListItem
label="ra.boolean.false"
value={{
nb_commands_gte: undefined,
nb_commands_lte: 0,
}}
/>
</FilterList>
<FilterList
label="resources.customers.filters.has_newsletter"
icon={<MailIcon />}
>
<FilterListItem
label="ra.boolean.true"
value={{ has_newsletter: true }}
/>
<FilterListItem
label="ra.boolean.false"
value={{ has_newsletter: false }}
/>
</FilterList>
<FilterList
label="resources.customers.filters.group"
icon={<LocalOfferIcon />}
>
{segments.map(segment => (
<FilterListItem
label={segment.name}
key={segment.id}
value={{ groups: segment.id }}
/>
))}
</FilterList>
</CardContent>
</Card>
)
