nikon/docsearch
1
0
Fork 0
Code Activity Actions

Serve playground

Browse source
This commit is contained in:
Pixelastic 2018-11-02 11:59:51 +01:00
parent dd6f2f1611
commit 6442e032d8
2 changed files with 35 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
scripts/playground.html
View file

@ -1,61 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8" />
<title>DocSearch playground</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css" />
<!-- at the end of the HEAD -->
<link rel="stylesheet" href="http://127.0.0.1:8080/docsearch.min.css" />
</head>
<body>
</head>
<body>
<div class="container">
<div class="mt-1">
<h1> Search thanks to the assets served at http://127.0.0.1:8080/ </h1>
<p>Do not forget to hard refresh: cmd + maj + R</p>
<div class="mt-1">
<h1>Assets are served from http://127.0.0.1:8080/ </h1>
</div>
<div class="col-md-12">
<div class="input-group">
<input type="search" placeholder="First DocSearch input" class="form-control" id="q">
</div>
<div class="col-md-12">
<div class="input-group">
<input type="search" class="form-control" id="q">
</div>
</div>
<div class="mt-1">
<p>2</p>
</div>
<div class="col-md-12">
<div class="input-group">
<input type="search" class="form-control" id="z">
</div>
</div>
<div class="col-md-12">
<div class="input-group">
<input type="search" placeholder="Second DocSearch input" class="form-control" id="z">
</div>
</div>
</div>
<!-- at the end of the BODY -->
<script type="text/javascript" src="http://127.0.0.1:8080/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: '25626fae796133dc1e734c6bcaaeac3c',
indexName: 'docsearch',
inputSelector: '#q,#z',
debug: true // Set debug to true if you want to inspect the dropdown
});
<script type="text/javascript" src="http://127.0.0.1:8080/docsearch.js"></script>
<script type="text/javascript">
docsearch({
apiKey: '25626fae796133dc1e734c6bcaaeac3c',
indexName: 'docsearch',
inputSelector: '#q,#z',
debug: true // Set debug to true if you want to inspect the dropdown
});
</script>
<style>
.container {
margin: 10%;
}
.container {
margin: 10%;
}
.input-group {
width: 60%;
margin: auto;
margin-top: 10%;
}
.input-group {
width: 60%;
margin: auto;
margin-top: 10%;
}
</style>
</body>
</body>
</html>

4
scripts/serve
View file

@ -3,9 +3,9 @@
yarn run build:css
echo "Find all files at http://127.0.0.1:8080/";
open scripts/playground.html
parallelshell \
'webpack --config webpack.serve.config.babel.js -w' \
'onchange "./src/styles/*.scss" -- yarn run build:css' \
'live-server ./dist/cdn' \
'live-server --no-browser ./dist/cdn' \
"${BROWSER} scripts/playground.html"