| # Put this function to your .bashrc file. | |
| # Usage: mv oldfilename | |
| # If you call mv without the second parameter it will prompt you to edit the filename on command line. | |
| # Original mv is called when it's called with more than one argument. | |
| # It's useful when you want to change just a few letters in a long name. | |
| # | |
| # Also see: | |
| # - imv from renameutils | |
| # - Ctrl-W Ctrl-Y Ctrl-Y (cut last word, paste, paste) |
| // Backend | |
| import formidable from 'formidable'; | |
| export const config = { | |
| api: { | |
| bodyParser: false, | |
| }, | |
| }; | |
| export default async (req, res) => { |
To convert animation GIF to MP4 by ffmpeg, use the following command
ffmpeg -i animated.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.mp4
movflags – This option optimizes the structure of the MP4 file so the browser can load it as quickly as possible.
pix_fmt – MP4 videos store pixels in different formats. We include this option to specify a specific format which has maximum compatibility across all browsers.
| import fetch from 'isomorphic-unfetch' | |
| import { ApolloClient } from 'apollo-client' | |
| import { ApolloLink } from 'apollo-link' | |
| import { createHttpLink } from 'apollo-link-http' | |
| import { InMemoryCache, NormalizedCacheObject } from 'apollo-cache-inmemory' | |
| import { AccountsGraphQLClient } from '@accounts/graphql-client' | |
| import { AccountsClientPassword } from '@accounts/client-password' | |
| import { AccountsClient } from '@accounts/client' | |
| import { accountsLink } from '@accounts/apollo-link' | |
| import { tokenStorage } from './token-storage' |
| alias dc='docker-compose' | |
| # Bring all services down | |
| alias dcd='docker-compose down' | |
| # Attach to all logs of all services | |
| alias dcl='docker-compose logs -f' | |
| # Run a comand inside a running container | |
| alias dcr='docker-compose run --rm' |
| import React, { Component } from "react"; | |
| import { Popover, Input, Calendar, Icon, Select, Button, Col, Row } from "antd"; | |
| import debounce from "lodash/debounce"; | |
| import moment from "moment"; | |
| import "antd/dist/antd.css"; | |
| class DatePicker extends Component { | |
| static getDerivedStateFromProps(nextProps) { | |
| // Should be a controlled component. | |
| if ("value" in nextProps) { |
| /** | |
| * Here using data-attributes, but you could use className, or render props as well | |
| */ | |
| import React from 'react'; | |
| import Link, { LinkProps } from 'next/link'; | |
| import { useRouter } from 'next/router'; | |
| const ActiveLink: React.FC<LinkProps> = props => { | |
| const router = useRouter(); |
| type Post { | |
| id: ID! @unique | |
| createdAt: DateTime! | |
| updatedAt: DateTime! | |
| title: String! | |
| published: Boolean! @default(value: "false") | |
| author: User | |
| comments: [Comment!]! | |
| } |
