dinocollab-core 1.0.0

package/src/utils/query-param.ts

@@ -0,0 +1,129 @@
+import queryString from 'query-string'
+
+const StringStardize = (str: string) => str?.trim().toLowerCase() ?? ''
+
+class QueryParamBase {
+  private _GetValues() {
+    // return queryString.parse(decodeURIComponent(window.location.search))
+    return queryString.parse(decodeURIComponent(window.location.search))
+  }
+
+  private _GetValuesMap() {
+    const query = this._GetValues()
+    return new Map(Object.keys(query).map((x) => [StringStardize(x), query[x] as string]))
+  }
+
+  private _GetkeysMap() {
+    const query = this._GetValues()
+    return new Map(Object.keys(query).map((x) => [StringStardize(x), x]))
+  }
+
+  private getPath = () => (window.location.pathname === '/' ? '' : window.location.pathname)
+
+  // stringify<TParam extends {} = any>(param: TParam) {
+  //   return `?${encodeURIComponent(queryString.stringify(param, { skipNull: true, skipEmptyString: true }))}`
+  // }
+  stringify = <TParam extends Record<string, any> = any>(param: TParam): string => {
+    const entries = Object.keys(param)
+      .filter((key) => param[key]) // skip null & empty string
+      .reduce((a, key) => {
+        const encodedValue = encodeURIComponent(param[key])
+        a[key] = encodedValue
+        return a
+      }, {} as any)
+
+    return '?' + queryString.stringify(entries, { skipNull: true, skipEmptyString: true })
+  }
+
+  Replace<TParam extends {} = any, TState = any>(param: TParam, state?: TState) {
+    window.history.replaceState(state ?? {}, '', `${this.getPath()}${this.stringify(param)}`)
+    window.dispatchEvent(new window.PopStateEvent('popstate'))
+  }
+
+  Patch<TParam extends { [key: string]: any } = any, TState = any>(param: TParam, state?: TState) {
+    const query = this._GetValues()
+    const keyMap = this._GetkeysMap()
+    Object.keys(param).forEach((k) => {
+      const key = StringStardize(k)
+      if (keyMap.has(key)) {
+        query[keyMap.get(key) ?? ''] = param[k]
+      } else {
+        query[k] = param[k]
+      }
+    })
+    this.Put(query, state)
+  }
+
+  ReplacePatch<TParam extends { [key: string]: any } = any, TState = any>(param: TParam, state?: TState) {
+    const query = this._GetValues()
+    const keyMap = this._GetkeysMap()
+    Object.keys(param).forEach((k) => {
+      const key = StringStardize(k)
+      if (keyMap.has(key)) {
+        query[keyMap.get(key) ?? ''] = param[k]
+      } else {
+        query[k] = param[k]
+      }
+    })
+    this.Replace(query, state)
+  }
+
+  Put<TParam extends {} = any, TState = any>(param: TParam, state?: TState) {
+    window.history.pushState(state ?? {}, '', `${this.getPath()}${this.stringify(param)}`)
+    window.dispatchEvent(new window.PopStateEvent('popstate'))
+  }
+
+  Deletes<TValue extends {} = any>(...keys: (keyof TValue)[]) {
+    this.DeletesWithState(keys)
+  }
+
+  ReplaceDeletes<TValue extends {} = any>(...keys: (keyof TValue)[]) {
+    this.ReplaceDeletesWithState(keys)
+  }
+
+  ReplaceDeletesWithState<TValue extends {} = any, TState = any>(keys: (keyof TValue)[], state?: TState) {
+    const query = this._GetValues()
+    const keyMap = this._GetkeysMap()
+    keys.forEach((k) => {
+      const key = StringStardize(k.toString())
+      if (keyMap.has(key)) {
+        delete query[keyMap.get(key) ?? '']
+      }
+    })
+    this.Replace(query, state)
+  }
+
+  DeletesWithState<TValue extends {} = any, TState = any>(keys: (keyof TValue)[], state?: TState) {
+    const query = this._GetValues()
+    const keyMap = this._GetkeysMap()
+    keys.forEach((k) => {
+      const key = StringStardize(k.toString())
+      if (keyMap.has(key)) {
+        delete query[keyMap.get(key) ?? '']
+      }
+    })
+    this.Put(query, state)
+  }
+
+  DeleteAll() {
+    window.history.replaceState({}, '', `${this.getPath()}`)
+  }
+
+  GetAll = () => {
+    return this._GetValues()
+  }
+
+  Gets<TValue extends {} = any>(...keys: (keyof TValue)[]) {
+    const query = this._GetValuesMap()
+    return keys.reduce<Partial<TValue>>((a, k) => {
+      const key = StringStardize(k.toString())
+      if (query.has(key)) {
+        a[k] = query.get(key) as any
+      }
+      return a
+    }, {})
+  }
+}
+export const QueryParam = new QueryParamBase()
+;(window as any).QueryParam = QueryParam
+export default QueryParam

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve"
+  },
+  "include": ["src"]
+}