Add SurahStream/

Rules

@@ -9,11 +9,6 @@ require "nanoc-gzip"
 require "nanoc-webpack"
 require "nanoc-tidy"
 
-##
-# DSL extensions
-Nanoc::RuleDSL::CompilationRuleContext.prepend(Nanoc::RuleDSL::Filter)
-Nanoc::RuleDSL::CompilerDSL.prepend(Nanoc::RuleDSL::RequireRules)
-
 ##
 # variables
 locales    = %w[ar en]
@@ -22,6 +17,11 @@ name_by_id = Ryo.from_json_file("#{json_dir}/nameById.json")
 tdata    = Ryo.from_json_file("#{json_dir}/t.json")
 buildenv = ENV["buildenv"] || "development"
 
+##
+# DSL extensions
+Nanoc::RuleDSL::CompilationRuleContext.prepend(Nanoc::RuleDSL::Filter)
+Nanoc::RuleDSL::CompilerDSL.prepend(Nanoc::RuleDSL::RequireRules)
+
 ##
 # plugins
 Nanoc::Webpack

src/js/components/SurahStream/index.tsx

@@ -2,8 +2,6 @@ import React, { useState, useEffect, useMemo, useRef } from "react";
 import classNames from "classnames";
 import type { Surah, Ayah, TAyat, TLocale } from "Quran";
 import { useTheme } from "~/hooks/useTheme";
-import { Timer } from "~/components/Timer";
-import { Stream } from "~/components/Stream";
 import { AudioControl, TAudioStatus } from "~/components/AudioControl";
 import { Head } from "~/components/Head";
 import {
@@ -13,6 +11,8 @@ import {
   StalledIcon,
 } from "~/components/Icon";
 import { TFunction } from "~/lib/t";
+import { Timer } from "./Timer";
+import { Stream } from "./Stream";
 
 type Maybe<T> = T | null | undefined;