@jsweb/ui 1.2.0 → 1.2.3

package/src/reactivity.ts

@@ -1,175 +0,0 @@
-let activeEffect: symbol | null = null
-const targetMap = new WeakMap<
-  object,
-  Map<string | symbol, Set<ReactiveEffect>>
->()
-const proxyMap = new WeakMap<object, any>()
-const effectMap = new WeakMap<symbol, ReactiveEffect>()
-
-export class ReactiveEffect {
-  active = true
-  deps: Set<Set<ReactiveEffect>> = new Set()
-
-  constructor(public fn: () => void) {}
-
-  run() {
-    if (!this.active) return this.fn()
-
-    this.cleanup()
-
-    activeEffect = Symbol()
-    effectMap.set(activeEffect, this)
-
-    try {
-      return this.fn()
-    } finally {
-      effectMap.delete(activeEffect)
-      activeEffect = null
-    }
-  }
-
-  stop() {
-    if (this.active) {
-      this.cleanup()
-      this.active = false
-    }
-  }
-
-  cleanup() {
-    this.deps.forEach((dep) => dep.delete(this))
-    this.deps.clear()
-  }
-
-  effect() {
-    return {
-      run: () => this.run(),
-      stop: () => this.stop(),
-    }
-  }
-}
-
-export function effect(fn: () => void) {
-  const ref = new ReactiveEffect(fn)
-  ref.run()
-  return ref.effect()
-}
-
-export function track(target: object, key: string | symbol) {
-  if (activeEffect) {
-    let depsMap = targetMap.get(target)
-    if (!depsMap) {
-      depsMap = new Map()
-      targetMap.set(target, depsMap)
-    }
-
-    let dep = depsMap.get(key)
-    if (!dep) {
-      dep = new Set()
-      depsMap.set(key, dep)
-    }
-
-    const active = effectMap.get(activeEffect)
-    if (active) {
-      dep.add(active)
-      active.deps.add(dep)
-    }
-  }
-}
-
-export function trigger(target: object, key: string | symbol) {
-  const depsMap = targetMap.get(target)
-  if (!depsMap) return
-
-  const dep = depsMap.get(key)
-  if (dep) {
-    const effects = new Set(dep)
-    effects.forEach((effect) => effect.run())
-  }
-}
-
-export function reactive<T extends object>(target: T): T {
-  const notObject = typeof target !== 'object' || target === null
-  if (notObject) return target
-
-  const isReactive = Object.hasOwn(target, '_isReactive')
-  if (isReactive) return target
-
-  const existingProxy = proxyMap.get(target)
-  if (existingProxy) return existingProxy
-
-  const proxy = new Proxy(target, {
-    get(obj, key, receiver) {
-      if (key === '_isReactive') return true
-      track(obj, key)
-      const res = Reflect.get(obj, key, receiver)
-      // deep reactivity
-      if (typeof res === 'object' && res !== null) {
-        return reactive(res)
-      }
-      return res
-    },
-    set(obj, key, value, receiver) {
-      const isArray = Array.isArray(obj)
-      const oldValue = Reflect.get(obj, key, receiver)
-      const hadKey =
-        isArray && String(Number(key)) === key
-          ? Number(key) < obj.length
-          : Object.hasOwn(obj, key)
-
-      const result = Reflect.set(obj, key, value, receiver)
-
-      if (!hadKey) {
-        trigger(obj, key)
-        if (isArray && key !== 'length') {
-          trigger(obj, 'length')
-        }
-      } else if (oldValue !== value) {
-        trigger(obj, key)
-      }
-
-      return result
-    },
-  })
-
-  proxyMap.set(target, proxy)
-  return proxy
-}
-
-export function traverse(value: any, seen = new Set()) {
-  if (typeof value !== 'object' || value === null || seen.has(value)) {
-    return value
-  }
-  seen.add(value)
-  for (const key in value) {
-    traverse(value[key], seen)
-  }
-  return value
-}
-
-export function watch(
-  source: any | (() => any),
-  cb: (newValue: any, oldValue: any) => void,
-  options?: { immediate?: boolean },
-) {
-  let oldValue: any
-  let isFirstRun = true
-
-  const getter = source instanceof Function ? source : () => traverse(source)
-
-  const runner = effect(() => {
-    const newValue = getter()
-
-    if (isFirstRun) {
-      isFirstRun = false
-      oldValue = newValue
-      if (options?.immediate) {
-        cb(newValue, undefined)
-      }
-    } else {
-      cb(newValue, oldValue)
-      oldValue = newValue
-    }
-  })
-
-  return runner.stop
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src", "vite.config.ts"]
-}

package/vite.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-
-export default defineConfig({
-  build: {
-    lib: {
-      name: '@jsweb/ui',
-      formats: ['es', 'umd'],
-      entry: './src/index.ts',
-      fileName: (format: string) => `ui.${format}.js`,
-    },
-    sourcemap: true,
-    minify: 'terser',
-  },
-  plugins: [dts({ insertTypesEntry: true })],
-})