This is a React+Redux front-end JS app which provides a search interface and results page for the Drupal Intrasearch project.
Install Node.js (this app was developed with v12.2.0).
Then, install dependencies with npm install.
Update the url and accessToken in config.js
Then, npm run start runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
In one terminal tab, launch server with npm run start.
In another terminal tab, launch tests with npm run test.
-
Host the JS and CSS files
-
Add the following lines to the
<head>of the html doc:<link rel="stylesheet" type="text/css" href="0.intrasearch_ui.css"> <link rel="stylesheet" type="text/css" href="2.intrasearch_ui.css"> <script type="text/javascript" src="intrasearch_ui.js"></script> <script type="text/javascript" src="0.intrasearch_ui.js"></script> <script type="text/javascript" src="2.intrasearch_ui.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var divID = 'searchContainer'; window.Explorer.renderIntrasearchUI(divID); }); </script>
-
Input the appropriate div ID into the script (or leave
var divID = 'searchContainer';as-is). -
Place the element
<div id="searchContainer"></div>where the taxonomy container should appear in the<body>.
npm run build && npm run deploy
- This project was bootstrapped with Create React App, and then ejected to enable customization of webpack.
This project was bootstrapped with Create React App and was npm ejected.