{"version":3,"file":"ClientOnlyWelcomeHeroAnimation.DbptIym1.js","sources":["../../../src/components/pages/IndexPage/sections/WelcomeHero/WelcomeHeroAnimation.vue","../../../src/components/pages/IndexPage/sections/WelcomeHero/ClientOnlyWelcomeHeroAnimation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport rangeTransform from \"@/lib/rangeTransform\";\nimport { useElementHover, usePreferredReducedMotion } from \"@vueuse/core\";\nimport { ref, watch } from \"vue\";\n\n// TODO: fix jagged pause / play, ignored for now as its assumed to be unlikely that pause/play will be happening for 99% of users.\n\ntype LastActionActions = \"buy-the-dip\" | \"sell-the-high\";\n\ninterface LastActionBase<T extends LastActionActions> {\n  action: Extract<LastActionActions, T>;\n  at: number; // history id\n  buyPrice: number;\n  amount: number;\n}\n\ninterface LastActionSell extends LastActionBase<\"sell-the-high\"> {\n  sellPrice: number;\n}\n\ninterface LastActionBuy extends LastActionBase<\"buy-the-dip\"> {}\n\ntype LastAction = LastActionSell | LastActionBuy;\n\ninterface Config {\n  coin: Uppercase<string>;\n  portfolio: number; // how many coins do you have?\n  history: {\n    size: number;\n    visibleInUi: number;\n  }; // keep these values the same, no calculations are done involving out-of-ui elements. premature optimization. still.\n  chart: {\n    priceRange: {\n      high: number;\n      low: number;\n    }; // values in fiat\n    uiHeight: number; // height of the encapsulating DOM element in PX ( will be converted to rem at 1:16 ratio automatically. ), changing this makes the Y axis scale of the candlesticks longer / shorter, other than that has no effect.\n    redZone: number; // ex. 10/100 <= 10% of config.chart.priceRange's difference, defines red zones for the top and bottom of the chart, max movement is the equal to red zone. Buy/sell operations take place at the bottom and top red zones.\n    markers: {\n      gapBetween: number;\n      height: number;\n    };\n  };\n  charting: {\n    minMovement: number; // ex. 1/100 <= 1%, minimum movement for each step\n    biasBoostInterval: number; // how many steps until the next bias gets triggered, biases managed under class Candlestick.getBiasedDirection\n    initialLastAction: LastAction;\n    candlestick: {\n      candleWidth: number;\n      stickWidth: number;\n      spacing: number;\n    };\n  };\n  animation: {\n    // IMPORTANT: Careful while modifying these, as most transition timings are statically set in tailwind and might collide with css transitions.\n    stepDuration: number; // how much time should a steps duration take? ms.\n    stepDelay: number; // how much time should a steps delay take? ms.\n    showLastActionFor?: number | undefined; // how many steps should last action be shown for? - leave undefined to wait till next notification\n    fps: number;\n  };\n}\n\nconst config: Config = {\n  coin: \"ETH\",\n  portfolio: 30,\n  history: {\n    size: 40,\n    visibleInUi: 40,\n  },\n  chart: {\n    priceRange: {\n      high: 2853.23,\n      low: 1236.9,\n    },\n    uiHeight: 800,\n    redZone: 10 / 100,\n    markers: {\n      gapBetween: 60,\n      height: 18,\n    },\n  },\n  charting: {\n    minMovement: 0.5 / 100,\n    biasBoostInterval: 10,\n    initialLastAction: {\n      action: \"sell-the-high\",\n      at: 0,\n      sellPrice: 3200,\n      buyPrice: 900,\n      amount: 2,\n    },\n    candlestick: {\n      candleWidth: 20,\n      stickWidth: 4,\n      spacing: 10,\n    },\n  },\n  animation: {\n    stepDuration: 300,\n    stepDelay: 200,\n    showLastActionFor: undefined,\n    fps: 60,\n  },\n};\n\n// start a11y related references\nconst preferredMotion = usePreferredReducedMotion();\nconst notificationContainerElRef = ref<HTMLDivElement>();\nconst notificationContainerIsHovered = useElementHover(\n  notificationContainerElRef\n);\n// end a11y releated references\n\nlet isLoopRunning = false;\nconst canvasElRef = ref<HTMLCanvasElement>();\nconst canvasWrapperElRef = ref<HTMLDivElement>();\n\nconst range = config.chart.priceRange.high - config.chart.priceRange.low;\n\nconst redZones = {\n  top: config.chart.priceRange.high - range * config.chart.redZone,\n  bottom: config.chart.priceRange.low + range * config.chart.redZone,\n};\n\nlet count = 0; // step count & used as id for candlesticks\n\nconst lastAction = ref<LastAction>(config.charting.initialLastAction);\n\nconst notification = ref<LastAction | null>(null);\n\n// set new lastActions as new notifications\nwatch(lastAction, (action) => {\n  notification.value = action;\n});\n\nclass Candlestick {\n  stickHigh: number;\n  stickLow: number;\n\n  open: number;\n  close: number;\n\n  id: number;\n\n  candleHigh: number;\n  candleLow: number;\n\n  direction: \"down\" | \"up\";\n\n  height: number;\n  topStickHeight: number;\n  bottomStickHeight: number;\n\n  ui: {\n    marginTop: number;\n    canvasYOffset: number;\n    candleHeight: number;\n    topStickHeight: number;\n    bottomStickHeight: number;\n  };\n\n  constructor() {\n    this.open =\n      history.value[history.value.length - 1]?.close ??\n      range / 2 + config.chart.priceRange.low; // use last close from history if it exists, otherwise the mid point of the range\n    this.close = this.open + this.getMovement(this.open);\n\n    const isOpenHigher = this.open > this.close;\n\n    if (isOpenHigher) {\n      this.candleHigh = this.open;\n      this.height = this.open - this.close;\n      this.direction = \"down\";\n      this.candleLow = this.close;\n    } else {\n      this.candleHigh = this.close;\n      this.height = this.close - this.open;\n      this.direction = \"up\";\n      this.candleLow = this.open;\n    }\n\n    this.stickHigh =\n      this.candleHigh +\n      this.easeInCubic(Number(Math.random().toFixed(2))) *\n        range *\n        (config.chart.redZone - config.charting.minMovement) +\n      range * config.charting.minMovement;\n    this.stickLow =\n      this.candleLow -\n      (this.easeInCubic(Number(Math.random().toFixed(2))) *\n        range *\n        (config.chart.redZone - config.charting.minMovement) +\n        range * config.charting.minMovement);\n\n    this.topStickHeight = this.stickHigh - this.candleHigh;\n    this.bottomStickHeight = this.candleLow - this.stickLow;\n\n    const uiCandleHeight = transformHeightToCanvasValue(this.height);\n\n    const test =\n      (config.chart.uiHeight / 2 -\n        transformToCanvasValue(this.candleHigh) +\n        (this.direction === \"down\" ? uiCandleHeight : 0)) *\n      -1;\n\n    this.ui = {\n      marginTop:\n        config.chart.uiHeight - transformToCanvasValue(this.candleHigh),\n      candleHeight: uiCandleHeight,\n      canvasYOffset: test,\n      topStickHeight: transformHeightToCanvasValue(this.topStickHeight),\n      bottomStickHeight: transformHeightToCanvasValue(this.bottomStickHeight),\n    };\n\n    this.id = ++count;\n\n    this.evaluatePosition();\n  }\n\n  easeInCubic(x: number): number {\n    return x * x * x;\n  }\n\n  getMovement(open: number) {\n    const movement =\n      Number(Math.random().toFixed(2)) *\n        range *\n        (config.chart.redZone - config.charting.minMovement) +\n      range * config.charting.minMovement;\n\n    let direction = +1;\n\n    if (open < redZones.bottom) direction = +1;\n    else if (open > redZones.top) direction = -1;\n    else direction = this.getBiasedDirection();\n\n    return movement * direction;\n  }\n\n  evaluatePosition() {\n    if (\n      this.open < redZones.bottom &&\n      lastAction.value.action !== \"buy-the-dip\"\n    ) {\n      lastAction.value = {\n        at: this.id,\n        action: \"buy-the-dip\",\n        buyPrice: this.close,\n        amount: Number(\n          (\n            ((config.portfolio * 95) / 100) * Number(Math.random().toFixed(2)) +\n            (config.portfolio * 5) / 100\n          ).toFixed(2)\n        ),\n      };\n    } else if (\n      this.open > redZones.top &&\n      lastAction.value.action !== \"sell-the-high\"\n    ) {\n      lastAction.value = {\n        at: this.id,\n        action: \"sell-the-high\",\n        buyPrice: lastAction.value?.buyPrice ?? 0,\n        sellPrice: this.close,\n        amount: lastAction.value?.amount ?? 1,\n      };\n    }\n  }\n\n  getBiasedDirection() {\n    const randomVal = Number(Math.random().toFixed(2));\n\n    /**\n     * bias pushes the chart towards the direction it should be going to more and more dpending on the boost value, the direction\n     * is inferred based on the previous action, the only thing that should be edited in this function is the boost values.\n     *\n     * boost values are between 0, and .5. 0 meaning no bias, and .5 meaning every step ( while the boost is .5 ) shall 100% be towards\n     * the target direction. (your boost value + .5 is the total chance of the next step going in the target direction)\n     */\n\n    let boost = 0.1;\n\n    const difference = count - lastAction.value.at;\n\n    if (difference > config.charting.biasBoostInterval * 3) boost = 0.5;\n    else if (difference > config.charting.biasBoostInterval * 2) boost = 0.3;\n    else if (difference > config.charting.biasBoostInterval) boost = 0.2;\n\n    if (\n      (lastAction.value.action === \"sell-the-high\" &&\n        randomVal < 0.5 - boost) ||\n      (lastAction.value.action === \"buy-the-dip\" && randomVal >= 0.5 - boost)\n    )\n      return +1;\n\n    return -1;\n  }\n}\n\nconst history = ref<Candlestick[]>([]);\naddInitialCandleSticks();\n\nlet lastShift = performance.now();\nconst stepInterval = config.animation.stepDuration + config.animation.stepDelay;\n\nsafeStartLoop();\n\nwatch(\n  notificationContainerIsHovered,\n  (isHovered) => {\n    if (preferredMotion.value === \"reduce\") return;\n\n    if (isHovered) safeStopLoop();\n    else safeStartLoop();\n  },\n  { immediate: true }\n);\n\nwatch(\n  preferredMotion,\n  (motion) => {\n    if (motion === \"no-preference\") safeStartLoop();\n    else if (motion === \"reduce\") safeStopLoop();\n  },\n  { immediate: true }\n);\n\nfunction safeStartLoop() {\n  // avoids loop() being called twice. That would run the animation twice as fast with inconsistent intervals.\n\n  if (isLoopRunning) return;\n  else {\n    isLoopRunning = true;\n    loop();\n  }\n}\n\nfunction safeStopLoop() {\n  isLoopRunning = false;\n}\n\nasync function loop() {\n  const now = performance.now();\n\n  // based on isLoopRunning state, stop execution, but if stopped, do a final render.\n  // if(!isLoopRunning) return renderToCanvas(now)\n\n  if (isLoopRunning) {\n    setTimeout(\n      async () => requestAnimationFrame(loop),\n      config.animation.fps / 1000\n    );\n\n    if (now > lastShift + stepInterval) {\n      lastShift = now;\n      shiftCandleSticks();\n      removeTimedOutNotifications();\n    }\n  }\n\n  renderToCanvas(now);\n}\n\nfunction removeTimedOutNotifications() {\n  // remove notification if timed out\n  if (\n    config.animation?.showLastActionFor &&\n    notification.value &&\n    notification.value.at + config.animation.showLastActionFor < count\n  )\n    notification.value = null;\n}\n\nfunction addInitialCandleSticks() {\n  [...new Array(config.history.size)].forEach(() => {\n    const candlestick = new Candlestick();\n    history.value.push(candlestick);\n  });\n}\n\nfunction shiftCandleSticks() {\n  const candlestick = new Candlestick();\n\n  if (history.value.length >= config.history.size) history.value.shift();\n  history.value.push(candlestick);\n}\n\nfunction transformToCanvasValue(input: number) {\n  return rangeTransform(\n    [config.chart.priceRange.low, config.chart.priceRange.high],\n    [0, config.chart.uiHeight],\n    input\n  );\n}\n\nfunction transformHeightToCanvasValue(input: number) {\n  return rangeTransform([0, range], [0, config.chart.uiHeight], input);\n}\n\n// https://stackoverflow.com/questions/2901102/how-to-format-a-number-with-commas-as-thousands-separators\nfunction numberWithCommas(x: number | string): string {\n  return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}\n\nfunction renderToCanvas(now: number) {\n  const canvasWrapperEl = canvasWrapperElRef.value;\n  const canvasEl = canvasElRef.value;\n  if (!canvasEl || !canvasWrapperEl) return;\n\n  const ctx = canvasEl.getContext(\"2d\");\n  if (!ctx) return;\n\n  const wrapperBoundingRect = canvasWrapperEl.getBoundingClientRect();\n  const height = (canvasEl.height = wrapperBoundingRect.height);\n  const width = (canvasEl.width = wrapperBoundingRect.width);\n\n  const items = history.value;\n\n  const transitionProgress = Math.min(\n    (now - lastShift) / config.animation.stepDuration,\n    1\n  );\n\n  const transitionOffsetRight =\n    transitionProgress *\n    (config.charting.candlestick.candleWidth +\n      config.charting.candlestick.spacing);\n\n  // clear canvas\n  ctx.clearRect(0, 0, width, height);\n\n  // iterate through history, from last to first\n  for (let i = items.length - 1; i >= 0; i--) {\n    const candlestick = items[i];\n    if (!candlestick) return;\n\n    // if \"new item\" then set alpha\n    if (i === items.length - 1) {\n      ctx.globalAlpha = transitionProgress;\n    }\n\n    const indexFromRight = items.length - i;\n    const candleMarginLeft =\n      width -\n      transitionOffsetRight -\n      (indexFromRight * config.charting.candlestick.candleWidth +\n        (indexFromRight - 1) * config.charting.candlestick.spacing);\n    const stickMarginLeft =\n      candleMarginLeft +\n      (config.charting.candlestick.candleWidth / 2 -\n        config.charting.candlestick.stickWidth / 2);\n\n    ctx.beginPath();\n\n    // draw candle\n    ctx.rect(\n      candleMarginLeft,\n      candlestick.ui.marginTop,\n      config.charting.candlestick.candleWidth,\n      candlestick.ui.candleHeight\n    );\n\n    // draw stick top\n    ctx.rect(\n      stickMarginLeft,\n      candlestick.ui.marginTop - candlestick.ui.topStickHeight,\n      config.charting.candlestick.stickWidth,\n      candlestick.ui.topStickHeight\n    );\n\n    // draw stick bottom\n    ctx.rect(\n      stickMarginLeft,\n      candlestick.ui.marginTop + candlestick.ui.candleHeight,\n      config.charting.candlestick.stickWidth,\n      candlestick.ui.bottomStickHeight\n    );\n\n    if (candlestick.direction === \"up\") {\n      const gradient = ctx.createLinearGradient(0, 0, 0, 20);\n      gradient.addColorStop(0, \"#69FFEA\");\n      gradient.addColorStop(1, \"#69FFFF\");\n\n      ctx.fillStyle = gradient;\n    } else if (candlestick.direction === \"down\") {\n      ctx.fillStyle = \"rgba(105, 255, 234, 10%)\";\n    }\n\n    ctx.fill();\n\n    ctx.closePath();\n\n    // reset alpha for further renders\n    ctx.globalAlpha = 1;\n  }\n}\n</script>\n\n<template>\n  <Transition\n    appear\n    appear-active-class=\"duration-6000 lt-md:duration-600 ease-out\"\n    appear-from-class=\"opacity-0\"\n  >\n    <div\n      class=\"w-full h-full flex items-center justify-center isolate relative\"\n      role=\"presentation\"\n      aria-label=\"\"\n    >\n      <div class=\"w-full h-full flex items-center justify-center relative\">\n        <!-- chart animation -->\n        <div\n          class=\"flex justify-end absolute -translate-x-[calc(50%-0.5625rem)] transform-gpu\"\n        >\n          <!-- for testing: Center point for animation viewport -->\n          <!-- <div\n            class=\"absolute left-full top-1/2 h-.5 w-20 bg-gradient-to-b from-red to-green\"\n          >\n          </div> -->\n          <div\n            :style=\"{\n              height: (config.chart.uiHeight / 16).toFixed(2) + 'rem',\n              transform: `translateY(${((history[history.length - 1]?.ui.canvasYOffset ?? 0) / 16).toFixed(2)}rem)`,\n              transitionDuration: config.animation.stepDuration + 'ms',\n            }\"\n            class=\"w-max flex gap-2 relative ease-in-out transform-gpu\"\n          >\n            <!-- markers -->\n            <div\n              class=\"absolute right-0 top-1/2 -translate-y-1/2 translate-x-[200%] h-[200%] flex flex-col gap-4 opacity-50\"\n              :style=\"{\n                gap: (config.chart.markers.gapBetween / 16).toFixed(2) + 'rem',\n              }\"\n            >\n              <div\n                v-for=\"(, index) in [...new Array(Math.floor(config.chart.uiHeight*2 / (config.chart.markers.gapBetween + config.chart.markers.height) /* 2x uiHeight / (gap + height) */))]\"\n                :key=\"index\"\n                :style=\"{\n                  height: (config.chart.markers.height / 16).toFixed(2) + 'rem',\n                }\"\n                class=\"w-24 rounded-full bg-brand-stroke/10\"\n              />\n            </div>\n\n            <!-- center line -->\n            <div\n              class=\"w-.5 h-[200%] bg-brand-stroke/5 absolute right-2.25 top-1/2 -translate-y-1/2\"\n            ></div>\n\n            <!-- for testing: full height indic -->\n            <!-- <div\n                class=\"absolute left-full top-0 h-full w-20 bg-gradient-to-b from-red to-green\"\n              >\n              </div> -->\n\n            <!-- the 7.5 is a magical number, don't ask. I don't know. -->\n            <div ref=\"canvasWrapperElRef\" class=\"h-full w-full translate-x-7.5\">\n              <canvas ref=\"canvasElRef\" class=\"h-full w-full\"> </canvas>\n            </div>\n          </div>\n        </div>\n\n        <!-- action pulse -->\n        <!-- <div class=\"w-.5 h-.5 bg-brand-gradient absolute animate-pulse animate-duration-300 lg:hidden\" /> -->\n\n        <!-- notifications -->\n        <div\n          class=\"absolute lg:(translate-x-[calc(50%+1rem)]) lt-lg:(top-.5 scale-90 origin-t) lt-xs:(left-0)\"\n        >\n          <Transition\n            enter-active-class=\"duration-500 ease-out\"\n            leave-active-class=\"duration-100 ease-in\"\n            enter-from-class=\"translate-y-4 opacity-0\"\n            leave-to-class=\"-translate-y-4 opacity-0\"\n            mode=\"out-in\"\n          >\n            <div v-if=\"notification\" :key=\"notification.at\">\n              <div\n                class=\"rounded-8 flex items-center gap-4 px-4 py-2 bg-brand-background/80 backdrop-blur-sm border-2 border-brand-stroke/10 w-100 lt-xs:w-88\"\n              >\n                <div\n                  class=\"flex-shrink-0 h-10 w-10 relative flex items-center justify-center before:(content-empty absolute inset-0 bg-brand-gradient opacity-10 rounded-full)\"\n                >\n                  <span\n                    :class=\"[\n                      'h-6 w-6 inline-block bg-brand-gradient',\n                      notification.action === 'buy-the-dip' &&\n                        'i-material-symbols:sync animate-spin animate-reverse animate-duration-1400',\n                      notification.action === 'sell-the-high' &&\n                        'i-material-symbols:check',\n                    ]\"\n                  />\n                </div>\n\n                <div ref=\"notificationContainerElRef\" >\n                  <span\n                    class=\"font-semibold text-xs text-white/20 inline-block leading-none\"\n                  >\n                    {{ $t('operation') }}:\n                    <template v-if=\"notification.action === 'buy-the-dip'\">\n                      {{$t('buy_the_dip')}}\n                    </template>\n                    <template\n                      v-else-if=\"notification.action === 'sell-the-high'\"\n                    >\n                      {{ $t('sell_the_high') }}\n                    </template>\n                  </span>\n                  <span\n                    class=\"text-white/40 inline-block leading-tight font-medium\"\n                  >\n                    <template v-if=\"notification.action === 'buy-the-dip'\">\n                      {{ $t('bought') }}\n                      <span class=\"text-brand-gradient\"\n                        >{{ notification.amount }} {{ config.coin }}</span\n                      >, {{ $t('watching_market') }}.\n                    </template>\n                    <template\n                      v-else-if=\"notification.action === 'sell-the-high'\"\n                    >\n                      {{ $t('sell_order_for') }}\n                      <span class=\"text-brand-gradient\"\n                        >{{ notification.amount }} {{ config.coin }}</span\n                      >\n                      {{$t('fulfilled')}}.\n                      <span class=\"text-brand-primary/80\">{{ $t('profit_made') }}: </span>\n                      <span class=\"text-brand-gradient\">\n                        {{\n                          numberWithCommas(\n                            (\n                              (notification.sellPrice - notification.buyPrice) *\n                              notification.amount\n                            ).toFixed(2)\n                          )\n                        }}\n                        USDT </span\n                      >.\n                    </template>\n                  </span>\n                </div>\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </Transition>\n</template>\n","<script setup lang=\"ts\">\nimport ClientOnly from '@/components/utils/ClientOnly.vue';\nimport WelcomeHeroAnimation from './WelcomeHeroAnimation.vue';\n\n</script>\n\n<template>\n  <ClientOnly>\n    <WelcomeHeroAnimation />\n  </ClientOnly>\n</template>"],"names":["config","preferredMotion","usePreferredReducedMotion","notificationContainerElRef","ref","notificationContainerIsHovered","useElementHover","isLoopRunning","canvasElRef","canvasWrapperElRef","range","redZones","count","lastAction","notification","watch","action","Candlestick","history","uiCandleHeight","transformHeightToCanvasValue","test","transformToCanvasValue","x","open","movement","direction","randomVal","boost","difference","addInitialCandleSticks","lastShift","stepInterval","safeStartLoop","isHovered","safeStopLoop","motion","loop","now","shiftCandleSticks","removeTimedOutNotifications","renderToCanvas","candlestick","input","rangeTransform","numberWithCommas","canvasWrapperEl","canvasEl","ctx","wrapperBoundingRect","height","width","items","transitionProgress","transitionOffsetRight","i","indexFromRight","candleMarginLeft","stickMarginLeft","gradient","_hoisted_2","_hoisted_3","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_createBlock","_withCtx","_createElementVNode","_hoisted_1","_normalizeStyle","$setup","_createElementBlock","_Fragment","_renderList","index","_hoisted_4","_hoisted_5","_createVNode","_Transition","_normalizeClass","_createTextVNode","_toDisplayString","_ctx","_openBlock","_createCommentVNode","_cache"],"mappings":"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"}