| import {useState, useEffect, useRef, useCallback} from 'react'; | |
| import {View,Text,BackHandler, Share as RNshare, Platform} from 'react-native'; | |
| import {WebView} from 'react-native-webview'; | |
| import {useRoute, useNavigation} from '@react-navigation/native'; | |
| import {useFocusEffect, useIsFocused} from '@react-navigation/native'; | |
| import Share from 'react-native-share'; | |
| import ReactNativeBlobUtil from 'react-native-blob-util'; | |
| import styled from 'styled-components/native'; | |
| import axios from 'axios'; | |
| import HeaderComponentWithBackButton from '../components/HeaderComponentWithBackButton'; |
Inertia.js ships with a fantastic form helper but it falls short when also using API/Axios calls in your project.
Here's a composable, built on top of the Inertia's form helper that hooks into it to replace the API calls with Axios.
To use, just replace useForm with useAPIForm.
const form = useAPIForm({
title: '',
});
| # Stop and disable NGINX | |
| sudo systemctl stop nginx | |
| sudo systemctl disable nginx | |
| # Install Go | |
| wget https://go.dev/dl/go1.20.2.linux-amd64.tar.gz | |
| sudo rm -rf /usr/local/go | |
| sudo tar -C /usr/local -xzf go1.20.2.linux-amd64.tar.gz | |
| rm -f go1.20.2.linux-amd64.tar.gz |
| # Used on Ubuntu 18.04 and 20.04 | |
| # Find instructions for other OSes here: https://certbot.eff.org/instructions | |
| # Install Certbot via Snaps | |
| sudo snap install core; sudo snap refresh core | |
| sudo snap install --classic certbot | |
| sudo ln -s /snap/bin/certbot /usr/bin/certbot | |
| # Install DNS CloudFlare plugin | |
| sudo snap set certbot trust-plugin-with-root=ok |
| # In the command line, find the PID of your simulator process: | |
| ps -p `pgrep launchd_sim` | |
| # or if you have many simulators running: | |
| ps -A | grep launchd_sim | |
| # Find the PID of the WebContent process: | |
| pgrep -P <simulator-pid> 'com.apple.WebKit.WebContent' | |
| # kill it |
| <!-- | |
| When an input element gets focused, iOS Safari tries to put it in the center by scrolling (and zooming.) | |
| Zooming can be easily disabled using a meta tag, but the scrolling hasn't been quite easy. | |
| The main quirk (I think) is that iOS Safari changes viewport when scrolling; i.e., toolbars shrink. | |
| Since the viewport _should_ change, it thinks the input _will_ move, so it _should_ scroll, always. | |
| Even times when it doesn't need to scroll—the input is fixed, all we need is the keyboard— | |
| the window always scrolls _up and down_ resulting in some janky animation. | |
| However, iOS Safari doesn't scroll when the input **has opacity of 0 or is completely clipped.** |
So this is kind of a multi stage plugin system. Let me explain:
Plugins get sent to the makeUseTable constructor, which then type the available options usable on useTable.
const useTable = makeUseTable({
plugins: [myPlugin],
})
function App() {
This is my personal setup for linting and repo branches protection for a new laravel project. Feel free to copy and adjust.
I am using both bitbucket and github for mostly private projects, while bitbucket allows private repo to use advance features such as branch permission, github limit their protected branch feature for free-user.
On the other hand, implementing standard linting for both JS and PHP will help code-reviewer to read and evaluate the code.
Last but not least, standardized commit message will make everybody happy. =)
| <?php | |
| use PhpCsFixer\Config; | |
| use PhpCsFixer\Finder; | |
| $rules = [ | |
| 'array_indentation' => true, | |
| 'array_syntax' => ['syntax' => 'short'], | |
| 'binary_operator_spaces' => [ | |
| 'default' => 'single_space', |
| from selenium import webdriver | |
| import sys, getopt, time, subprocess, shlex | |
| from xvfbwrapper import Xvfb | |
| def run(): | |
| print('Sreencast website animation') | |
| xvfb = Xvfb(width=1280, height=720, colordepth=24) | |
| xvfb.start() |