Leechael

As a frontend developer, I often work with React and Next.js, and one of the challenges I face is managing query parameters. Next.js provides a powerful router system, but handling query parameters can become cumbersome and error-prone. Fortunately, with the help of Jotai and zod, I've found a solution that allows me to manage query parameters in a reusable and type-safe way.

Jotai is a lightweight state management library that provides a simple and flexible way to manage state in React applications. It represents state as atoms, which are observable and subscribable values. When an atom is updated, any React components that are associated with it will automatically re-render.

Next.js is a React-based lightweight framework that provides a powerful router system, allowing you to handle client-side and server-side routing easily. Using the useRouter hook, you can access the router information, including the URL path and query parameters.

zod is a TypeScript-first data validation library that provides a sim

Leechael

function countVisibleObjects(scene: THREE.Scene | THREE.Group | THREE.Object3D): number {
  return scene.children.reduce(
    (acc, obj) => {
      if (obj.visible) {
        return (obj.children.length) ? acc + countVisibleObjects(obj) + 1 : acc + 1
      }
      return acc
    },
    0
  )

Leechael

import { atom } from "jotai";
import AsyncStorage from "@react-native-community/async-storage";


const jwtTokenAtom = atom<string, string>("", (_, set, value) => {
  set(jwtTokenAtom, value);
  AsyncStorage.setItem("jwt_token", value);
});

jwtTokenAtom.onMount = (set) => {

Leechael

#!/usr/bin/env python

import os
import sys
import shlex
import subprocess
from threading import Thread
try:
    from Queue import Empty, Queue
except ImportError:

Leechael

#!/usr/bin/env python

from fs_s3fs import S3FS
import boto3
from botocore.client import Config


class OSSFS(S3FS):

    @property

Leechael

#!/usr/bin/env python3
# -*- coding: utf-8 -*-

""" Export logs from leancloud:

    `lean logs --format=json --from=2019-03-12 --to=2019-03-13 > 20190312.log`

    Then use this script parse the log file.
"""

Leechael

import { Component } from '@tarojs/taro'


interface RecycleContext {
  append(list: any[], callback: () => any)
  splice(begin: number, count: number, list: any[], callback: () => any)
  update(begin: number, list: any[], callback: () => any)
  destroy()
  forceUpdate(callback: () => any, reinitSlot: boolean)
  getBoundingClientRect(index:number)

Leechael

// https://hackernoon.com/functional-javascript-resolving-promises-sequentially-7aac18c4431e
// Kefir.js version.
// Just a demo.
var ids = [1, 2, 3, 4];
var thenables = ids.map(i => {
  let thenable = fetch(`https://httpbin.org/anything?id=${i}`)
    .then(r => r.json())
    .then(obj => obj.args.id);
  return Kefir.fromPromise(thenable);
})

Leechael

#!/usr/bin/env python
# -*- coding: utf-8 -*-

"""
通过脚本设置阿里云 CDN 的证书

https://help.aliyun.com/document_detail/45014.html

$ pip install aliyun-python-sdk-cdn click

Leechael

Letsencrypt SSL cert 设置笔记

Step 1: 下载 dehydrated

wget https://raw.githubusercontent.com/lukas2511/dehydrated/116386486b3749e4c5e1b4da35904f30f8b2749b/dehydrated

UPDATE: 下载最新版本：

wget https://raw.githubusercontent.com/lukas2511/dehydrated/master/dehydrated