Skip to content

Commit 40eb23c

Browse files
CodeHimBlogCodeHimBlog
committed
Upload file: fixpack.html
1 parent 982955e commit 40eb23c

File tree

1 file changed

+372
-0
lines changed

1 file changed

+372
-0
lines changed

‎projects/fixpack.html

Lines changed: 372 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,372 @@
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>Project Details</title>
7+
<!-- Bootstrap CSS -->
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<!-- Bootstrap Icons -->
10+
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
11+
<link rel="stylesheet" href="/css/styles.css">
12+
<!-- Custom Styles -->
13+
<style>
14+
body {
15+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
16+
background-color: #f4f4f9;
17+
color: #343a40;
18+
padding-top: 56px;
19+
}
20+
a{
21+
text-decoration: none;
22+
}
23+
.site-main, .sidebar{
24+
background: #fff;
25+
26+
}
27+
.sidebar{
28+
margin-right: 12px;
29+
padding: 12px;
30+
}
31+
32+
.package-image {
33+
max-width: 120px;
34+
max-height: 120px;
35+
object-fit: contain;
36+
}
37+
.stat-row {
38+
display: flex;
39+
justify-content: space-between;
40+
margin: 1rem 0;
41+
gap: 1rem;
42+
}
43+
.stat-box {
44+
text-align: center;
45+
flex: 1;
46+
border: 1px solid #ddd;
47+
border-radius: 8px;
48+
padding: 0.5rem;
49+
font-size: 0.9rem;
50+
}
51+
.stat-box i {
52+
font-size: 1.4rem;
53+
margin-bottom: 0.25rem;
54+
display: block;
55+
}
56+
.breadcrumbs {
57+
margin-bottom: 1.5rem;
58+
background: #fff;
59+
padding: 0.5rem 1rem;
60+
border-radius: 5px;
61+
}
62+
.metadata-item {
63+
display: flex;
64+
align-items: center;
65+
margin-bottom: 0.5rem;
66+
}
67+
.metadata-item i {
68+
font-size: 1.2rem;
69+
margin-right: 0.5rem;
70+
color: #6c757d;
71+
}
72+
</style>
73+
</head>
74+
<body>
75+
<!-- Navbar -->
76+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
77+
<div class="container">
78+
<a class="navbar-brand" href="#">
79+
<i class="bi bi-box-seam me-2"></i>CodehimBlog
80+
</a>
81+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
82+
<span class="navbar-toggler-icon"></span>
83+
</button>
84+
<div class="collapse navbar-collapse" id="navbarNav">
85+
<ul class="navbar-nav ms-auto">
86+
<li class="nav-item">
87+
<a class="nav-link" href="#"><i class="bi bi-house-door me-1"></i>Home</a>
88+
</li>
89+
<li class="nav-item">
90+
<a class="nav-link" href="#"><i class="bi bi-box me-1"></i>Projects</a>
91+
</li>
92+
<li class="nav-item">
93+
<a class="nav-link" href="#"><i class="bi bi-book me-1"></i>Docs</a>
94+
</li>
95+
<li class="nav-item">
96+
<a class="nav-link" href="#"><i class="bi bi-envelope me-1"></i>Contact</a>
97+
</li>
98+
</ul>
99+
</div>
100+
</div>
101+
</nav>
102+
103+
<!-- Breadcrumbs -->
104+
<div class="container mt-4 breadcrumbs">
105+
<nav aria-label="breadcrumb">
106+
<ol class="breadcrumb mb-0">
107+
<li class="breadcrumb-item"><a href="#">Home</a></li>
108+
<li class="breadcrumb-item"><a href="#">Projects</a></li>
109+
<li class="breadcrumb-item active" aria-current="page">fixpack</li>
110+
</ol>
111+
</nav>
112+
</div>
113+
114+
<!-- Main Content -->
115+
<div class="container mt-4">
116+
<div class="row">
117+
<!-- Sidebar -->
118+
<aside class="col-md-4">
119+
<div class="sidebar">
120+
<div class="sidebar-item">
121+
<h5>Owner</h5>
122+
<div class="d-flex align-items-center">
123+
<img src="https://avatars.githubusercontent.com/u/67925?v=4" alt="Owner Avatar" class="rounded-circle me-2" style="width: 40px; height: 40px;">
124+
<a href="https://github.com/HenrikJoreteg" target="_blank" id="ownerName">HenrikJoreteg</a>
125+
</div>
126+
</div>
127+
<div class="sidebar-item">
128+
<h5>Metadata</h5>
129+
<div class="metadata-item">
130+
<i class="bi bi-calendar"></i>
131+
<strong>Created At:</strong> <span id="createdAt">February 1, 2014</span>
132+
</div>
133+
<div class="metadata-item">
134+
<i class="bi bi-pencil-square"></i>
135+
<strong>Last Updated:</strong> <span id="updatedAt">June 10, 2024</span>
136+
</div>
137+
<div class="metadata-item">
138+
<i class="bi bi-code-slash"></i>
139+
<strong>Language:</strong> <span id="language">JavaScript</span>
140+
</div>
141+
<div class="metadata-item">
142+
<i class="bi bi-box-arrow-in-down"></i>
143+
<strong>Size:</strong> <span id="repoSize">0.1 MB</span>
144+
</div>
145+
</div>
146+
</div>
147+
</aside>
148+
149+
<!-- Main Details -->
150+
<main class="col-md-8 site-main">
151+
<!-- Project Name & Description -->
152+
<h1 id="packageName">fixpack</h1>
153+
<p id="packageDescription" class="text-muted">A package.json file scrubber for the truly insane.</p>
154+
155+
<!-- Statistics -->
156+
<div class="stat-row">
157+
<div class="stat-box">
158+
<i class="bi bi-star-fill text-warning"></i>
159+
<span id="stargazersCount">461</span>
160+
<p>Stars</p>
161+
</div>
162+
<div class="stat-box">
163+
<i class="bi bi-arrow-repeat text-secondary"></i>
164+
<span id="forksCount">29</span>
165+
<p>Forks</p>
166+
</div>
167+
<div class="stat-box">
168+
<i class="bi bi-exclamation-circle text-danger"></i>
169+
<span id="openIssuesCount">18</span>
170+
<p>Open Issues</p>
171+
</div>
172+
</div>
173+
174+
<!-- Action Buttons -->
175+
<div class="mb-4">
176+
<a href="#" target="_blank" class="btn btn-success me-2" id="homepageBtn">
177+
<i class="bi bi-house-door me-2"></i>Visit Homepage
178+
</a>
179+
<a href="https://github.com/HenrikJoreteg/fixpack/archive/refs/heads/main.zip" class="btn btn-primary me-2" id="downloadBtn">
180+
<i class="bi bi-cloud-download me-2"></i>Download ZIP
181+
</a>
182+
<a href="" target="_blank" class="btn btn-outline-secondary" id="githubBtn">
183+
<i class="bi bi-github me-2"></i>Fork on GitHub
184+
</a>
185+
</div>
186+
187+
<!-- Tabs -->
188+
<ul class="nav nav-tabs" id="infoTabs" role="tablist">
189+
<li class="nav-item" role="presentation">
190+
<button class="nav-link active" id="installation-tab" data-bs-toggle="tab" data-bs-target="#installation" type="button" role="tab" aria-controls="installation" aria-selected="true">
191+
<i class="bi bi-file-earmark-text"></i> Readme
192+
</button>
193+
</li>
194+
<li class="nav-item" role="presentation">
195+
<button class="nav-link" id="dependencies-tab" data-bs-toggle="tab" data-bs-target="#dependencies" type="button" role="tab" aria-controls="dependencies" aria-selected="false">
196+
<i class="bi bi-diagram-2-fill me-2"></i> Dependencies
197+
</button>
198+
</li>
199+
<li class="nav-item" role="presentation">
200+
<button class="nav-link" id="changelog-tab" data-bs-toggle="tab" data-bs-target="#changelog" type="button" role="tab" aria-controls="changelog" aria-selected="false">
201+
<i class="bi bi-journal-text me-2"></i> Changelog
202+
</button>
203+
</li>
204+
<li class="nav-item" role="presentation">
205+
<button class="nav-link" id="contributors-tab" data-bs-toggle="tab" data-bs-target="#contributors" type="button" role="tab" aria-controls="contributors" aria-selected="false">
206+
<i class="bi bi-people me-2"></i> Contributors
207+
</button>
208+
</li>
209+
</ul>
210+
211+
<div class="tab-content mt-3" id="infoTabsContent">
212+
<div class="tab-pane fade show active" id="installation" role="tabpanel" aria-labelledby="installation-tab">
213+
<h1 id="fixpack">fixpack</h1>
214+
<p>A package.json file scrubber for the truly insane.</p>
215+
<p>It will re-write your package.json file as follows:</p>
216+
<ul>
217+
<li>name first</li>
218+
<li>description second</li>
219+
<li>version third</li>
220+
<li>author fourth</li>
221+
<li>all other keys in alphabetical order</li>
222+
<li>dependencies and devDependencies sorted alphabetically</li>
223+
<li>newline at the end of the file</li>
224+
</ul>
225+
<p>It will warn you if any of these are missing:</p>
226+
<ul>
227+
<li>description</li>
228+
<li>author</li>
229+
<li>repository</li>
230+
<li>keywords</li>
231+
<li>main</li>
232+
<li>bugs</li>
233+
<li>homepage</li>
234+
<li>license</li>
235+
</ul>
236+
<p>Maintain current indentation, End of Line, and Final New Line, or set them to your configured value
237+
(see <a href="#configuration">configuration</a>).</p>
238+
<p>Oh, and it will tolerate improperly quoted and comma'd JSON thanks to <a href="https://npmjs.org/package/alce">ALCE</a>.</p>
239+
<p>Oh, and can do same if you pass it a <code>bower.json</code> file or whatnot.</p>
240+
<p>Oh, and it will exit with <code>0</code> when already fixed or with <code>1</code> otherwise (so combined with <code>--dryRun</code> flag it can be used as CI check)</p>
241+
<h2 id="usage">Usage</h2>
242+
<ol>
243+
<li>install it globally</li>
244+
</ol>
245+
<pre><code>npm i -g fixpack
246+
</code></pre>
247+
<ol start="2">
248+
<li>run it in the same directory as your package.json, that's it.</li>
249+
</ol>
250+
<pre><code>fixpack
251+
</code></pre>
252+
<h2 id="whatyoumightdoifyoureclever">What you might do if you're clever</h2>
253+
<pre><code>npm i cool_package --save &amp;&amp; fixpack
254+
</code></pre>
255+
<h2 id="configuration">Configuration</h2>
256+
<p>It's configurable. You can create a <code>.fixpackrc</code> file in your project or anywhere up the tree to your <code>$HOME</code> directory. Or overwrite options via CLI arguments.</p>
257+
<p>Uses the <a href="https://www.npmjs.com/package/rc">rc</a> module to do this. So you can pass all these as CLI args too.</p>
258+
<p>The available options and their defaults shown below:</p>
259+
<pre class="prettyprint linenums lang-js"><code>{
260+
// will put these first in this order if present
261+
sortToTop: [
262+
'name',
263+
'description',
264+
'version',
265+
'author'
266+
],
267+
// will error if these not present
268+
required: [
269+
'name',
270+
'version'
271+
],
272+
// will warn if these not present
273+
warn: [
274+
'description',
275+
'author',
276+
'repository',
277+
'keywords',
278+
'main',
279+
'bugs',
280+
'homepage',
281+
'license'
282+
],
283+
// if `private: true` in package.json will use the next two lists instead
284+
requiredOnPrivate: [],
285+
warnOnPrivate: ['name', 'version', 'description', 'main'],
286+
// sub items to sort by default
287+
sortedSubItems: [
288+
'dependencies',
289+
'devDependencies',
290+
'jshintConfig',
291+
'scripts',
292+
'keywords'
293+
],
294+
// if you set quiet to true it won't do output anything to the console
295+
quiet: false,
296+
// files to scrub
297+
files: ['package.json'],
298+
// Will not fix file, only inform if is fixed
299+
dryRun: false,
300+
// Will set all deps to '*'
301+
// this may be useful because then you can
302+
// run npm update --save &amp;&amp; npm update --save-dev
303+
// to install latest stable releases of everything.
304+
wipe: false,
305+
// Sets the expected indentation. If number, is number of spaces,
306+
// otherwise can be string to use as indentation (like a tab).
307+
// if undefined/null (default), indentation is detected from file and preserved.
308+
indent: null,
309+
// Sets line endings to be either "LF" or "CRLF"
310+
// if undefined/null (default), newLine is detected from file and preserved.
311+
newLine: null,
312+
// Boolean if there should be an empty line at the end of the file.
313+
// if undefined/null (default), finalNewLine is detected from file and preserved.
314+
finalNewLine: null
315+
}
316+
</code></pre>
317+
<h2 id="changelog">Changelog</h2>
318+
<ul>
319+
<li>3.0.6 - Fix <code>false</code> removal issue.</li>
320+
<li>3.0.5 - Fix coloration of warnings</li>
321+
<li>3.0.4 - OS specific EOL</li>
322+
<li>3.0.3 - updates to remove NSP warnings in deps.</li>
323+
<li>2.3.0 - add <code>wipe</code> option that sets all dep versions to <code>*</code> for easier bulk updating.</li>
324+
<li>2.2.0 - add <code>optionalDependencies</code> to auto sorted</li>
325+
<li>2.1.0 - switched to <a href="https://github.com/feross/standard">standard</a> style. Add <code>peerDependencies</code> to default sorted keys.</li>
326+
<li>2.0.1 - don't error on missing bower file by default.</li>
327+
<li>2.0.0 - configurable via <code>.fixpackrc</code> file using rc module.</li>
328+
<li>x.x.x - unknown miscellaneous madness and poor version tracking</li>
329+
<li>0.0.2 <a href="https://github.com/HenrikJoreteg/fixpack/compare/v0.0.1…v0.0.2">diff</a> - EOF newline</li>
330+
<li>0.0.1 - initial release</li>
331+
</ul>
332+
<h2 id="credits">Credits</h2>
333+
<p>This embarrassing display of insanity,
334+
type-A-ness, and OCD brought to you by <a href="http://twitter.com/henrikjoreteg">@HenrikJoreteg</a>.</p>
335+
<h2 id="license">License</h2>
336+
<p>MIT</p>
337+
</div>
338+
<div class="tab-pane fade" id="dependencies" role="tabpanel" aria-labelledby="dependencies-tab">
339+
<h5>Dependencies</h5>
340+
<ul id="dependenciesList">
341+
<li>alce (1.2.0)</li><li>chalk (^3.0.0)</li><li>detect-indent (^6.0.0)</li><li>detect-newline (^3.1.0)</li><li>extend-object (^1.0.0)</li><li>rc (^1.2.8)</li>
342+
</ul>
343+
</div>
344+
<div class="tab-pane fade" id="changelog" role="tabpanel" aria-labelledby="changelog-tab">
345+
<h5>Changelog</h5>
346+
<ul id="changelogList">
347+
<p>No changelog available.</p>
348+
</ul>
349+
</div>
350+
<div class="tab-pane fade" id="contributors" role="tabpanel" aria-labelledby="contributors-tab">
351+
<h5>Contributors</h5>
352+
<ul id="contributorsList">
353+
<li>HenrikJoreteg (44 contributions)</li><li>notslang (5 contributions)</li><li>okunishinishi (4 contributions)</li><li>oBusk (3 contributions)</li><li>pke (2 contributions)</li><li>friederbluemle (1 contributions)</li><li>kubawerlos (1 contributions)</li><li>kemitchell (1 contributions)</li><li>lukekarrys (1 contributions)</li><li>nizaroni (1 contributions)</li><li>robertrossmann (1 contributions)</li><li>dependabot[bot] (1 contributions)</li><li>numb86 (1 contributions)</li>
354+
</ul>
355+
</div>
356+
</div>
357+
</main>
358+
</div>
359+
</div>
360+
361+
<!-- Footer -->
362+
<footer class="bg-dark text-white text-center py-3">
363+
<div class="container">
364+
<p class="mb-0">© 2024 Package Hub Pro - Powered by Bootstrap</p>
365+
</div>
366+
</footer>
367+
368+
<!-- Bootstrap Bundle JS -->
369+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
370+
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
371+
</body>
372+
</html>

0 commit comments

Comments
 (0)