How to Host Flask Applications on Namecheap cPanel

Very good. 

1. Follow the link, 

 https://dev.to/lordghostx/how-to-host-flask-applications-on-namecheap-cpanel-299b

2. In Execute Python Script 

-m pip install --upgrade pip

-m pip install -r requirements.txt

Restart the server for app.py changes.

Joomla Wordpress - Friendly URL not working

1. Open Cpanel -> File Manager
    Top right corner ->Settings or find settings 
    Show Hidden Files. 

2. Goto public_html folder/.htaccess
paste the below block, save & close.

<IfModule mod_rewrite.c>
RewriteEngine On
# Removes index.php from ExpressionEngine URLs
RewriteCond $1 !\.(gif|jpe?g|png)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.php/$1 [L]
</IfModule>

3. Now goto global configuration ->joomla -> turn on Friend URL redirection.

Python - Image to Pdf

1. Install img2pdf

> pip/pip3 install img2pdf

2. img2pdfown.py

# importing necessary libraries

import img2pdf

from PIL import Image

import os

  

# CLI  img2pdf *jpg -o output_all_pngs.pdf

'''

img_path = "image1.jpg";

pdf_path = "output.pdf";

image = Image.open(img_path);

pdf_bytes = img2pdf.convert(image.filename);

file = open(pdf_path, "wb");

file.write(pdf_bytes);

image.close();

file.close();

'''

# convert all files ending in .jpg inside a directory

dirname = "dump/images/"

imgs = []

#dpix = dpiy = 300;

#layout_fun = img2pdf.get_fixed_dpi_layout_fun((dpix, dpiy))

for fname in os.listdir(dirname):

    if not fname.endswith(".jpg"):

        continue

    path = os.path.join(dirname, fname)

    if os.path.isdir(path):

        continue

    imgs.append(path)

    print ("\n" + path);

with open("dump/output.pdf", "wb") as f:

    #f.write(img2pdf.convert(imgs, layout_fun=layout_fun));

    f.write(img2pdf.convert(imgs));

  

'''    

imgs = ['dump/images/page_1.jpg', 'dump/images/page_2.jpg', 'dump/images/page_10.jpg']

with open("dump/output1.pdf", "wb") as f:

    f.write(img2pdf.convert(imgs))

# specify paper size (A4)

a4inpt = (img2pdf.mm_to_pt(210), img2pdf.mm_to_pt(297))

layout_fun = img2pdf.get_layout_fun(a4inpt)

with open("name.pdf", "wb") as f:

    f.write(img2pdf.convert('test.jpg', layout_fun=layout_fun))

# use a fixed dpi of 300 instead of reading it from the image

dpix = dpiy = 300;

layout_fun = img2pdf.get_fixed_dpi_layout_fun((dpix, dpiy))

with open("name.pdf", "wb") as f:

    f.write(img2pdf.convert('test.jpg', layout_fun=layout_fun))

# create a PDF/A-1b compliant document by passing an ICC profile

with open("name.pdf", "wb") as f:

    f.write(img2pdf.convert('test.jpg', pdfa="/usr/share/color/icc/sRGB.icc"))    

'''

    

React Native - Check Application is in Background or ForeGround with Time Diff - 10 seconds Move to Login Session Expired

 1. Install the below two mandatory npm plugins.

npm install --save react-native-async-storage

npm install --save moment

2. app.js

import React, { Component } from 'react';

import { StyleSheet, Text, View, AppState } from 'react-native';

//import Routing from "./src/routing/routing";

import AsyncStorage from '@react-native-async-storage/async-storage';

import moment from 'moment';

//import { Actions } from 'react-native-router-flux';

export default class App extends Component {

constructor() {

super();

this.state = {

appState: AppState.currentState

}

}

componentDidMount() {

AppState.addEventListener('change', this._handleAppStateChange);

}

componentWillUnmount() {

AppState.removeEventListener('change', this._handleAppStateChange);

}

_handleAppStateChange = async(nextAppState) => {

this.setState({ appState: nextAppState });

if (nextAppState === 'background') {

var previousTime = new Date();

await AsyncStorage.setItem( "previousTime", previousTime.toString() );

// Do something here on app background.

console.log( "App is in Background Mode @ ", previousTime );

}

if (nextAppState === 'active') {

// Do something here on app active foreground mode.

const start = moment( await AsyncStorage.getItem('previousTime') );

const end = moment();

//in original implementation, use minutes and check with N value.

//const range = end.diff(start,'minutes');

const range = end.diff(start,'seconds');

if ( range >= 10 ){

console.log ( "App is exit the Active Range, So moving to Login screen." );

/* Actions.login({"message":"Session Exit"} ); */

}

else{

console.log( "App is in Active Range, So continue your process ...");

}

}

if (nextAppState === 'inactive') {

// Do something here on app inactive mode.

console.log("App is in inactive Mode.")

}

};

render() {

return (

<View style={styles.MainContainer}>

{/* <Routing /> */}

<Text>Current state is: {this.state.appState}</Text>

</View>

);

}

}

const styles = StyleSheet.create({

MainContainer: {

flex: 1,

justifyContent: 'center',

alignItems: 'center',

backgroundColor: '#F5FCFF',

},

text: {

fontSize: 20,

color: '#000'

}

});