Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UFA Interactive SVG</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<style>
@Akifcan
Akifcan / script.js
Created December 24, 2023 21:08
react-native-image-color-pick-3
let imagePath: string = ''
const resp = await RNFetchBlob.config({
fileCache: true,
}).fetch('GET', url)
imagePath = resp.path()
const base64 = await resp.readFile('base64')
fs.unlink(imagePath)
@Akifcan
Akifcan / script.js
Created December 24, 2023 21:05
react-native-image-color-pick-2
<WebView
originWhitelist={['*']}
source={{ html: script }}
javaScriptEnabled={true}
onMessage={(event) => {
if (!event.nativeEvent?.data) {
return;
}
console.log(event.nativeEvent.data);
}}
@Akifcan
Akifcan / script.js
Created December 24, 2023 21:04
react-native-image-color-pick
const script = `
<script>
function get_average_rgb(img) {
var context = document.createElement('canvas').getContext('2d');
var src = img;
img = new Image;
img.setAttribute('crossOrigin', '');
img.src = "data:image/png;base64," + src;
img.onload = function () {
context.imageSmoothingEnabled = true;
@Akifcan
Akifcan / swiper.clone.js
Created January 18, 2023 19:13
Swiper clone
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.slider {
@Akifcan
Akifcan / cache.interceptor.ts
Last active October 20, 2022 20:07
Cache interceptor
import {Injectable, NestInterceptor, ExecutionContext, CallHandler, Inject, Logger} from '@nestjs/common'
import {map, Observable, tap} from 'rxjs'
import {RedisService} from './redis.service'
@Injectable()
export class CacheInterceptor implements NestInterceptor {
@Inject() redisService: RedisService
async intercept(context: ExecutionContext, next: CallHandler): Promise<Observable<any>> {
if (process.env.NODE_ENV.includes('development')) {
@Akifcan
Akifcan / elasticdemo.js
Created October 20, 2022 19:44
Elastic Search Demo
const data = [
'the bright blue butterfly hangs on the breeze',
'its best to forget the great sky and to retire from every wind',
'under blue sky in bright sunlight, one not need search around',
'Love is blind. ',
`I don't want to go to school.`,
`Let's get it over with.`,
`The red one. `,
`I have a big dog. `,
`Where's the nearest bus stop? `,
@Akifcan
Akifcan / useScript.js
Created September 15, 2022 09:18
Next.js useScript hook. Rerender script when route changed
import React, { ReactNode, useState, useEffect } from "react"
import { useRouter } from "next/router"
import Script from "next/script"
const useScript = (paths: string[]) => {
const [scriptTag, setScriptTag] = useState<ReactNode>(<></>)
const router = useRouter()
useEffect(() => {
@Akifcan
Akifcan / slider.js
Created September 11, 2022 16:12
slider
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@Akifcan
Akifcan / stacked-cards.js
Created August 16, 2022 19:45
Stacked Cards
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>