You've already forked php-flasher
mirror of
https://github.com/php-flasher/php-flasher.git
synced 2026-04-05 12:32:55 +01:00
Wip
This commit is contained in:
Younes ENNAJI
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"dist/main.css": "/dist/main.def4cf18.css",
|
||||
"dist/main.css": "/dist/main.e7c7672c.css",
|
||||
"dist/main.js": "/dist/main.c89a204f.js",
|
||||
"dist/455.3a7b4474.css": "/dist/455.3a7b4474.css",
|
||||
"dist/455.17bc016b.js": "/dist/455.17bc016b.js",
|
||||
|
||||
@@ -2,25 +2,18 @@
|
||||
<section class="min-h-screen relative overflow-hidden bg-gradient-to-br from-gray-50 to-gray-100 py-8">
|
||||
<!-- Dynamic background elements -->
|
||||
<div class="absolute inset-0 z-0">
|
||||
<div
|
||||
class="absolute top-0 right-0 w-1/3 h-1/3 bg-gradient-to-br from-blue-500/10 to-indigo-500/10 rounded-full blur-3xl animate-float-slow"></div>
|
||||
<div
|
||||
class="absolute bottom-0 left-0 w-1/3 h-1/3 bg-gradient-to-tr from-emerald-500/10 to-blue-500/10 rounded-full blur-3xl animate-float-medium"></div>
|
||||
<div class="absolute top-0 right-0 w-1/3 h-1/3 bg-gradient-to-br from-blue-500/10 to-indigo-500/10 rounded-full blur-3xl animate-float-slow"></div>
|
||||
<div class="absolute bottom-0 left-0 w-1/3 h-1/3 bg-gradient-to-tr from-emerald-500/10 to-blue-500/10 rounded-full blur-3xl animate-float-medium"></div>
|
||||
|
||||
<!-- Animated floating elements -->
|
||||
<div
|
||||
class="floating-element absolute top-[15%] left-[10%] w-16 h-16 rounded-full bg-gradient-to-br from-blue-500/10 to-indigo-500/10 animate-float-slow"></div>
|
||||
<div
|
||||
class="floating-element absolute top-[40%] left-[80%] w-20 h-20 rounded-full bg-gradient-to-br from-green-500/5 to-emerald-500/5 animate-float-medium"></div>
|
||||
<div
|
||||
class="floating-element absolute top-[80%] left-[20%] w-12 h-12 rounded-full bg-gradient-to-br from-amber-500/5 to-orange-500/5 animate-float-fast"></div>
|
||||
<div class="floating-element absolute top-[15%] left-[10%] w-16 h-16 rounded-full bg-gradient-to-br from-blue-500/10 to-indigo-500/10 animate-float-slow"></div>
|
||||
<div class="floating-element absolute top-[40%] left-[80%] w-20 h-20 rounded-full bg-gradient-to-br from-green-500/5 to-emerald-500/5 animate-float-medium"></div>
|
||||
<div class="floating-element absolute top-[80%] left-[20%] w-12 h-12 rounded-full bg-gradient-to-br from-amber-500/5 to-orange-500/5 animate-float-fast"></div>
|
||||
|
||||
<!-- Animated lines -->
|
||||
<svg class="absolute inset-0 w-full h-full z-0 opacity-10" viewBox="0 0 100 100" preserveAspectRatio="none">
|
||||
<line x1="0" y1="0" x2="100" y2="100" stroke="currentColor" stroke-width="0.2"
|
||||
class="text-blue-500 animate-[pulse_8s_cubic-bezier(0.4,0,0.6,1)_infinite]"></line>
|
||||
<line x1="100" y1="0" x2="0" y2="100" stroke="currentColor" stroke-width="0.2"
|
||||
class="text-indigo-500 animate-[pulse_6s_cubic-bezier(0.4,0,0.6,1)_infinite]"></line>
|
||||
<line x1="0" y1="0" x2="100" y2="100" stroke="currentColor" stroke-width="0.2" class="text-blue-500 animate-[pulse_8s_cubic-bezier(0.4,0,0.6,1)_infinite]"></line>
|
||||
<line x1="100" y1="0" x2="0" y2="100" stroke="currentColor" stroke-width="0.2" class="text-indigo-500 animate-[pulse_6s_cubic-bezier(0.4,0,0.6,1)_infinite]"></line>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -32,26 +25,21 @@
|
||||
<h1 class="mt-6 text-3xl font-light tracking-tight">
|
||||
PHPFlasher <span class="font-semibold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">Interactive</span> Studio
|
||||
</h1>
|
||||
<p class="mt-2 text-gray-500 max-w-2xl mx-auto text-lg">Design your perfect notification, customize options,
|
||||
and see it in action</p>
|
||||
<p class="mt-2 text-gray-500 max-w-2xl mx-auto text-lg">Design your perfect notification, customize options, and see it in action</p>
|
||||
</header>
|
||||
|
||||
<!-- Main interactive area -->
|
||||
<div
|
||||
class="rounded-xl shadow-xl bg-white overflow-hidden backdrop-blur-sm border border-gray-100 transition-all hover:shadow-2xl">
|
||||
<div class="rounded-xl shadow-xl bg-white overflow-hidden backdrop-blur-sm border border-gray-100 transition-all hover:shadow-2xl">
|
||||
<!-- Toolbar -->
|
||||
<div
|
||||
class="bg-gradient-to-r from-gray-50 to-gray-100 border-b border-gray-200 px-6 py-2 flex items-center justify-between">
|
||||
<div class="bg-gradient-to-r from-gray-50 to-gray-100 border-b border-gray-200 px-6 py-2 flex items-center justify-between">
|
||||
<div class="flex items-center space-x-2">
|
||||
<div class="w-3 h-3 rounded-full bg-red-400"></div>
|
||||
<div class="w-3 h-3 rounded-full bg-yellow-400"></div>
|
||||
<div class="w-3 h-3 rounded-full bg-green-400"></div>
|
||||
</div>
|
||||
<div class="text-sm text-gray-500 font-medium">PHPFlasher Studio • Build ID: FL-20250313</div>
|
||||
<div id="status-indicator" class="flex items-center space-x-2">
|
||||
<span id="status-text" class="text-xs text-emerald-600">Ready</span>
|
||||
<div
|
||||
class="w-2 h-2 bg-emerald-500 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]"></div>
|
||||
<div class="w-2 h-2 bg-emerald-500 rounded-full animate-[ping_2.5s_cubic-bezier(0,0,0.2,1)_infinite]"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -65,41 +53,29 @@
|
||||
<div class="mb-6">
|
||||
<label class="block mb-2 text-sm font-medium text-gray-700">Notification Type</label>
|
||||
<div class="grid grid-cols-4 gap-2 w-full">
|
||||
<button
|
||||
class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-green-50 border border-green-200 hover:bg-green-100 transition-all duration-300 active:scale-95 transform border-2 border-green-500"
|
||||
data-type="success">
|
||||
<span
|
||||
class="flex items-center justify-center w-8 h-8 rounded-md bg-green-100 text-green-600 mb-2">
|
||||
<button data-type="success" class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-green-50 border border-green-200 hover:bg-green-100 transition-all duration-300 active:scale-95 transform border-2 border-green-500">
|
||||
<span class="flex items-center justify-center w-8 h-8 rounded-md bg-green-100 text-green-600 mb-2">
|
||||
<i class="fas fa-check text-lg"></i>
|
||||
</span>
|
||||
<span class="text-xs font-medium text-gray-700">Success</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-red-50 border border-red-200 hover:bg-red-100 transition-all duration-300 active:scale-95 transform"
|
||||
data-type="error">
|
||||
<span
|
||||
class="flex items-center justify-center w-8 h-8 rounded-md bg-red-100 text-red-600 mb-2">
|
||||
<button data-type="error" class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-red-50 border border-red-200 hover:bg-red-100 transition-all duration-300 active:scale-95 transform">
|
||||
<span class="flex items-center justify-center w-8 h-8 rounded-md bg-red-100 text-red-600 mb-2">
|
||||
<i class="fas fa-times text-lg"></i>
|
||||
</span>
|
||||
<span class="text-xs font-medium text-gray-700">Error</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-blue-50 border border-blue-200 hover:bg-blue-100 transition-all duration-300 active:scale-95 transform"
|
||||
data-type="info">
|
||||
<span
|
||||
class="flex items-center justify-center w-8 h-8 rounded-md bg-blue-100 text-blue-600 mb-2">
|
||||
<button data-type="info" class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-blue-50 border border-blue-200 hover:bg-blue-100 transition-all duration-300 active:scale-95 transform">
|
||||
<span class="flex items-center justify-center w-8 h-8 rounded-md bg-blue-100 text-blue-600 mb-2">
|
||||
<i class="fas fa-info-circle text-lg"></i>
|
||||
</span>
|
||||
<span class="text-xs font-medium text-gray-700">Info</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-amber-50 border border-amber-200 hover:bg-amber-100 transition-all duration-300 active:scale-95 transform"
|
||||
data-type="warning">
|
||||
<span
|
||||
class="flex items-center justify-center w-8 h-8 rounded-md bg-amber-100 text-amber-600 mb-2">
|
||||
<button data-type="warning" class="type-button flex flex-col items-center justify-center p-3 rounded-lg bg-amber-50 border border-amber-200 hover:bg-amber-100 transition-all duration-300 active:scale-95 transform">
|
||||
<span class="flex items-center justify-center w-8 h-8 rounded-md bg-amber-100 text-amber-600 mb-2">
|
||||
<i class="fas fa-exclamation-triangle text-lg"></i>
|
||||
</span>
|
||||
<span class="text-xs font-medium text-gray-700">Warning</span>
|
||||
@@ -111,19 +87,21 @@
|
||||
<div class="mb-6 space-y-4">
|
||||
<div>
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<label for="title-input"
|
||||
class="block text-sm font-medium text-gray-700">Title</label>
|
||||
<label for="title-input" class="block text-sm font-medium text-gray-700">Title</label>
|
||||
<span class="text-xs text-gray-400">Optional</span>
|
||||
</div>
|
||||
<input type="text" id="title-input"
|
||||
<input
|
||||
id="title-input"
|
||||
type="text"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300"
|
||||
placeholder="Enter notification title" value="">
|
||||
placeholder="Enter notification title"
|
||||
value="">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="message-input"
|
||||
class="block mb-2 text-sm font-medium text-gray-700">Message</label>
|
||||
<label for="message-input" class="block mb-2 text-sm font-medium text-gray-700">Message</label>
|
||||
<input id="message-input"
|
||||
type="text"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300"
|
||||
placeholder="Enter your notification message"
|
||||
value="Your product has been created successfully!">
|
||||
@@ -131,21 +109,11 @@
|
||||
</div>
|
||||
|
||||
<!-- Configuration Options -->
|
||||
<div
|
||||
class="mb-6 border border-gray-200 rounded-md overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-300">
|
||||
<div
|
||||
class="bg-gradient-to-r from-gray-50 to-gray-100 px-3 py-2 flex items-center justify-between">
|
||||
<span class="font-medium text-gray-700">Configuration Options</span>
|
||||
<span class="text-xs text-gray-500">Customize appearance</span>
|
||||
</div>
|
||||
|
||||
<div class="px-3 py-3 border-t border-gray-200">
|
||||
<div class="px-3 py-3 mb-3">
|
||||
<div class="grid grid-cols-2 gap-3 mb-4">
|
||||
<div>
|
||||
<label for="position-select"
|
||||
class="block mb-1 text-sm font-medium text-gray-700">Position</label>
|
||||
<select id="position-select"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<label for="position-select" class="block mb-1 text-sm font-medium text-gray-700">Position</label>
|
||||
<select id="position-select" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<option value="">Default</option>
|
||||
<option value="top-right">Top Right</option>
|
||||
<option value="top-left">Top Left</option>
|
||||
@@ -153,14 +121,15 @@
|
||||
<option value="bottom-left">Bottom Left</option>
|
||||
<option value="center-top">Center Top</option>
|
||||
<option value="center-bottom">Center Bottom</option>
|
||||
<option value="center-left">Center Left</option>
|
||||
<option value="center-right">Center Right</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="timeout-input" class="block mb-1 text-sm font-medium text-gray-700">Timeout
|
||||
(ms)</label>
|
||||
<select id="timeout-input"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<label for="timeout-select" class="block mb-1 text-sm font-medium text-gray-700">Timeout (ms)</label>
|
||||
<select id="timeout-select" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<option value="">Default</option>
|
||||
<option value="30000">30 seconds</option>
|
||||
<option value="10000">10 seconds</option>
|
||||
<option value="5000">5 seconds</option>
|
||||
<option value="3000">3 seconds</option>
|
||||
@@ -171,8 +140,7 @@
|
||||
<div class="grid grid-cols-2 gap-3 mb-4">
|
||||
<div>
|
||||
<label for="theme-select" class="block mb-1 text-sm font-medium text-gray-700">Theme</label>
|
||||
<select id="theme-select"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<select id="theme-select" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<option value="">Default</option>
|
||||
<option value="amazon">Amazon</option>
|
||||
<option value="amber">Amber</option>
|
||||
@@ -194,10 +162,8 @@
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="direction-select"
|
||||
class="block mb-1 text-sm font-medium text-gray-700">Direction</label>
|
||||
<select id="direction-select"
|
||||
class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<label for="direction-select" class="block mb-1 text-sm font-medium text-gray-700">Direction</label>
|
||||
<select id="direction-select" class="w-full px-3 py-2 bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300">
|
||||
<option value="">Default</option>
|
||||
<option value="top">Top</option>
|
||||
<option value="bottom">Bottom</option>
|
||||
@@ -207,36 +173,27 @@
|
||||
|
||||
<div class="mt-4 grid grid-cols-2 gap-3">
|
||||
<div class="flex items-center">
|
||||
<input type="checkbox" id="rtl-check"
|
||||
class="w-4 h-4 text-blue-600 rounded focus:ring-blue-500">
|
||||
<input type="checkbox" id="rtl-check" class="w-4 h-4 text-blue-600 rounded focus:ring-blue-500">
|
||||
<label for="rtl-check" class="ml-2 text-sm text-gray-700">RTL Layout</label>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<input type="checkbox" id="escape-html-check"
|
||||
class="w-4 h-4 text-blue-600 rounded focus:ring-blue-500" checked>
|
||||
<label for="escape-html-check" class="ml-2 text-sm text-gray-700">Escape
|
||||
HTML</label>
|
||||
</div>
|
||||
<input type="checkbox" id="escape-html-check" class="w-4 h-4 text-blue-600 rounded focus:ring-blue-500" checked>
|
||||
<label for="escape-html-check" class="ml-2 text-sm text-gray-700">Escape HTML</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Launch button -->
|
||||
<button id="show-notification-btn"
|
||||
class="w-full group relative overflow-hidden rounded-md shadow-lg"
|
||||
data-controller="notification-demo">
|
||||
<div
|
||||
class="absolute inset-0 bg-gradient-to-r from-blue-600 to-indigo-600 group-hover:from-blue-700 group-hover:to-indigo-700 transition-all duration-300"></div>
|
||||
<div
|
||||
class="absolute inset-0 opacity-10 bg-[url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')]"></div>
|
||||
<div class="relative px-5 py-3.5 flex items-center justify-center text-white font-medium">
|
||||
<button id="show-notification-btn" class="w-full group relative overflow-hidden rounded-md shadow-lg">
|
||||
<span class="absolute inset-0 bg-gradient-to-r from-blue-600 to-indigo-600 group-hover:from-blue-700 group-hover:to-indigo-700 transition-all duration-300"></span>
|
||||
<span class="absolute inset-0 opacity-10 bg-[url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')]"></span>
|
||||
<span class="relative px-5 py-3.5 flex items-center justify-center text-white font-medium">
|
||||
<span class="flex items-center space-x-2">
|
||||
<span>Launch Notification</span>
|
||||
<i class="fas fa-arrow-right transform group-hover:translate-x-1 transition-transform ml-2"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="absolute top-0 -inset-full h-full w-1/2 block transform -skew-x-12 bg-gradient-to-r from-transparent to-white opacity-20 group-hover:animate-[shine_1s_forwards]"></div>
|
||||
</span>
|
||||
<span class="absolute top-0 -inset-full h-full w-1/2 block transform -skew-x-12 bg-gradient-to-r from-transparent to-white opacity-20 group-hover:animate-[shine_1s_forwards]"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -245,27 +202,19 @@
|
||||
<div class="w-full lg:w-3/5">
|
||||
<div class="border-b border-gray-200 px-6 py-2 flex items-center justify-between bg-gray-50">
|
||||
<div class="text-sm font-medium text-gray-700">Generated Code</div>
|
||||
<div id="user-info" class="text-xs text-gray-500">User: <span class="font-medium">yoeunes</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Code tabs with FontAwesome icons -->
|
||||
<div class="flex border-b border-gray-200 bg-gray-50 overflow-x-auto">
|
||||
<button id="laravel-tab"
|
||||
class="code-tab-btn px-4 py-2 text-sm font-medium text-blue-600 border-b-2 border-blue-500 flex items-center space-x-1.5"
|
||||
data-tab="laravel">
|
||||
<button id="laravel-tab" data-tab="laravel" class="code-tab-btn px-4 py-2 text-sm font-medium text-blue-600 border-b-2 border-blue-500 flex items-center space-x-1.5">
|
||||
<i class="fab fa-laravel text-red-500"></i>
|
||||
<span>Laravel</span>
|
||||
</button>
|
||||
<button id="symfony-tab"
|
||||
class="code-tab-btn px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-800 flex items-center space-x-1.5"
|
||||
data-tab="symfony">
|
||||
<button id="symfony-tab" data-tab="symfony" class="code-tab-btn px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-800 flex items-center space-x-1.5">
|
||||
<i class="fab fa-symfony text-black"></i>
|
||||
<span>Symfony</span>
|
||||
</button>
|
||||
<button id="js-tab"
|
||||
class="code-tab-btn px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-800 flex items-center space-x-1.5"
|
||||
data-tab="js">
|
||||
<button id="js-tab" data-tab="js" class="code-tab-btn px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-800 flex items-center space-x-1.5">
|
||||
<i class="fab fa-js text-yellow-400"></i>
|
||||
<span>JavaScript</span>
|
||||
</button>
|
||||
@@ -277,14 +226,17 @@
|
||||
<div id="laravel-code-panel" class="p-4 bg-gray-50 overflow-y-auto code-panel active">
|
||||
<!-- Code will be inserted here by JavaScript -->
|
||||
</div>
|
||||
|
||||
<!-- Symfony Code Panel -->
|
||||
<div id="symfony-code-panel" class="p-4 bg-gray-50 overflow-y-auto hidden code-panel">
|
||||
<!-- Code will be inserted here by JavaScript -->
|
||||
</div>
|
||||
|
||||
<!-- JavaScript Code Panel -->
|
||||
<div id="js-code-panel" class="p-4 bg-gray-50 overflow-y-auto hidden code-panel">
|
||||
<!-- Code will be inserted here by JavaScript -->
|
||||
</div>
|
||||
|
||||
<!-- Animation overlay - This stays invisible but receives animation commands -->
|
||||
<div id="animation-layer" class="absolute top-0 left-0 w-full h-full pointer-events-none"></div>
|
||||
</div>
|
||||
@@ -293,38 +245,17 @@
|
||||
|
||||
<!-- Footer with links -->
|
||||
<div class="px-6 py-3 bg-gray-50 border-t border-gray-200 flex items-center justify-between">
|
||||
<div class="flex items-center space-x-2">
|
||||
<span class="pulse-dot"></span>
|
||||
<span class="text-xs text-gray-500">Last update: <span id="last-update" class="font-medium">2025-03-13</span></span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-2"></div>
|
||||
<div class="flex space-x-4">
|
||||
<a href="https://phpflasher.com/docs"
|
||||
class="text-xs text-gray-600 hover:text-blue-600 transition-colors flex items-center">
|
||||
<i class="fas fa-book mr-1.5 text-xs"></i>
|
||||
Documentation
|
||||
<a href="https://phpflasher.com/docs" class="text-xs text-gray-600 hover:text-blue-600 transition-colors flex items-center">
|
||||
<i class="fas fa-book mr-1.5 text-xs"></i> Documentation
|
||||
</a>
|
||||
<a href="https://github.com/php-flasher/php-flasher"
|
||||
class="text-xs text-gray-600 hover:text-blue-600 transition-colors flex items-center">
|
||||
<i class="fab fa-github mr-1.5 text-xs"></i>
|
||||
GitHub
|
||||
</a>
|
||||
<a href="#" id="theme-toggle"
|
||||
class="text-xs text-gray-600 hover:text-blue-600 transition-colors flex items-center">
|
||||
<i class="fas fa-adjust mr-1.5 text-xs"></i>
|
||||
<span>Theme</span>
|
||||
<a href="https://github.com/php-flasher/php-flasher" class="text-xs text-gray-600 hover:text-blue-600 transition-colors flex items-center">
|
||||
<i class="fab fa-github mr-1.5 text-xs"></i> GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Version badge -->
|
||||
<div class="mt-4 flex justify-center">
|
||||
<div
|
||||
class="bg-white/80 backdrop-blur-sm shadow-sm border border-gray-100 rounded-full px-3 py-1 text-xs flex items-center space-x-1.5">
|
||||
<span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
|
||||
<span class="text-gray-600">PHPFlasher v2.5.0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -602,10 +533,6 @@
|
||||
* - Context-aware examples for different notification types
|
||||
* - Advanced animations and transitions
|
||||
* - Clean and concise code examples
|
||||
*
|
||||
* @version 3.0.0
|
||||
* @author PHPFlasher Team
|
||||
* @lastUpdated 2025-03-13
|
||||
*/
|
||||
const createStateProxy = () => {
|
||||
const stateTarget = {
|
||||
@@ -619,7 +546,7 @@
|
||||
theme: "",
|
||||
escapeHtml: true,
|
||||
_previousState: {},
|
||||
_animationInProgress: false
|
||||
_animationInProgress: false,
|
||||
};
|
||||
return new Proxy(stateTarget, {
|
||||
set(target, property, value) {
|
||||
@@ -627,14 +554,11 @@
|
||||
target._previousState[property] = target[property];
|
||||
}
|
||||
target[property] = value;
|
||||
if (document.readyState === "complete" &&
|
||||
property !== "_previousState" &&
|
||||
property !== "_animationInProgress") {
|
||||
const onlyOptionsChanged = ["position", "timeout", "theme", "direction", "rtl", "escapeHtml"].includes(property);
|
||||
if (document.readyState === "complete" && property !== "_previousState" && property !== "_animationInProgress") {
|
||||
if (property === "type") {
|
||||
updateStatus("Changing template...");
|
||||
}
|
||||
updateCodeDisplay(true, onlyOptionsChanged);
|
||||
updateCodeDisplay(true);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
@@ -653,6 +577,7 @@
|
||||
namespace App\\Http\\Controllers;
|
||||
use App\\Models\\Product;
|
||||
use App\\Http\\Requests\\ProductRequest;
|
||||
|
||||
class ProductController extends Controller
|
||||
{
|
||||
public function store(ProductRequest $request)
|
||||
@@ -676,6 +601,7 @@ class ProductController extends Controller
|
||||
namespace App\\Controller;
|
||||
use App\\Entity\\Product;
|
||||
use Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;
|
||||
|
||||
class ProductController extends AbstractController
|
||||
{
|
||||
#[Route('/product/new', name: 'app_product_create')]
|
||||
@@ -698,6 +624,7 @@ class ProductController extends AbstractController
|
||||
code: {
|
||||
before: `// product-service.js
|
||||
import flasher from '@flasher/flasher';
|
||||
|
||||
async function createProduct(data) {
|
||||
try {
|
||||
const response = await api.post('/products', data);
|
||||
@@ -722,6 +649,7 @@ async function createProduct(data) {
|
||||
before: `// PaymentController.php
|
||||
namespace App\\Http\\Controllers;
|
||||
use App\\Services\\PaymentGateway;
|
||||
|
||||
class PaymentController extends Controller
|
||||
{
|
||||
public function process(Request $request)
|
||||
@@ -748,6 +676,7 @@ class PaymentController extends Controller
|
||||
before: `// PaymentController.php
|
||||
namespace App\\Controller;
|
||||
use Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;
|
||||
|
||||
class PaymentController extends AbstractController
|
||||
{
|
||||
public function process(Request $request): Response
|
||||
@@ -773,6 +702,7 @@ class PaymentController extends AbstractController
|
||||
code: {
|
||||
before: `// payment-service.js
|
||||
import flasher from '@flasher/flasher';
|
||||
|
||||
async function processPayment(paymentData) {
|
||||
try {
|
||||
const response = await api.post('/payments', paymentData);
|
||||
@@ -800,6 +730,7 @@ async function processPayment(paymentData) {
|
||||
before: `// OrderController.php
|
||||
namespace App\\Http\\Controllers;
|
||||
use App\\Models\\Order;
|
||||
|
||||
class OrderController extends Controller
|
||||
{
|
||||
public function submit(Request $request)
|
||||
@@ -826,6 +757,7 @@ class OrderController extends Controller
|
||||
namespace App\\Controller;
|
||||
use App\\Entity\\Order;
|
||||
use Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;
|
||||
|
||||
class OrderController extends AbstractController
|
||||
{
|
||||
public function create(Request $request): Response
|
||||
@@ -855,6 +787,7 @@ class OrderController extends AbstractController
|
||||
code: {
|
||||
before: `// order-service.js
|
||||
import flasher from '@flasher/flasher';
|
||||
|
||||
async function submitOrder(orderData) {
|
||||
try {
|
||||
const response = await api.post('/orders', orderData);
|
||||
@@ -881,6 +814,7 @@ async function submitOrder(orderData) {
|
||||
code: {
|
||||
before: `// AccountController.php
|
||||
namespace App\\Http\\Controllers;
|
||||
|
||||
class AccountController extends Controller
|
||||
{
|
||||
public function dashboard()
|
||||
@@ -906,6 +840,7 @@ class AccountController extends Controller
|
||||
before: `// AccountController.php
|
||||
namespace App\\Controller;
|
||||
use Symfony\\Bundle\\FrameworkBundle\\Controller\\AbstractController;
|
||||
|
||||
class AccountController extends AbstractController
|
||||
{
|
||||
public function dashboard(): Response
|
||||
@@ -932,6 +867,7 @@ class AccountController extends AbstractController
|
||||
code: {
|
||||
before: `// account-service.js
|
||||
import flasher from '@flasher/flasher';
|
||||
|
||||
async function checkStatus() {
|
||||
const response = await api.get('/account/status');
|
||||
const { subscription } = response.data;
|
||||
@@ -1031,13 +967,19 @@ async function checkStatus() {
|
||||
function initializeFormValues() {
|
||||
const template = contextTemplates[state.type];
|
||||
const currentTab = getCurrentTab();
|
||||
|
||||
if (!state.title && template) {
|
||||
state.title = template[currentTab].title;
|
||||
}
|
||||
|
||||
if (state.title.toLowerCase() === state.type.toLowerCase() || "information" === state.title.toLowerCase() && "info" === state.type.toLowerCase()) {
|
||||
state.title = "";
|
||||
}
|
||||
|
||||
document.getElementById("title-input").value = state.title || "";
|
||||
document.getElementById("message-input").value = state.message || "";
|
||||
document.getElementById("position-select").value = state.position || "";
|
||||
document.getElementById("timeout-input").value = state.timeout || "";
|
||||
document.getElementById("timeout-select").value = state.timeout || "";
|
||||
document.getElementById("theme-select").value = state.theme || "";
|
||||
document.getElementById("direction-select").value = state.direction || "";
|
||||
document.getElementById("rtl-check").checked = !!state.rtl;
|
||||
@@ -1146,15 +1088,15 @@ async function checkStatus() {
|
||||
lines.push(`${indent} });`);
|
||||
} else {
|
||||
lines.push(`${indent}${prefix}`);
|
||||
if (state.theme) {
|
||||
lines.push(`${indent} ->use('theme.${state.theme}')`);
|
||||
}
|
||||
if (state.position) {
|
||||
lines.push(`${indent} ->option('position', '${state.position}')`);
|
||||
}
|
||||
if (state.timeout) {
|
||||
lines.push(`${indent} ->option('timeout', ${state.timeout})`);
|
||||
}
|
||||
if (state.theme) {
|
||||
lines.push(`${indent} ->option('theme', '${state.theme}')`);
|
||||
}
|
||||
if (state.direction) {
|
||||
lines.push(`${indent} ->option('direction', '${state.direction}')`);
|
||||
}
|
||||
@@ -1183,23 +1125,22 @@ async function checkStatus() {
|
||||
const indent = (indentMap[currentTab] && indentMap[currentTab][state.type]) || defaultIndent;
|
||||
const flashCode = generateFlashCode(currentTab, indent);
|
||||
if (animate) {
|
||||
panel.innerHTML = `
|
||||
<pre class="language-${currentTab === "js" ? "javascript" : "php"}">
|
||||
<code>${escapeHtml(template.code.before)}</code>
|
||||
</pre>
|
||||
`;
|
||||
panel.innerHTML = `<pre class="language-${currentTab === "js" ? "javascript" : "php"}"><code>${escapeHtml(template.code.before)}</code></pre>`;
|
||||
if (typeof Prism !== "undefined") {
|
||||
Prism.highlightElement(panel.querySelector("code"));
|
||||
}
|
||||
const typingContainer = document.createElement("div");
|
||||
typingContainer.className = "typing-container border-l-4 border-green-500 bg-green-50/20";
|
||||
typingContainer.className = "typing-container border-l-4 mt-4 border-green-500 bg-green-50/20";
|
||||
typingContainer.style.fontFamily = "monospace";
|
||||
typingContainer.style.position = "relative";
|
||||
typingContainer.style.top = "-10px";
|
||||
panel.querySelector("pre").appendChild(typingContainer);
|
||||
|
||||
const panelPre = panel.querySelector("pre");
|
||||
panelPre.appendChild(typingContainer);
|
||||
panelPre.style.marginBottom = "0";
|
||||
panelPre.style.paddingBottom = "0";
|
||||
|
||||
const afterContainer = document.createElement("pre");
|
||||
afterContainer.className = `language-${currentTab === "js" ? "javascript" : "php"}`;
|
||||
afterContainer.style.marginTop = "-2em";
|
||||
afterContainer.style.marginTop = "0";
|
||||
afterContainer.style.paddingTop = "0";
|
||||
afterContainer.innerHTML = `<code>${escapeHtml(template.code.after)}</code>`;
|
||||
panel.appendChild(afterContainer);
|
||||
@@ -1209,11 +1150,7 @@ async function checkStatus() {
|
||||
typeCode(flashCode, typingContainer);
|
||||
} else {
|
||||
const completeCode = template.code.before + flashCode + template.code.after;
|
||||
panel.innerHTML = `
|
||||
<pre class="language-${currentTab === "js" ? "javascript" : "php"}">
|
||||
<code>${escapeHtml(completeCode)}</code>
|
||||
</pre>
|
||||
`;
|
||||
panel.innerHTML = `<pre class="language-${currentTab === "js" ? "javascript" : "php"}"><code>${escapeHtml(completeCode)}</code></pre>`;
|
||||
if (typeof Prism !== "undefined") {
|
||||
Prism.highlightElement(panel.querySelector("code"));
|
||||
}
|
||||
@@ -1298,7 +1235,7 @@ async function checkStatus() {
|
||||
}
|
||||
document.getElementById("message-input").value = template.message;
|
||||
state.message = template.message;
|
||||
if (template.title.toLowerCase() !== type.toLowerCase()) {
|
||||
if (template.title.toLowerCase() !== type.toLowerCase() && !("information" === template.title.toLowerCase() && "info" === type.toLowerCase())) {
|
||||
document.getElementById("title-input").value = template.title;
|
||||
state.title = template.title;
|
||||
} else {
|
||||
@@ -1318,9 +1255,6 @@ async function checkStatus() {
|
||||
if (state.timeout) {
|
||||
options.timeout = parseInt(state.timeout);
|
||||
}
|
||||
if (state.theme) {
|
||||
options.theme = state.theme;
|
||||
}
|
||||
if (state.direction) {
|
||||
options.direction = state.direction;
|
||||
}
|
||||
@@ -1362,29 +1296,12 @@ async function checkStatus() {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Update current time in the UI
|
||||
*/
|
||||
function updateCurrentTime() {
|
||||
const userInfo = document.getElementById("user-info");
|
||||
if (userInfo) {
|
||||
const now = new Date();
|
||||
const formattedDate = now.toISOString().slice(0, 19).replace("T", " ");
|
||||
userInfo.innerHTML = `User: <span class="font-medium">yoeunes</span> • Active: ${formattedDate}`;
|
||||
}
|
||||
const lastUpdate = document.getElementById("last-update");
|
||||
if (lastUpdate) {
|
||||
lastUpdate.textContent = new Date().toISOString().split("T")[0];
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize the application when DOM is loaded
|
||||
*/
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
initializeFormValues();
|
||||
initializeTypeButtons();
|
||||
updateCurrentTime();
|
||||
document.querySelectorAll(".type-button").forEach(btn => {
|
||||
btn.addEventListener("click", () => {
|
||||
const type = btn.dataset.type;
|
||||
@@ -1403,7 +1320,7 @@ async function checkStatus() {
|
||||
document.getElementById("position-select").addEventListener("change", (e) => {
|
||||
state.position = e.target.value;
|
||||
});
|
||||
document.getElementById("timeout-input").addEventListener("change", (e) => {
|
||||
document.getElementById("timeout-select").addEventListener("change", (e) => {
|
||||
state.timeout = e.target.value ? parseInt(e.target.value) : "";
|
||||
});
|
||||
document.getElementById("theme-select").addEventListener("change", (e) => {
|
||||
@@ -1462,11 +1379,6 @@ async function checkStatus() {
|
||||
}
|
||||
}
|
||||
});
|
||||
setInterval(updateCurrentTime, 60000);
|
||||
console.info(
|
||||
"%c✨ PHPFlasher Interactive Studio v3.0.0 ✨",
|
||||
"color: #4F46E5; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);"
|
||||
);
|
||||
console.info("%cTry the Konami code for a surprise!", "color: #10B981; font-style: italic;");
|
||||
showCodeTab("laravel");
|
||||
});
|
||||
|
||||
Vendored
+1
-1
@@ -2,7 +2,7 @@
|
||||
"entrypoints": {
|
||||
"main": {
|
||||
"css": [
|
||||
"/dist/main.def4cf18.css"
|
||||
"/dist/main.e7c7672c.css"
|
||||
],
|
||||
"js": [
|
||||
"/dist/main.c89a204f.js"
|
||||
|
||||
File diff suppressed because one or more lines are too long
Generated
+286
-41
@@ -17,12 +17,12 @@
|
||||
],
|
||||
"devDependencies": {
|
||||
"@antfu/eslint-config": "^2.27.3",
|
||||
"@babel/core": "^7.26.9",
|
||||
"@babel/core": "^7.26.10",
|
||||
"@babel/preset-env": "^7.26.9",
|
||||
"@rollup/plugin-babel": "^6.0.4",
|
||||
"@rollup/plugin-commonjs": "^28.0.3",
|
||||
"@rollup/plugin-eslint": "^9.0.5",
|
||||
"@rollup/plugin-node-resolve": "^16.0.0",
|
||||
"@rollup/plugin-node-resolve": "^16.0.1",
|
||||
"@rollup/plugin-strip": "^3.0.4",
|
||||
"@rollup/plugin-terser": "^0.4.4",
|
||||
"@rollup/plugin-typescript": "^12.1.2",
|
||||
@@ -38,7 +38,7 @@
|
||||
"eslint": "^8.57.1",
|
||||
"eslint-config-airbnb-typescript": "^18.0.0",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-import-resolver-typescript": "^3.8.4",
|
||||
"eslint-import-resolver-typescript": "^3.9.0",
|
||||
"eslint-plugin-babel": "^5.3.1",
|
||||
"eslint-plugin-import": "^2.31.0",
|
||||
"eslint-plugin-prettier": "^5.2.3",
|
||||
@@ -416,22 +416,22 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/core": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
|
||||
"integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz",
|
||||
"integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@ampproject/remapping": "^2.2.0",
|
||||
"@babel/code-frame": "^7.26.2",
|
||||
"@babel/generator": "^7.26.9",
|
||||
"@babel/generator": "^7.26.10",
|
||||
"@babel/helper-compilation-targets": "^7.26.5",
|
||||
"@babel/helper-module-transforms": "^7.26.0",
|
||||
"@babel/helpers": "^7.26.9",
|
||||
"@babel/parser": "^7.26.9",
|
||||
"@babel/helpers": "^7.26.10",
|
||||
"@babel/parser": "^7.26.10",
|
||||
"@babel/template": "^7.26.9",
|
||||
"@babel/traverse": "^7.26.9",
|
||||
"@babel/types": "^7.26.9",
|
||||
"@babel/traverse": "^7.26.10",
|
||||
"@babel/types": "^7.26.10",
|
||||
"convert-source-map": "^2.0.0",
|
||||
"debug": "^4.1.0",
|
||||
"gensync": "^1.0.0-beta.2",
|
||||
@@ -447,14 +447,14 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/generator": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.9.tgz",
|
||||
"integrity": "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.10.tgz",
|
||||
"integrity": "sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.26.9",
|
||||
"@babel/types": "^7.26.9",
|
||||
"@babel/parser": "^7.26.10",
|
||||
"@babel/types": "^7.26.10",
|
||||
"@jridgewell/gen-mapping": "^0.3.5",
|
||||
"@jridgewell/trace-mapping": "^0.3.25",
|
||||
"jsesc": "^3.0.2"
|
||||
@@ -715,27 +715,27 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helpers": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz",
|
||||
"integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.10.tgz",
|
||||
"integrity": "sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/template": "^7.26.9",
|
||||
"@babel/types": "^7.26.9"
|
||||
"@babel/types": "^7.26.10"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/parser": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.9.tgz",
|
||||
"integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.10.tgz",
|
||||
"integrity": "sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.26.9"
|
||||
"@babel/types": "^7.26.10"
|
||||
},
|
||||
"bin": {
|
||||
"parser": "bin/babel-parser.js"
|
||||
@@ -1865,17 +1865,17 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/traverse": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.9.tgz",
|
||||
"integrity": "sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.10.tgz",
|
||||
"integrity": "sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/code-frame": "^7.26.2",
|
||||
"@babel/generator": "^7.26.9",
|
||||
"@babel/parser": "^7.26.9",
|
||||
"@babel/generator": "^7.26.10",
|
||||
"@babel/parser": "^7.26.10",
|
||||
"@babel/template": "^7.26.9",
|
||||
"@babel/types": "^7.26.9",
|
||||
"@babel/types": "^7.26.10",
|
||||
"debug": "^4.3.1",
|
||||
"globals": "^11.1.0"
|
||||
},
|
||||
@@ -1894,9 +1894,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/types": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz",
|
||||
"integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.10.tgz",
|
||||
"integrity": "sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
@@ -1970,6 +1970,40 @@
|
||||
"@jridgewell/sourcemap-codec": "^1.4.10"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/core": {
|
||||
"version": "1.3.1",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.3.1.tgz",
|
||||
"integrity": "sha512-pVGjBIt1Y6gg3EJN8jTcfpP/+uuRksIo055oE/OBkDNcjZqVbfkWCksG1Jp4yZnj3iKWyWX8fdG/j6UDYPbFog==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"@emnapi/wasi-threads": "1.0.1",
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/runtime": {
|
||||
"version": "1.3.1",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
|
||||
"integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/wasi-threads": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.1.tgz",
|
||||
"integrity": "sha512-iIBu7mwkq4UQGeMEM8bLwNK962nXdhodeScX4slfQnRhEMMzvYivHhutCIk8uojvmASXXPC2WNEjwxFWk72Oqw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@es-joy/jsdoccomment": {
|
||||
"version": "0.49.0",
|
||||
"resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.49.0.tgz",
|
||||
@@ -2390,6 +2424,19 @@
|
||||
"@jridgewell/sourcemap-codec": "^1.4.14"
|
||||
}
|
||||
},
|
||||
"node_modules/@napi-rs/wasm-runtime": {
|
||||
"version": "0.2.7",
|
||||
"resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.7.tgz",
|
||||
"integrity": "sha512-5yximcFK5FNompXfJFoWanu5l8v1hNGqNHh9du1xETp9HWk/B/PzvchX55WYOPaIeNglG8++68AAiauBAtbnzw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"@emnapi/core": "^1.3.1",
|
||||
"@emnapi/runtime": "^1.3.1",
|
||||
"@tybys/wasm-util": "^0.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@nodelib/fs.scandir": {
|
||||
"version": "2.1.5",
|
||||
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
|
||||
@@ -2690,6 +2737,163 @@
|
||||
"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-darwin-arm64": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-darwin-arm64/-/binding-darwin-arm64-5.0.0.tgz",
|
||||
"integrity": "sha512-zwHAf+owoxSWTDD4dFuwW+FkpaDzbaL30H5Ltocb+RmLyg4WKuteusRLKh5Y8b/cyu7UzhxM0haIqQjyqA1iuA==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-darwin-x64": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-darwin-x64/-/binding-darwin-x64-5.0.0.tgz",
|
||||
"integrity": "sha512-1lS3aBNVjVQKBvZdHm13+8tSjvu2Tl1Cv4FnUyMYxqx6+rsom2YaOylS5LhDUwfZu0zAgpLMwK6kGpF/UPncNg==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-freebsd-x64": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-freebsd-x64/-/binding-freebsd-x64-5.0.0.tgz",
|
||||
"integrity": "sha512-q9sRd68wC1/AJ0eu6ClhxlklVfe8gH4wrUkSyEbIYTZ8zY5yjsLY3fpqqsaCvWJUx65nW+XtnAxCGCi5AXr1Mw==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"freebsd"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-linux-arm-gnueabihf": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-5.0.0.tgz",
|
||||
"integrity": "sha512-catYavWsvqViYnCveQjhrK6yVYDEPFvIOgGLxnz5r2dcgrjpmquzREoyss0L2QG/J5HTTbwqwZ1kk+g56hE/1A==",
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-linux-arm64-gnu": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-5.0.0.tgz",
|
||||
"integrity": "sha512-l/0pWoQM5kVmJLg4frQ1mKZOXgi0ex/hzvFt8E4WK2ifXr5JgKFUokxsb/oat7f5YzdJJh5r9p+qS/t3dA26Aw==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-linux-arm64-musl": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm64-musl/-/binding-linux-arm64-musl-5.0.0.tgz",
|
||||
"integrity": "sha512-bx0oz/oaAW4FGYqpIIxJCnmgb906YfMhTEWCJvYkxjpEI8VKLJEL3PQevYiqDq36SA0yRLJ/sQK2fqry8AFBfA==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-linux-x64-gnu": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-x64-gnu/-/binding-linux-x64-gnu-5.0.0.tgz",
|
||||
"integrity": "sha512-4PH++qbSIhlRsFYdN1P9neDov4OGhTGo5nbQ1D7AL6gWFLo3gdZTc00FM2y8JjeTcPWEXkViZuwpuc0w5i6qHg==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-linux-x64-musl": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-x64-musl/-/binding-linux-x64-musl-5.0.0.tgz",
|
||||
"integrity": "sha512-mLfQFpX3/5y9oWi0b+9FbWDkL2hM0Y29653beCHiHxAdGyVgb2DsJbK74WkMTwtSz9by8vyBh8jGPZcg1yLZbQ==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-wasm32-wasi": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-wasm32-wasi/-/binding-wasm32-wasi-5.0.0.tgz",
|
||||
"integrity": "sha512-uEhsAZSo65qsRi6+IfBTEUUFbjg7T2yruJeLYpFfEATpm3ory5Mgo5vx3L0c2/Cz1OUZXBgp3A8x6VMUB2jT2A==",
|
||||
"cpu": [
|
||||
"wasm32"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"@napi-rs/wasm-runtime": "^0.2.7"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-win32-arm64-msvc": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-5.0.0.tgz",
|
||||
"integrity": "sha512-8DbSso9Jp1ns8AYuZFXdRfAcdJrzZwkFm/RjPuvAPTENsm685dosBF8G6gTHQlHvULnk6o3sa9ygZaTGC/UoEw==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
]
|
||||
},
|
||||
"node_modules/@oxc-resolver/binding-win32-x64-msvc": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-resolver/binding-win32-x64-msvc/-/binding-win32-x64-msvc-5.0.0.tgz",
|
||||
"integrity": "sha512-ylppfPEg63NuRXOPNsXFlgyl37JrtRn0QMO26X3K3Ytp5HtLrMreQMGVtgr30e1l2YmAWqhvmKlCryOqzGPD/g==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
]
|
||||
},
|
||||
"node_modules/@parcel/watcher": {
|
||||
"version": "2.5.1",
|
||||
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
|
||||
@@ -3101,9 +3305,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rollup/plugin-node-resolve": {
|
||||
"version": "16.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.0.tgz",
|
||||
"integrity": "sha512-0FPvAeVUT/zdWoO0jnb/V5BlBsUSNfkIOtFHzMO4H9MOklrmQFY6FduVHKucNb/aTFxvnGhj4MNj/T1oNdDfNg==",
|
||||
"version": "16.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.1.tgz",
|
||||
"integrity": "sha512-tk5YCxJWIG81umIvNkSod2qK5KyQW19qcBF/B78n1bjtOON6gzKoVeSzAE8yHCZEDmqkHKkxplExA8KzdJLJpA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
@@ -3713,6 +3917,17 @@
|
||||
"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@tybys/wasm-util": {
|
||||
"version": "0.9.0",
|
||||
"resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.9.0.tgz",
|
||||
"integrity": "sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/doctrine": {
|
||||
"version": "0.0.9",
|
||||
"resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
|
||||
@@ -6628,18 +6843,18 @@
|
||||
}
|
||||
},
|
||||
"node_modules/eslint-import-resolver-typescript": {
|
||||
"version": "3.8.4",
|
||||
"resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.8.4.tgz",
|
||||
"integrity": "sha512-vjTGvhr528DzCOLQnBxvoB9a2YuzegT1ogfrUwOqMXS/J6vNYQKSHDJxxDVU1gRuTiUK8N2wyp8Uik9JSPAygA==",
|
||||
"version": "3.9.0",
|
||||
"resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.9.0.tgz",
|
||||
"integrity": "sha512-EUcFmaz0zAa6P2C9jAb5XDymRld8S6TURvWcIW7y+czOW+K8hrjgQgbhBsNE0J/dDZ6HLfcn70LqnIil9W+ICw==",
|
||||
"dev": true,
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@nolyfill/is-core-module": "1.0.39",
|
||||
"debug": "^4.3.7",
|
||||
"enhanced-resolve": "^5.15.0",
|
||||
"get-tsconfig": "^4.10.0",
|
||||
"is-bun-module": "^1.0.2",
|
||||
"stable-hash": "^0.0.4",
|
||||
"oxc-resolver": "^5.0.0",
|
||||
"stable-hash": "^0.0.5",
|
||||
"tinyglobby": "^0.2.12"
|
||||
},
|
||||
"engines": {
|
||||
@@ -6662,6 +6877,13 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/eslint-import-resolver-typescript/node_modules/stable-hash": {
|
||||
"version": "0.0.5",
|
||||
"resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
|
||||
"integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/eslint-json-compat-utils": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/eslint-json-compat-utils/-/eslint-json-compat-utils-0.2.1.tgz",
|
||||
@@ -11118,6 +11340,29 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/oxc-resolver": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/oxc-resolver/-/oxc-resolver-5.0.0.tgz",
|
||||
"integrity": "sha512-66fopyAqCN8Mx4tzNiBXWbk8asCSuxUWN62gwTc3yfRs7JfWhX/eVJCf+fUrfbNOdQVOWn+o8pAKllp76ysMXA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/Boshen"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@oxc-resolver/binding-darwin-arm64": "5.0.0",
|
||||
"@oxc-resolver/binding-darwin-x64": "5.0.0",
|
||||
"@oxc-resolver/binding-freebsd-x64": "5.0.0",
|
||||
"@oxc-resolver/binding-linux-arm-gnueabihf": "5.0.0",
|
||||
"@oxc-resolver/binding-linux-arm64-gnu": "5.0.0",
|
||||
"@oxc-resolver/binding-linux-arm64-musl": "5.0.0",
|
||||
"@oxc-resolver/binding-linux-x64-gnu": "5.0.0",
|
||||
"@oxc-resolver/binding-linux-x64-musl": "5.0.0",
|
||||
"@oxc-resolver/binding-wasm32-wasi": "5.0.0",
|
||||
"@oxc-resolver/binding-win32-arm64-msvc": "5.0.0",
|
||||
"@oxc-resolver/binding-win32-x64-msvc": "5.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/p-finally": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
|
||||
|
||||
+3
-3
@@ -45,12 +45,12 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@antfu/eslint-config": "^2.27.3",
|
||||
"@babel/core": "^7.26.9",
|
||||
"@babel/core": "^7.26.10",
|
||||
"@babel/preset-env": "^7.26.9",
|
||||
"@rollup/plugin-babel": "^6.0.4",
|
||||
"@rollup/plugin-commonjs": "^28.0.3",
|
||||
"@rollup/plugin-eslint": "^9.0.5",
|
||||
"@rollup/plugin-node-resolve": "^16.0.0",
|
||||
"@rollup/plugin-node-resolve": "^16.0.1",
|
||||
"@rollup/plugin-strip": "^3.0.4",
|
||||
"@rollup/plugin-terser": "^0.4.4",
|
||||
"@rollup/plugin-typescript": "^12.1.2",
|
||||
@@ -66,7 +66,7 @@
|
||||
"eslint": "^8.57.1",
|
||||
"eslint-config-airbnb-typescript": "^18.0.0",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-import-resolver-typescript": "^3.8.4",
|
||||
"eslint-import-resolver-typescript": "^3.9.0",
|
||||
"eslint-plugin-babel": "^5.3.1",
|
||||
"eslint-plugin-import": "^2.31.0",
|
||||
"eslint-plugin-prettier": "^5.2.3",
|
||||
|
||||
Reference in New Issue
Block a user