cloudfrontize 1.2.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +65 -22
- package/dist/cli.js +36 -32
- package/dist/ui/app.js +442 -0
- package/dist/ui/assets/cloudfrontize-pro-transparent-512.png +0 -0
- package/dist/ui/favicons/android-icon-144x144.png +0 -0
- package/dist/ui/favicons/android-icon-192x192.png +0 -0
- package/dist/ui/favicons/android-icon-36x36.png +0 -0
- package/dist/ui/favicons/android-icon-48x48.png +0 -0
- package/dist/ui/favicons/android-icon-72x72.png +0 -0
- package/dist/ui/favicons/android-icon-96x96.png +0 -0
- package/dist/ui/favicons/apple-icon-114x114.png +0 -0
- package/dist/ui/favicons/apple-icon-120x120.png +0 -0
- package/dist/ui/favicons/apple-icon-144x144.png +0 -0
- package/dist/ui/favicons/apple-icon-152x152.png +0 -0
- package/dist/ui/favicons/apple-icon-180x180.png +0 -0
- package/dist/ui/favicons/apple-icon-57x57.png +0 -0
- package/dist/ui/favicons/apple-icon-60x60.png +0 -0
- package/dist/ui/favicons/apple-icon-72x72.png +0 -0
- package/dist/ui/favicons/apple-icon-76x76.png +0 -0
- package/dist/ui/favicons/apple-icon-precomposed.png +0 -0
- package/dist/ui/favicons/apple-icon.png +0 -0
- package/dist/ui/favicons/browserconfig.xml +11 -0
- package/dist/ui/favicons/favicon-16x16.png +0 -0
- package/dist/ui/favicons/favicon-32x32.png +0 -0
- package/dist/ui/favicons/favicon-96x96.png +0 -0
- package/dist/ui/favicons/favicon.ico +0 -0
- package/dist/ui/favicons/manifest.json +41 -0
- package/dist/ui/favicons/ms-icon-144x144.png +0 -0
- package/dist/ui/favicons/ms-icon-150x150.png +0 -0
- package/dist/ui/favicons/ms-icon-310x310.png +0 -0
- package/dist/ui/favicons/ms-icon-70x70.png +0 -0
- package/dist/ui/index.html +129 -0
- package/dist/ui/style.css +792 -0
- package/package.json +1 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>CloudFrontize Developer Dashboard</title>
|
|
7
|
+
|
|
8
|
+
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
|
|
9
|
+
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
|
|
10
|
+
<link rel="shortcut icon" href="/favicons/favicon.ico">
|
|
11
|
+
|
|
12
|
+
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png">
|
|
13
|
+
|
|
14
|
+
<link rel="manifest" href="/favicons/manifest.json">
|
|
15
|
+
<meta name="theme-color" content="#1a1a1a"> <meta name="msapplication-config" content="/favicons/browserconfig.xml">
|
|
16
|
+
<meta name="msapplication-TileColor" content="#1a1a1a">
|
|
17
|
+
|
|
18
|
+
<link rel="stylesheet" href="./style.css">
|
|
19
|
+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
20
|
+
</head>
|
|
21
|
+
<body class="dark-mode">
|
|
22
|
+
<header>
|
|
23
|
+
<div class="logo" id="about-trigger" title="About CloudFrontize PRO">
|
|
24
|
+
<img class="clipped-logo" src="./assets/cloudfrontize-pro-transparent-512.png" alt="CloudFrontize PRO">
|
|
25
|
+
<h1>CloudFrontize <span class="badge">PRO</span></h1>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="status-bar">
|
|
28
|
+
<div class="status-item">
|
|
29
|
+
<span class="label">Server:</span>
|
|
30
|
+
<span class="value success">Running</span>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="status-item">
|
|
33
|
+
<span class="label">Port:</span>
|
|
34
|
+
<span id="current-port" class="value">3000</span>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</header>
|
|
38
|
+
|
|
39
|
+
<main>
|
|
40
|
+
<aside class="sidebar">
|
|
41
|
+
<section class="controls">
|
|
42
|
+
<h2>Header Intelligence</h2>
|
|
43
|
+
<div class="control-group">
|
|
44
|
+
<h3>Simulation Presets</h3>
|
|
45
|
+
<div class="preset-grid">
|
|
46
|
+
<button class="btn-preset" data-type="request" data-header="CloudFront-Is-Mobile-Viewer" data-value="true">Mobile</button>
|
|
47
|
+
<button class="btn-preset" data-type="request" data-header="CloudFront-Viewer-Country" data-value="US">USA (US)</button>
|
|
48
|
+
<button class="btn-preset" data-type="request" data-header="CloudFront-Viewer-Country" data-value="ES">Spain (ES)</button>
|
|
49
|
+
<button class="btn-preset" data-type="response" data-header="X-Cache-Status" data-value="MISS">Cache MISS</button>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<div class="control-group">
|
|
54
|
+
<div class="tabs">
|
|
55
|
+
<button class="tab-btn active" data-tab="request-overrides">Viewer Request</button>
|
|
56
|
+
<button class="tab-btn" data-tab="response-overrides">Origin Response</button>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
<div id="request-overrides" class="tab-content active">
|
|
60
|
+
<div class="header-list" id="req-header-list">
|
|
61
|
+
<!-- Dynamic Header Rows -->
|
|
62
|
+
</div>
|
|
63
|
+
<button class="btn-add" id="add-req-header">+ Add Header</button>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div id="response-overrides" class="tab-content">
|
|
67
|
+
<div class="header-list" id="res-header-list">
|
|
68
|
+
<!-- Dynamic Header Rows -->
|
|
69
|
+
</div>
|
|
70
|
+
<button class="btn-add" id="add-res-header">+ Add Header</button>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
<div class="actions">
|
|
75
|
+
<button class="btn-primary" id="apply-headers">Apply Changes</button>
|
|
76
|
+
<button class="btn-secondary" id="reset-headers">Reset to File Defaults</button>
|
|
77
|
+
</div>
|
|
78
|
+
</section>
|
|
79
|
+
</aside>
|
|
80
|
+
|
|
81
|
+
<section class="content">
|
|
82
|
+
<div class="feed-header">
|
|
83
|
+
<h2>Request Pulse</h2>
|
|
84
|
+
<div class="filters">
|
|
85
|
+
<button class="btn-filter active">All</button>
|
|
86
|
+
<button class="btn-filter" data-type="rewrite">Rewrites</button>
|
|
87
|
+
<button class="btn-filter" data-type="violation">Violations</button>
|
|
88
|
+
</div>
|
|
89
|
+
<button class="btn-clear" id="clear-feed">Clear</button>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="request-feed" id="request-feed">
|
|
92
|
+
<!-- Real-time Request Cards -->
|
|
93
|
+
<div class="empty-state">
|
|
94
|
+
<p>Waiting for requests...</p>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
</section>
|
|
98
|
+
</main>
|
|
99
|
+
|
|
100
|
+
<div id="about-modal" class="modal-overlay">
|
|
101
|
+
<div class="modal-content about-card">
|
|
102
|
+
<button class="modal-close" id="close-about">×</button>
|
|
103
|
+
<div class="about-header">
|
|
104
|
+
<img src="./assets/cloudfrontize-pro-transparent-512.png" alt="CloudFrontize PRO" class="about-logo">
|
|
105
|
+
<h2>CloudFrontize <span class="badge">PRO</span></h2>
|
|
106
|
+
<p class="version-tag">Developer Edition v1.0.0</p>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="about-body">
|
|
109
|
+
<p>CloudFrontize PRO is the ultimate developer tool for local CloudFront and Lambda@Edge simulation.</p>
|
|
110
|
+
<div class="feature-pills">
|
|
111
|
+
<span class="pill">Edge Runtime</span>
|
|
112
|
+
<span class="pill">Header Intelligence</span>
|
|
113
|
+
<span class="pill">Fidelity Validation</span>
|
|
114
|
+
</div>
|
|
115
|
+
<div class="about-links">
|
|
116
|
+
<a href="https://github.com/felipecarrillo100/cloudfrontize" target="_blank" class="about-link">
|
|
117
|
+
<span class="material-icons">code</span> Repository
|
|
118
|
+
</a>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="about-footer">
|
|
122
|
+
© 2026 Felipe Carrillo. Built for performance.
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
|
|
127
|
+
<script src="app.js"></script>
|
|
128
|
+
</body>
|
|
129
|
+
</html>
|