{"ast":null,"code":"var _s = $RefreshSig$();\nimport { useEffect } from 'react';\nimport { drawBackground, generateNotesAndFrequencies } from '../function/canvasDefault';\n// variables and functions\n\nfunction useCanvasChangeHzAndNotes(setShowNotes, showNotes, showNotesPar, canvasRef, initialRange, setNotesLabel, setFreqLabel, canvasHeight) {\n  _s();\n  useEffect(() => {\n    setShowNotes(showNotesPar);\n    const canvas = canvasRef.current;\n    if (canvas && canvas.getContext) {\n      const ctx = canvas.getContext('2d');\n      if (ctx) {\n        ctx.clearRect(0, 0, canvas.width / 24, canvas.height);\n        drawBackground(canvasRef, initialRange[1], initialRange[0], !showNotes);\n      }\n    }\n  }, [showNotesPar]);\n  useEffect(() => {\n    const {\n      notes,\n      frequencies\n    } = generateNotesAndFrequencies(initialRange[0], initialRange[1], canvasHeight);\n    setNotesLabel(notes);\n    setFreqLabel(frequencies);\n  }, [showNotesPar, initialRange]);\n}\n_s(useCanvasChangeHzAndNotes, \"3ubReDTFssvu4DHeldAg55cW/CI=\");\nexport default useCanvasChangeHzAndNotes;","map":{"version":3,"names":["useEffect","drawBackground","generateNotesAndFrequencies","useCanvasChangeHzAndNotes","setShowNotes","showNotes","showNotesPar","canvasRef","initialRange","setNotesLabel","setFreqLabel","canvasHeight","_s","canvas","current","getContext","ctx","clearRect","width","height","notes","frequencies"],"sources":["/var/www/gavt/react-demo/src/hooksUseEffect/useCanvasChangeHzAndNotes.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\nimport { drawBackground, generateNotesAndFrequencies } from '../function/canvasDefault';\nimport { useCanvasHooks } from '../hooks/useCanvasHooks'; // variables and functions\n\nfunction useCanvasChangeHzAndNotes(setShowNotes:(boo:boolean)=>void,showNotes:boolean, showNotesPar:boolean, canvasRef: RefObject<HTMLCanvasElement>,initialRange:number[], setNotesLabel: (notes:string[])=> void, setFreqLabel: (freq:string[])=> void, canvasHeight: number) {\n    useEffect(() => {\n        setShowNotes(showNotesPar);\n        const canvas = canvasRef.current;\n        if (canvas && canvas.getContext) {\n          const ctx = canvas.getContext('2d');\n          if (ctx) {\n            ctx.clearRect(0, 0, canvas.width / 24, canvas.height);\n            drawBackground(canvasRef, initialRange[1], initialRange[0], !showNotes);\n          }\n        }\n      }, [showNotesPar]);\n\n    useEffect(() => {\n        const { notes, frequencies } = generateNotesAndFrequencies(initialRange[0],initialRange[1],canvasHeight);\n        setNotesLabel(notes);\n        setFreqLabel(frequencies);\n      }, [showNotesPar, initialRange]);\n\n}\n\n\nexport default useCanvasChangeHzAndNotes;"],"mappings":";AAAA,SAASA,SAAS,QAAmB,OAAO;AAC5C,SAASC,cAAc,EAAEC,2BAA2B,QAAQ,2BAA2B;AAC7B;;AAE1D,SAASC,yBAAyBA,CAACC,YAAgC,EAACC,SAAiB,EAAEC,YAAoB,EAAEC,SAAuC,EAACC,YAAqB,EAAEC,aAAsC,EAAEC,YAAoC,EAAEC,YAAoB,EAAE;EAAAC,EAAA;EAC5QZ,SAAS,CAAC,MAAM;IACZI,YAAY,CAACE,YAAY,CAAC;IAC1B,MAAMO,MAAM,GAAGN,SAAS,CAACO,OAAO;IAChC,IAAID,MAAM,IAAIA,MAAM,CAACE,UAAU,EAAE;MAC/B,MAAMC,GAAG,GAAGH,MAAM,CAACE,UAAU,CAAC,IAAI,CAAC;MACnC,IAAIC,GAAG,EAAE;QACPA,GAAG,CAACC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAEJ,MAAM,CAACK,KAAK,GAAG,EAAE,EAAEL,MAAM,CAACM,MAAM,CAAC;QACrDlB,cAAc,CAACM,SAAS,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,EAAE,CAACH,SAAS,CAAC;MACzE;IACF;EACF,CAAC,EAAE,CAACC,YAAY,CAAC,CAAC;EAEpBN,SAAS,CAAC,MAAM;IACZ,MAAM;MAAEoB,KAAK;MAAEC;IAAY,CAAC,GAAGnB,2BAA2B,CAACM,YAAY,CAAC,CAAC,CAAC,EAACA,YAAY,CAAC,CAAC,CAAC,EAACG,YAAY,CAAC;IACxGF,aAAa,CAACW,KAAK,CAAC;IACpBV,YAAY,CAACW,WAAW,CAAC;EAC3B,CAAC,EAAE,CAACf,YAAY,EAAEE,YAAY,CAAC,CAAC;AAEtC;AAACI,EAAA,CAnBQT,yBAAyB;AAsBlC,eAAeA,yBAAyB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}