wangpin34

import { useEffect } from "react"
function useDebounceEffect(effect: () => void, deps: unknown[], delay: number) {
  useEffect(() => {
    const timeout = setTimeout(() => {
      effect()
    }, delay)
    return () => {
      clearTimeout(timeout)
    }
  }, [...(deps || []), delay])

wangpin34

import { useEffect, useState } from "react"
import { BehaviorSubject, Observable, filter, shareReplay } from "rxjs"

export function createSignal<T>(initialValue?: T) {
  const v$ = new BehaviorSubject<T | undefined>(initialValue)
  const setValue = (v: T) => {
    v$.next(v)
  }

  return [v$, setValue] as [BehaviorSubject<T>, (v: T) => void]

wangpin34

module.exports = {
  clearMocks: true,
  reporters: [
    "default",
    ["jest-junit", { outputDirectory: "coverage", outputName: "report.xml" }],
    ["jest-silent-reporter", { useDots: true }],
  ],
  coverageReporters: ["clover", "json", ["lcov", {}], ["text", { skipFull: true }]],
  collectCoverageFrom: ["src", "!**/*.d.ts", "!**/node_modules/**"],
  moduleNameMapper: {

wangpin34

@use 'sass:math'

$dd-width: 375px
$ratio: math.div(1, 10)

@function strip-unit($number)
  @if type-of($number) == 'number' and not unitless($number)
    @return math.div($number, ($number * 0 + 1))
  @return $number

wangpin34

#!/usr/bin/env node
import path from 'path'
import yargs from 'yargs/yargs'
import fs from 'fs/promises'
import figlet from 'figlet'
import chalk from 'chalk'
import init from './command-init'
import packageJSON from '../package.json'
import { setLevel, Level } from 'utils/logger'
import { GlobalOptions } from 'command-init/types'

wangpin34

/*
 * Covert Goland env to .env format
 * e.g.
 * Let's say we have env `ENV=production` and `DB=some-db-url` configured in Golang. It will be the following format when it is copiled from the conf.
 * ENV=production;DB=some-db-url
 * But the popular env format `.env` use the following format:
 * ENV=production
 * DB=some-db-url
 */

wangpin34

apiVersion: tekton.dev/v1beta1
kind: Task
metadata:
  name: deploy-web-to-s3
  namespace: default
spec:
  params:
    - name: build_command
      type: string
      default: npm build

wangpin34

import { useEffect, useCallback } from 'react'
import { render } from 'react-dom'

function Others() {
  return <div>other will be rendered inside shadow tree</div>
}

class RendereComponent extends HTMLElement {
  connectedCallback() {
    const shadowRoot = this.attachShadow({ mode: 'open' })

wangpin34

categories:
  - category: tech
    feeds:
      - http://rachelbythebay.com/w/atom.xml
      - http://feeds.feedburner.com/ruanyifeng
      - http://blog.samaltman.com/posts.atom
      - https://dave.cheney.net/feed/atom

wangpin34

// saved at root of repo, or global
registry = https://registry.npm.taobao.org
sass_binary_site = https://npm.taobao.org/mirrors/node-sass/
electron_mirror = https://npm.taobao.org/mirrors/electron/