entertainment media

adult content

English

You're looking at domain 'sick-jade-ecyf7pfyxd-a535lo9tc2.edgeone.app' on the application-focused generic top-level domain (.app), featuring subdomain 'sick-jade-ecyf7pfyxd-a535lo9tc2'. Count 7 characters in 'edgeone' with four vowels and three consonants. Tokenizing the label suggests 2 words: edge, one. Median word length is 3.5 characters. No strong language cues emerged from the frequency lists.

html/fb/52/fb5267a7-9849-4335-9fc1-cfbb7f77dc4c.html.gz

sha256=:U0gT0dovTUVQOD1dsIea7bL3TC0LiVGt4nfovK6m31I=:

sha256=:/k2B/GHKeGYbEBk4gbwZak25s0fVCjTZska5OO8cUVU=:

sha256=:2Unxw2h67a3O2shSYYZfKbF80nOZfn9rK/xTsvnUxN0=:

sha256=:NfT5dPSyvNRNpzljNH+JUuNB+DkJ5EmCJ9Tia5j2bw0=:

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

d949f1c3687aedadcedac85261865f29b17cd273997e7f6b2bfc53b2f9d4c4dd

534813d1da2f4d4550383d5db0879aedb2f74c2d0b8951ade277e8bcaea6df52

35f4f974f4b2bcd44da73963347f8952e341f83909e4498227d4e26b98f66f0d

fe4d81fc61ca78661b10193881bc196a4db9b347d50a34d9b246b938ef1c5155

c5b9fd356bc69dab2b1e83c7944774cacccf11508ac708e91d105de5764350d2

fa1a9f88e3e48ae04e4e3bdda913f6e1b9447513affeff20d7fa15c3dd9857d6

3da82b146c71afc62df9fff7ab218c1c9254d01e60401f0996bc5325245fb588

viewport

html/fb/52/fb5267a7-9849-4335-9fc1-cfbb7f77dc4c_nodriver.html.gz

AudioNode Pro

Prudence Malinki

MarkMonitor Inc.

edgeone.app

Abuse

Google LLC

GOOGLE


        const { useState, useEffect, useRef, useMemo, memo } = React;

        // Ikoonide komponent, kuna me ei saa Reactis otse Lucide'i importida tavalisel viisil
        const Icon = ({ name, ...props }) => {
            const [iconSvg, setIconSvg] = useState('');
            useEffect(() => {
                if (window.lucide) {
                    const svg = window.lucide.createIcons({
                        icons: { [name]: window.lucide[name] },
                        attrs: { ...props, 'stroke-width': 2 }
                    });
                }
            }, [name]);
            return <i data-lucide={name} {...props}></i>;
        };

        const AudioEngine = memo(({ layer, crossfade, onTimeUpdate }) => {
            const audioRef = useRef(null);

            useEffect(() => {
                if (audioRef.current) {
                    let multiplier = 1;
                    const isChannelA = layer.slotIndex % 2 === 0;
                    if (isChannelA) {
                        multiplier = Math.max(0, Math.min(1, (100 - crossfade) / 50));
                    } else {
                        multiplier = Math.max(0, Math.min(1, crossfade / 50));
                    }
                    audioRef.current.volume = (layer.volume / 100) * multiplier;
                    audioRef.current.playbackRate = layer.tempo;
                    if (layer.isPlaying) audioRef.current.play().catch(() => {});
                    else audioRef.current.pause();
                }
            }, [layer.volume, layer.isPlaying, layer.tempo, crossfade, layer.slotIndex]);

            return (
                <audio 
                    ref={audioRef} 
                    src={layer.url} 
                    loop 
                    onTimeUpdate={(e) => onTimeUpdate(layer.instanceId, (e.target.currentTime / e.target.duration) * 100)}
                />
            );
        });

        const AudioLayerCard = memo(({ layer, onUpdate, onRemove, onMove, isFirst, isLast, progress }) => {
            const channelLabel = layer.slotIndex % 2 === 0 ? "Kanal A" : "Kanal B";
            const channelColor = layer.slotIndex % 2 === 0 ? "border-cyan-500" : "border-purple-500";
            const tagColor = layer.slotIndex % 2 === 0 ? "bg-cyan-500" : "bg-purple-500";

            useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, []);

            return (
                <div className={`bg-[#111114] border-l-8 ${channelColor} rounded-3xl p-5 flex flex-col gap-4 relative shadow-xl transition-all`}>
                    <div className="flex items-center gap-5">
                        <div className="flex flex-col gap-1 shrink-0 bg-black/40 p-1 rounded-xl text-white">
                            <button disabled={isFirst} onClick={() => onMove(layer.instanceId, -1)} className={isFirst ? 'opacity-10' : 'hover:text-cyan-400'}>
                                <Icon name="ChevronUp" size="18" />
                            </button>
                            <button disabled={isLast} onClick={() => onMove(layer.instanceId, 1)} className={isLast ? 'opacity-10' : 'hover:text-cyan-400'}>
                                <Icon name="ChevronDown" size="18" />
                            </button>
                        </div>
                        <img src={layer.cover} className={`w-20 h-20 rounded-xl object-cover shadow-2xl ${layer.isPlaying ? 'scale-105' : 'grayscale'}`} />
                        <div className="flex-1 min-w-0">
                            <div className="flex justify-between items-start mb-2">
                                <div className="text-left text-white">
                                    <span className={`${tagColor} text-black text-[9px] font-black px-2 py-0.5 rounded-md uppercase`}>{channelLabel}</span>
                                    <h3 className="font-bold truncate mt-1">{layer.title}</h3>
                                    <p className="text-slate-500 text-xs truncate">{layer.artist}</p>
                                </div>
                                <button onClick={() => onRemove(layer.instanceId)} className="text-slate-600 hover:text-red-500">
                                    <Icon name="X" size="18" />
                                </button>
                            </div>
                            <div className="flex items-center gap-6">
                                <button onClick={() => onUpdate(layer.instanceId, 'isPlaying', !layer.isPlaying)} className="w-12 h-12 rounded-full bg-white text-black flex items-center justify-center hover:scale-110">
                                    {layer.isPlaying ? <Icon name="Pause" fill="currentColor" /> : <Icon name="Play" fill="currentColor" />}
                                </button>
                                <div className="flex-1 space-y-4 text-slate-400">
                                    <div className="flex items-center gap-3">
                                        <Icon name="Volume2" size="14" />
                                        <input type="range" min="0" max="100" value={layer.volume} onChange={(e) => onUpdate(layer.instanceId, 'volume', parseInt(e.target.value))} className="flex-1 h-2 bg-white/10 rounded-full appearance-none accent-white" />
                                        <span className="text-[10px] w-8">{layer.volume}%</span>
                                    </div>
                                    <div className="flex items-center gap-3">
                                        <Icon name="FastForward" size="14" />
                                        <input type="range" min="0.5" max="2.0" step="0.05" value={layer.tempo} onChange={(e) => onUpdate(layer.instanceId, 'tempo', parseFloat(e.target.value))} className="flex-1 h-2 bg-white/10 rounded-full appearance-none accent-white" />
                                        <span className="text-[10px] w-8">{layer.tempo}x</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="w-full h-1 bg-black/50 rounded-full overflow-hidden">
                        <div className={`h-full transition-all duration-300 ${layer.slotIndex % 2 === 0 ? 'bg-cyan-500' : 'bg-purple-500'}`} style={{ width: `${progress || 0}%` }}></div>
                    </div>
                </div>
            );
        });

        const TrackCard = memo(({ track, onAdd }) => {
            useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, []);
            return (
                <div onClick={() => onAdd(track)} className="bg-[#111114] border border-white/5 p-3 rounded-2xl hover:border-white/20 transition-all cursor-pointer group shadow-lg">
                    <div className="relative aspect-square mb-3 overflow-hidden rounded-xl bg-black">
                        <img src={track.cover} className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500 opacity-80" />
                        <div className="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity">
                            <div className="bg-white text-black p-2 rounded-full"><Icon name="Play" fill="currentColor" size="18" /></div>
                        </div>
                    </div>
                    <h4 className="font-bold text-white text-[11px] truncate uppercase">{track.title}</h4>
                    <p className="text-slate-500 text-[10px] truncate">{track.artist}</p>
                </div>
            );
        });

        function App() {
            const [activeLayers, setActiveLayers] = useState([]);
            const [database, setDatabase] = useState([]);
            const [isLoading, setIsLoading] = useState(true);
            const [query, setQuery] = useState("");
            const [crossfade, setCrossfade] = useState(50);
            const [progresses, setProgresses] = useState({});

            useEffect(() => { 
                fetchDatabase(); 
                const timer = setInterval(() => { if (window.lucide) window.lucide.createIcons(); }, 1000);
                return () => clearInterval(timer);
            }, []);

            const fetchDatabase = async () => {
                setIsLoading(true);
                try {
                    const url = `https://docs.google.com/spreadsheets/d/e/2PACX-1vRnYRPrxNb9owwRM4WC1uKE6AEnUmfj_Oi8Hcj6PQUhGD8GlHRfXZ9A2OGNX10PsenSrE2JWgsQ7lf5/pub?gid=0&single=true&output=csv&t=${Date.now()}`;
                    const response = await fetch(url);
                    const csvText = await response.text();
                    const lines = csvText.split('\n');
                    const parsedData = lines.slice(1).map((line, index) => {
                        const columns = line.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
                        if (columns.length >= 4) {
                            return {
                                id: index,
                                artist: columns[0]?.replace(/"/g, '').trim() || "Tundmatu",
                                title: columns[1]?.replace(/"/g, '').trim() || "Pealkirjata",
                                cover: columns[2]?.replace(/"/g, '').trim() || "https://images.unsplash.com/photo-1614613535308-eb5fbd3d2c17?w=300&h=300&fit=crop",
                                url: columns[3]?.replace(/"/g, '').trim()
                            };
                        }
                        return null;
                    }).filter(t => t && t.url && !t.url.includes('youtube'));
                    setDatabase(parsedData);
                } catch (err) { console.error(err); } finally { setIsLoading(false); }
            };

            const handleTimeUpdate = (id, percent) => setProgresses(prev => ({ ...prev, [id]: percent }));
            const addToLayers = (track) => {
                if (activeLayers.length >= 4) return;
                setActiveLayers(prev => [...prev, { ...track, instanceId: `track-${track.id}-${Date.now()}`, volume: 80, tempo: 1.0, isPlaying: true, slotIndex: prev.length }]);
            };
            const updateLayer = (id, key, val) => setActiveLayers(prev => prev.map(l => l.instanceId === id ? { ...l, [key]: val } : l));
            const removeLayer = (id) => {
                setActiveLayers(prev => {
                    const filtered = prev.filter(l => l.instanceId !== id);
                    return filtered.map((l, i) => ({...l, slotIndex: i}));
                });
            };
            const clearAll = () => setActiveLayers([]);
            const moveLayer = (id, direction) => {
                setActiveLayers(prev => {
                    const index = prev.findIndex(l => l.instanceId === id);
                    const newIndex = index + direction;
                    if (newIndex < 0 || newIndex >= prev.length) return prev;
                    const newLayers = [...prev];
                    const [movedItem] = newLayers.splice(index, 1);
                    newLayers.splice(newIndex, 0, movedItem);
                    return newLayers.map((l, i) => ({...l, slotIndex: i}));
                });
            };

            const filteredDatabase = useMemo(() => database.filter(t => t.title.toLowerCase().includes(query.toLowerCase()) || t.artist.toLowerCase().includes(query.toLowerCase())), [database, query]);

            return (
                <div className="fixed inset-0 text-slate-200 flex flex-col md:flex-row overflow-hidden font-sans">
                    {activeLayers.map(layer => <AudioEngine key={layer.instanceId} layer={layer} crossfade={crossfade} onTimeUpdate={handleTimeUpdate} />)}
                    
                    <div className="w-full md:w-20 bg-[#111114] border-r border-white/5 flex md:flex-col items-center py-6 gap-8 z-50">
                        <div className="p-3 bg-white/5 border border-white/10 rounded-2xl"><Icon name="Music" className="text-white" /></div>
                        <button onClick={fetchDatabase} className={isLoading ? 'animate-spin' : ''}><Icon name="RefreshCw" /></button>
                    </div>

                    <main className="flex-1 overflow-y-auto custom-scrollbar bg-[#0a0a0c]">
                        <div className="p-6 md:p-10 max-w-6xl mx-auto space-y-12">
                            <header className="flex flex-col md:flex-row justify-between items-center gap-6">
                                <h1 className="text-3xl font-black italic text-white">AUDIO<span className="text-cyan-500">NODE</span></h1>
                                <div className="flex flex-col gap-2 w-full md:w-80">
                                    <div className="relative">
                                        <div className="absolute left-4 top-1/2 -translate-y-1/2"><Icon name="Search" size="16" /></div>
                                        <input type="text" placeholder="Otsi lugusid..." value={query} onChange={(e) => setQuery(e.target.value)} className="bg-[#18181b] border border-white/5 rounded-xl py-3 pl-12 pr-6 w-full focus:outline-none focus:border-white/30 text-sm" />
                                    </div>
                                    <div className="px-2 text-[10px] font-bold uppercase tracking-widest text-slate-600">{query ? `Leiti ${filteredDatabase.length} lugu` : `Kogus ${database.length} lugu`}</div>
                                </div>
                            </header>

                            <section className="space-y-6">
                                <div className="flex justify-between items-center px-2">
                                    <h2 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500">Master Mixer</h2>
                                    {activeLayers.length > 0 && <button onClick={clearAll} className="flex items-center gap-2 text-[10px] font-black text-red-500/70 hover:text-red-500"><Icon name="Trash2" size="14" />KUSTUTA KÕIK</button>}
                                </div>
                                <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
                                    {activeLayers.map((layer, index) => <AudioLayerCard key={layer.instanceId} layer={layer} progress={progresses[layer.instanceId]} onUpdate={updateLayer} onRemove={removeLayer} onMove={moveLayer} isFirst={index === 0} isLast={index === activeLayers.length - 1} />)}
                                </div>
                            </section>

                            <section className="space-y-6 pb-48">
                                <h2 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 px-2">Muusikakogu</h2>
                                <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
                                    {filteredDatabase.map((track) => <TrackCard key={track.id} track={track} onAdd={addToLayers} />)}
                                </div>
                            </section>
                        </div>
                    </main>

                    {activeLayers.length > 0 && (
                        <div className="fixed bottom-0 left-0 md:left-20 right-0 bg-[#0a0a0c]/90 backdrop-blur-2xl border-t border-white/5 p-6 md:p-10 z-[60]">
                            <div className="max-w-2xl mx-auto space-y-4">
                                <div className="flex justify-between text-[10px] font-black uppercase tracking-widest">
                                    <span className={crossfade < 45 ? 'text-cyan-400' : 'text-slate-700'}>Kanal A</span>
                                    <span className={crossfade > 55 ? 'text-purple-400' : 'text-slate-700'}>Kanal B</span>
                                </div>
                                <div className="relative h-1 bg-white/5 rounded-full flex items-center">
                                    <input type="range" min="0" max="100" value={crossfade} onChange={(e) => setCrossfade(parseInt(e.target.value))} className="w-full h-full bg-transparent appearance-none cursor-pointer accent-white z-10" />
                                    <div className="absolute left-0 w-1.5 h-4 bg-cyan-500 rounded-full"></div>
                                    <div className="absolute right-0 w-1.5 h-4 bg-purple-500 rounded-full"></div>
                                </div>
                            </div>
                        </div>
                    )}
                </div>
            );
        }

        const root = ReactDOM.createRoot(document.getElementById('root'));
        root.render(<App />);
    

Tailwind CSS

Unpkg

✅ Low Risk - https://sick-jade-ecyf7pfyxd-a535lo9tc2.edgeone.app/

Requests	IP Address	Location	AS Autonomous System
4	104.18.1.22	United States	AS13335CLOUDFLARENET
3	43.152.26.58	Singapore	AS139341ACE
3	104.26.2.143	Singapore	AS13335
3	172.217.18.14	United States	AS15169GOOGLE
13	4	-	-

Security Scan Report: sick-jade-ecyf7pfyxd-a535lo9tc2.edgeone.app

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies2

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History