npm-pkg-hook 1.0.0 → 1.0.2

package/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ]
+}

package/.eslintrc.json

@@ -0,0 +1,108 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "plugins": [
+    "react",
+    "react-hooks",
+    "@typescript-eslint"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    // react hooks validations
+    "react-hooks/rules-of-hooks": "error",
+    // suppress errors for missing "import React" in files
+    "react/react-in-jsx-scope": "off",
+    // allow jsx syntax in js files (for next.js project)
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".js",
+          ".jsx",
+          ".ts",
+          ".tsx"
+        ]
+      }
+    ],
+    "quotes": [
+      2,
+      "single",
+      {
+        "avoidEscape": true,
+        "allowTemplateLiterals": true
+      }
+    ],
+    "consistent-return": 2,
+    "indent": [
+      2,
+      2,
+      {
+        "SwitchCase": 1
+      }
+    ],
+    "no-else-return": 1,
+    "semi": [
+      1,
+      "never"
+    ],
+    "space-unary-ops": 2,
+    "comma-dangle": [
+      "error",
+      {
+        "arrays": "never",
+        "objects": "never",
+        "imports": "never",
+        "exports": "never",
+        "functions": "never"
+      }
+    ],
+    "one-var": [
+      2,
+      "never"
+    ],
+    "no-var": "error",
+    "arrow-body-style": [
+      "error",
+      "always"
+    ],
+    "no-console": "error",
+    "no-multi-spaces": [
+      "error",
+      {
+        "exceptions": {
+          "BinaryExpression": true
+        }
+      }
+    ],
+    "no-multiple-empty-lines": [
+      "error",
+      {
+        "max": 1,
+        "maxBOF": 1
+      }
+    ],
+    "jsx-quotes": [
+      "error",
+      "prefer-single"
+    ]
+  }
+}

package/.github/pull_request_template.md

@@ -0,0 +1,18 @@
+## What problem is this solving?
+
+- [x] this is an example if you finish your work
+
+## How should this be manually tested?
+
+### Screenshots or example usage
+
+## Types of changes
+
+* [ ] Bug fix (a non-breaking change which fixes an issue)
+* [ ] New feature (a non-breaking change which adds functionality)
+* [ ] Breaking change (fix or feature that would cause existing functionality to change)
+* [ ] Requires change to documentation, which has been updated accordingly.
+
+## PR's related
+
+- [x] Add the relation between pull request

package/.github/workflows/pepeline.yaml

@@ -0,0 +1,30 @@
+name: Publish package to GitHub Packages
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [develop]
+    types: [opened, synchronize]
+  release:
+    types: [created]
+jobs:
+  build:
+    runs-on: ubuntu-latest 
+    permissions: 
+      contents: read
+      packages: write 
+    steps:
+      - uses: actions/checkout@v3
+      # Setup .npmrc file to publish to GitHub Packages
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+          registry-url: 'https://npm.pkg.github.com'
+          # Defaults to the user or organization that owns the workflow file
+      - run: npm install
+      - uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+      # - run: npm publish
+      #   env:
+      #     NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/README.md

@@ -0,0 +1 @@
+# pkg-hook

package/jsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/next.config.js

@@ -0,0 +1,129 @@
+/* eslint-disable consistent-return */
+/** @type {import('next').NextConfig} */
+const {
+  PHASE_DEVELOPMENT_SERVER,
+  PHASE_PRODUCTION_BUILD
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+} = require('next/constants')
+const nextConfig = {
+  reactStrictMode: true
+}
+module.exports = (phase) => {
+
+  // npm run dev or next dev
+  const isDev = phase === PHASE_DEVELOPMENT_SERVER
+  // npm run build or next build
+  const isProd = phase === PHASE_PRODUCTION_BUILD && process.env.STAGING !== '1'
+  // npm run build or next build
+  const isStaging = phase === PHASE_PRODUCTION_BUILD && process.env.STAGING === '1'
+  const env = {
+    NAMEDB: (() => {
+      if (isDev) return 'app'
+      if (isProd) return 'railway'
+    })(),
+    USERDB: (() => {
+      if (isDev) return 'root'
+      if (isProd) return 'root'
+    })(),
+    PASSDB: (() => {
+      if (isDev) return ''
+      if (isProd) return '8jpgm70bhVjWIxEFbsrt'
+    })(),
+    HOSTDB: (() => {
+      if (isDev) return 'localhost'
+      if (isProd) return 'containers-us-west-65.railway.app'
+    })(),
+    DIALECTDB: 'mysql',
+    SESSION_NAME: 'vp.client',
+    SESSION_KEY: '12ba105efUaGjihGrh0LfJHTGIBGu6jXa',
+    URL_BASE: (() => {
+      if (isDev) return 'http://localhost:3001/app/'
+      if (isProd) return 'http://localhost:3001/app/'
+      // if (isStaging) return 'Title Stg'
+    })(),
+    MAIN_URL_BASE: (() => {
+      if (isDev) return 'http://localhost:3000/'
+      if (isProd) return 'http://localhost:3000/'
+      if (isStaging) return 'Title Stg'
+    })(),
+    // URL_BASE_WS
+    URL_ADMIN_SERVER: (() => {
+      if (isDev) return 'http://localhost:4000/'
+      // if (isDev) return 'https://server-image-food.herokuapp.com/'
+      if (isProd) return 'http://localhost:4000/'
+    })(),
+    // BANCOLOMBIA
+    BANCOLOMBIA_CLIENT_KEY: '55929729-85fe-4ffe-928d-0bd317817be4',
+    BANCOLOMBIA_SECRET_KEY: 'E1aM2bV2lD7vS8cH1qJ8oN0nD7eN0eP0rM8gU0cG2lL6uY5sO7',
+    JWT_EXPIRY: 333300,
+    REFRESH_TOKEN_EXPIRY: '604800',
+    AUTHO_USER_KEY: '12ba105efUaGjihGrh0LfJHTGIBGu6jXV',
+    ACCESS_SID_TWILIO: 'AC7c9ccbdb50400c504faf629e35aea8e4',
+    REACT_APP_API_KEY_GOOGLE_MAPS: 'AIzaSyAy0SY1G3OFqesWSTQRHJvzyJzNgURPoN8',
+    ACCESS_TOKEN_AUTH_TWILIO: '22e090d4d776ace7bb596ca77cba6b18'
+  }
+
+  const resolveUniqueReactForHooks = {
+    webpack: (config, options) => {
+      if (options.isServer) {
+        config.externals = ['react', ...config.externals]
+      }
+      // eslint-disable-next-line no-undef
+      config.resolve.alias.react = reactPath
+      return config
+    },
+    images: {
+      domains: ['http2.mlstatic.com', 'localhost', 'server-image-food.herokuapp.com']
+    }
+  }
+  const headers = () => {
+    return [
+      {
+        source: '/app',
+        headers: [
+          {
+            key: 'x-custom-header-1',
+            value: 'my custom header 1'
+          }
+        ]
+      }
+    ]
+  }
+  const redirects = () => {
+    return [
+      {
+        source: '/home',
+        destination: '/',
+        permanent: true
+      }
+    ]
+  }
+  const basePath = '/app'
+  // puedes sobre escribir la ruta
+  const rewrites = () => {
+    return [
+      {
+        source: '/ab',
+        destination: '/about'
+      }
+    ]
+  }
+  const assetPrefix = isProd ? 'https://cdn.mydomain.com' : ''
+  const images = {
+    domains: ['http2.mlstatic.com', 'localhost', 'server-image-food.herokuapp.com', '*']
+  }
+  return {
+    env,
+    swcMinify: false,
+    images, 
+    headers,
+    optimizeFonts: false,
+    nextConfig,
+    // basePath,
+    rewrites,
+    redirects,
+    assetPrefix,
+    resolveUniqueReactForHooks
+  }
+}
+// module.exports = nextConfig

package/package.json

@@ -1,11 +1,41 @@
 {
   "name": "npm-pkg-hook",
-  "version": "1.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Jesus123780/pkg-hook"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "version": "1.0.2",
   "description": "description-pkg-hook",
   "main": "/src/index.jsx",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "rm": "rm -rf node_modules package-lock.json && npm i"
   },
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "@apollo/client": "3.6.9",
+    "@typescript-eslint/parser": "^5.37.0",
+    "js-cookie": "3.0.1",
+    "moment": "^2.29.4",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
+    "react-query": "^3.39.2"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@types/react": "^18.0.20",
+    "eslint": "^8.23.1",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.2.5",
+    "eslint-plugin-promise": "^6.0.1",
+    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react-hooks": "^4.6.0"
+  }
 }

package/src/cookies/index.ts

@@ -0,0 +1,3 @@
+import Cookies from 'js-cookie'
+
+export { Cookies }

package/src/hooks/index.js

@@ -0,0 +1,19 @@
+export * from './useCategoryStore'
+export * from './useCheckbox'
+export * from './useDrag'
+export * from './useEvent'
+export * from './useFetchJson'
+export * from './useFormTools/index'
+export * from './useGetCategorieStore'
+export * from './useHover'
+export * from './useKeypress'
+export * from './useLocalSorage'
+export * from './useLocationNavigate'
+export * from './useMobile'
+export * from './useRestaurant'
+export * from './useSales'
+export * from './useSetState'
+export * from './useTimeAgo/useTimeAgo'
+export * from './useUpdateCart'
+export * from './useUser'
+export * from './useClients'

package/src/hooks/useAcumulateDate/index.js

@@ -0,0 +1,16 @@
+
+const data = [
+    { x: '2021-10-17T14:38:45.540Z', y: 2 }
+  ]
+  export const get_date_parts = (iso_string) =>  {
+    const [year, month, day, hr, min, sec] = iso_string.split(/\D/g)
+    return { year, month, day, hr, min, sec }
+  }
+  function group_by_year(arr) {
+    let total = arr.reduce((a, b) => {
+      const { day } = get_date_parts(b.x)
+      return a + parseInt(day)
+    }, 0)
+    return total
+  }
+  const result = group_by_year(data)

package/src/hooks/useAnimationText/index.jsx

@@ -0,0 +1,30 @@
+import React, { useEffect, useState, useRef } from 'react'
+
+const fullText =
+  ' this is full text it\'ll be animated again! Writing a really huge senetence here so that I can see the animation happen. I know it\'s fast but that\'s how it goes.'
+
+const useAnimatedText = textMessage => {
+  const fullTextRef = useRef(textMessage)
+  const [text, setText] = useState('')
+  const [index, setIndex] = useState(0)
+  useEffect(() => {
+    if (index < fullText.length) {
+      window.requestAnimationFrame(() => {
+        // eslint-disable-next-line
+                setText(text => text + fullTextRef.current[index]);
+        setIndex(() => {return index + 1})
+      })
+    }
+  }, [index])
+  useEffect(() => {
+    fullText.current = textMessage
+  }, [textMessage])
+
+  return text
+}
+
+export default function TextHook() {
+  const text = useAnimatedText(fullText)
+
+  return <span>{text} </span>
+}

package/src/hooks/useCategoryStore/index.js

@@ -0,0 +1,7 @@
+import { useQuery } from '@apollo/client'
+import { GET_ALL_CAT_STORE } from './queries'
+
+export const useCategoryStore = () => {
+    const { data } = useQuery(GET_ALL_CAT_STORE)
+    return [data]
+}

package/src/hooks/useCategoryStore/queries.js

@@ -0,0 +1,16 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_CAT_STORE = gql`
+query getAllCatStore{
+getAllCatStore{
+  catStore
+  idUser
+  cPathImage
+  cName
+  cState
+  cDatCre
+  cDatMod
+  csDescription
+  }
+}
+`

package/src/hooks/useCheckbox/index.js

@@ -0,0 +1,114 @@
+import { useCallback, useState } from 'react'
+
+/**
+ * Hook for managing multiple checkbox states
+ *
+ * @param {Array<String | Number>} elem - list of all elem
+ * @param {Array<String | Number>} selectedIds - list of selected elem (optional)
+ *
+ * @returns {Object}
+ *  - checkboxStates (state object),
+ *  - numSelectedItems (number),
+ *  - handleChangeCheck (callback),
+ *  - toggleAll (callback),
+ *  - selectAll (callback),
+ *  - clearAll (callback)
+ */
+
+export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
+  const numTotalItems = elem?.length
+  const [checkedItems, setCheckedItems] = useState(new Set(selectedIds))
+  const [disabledItems, setDisabledItems] = useState(new Set(disabledIds))
+
+  const handleChangeCheck = useCallback((event, id) => {
+    const target = event.target
+    setCheckedItems(prevState => {
+      const newState = new Set(prevState)
+      if (target.checked) {
+        newState.add(id)
+      } else {
+        newState.delete(id)
+      }
+      return newState
+    })
+  }, [])
+
+  const setAll = useCallback(
+    isChecked => {
+      setCheckedItems(prevState => {
+        const newState = new Set(prevState)
+        for (const id of elem) {
+          if (disabledItems.has(id)) {
+            continue
+          }
+          if (isChecked) {
+            newState.add(id)
+          } else {
+            newState.delete(id)
+          }
+        }
+        return newState
+      })
+    },
+    [elem, disabledItems]
+  )
+
+  const selectAll = useCallback(() => {
+    if (checkedItems.size === numTotalItems) {
+      return
+    }
+    setAll(true)
+  }, [checkedItems, numTotalItems, setAll])
+
+  const clearAll = useCallback(() => {
+    if (checkedItems.size === 0) {
+      return
+    }
+    setAll(false)
+  }, [checkedItems, setAll])
+
+  const toggleAll = useCallback(() => {
+    const numDisabledAndChecked = [...disabledItems].reduce((count, id) => {
+      if (checkedItems.has(id)) {
+        return count + 1
+      }
+      return count
+    }, 0)
+    if (checkedItems.size - numDisabledAndChecked === 0) {
+      selectAll()
+    } else {
+      clearAll()
+    }
+  }, [checkedItems, disabledItems, selectAll, clearAll])
+
+  const enableCheckboxes = useCallback((...elem) => {
+    setDisabledItems(prevState => {
+      const newState = new Set(prevState)
+      for (const id of elem) {
+        newState.delete(id)
+      }
+      return newState
+    })
+  }, [])
+
+  const disableCheckboxes = useCallback((...elem) => {
+    setDisabledItems(prevState => {
+      const newState = new Set(prevState)
+      for (const id of elem) {
+        newState.add(id)
+      }
+      return newState
+    })
+  }, [])
+
+  return {
+    checkedItems,
+    disabledItems,
+    handleChangeCheck,
+    toggleAll,
+    selectAll,
+    clearAll,
+    enableCheckboxes,
+    disableCheckboxes
+  }
+}

package/src/hooks/useClients/index.js

@@ -0,0 +1,13 @@
+import { useQuery } from '@apollo/client'
+import { useEffect, useState } from 'react'
+import { GET_ALL_CLIENTS } from './queries'
+
+export const useGetClients = () => {
+    const [clientes, setClients] = useState([])
+  const { loading, error } = useQuery(GET_ALL_CLIENTS, {
+    onCompleted: (data) => {
+        setClients(data)
+    }
+  })
+  return [clientes?.getAllClients, { loading, error }]
+}