✨ feat: add fns #13 from use-kit/feat/fns

Author: AkashiGakki

packages/browser/toggleFullScreen/index.ts

@@ -6,7 +6,7 @@ export function fullScreen(id?: string) {
 
   const screen = (el as Element).requestFullscreen
   let wScript = null
-  if (typeof screen != 'undefined' && screen) {
+  if (typeof screen != 'undefined') {
     screen.call(el)
     return
   }
@@ -23,7 +23,7 @@ export function exitFullScreen() {
 
   let wScript = null
 
-  if (typeof screen != 'undefined' && screen) {
+  if (typeof screen != 'undefined') {
     screen.call(document)
     return
   }
@@ -35,7 +35,15 @@ export function exitFullScreen() {
   }
 }
 
-export function toggleFullScreen(element: HTMLElement) {
+export function isFullScreen(): boolean {
+  const fullscreenElement
+    = document.fullscreenElement
+    || (document as any).webkitFullscreenElement
+    || (document as any).mozFullScreenElement
+  return fullscreenElement !== undefined
+}
+
+export function toggleFullScreen(element?: HTMLElement) {
   element = element || document.documentElement
   if (
     (

packages/core/getFieldWithDefault/index.md

@@ -12,5 +12,5 @@ Get object field with multiple default fields.
 import { getFieldWithDefault } from '@use-kit/functions'
 
 const obj = { name: 'asuka', age: 23, height: 158 }
-const ret = getFieldWithDefault(obj, 'default', obj.id, obj.name, obj.nickname) // 'asuak'
+const ret = getFieldWithDefault(obj, obj.id, obj.name, obj.nickname) // 'asuak'
 ```

packages/core/getFieldWithDefault/index.test.ts

@@ -6,10 +6,16 @@ describe('getFieldWithDefault', () => {
     const obj = { name: 'asuka', age: 23, height: 158 }
     expect(getFieldWithDefault(
       obj,
-      'defaultValue',
       (obj as any)?.id,
       obj?.name,
       (obj as any)?.nickname,
-    )).toMatchInlineSnapshot('"defaultValue"')
+    )).toMatchInlineSnapshot('"asuka"')
+  })
+
+  it('multiple undefined', () => {
+    const obj = { name: 'asuka', age: 23, height: 158 }
+    const fields = [undefined, null, '', 'field']
+
+    expect(getFieldWithDefault(obj, ...fields)).toMatchInlineSnapshot('"field"')
   })
 })

packages/core/getFieldWithDefault/index.ts

@@ -1,20 +1,18 @@
 interface ObjectWithFields { [key: string]: any }
 
-// TODO: get field with multiple default fields
 export function getFieldWithDefault<T>(
   obj: ObjectWithFields,
-  defaultValue: T,
-  ...fields: string[]
+  ...fields: T[]
 ): T {
+  const defaultValue = fields.find(f => f) as T
+
   if (typeof obj !== 'object' || obj === null)
     return defaultValue
 
-  console.log('fields', fields)
   for (const field of fields) {
-    if (Reflect.has(obj, field))
-      return field as T
+    if (Reflect.has(obj, field as string))
+      return field
   }
-  console.log('default')
 
   return defaultValue
 }

packages/core/getRatingStar/index.test.ts

@@ -0,0 +1,8 @@
+import { describe, expect, it } from 'vitest'
+import { getRatingStar } from '.'
+
+describe('getRatingStar', () => {
+  it('should return a rating', () => {
+    expect(getRatingStar(5)).toMatchInlineSnapshot('"★★★★★"')
+  })
+})

packages/core/getRatingStar/index.ts

@@ -0,0 +1,6 @@
+const STARS = '★★★★★☆☆☆☆☆'
+
+export function getRatingStar(score: number) {
+  const MAX_SCORE = 5
+  return STARS.slice(MAX_SCORE - score, MAX_SCORE + (MAX_SCORE - score))
+}

packages/core/index.ts

@@ -12,6 +12,7 @@ export * from './generateTree'
 export * from './getAge'
 export * from './getConstellation'
 export * from './getField'
+export * from './getFieldWithDefault'
 export * from './getFileType'
 export * from './getKeys'
 export * from './getObjectField'

packages/core/isEmpty/index.test.ts

@@ -26,4 +26,8 @@ describe('is empty', () => {
   it('should be true', () => {
     expect(isEmpty()).toBe(true)
   })
+
+  it('should be true with string trim', () => {
+    expect(isEmpty('  ')).toBe(true)
+  })
 })

packages/core/isEmpty/index.ts

@@ -7,7 +7,7 @@ export const isEmpty = (
     return true
 
   if (isString(field))
-    return field === ''
+    return (field as string).trim() === ''
 
   if (isArray(field))
     return !(field as []).length

packages/core/mergeList/index.test.ts

@@ -42,3 +42,36 @@ describe('merge field', () => {
     ]
   `))
 })
+
+describe('merge with more field', () => {
+  const targetList = [{
+    id: 1,
+    name: 'akashi',
+  }, {
+    id: 2,
+    name: 'asuka',
+  }]
+
+  const sourceList = [{
+    id: 3,
+    name: 'shiori',
+  }]
+
+  const ret = mergeList(targetList, sourceList, 'id')
+  it('should return merge list', () => expect(ret).toMatchInlineSnapshot(`
+    [
+      {
+        "id": 1,
+        "name": "akashi",
+      },
+      {
+        "id": 2,
+        "name": "asuka",
+      },
+      {
+        "id": 3,
+        "name": "shiori",
+      },
+    ]
+  `))
+})