Skip to content

Commit 58c21ba

Browse files
CodeHimBlogCodeHimBlog
committed
Upload file: napa.html
1 parent 5e850ba commit 58c21ba

File tree

1 file changed

+345
-0
lines changed

1 file changed

+345
-0
lines changed

‎projects/napa.html

Lines changed: 345 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,345 @@
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">napa</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/99604?v=4" alt="Owner Avatar" class="rounded-circle me-2" style="width: 40px; height: 40px;">
124+
<a href="https://github.com/shama" target="_blank" id="ownerName">shama</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">August 15, 2013</span>
132+
</div>
133+
<div class="metadata-item">
134+
<i class="bi bi-pencil-square"></i>
135+
<strong>Last Updated:</strong> <span id="updatedAt">August 27, 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">napa</h1>
153+
<p id="packageDescription" class="text-muted">:wine_glass: A helper for installing stuff without a package.json with npm.</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">413</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">34</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">20</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="/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="napabuildstatushttpimgshieldsiotravisshamanapasvglabeltravis20ci20buildhttpstravisciorgshamanapaappveyorhttpsimgshieldsioappveyorcishamanapasvglabelappveyor20buildhttpsciappveyorcomprojectshamanapabranchmastercodeclimatehttpsimgshieldsiocodeclimatecoveragegithubshamanapasvghttpscodeclimatecomgithubshamanapadavidhttpsimgshieldsiodavidshamanapasvghttpsdaviddmorgshamanapajsstandardstylehttpsimgshieldsiobadgecode20stylestandardbrightgreensvgstyleflathttpstandardjscom">napa <a href="https://travis-ci.org/shama/napa"><img src="http://img.shields.io/travis/shama/napa.svg?label=Travis%20CI%20build" alt="Build Status" /></a> <a href="https://ci.appveyor.com/project/shama/napa/branch/master"><img src="https://img.shields.io/appveyor/ci/shama/napa.svg?label=AppVeyor%20build" alt="AppVeyor" /></a> <a href="https://codeclimate.com/github/shama/napa"><img src="https://img.shields.io/codeclimate/coverage/github/shama/napa.svg" alt="Code Climate" /></a> <a href="https://david-dm.org/shama/napa"><img src="https://img.shields.io/david/shama/napa.svg" alt="David" /></a> <a href="http://standardjs.com/"><img src="https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat" alt="js-standard-style" /></a></h1>
214+
<p>A helper for installing repos without a <code>package.json</code> with npm.</p>
215+
<p><a href="https://nodei.co/npm/napa/"><img src="https://nodei.co/npm/napa.png?downloads=true" alt="NPM" /></a></p>
216+
<h2 id="usage">usage</h2>
217+
<p>Install with <code>npm install napa --save-dev</code> then setup your local <code>package.json</code> scripts as such:</p>
218+
<pre class="prettyprint linenums lang-json"><code>{
219+
"scripts": {
220+
"install": "napa username/repo"
221+
}
222+
}
223+
</code></pre>
224+
<p>Now when you run <code>npm install</code> it will <code>git clone git://github.com/username/repo node_modules/repo</code>.</p>
225+
<h3 id="wanttonamethepackagesomethingelse">Want to name the package something else?</h3>
226+
<pre class="prettyprint linenums lang-json"><code>{
227+
"scripts": {
228+
"install": "napa username/repo:adifferentname"
229+
}
230+
}
231+
</code></pre>
232+
<p>Now it will install to <code>node_modules/adifferentname</code>.</p>
233+
<h3 id="wanttoinstallapackagenotongithub">Want to install a package not on github?</h3>
234+
<pre class="prettyprint linenums lang-json"><code>{
235+
"scripts": {
236+
"install": "napa git://example.com/user/repo:privatepackage"
237+
}
238+
}
239+
</code></pre>
240+
<h3 id="multiplepackages">Multiple packages?</h3>
241+
<pre class="prettyprint linenums lang-json"><code>{
242+
"scripts": {
243+
"install": "napa user/repo1:dude user/repo2:rad user/repo3:cool"
244+
}
245+
}
246+
</code></pre>
247+
<h3 id="preferamorestructuredapproach">Prefer a more structured approach?</h3>
248+
<pre class="prettyprint linenums lang-json"><code>{
249+
"scripts": {
250+
"install": "napa"
251+
},
252+
"napa": {
253+
"foo": "username/repo",
254+
"bar": "[email protected]:user/repo"
255+
}
256+
}
257+
</code></pre>
258+
<h3 id="lookingtojustdownloadataggedreleaseabranchaspecificcommitongithuborjustaziportargzurl">Looking to just download a tagged release/a branch/a specific commit on github or just a zip or tar.gz url?</h3>
259+
<pre class="prettyprint linenums lang-json"><code>{
260+
"scripts": {
261+
"install": "napa"
262+
},
263+
"napa": {
264+
"foo": "username/repo#v1.2.3",
265+
"bar": "username/bar#some-branch",
266+
"baz": "username/baz#347259472813400c7a982690acaa516292a8be40",
267+
"qoo": "https://example.com/downloads/release.tar.gz",
268+
"fuz": "git+https://yourcompany.com/repos/project.git",
269+
"goo": "git+ssh://yourcompany.com/repos/project.git"
270+
}
271+
}
272+
</code></pre>
273+
<h3 id="additionalconfiguration">Additional configuration</h3>
274+
<p>The application currently supports the following configuration options under a <code>napa-config</code> property in <code>package.json</code>.</p>
275+
<p>Option name | Default value | Desctiption
276+
---|---|---
277+
<code>cache</code> | <code>true</code> | Set to <code>false</code> to completely disable package caching
278+
<code>cache-path</code> | <a href="https://github.com/shama/napa/blob/master/lib/pkg.js#L8"><code>'&lt;OS temp&gt;/cache'</code></a> | Override default path to a specific location<br>(relative to the current working directory)
279+
<code>log-level</code> | <code>'info'</code> | Set the log level: <code>'silent'</code>/<code>'error'</code>/<code>'warn'</code>/<code>'verbose'</code>/<code>'silly'</code></p>
280+
<pre class="prettyprint linenums lang-json"><code>{
281+
"napa-config": {
282+
"cache": false,
283+
"cache-path": "../.napa-cache",
284+
"log-level": "error"
285+
}
286+
}
287+
</code></pre>
288+
<h3 id="usingnodejs4">Using Node.js &lt; 4?</h3>
289+
<p>Please use <code>npm install [email protected]</code> and upgrade your Node.js.</p>
290+
<h2 id="releasehistory">Release History</h2>
291+
<p>Please view https://github.com/shama/napa/commits/master for history.</p>
292+
<ul>
293+
<li><code>2.0.1</code> - Fix path must be a string error (<a href="//github.com/caseyWebb">@caseyWebb</a>).</li>
294+
<li><code>2.0.0</code> - Better detection for GitHub repos, fixes when creating a <code>package.json</code>, cached git <code>#tag</code> urls now get updated properly (<a href="//github.com/tomekwi">@tomekwi</a>). Add config options for disabling cache or setting cache path (<a href="//github.com/bbsbb">@bbsbb</a>). Fix for npm 3 erroring when <code>.git</code> folder present (<a href="//github.com/caseyWebb">@caseyWebb</a>). Updating dependencies.</li>
295+
<li><code>1.2.0</code> - Callback optional with CLI and do not ignore <code>.gitignore</code> files when unpacking (<a href="//github.com/dai-shi">@dai-shi</a>).</li>
296+
<li><code>1.1.0</code> - Upgrade download for better downloads behind proxies (<a href="//github.com/msieurtoph">@msieurtoph</a>).</li>
297+
<li><code>1.0.2</code> - Fix references to git specifiers. Thanks <a href="//github.com/jsdevel">@jsdevel</a>!</li>
298+
<li><code>1.0.1</code> - Fix path to CLI.</li>
299+
<li><code>1.0.0</code> - Avoids duplicate installs and will install from cache.</li>
300+
<li><code>0.4.1</code> - Fix git reporting non-errors on stderr by running in quiet mode.</li>
301+
<li><code>0.4.0</code> - Add <code>strip: 1</code> when downloading to avoid untarring within a sub-directory. Thanks <a href="//github.com/seei">@seei</a>!</li>
302+
<li><code>0.3.0</code> - Ability to download packages using any URL</li>
303+
<li><code>0.2.0</code> - Ability to set packages using napa key in <code>package.json</code></li>
304+
<li><code>0.1.1</code> - <code>--depth 1</code> for faster cloning</li>
305+
<li><code>0.1.0</code> - initial release</li>
306+
</ul>
307+
<h2 id="license">License</h2>
308+
<p>Copyright (c) 2017 Kyle Robinson Young
309+
Licensed under the MIT license.</p>
310+
</div>
311+
<div class="tab-pane fade" id="dependencies" role="tabpanel" aria-labelledby="dependencies-tab">
312+
<h5>Dependencies</h5>
313+
<ul id="dependenciesList">
314+
<li>download (^6.2.2)</li><li>extend (^3.0.1)</li><li>load-json-file (^2.0.0)</li><li>minimist (^1.2.0)</li><li>mkdirp (^0.5.1)</li><li>npm-cache-filename (^1.0.2)</li><li>npmlog (^4.1.0)</li><li>rimraf (^2.6.1)</li><li>tar-pack (^3.4.0)</li><li>write-json-file (^2.2.0)</li>
315+
</ul>
316+
</div>
317+
<div class="tab-pane fade" id="changelog" role="tabpanel" aria-labelledby="changelog-tab">
318+
<h5>Changelog</h5>
319+
<ul id="changelogList">
320+
<p>No changelog available.</p>
321+
</ul>
322+
</div>
323+
<div class="tab-pane fade" id="contributors" role="tabpanel" aria-labelledby="contributors-tab">
324+
<h5>Contributors</h5>
325+
<ul id="contributorsList">
326+
<li>shama (70 contributions)</li><li>caseyWebb (14 contributions)</li><li>jebaird (7 contributions)</li><li>Grawl (4 contributions)</li><li>chitoku-k (3 contributions)</li><li>DjebbZ (3 contributions)</li><li>dai-shi (2 contributions)</li><li>msieurtoph (2 contributions)</li><li>tschaub (1 contributions)</li><li>seei (1 contributions)</li>
327+
</ul>
328+
</div>
329+
</div>
330+
</main>
331+
</div>
332+
</div>
333+
334+
<!-- Footer -->
335+
<footer class="bg-dark text-white text-center py-3">
336+
<div class="container">
337+
<p class="mb-0">© 2024 Package Hub Pro - Powered by Bootstrap</p>
338+
</div>
339+
</footer>
340+
341+
<!-- Bootstrap Bundle JS -->
342+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
343+
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
344+
</body>
345+
</html>

0 commit comments

Comments
 (0)