Reply to thread

Message

<blockquote data-quote="MayoMayn" data-source="post: 406509" data-attributes="member: 71840">Nah, you're definitely right.Relevant or not, it still looks quite nice.The design before just looked way too shady (and definitely illegal kinda)[doublepost=1491871690,1491869553][/doublepost]#UPDATESI've decided to code an offline mode aswell as a caching system to get faster performance.Everytime a HTTP requests gets made, it caches the data for 1 hour otherwise it caches new data, or if the computer is offline, it'll just use the latest cache.components/cache.js[PHP]import config from '../../config'import fs from 'fs'import path from 'path'import rimraf from 'rimraf'import md5 from 'crypto-js/md5'export default class Cache {&nbsp; static write(key, data, callback) {&nbsp; &nbsp; if(data instanceof String) data = data.toString()&nbsp; &nbsp; if(typeof data != &quot;string&quot;) data = JSON.stringify(data)&nbsp; &nbsp; this.exists(key, (res) =&gt; {&nbsp; &nbsp; &nbsp; if(res) this.purgeSync(key)&nbsp; &nbsp; &nbsp; fs.writeFileSync(this.getPath(key), data, {flag: 'wx'})&nbsp; &nbsp; &nbsp; callback(data)&nbsp; &nbsp; })&nbsp; }&nbsp; static read(key, callback) {&nbsp; &nbsp; let data = fs.readFileSync(this.getPath(key))&nbsp; &nbsp; callback(data.toString())&nbsp; }&nbsp; static exists(key, callback) {&nbsp; &nbsp; fs.stat(this.getPath(key), (err, stat) =&gt; {&nbsp; &nbsp; &nbsp; callback(!err, stat)&nbsp; &nbsp; })&nbsp; }&nbsp; static isExpired(key, callback) {&nbsp; &nbsp; this.exists(key, (res, stat) =&gt; {&nbsp; &nbsp; &nbsp; if(!res) {&nbsp; &nbsp; &nbsp; &nbsp; callback(true)&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; let now = new Date().getTime(),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; endTime = new Date(stat.ctime).getTime() + 3600000&nbsp; &nbsp; &nbsp; &nbsp; callback(now &gt; endTime)&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; })&nbsp; }&nbsp; static getPath(key) {&nbsp; &nbsp; return path.join(config.CACHE_PATH, md5(key) + '.js')&nbsp; }&nbsp; static purge(key, callback) {&nbsp; &nbsp; fs.unlink(this.getPath(key), callback)&nbsp; }&nbsp; static purgeSync(key) {&nbsp; &nbsp; return fs.unlinkSync(this.getPath(key))&nbsp; }&nbsp; static trash(callback) {&nbsp; &nbsp; rimraf(config.CACHE_PATH, callback)&nbsp; }}[/PHP]components/http.js[php]import Cache from './cache'import Axios from 'axios'export default class HTTP {&nbsp; static get(url, callback) {&nbsp; &nbsp; if(navigator.onLine) {&nbsp; &nbsp; &nbsp; Axios.get(url)&nbsp; &nbsp; &nbsp; &nbsp; .then((res) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Cache.isExpired(url, (is) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(!is) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Cache.read(url, callback)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Cache.write(url, res.data, callback)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; .catch((err) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(err)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.parse(url, callback)&nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; this.parse(url, callback)&nbsp; &nbsp; }&nbsp; }&nbsp; static post() {&nbsp; }&nbsp; static parse(url, callback) {&nbsp; &nbsp; Cache.exists(url, (res) =&gt; {&nbsp; &nbsp; &nbsp; if(res) {&nbsp; &nbsp; &nbsp; &nbsp; Cache.read(url, callback)&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; console.log(&quot;something went wrong with get requests, and cache doesnt exist&quot;)&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; })&nbsp; }}[/php]Still need some fixes but close being there.</blockquote>

[QUOTE="MayoMayn, post: 406509, member: 71840"] Nah, you're definitely right. Relevant or not, it still looks quite nice. The design before just looked way too shady (and definitely illegal kinda) [doublepost=1491871690,1491869553][/doublepost][B]#UPDATES[/B] I've decided to code an offline mode aswell as a caching system to get faster performance. Everytime a HTTP requests gets made, it caches the data for 1 hour otherwise it caches new data, or if the computer is offline, it'll just use the latest cache. [b]components/cache.js[/b] [PHP] import config from '../../config' import fs from 'fs' import path from 'path' import rimraf from 'rimraf' import md5 from 'crypto-js/md5' export default class Cache { static write(key, data, callback) { if(data instanceof String) data = data.toString() if(typeof data != "string") data = JSON.stringify(data) this.exists(key, (res) => { if(res) this.purgeSync(key) fs.writeFileSync(this.getPath(key), data, {flag: 'wx'}) callback(data) }) } static read(key, callback) { let data = fs.readFileSync(this.getPath(key)) callback(data.toString()) } static exists(key, callback) { fs.stat(this.getPath(key), (err, stat) => { callback(!err, stat) }) } static isExpired(key, callback) { this.exists(key, (res, stat) => { if(!res) { callback(true) } else { let now = new Date().getTime(), endTime = new Date(stat.ctime).getTime() + 3600000 callback(now > endTime) } }) } static getPath(key) { return path.join(config.CACHE_PATH, md5(key) + '.js') } static purge(key, callback) { fs.unlink(this.getPath(key), callback) } static purgeSync(key) { return fs.unlinkSync(this.getPath(key)) } static trash(callback) { rimraf(config.CACHE_PATH, callback) } } [/PHP] [b]components/http.js[/b] [php] import Cache from './cache' import Axios from 'axios' export default class HTTP { static get(url, callback) { if(navigator.onLine) { Axios.get(url) .then((res) => { Cache.isExpired(url, (is) => { if(!is) { Cache.read(url, callback) } else { Cache.write(url, res.data, callback) } }) }) .catch((err) => { console.log(err) this.parse(url, callback) }) } else { this.parse(url, callback) } } static post() { } static parse(url, callback) { Cache.exists(url, (res) => { if(res) { Cache.read(url, callback) } else { console.log("something went wrong with get requests, and cache doesnt exist") } }) } } [/php] Still need some fixes but close being there. [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members