11# RNAcentral sequence search embed
22
3- This is an embeddable component that you can include into
3+ This is an embeddable component that you can include into
44your website to add a non-coding RNA sequence search.
55
6- The component sends search requests to EBI-backed API, run on
6+ The component sends search requests to EBI-backed API, run on
77EBI cloud infrastructure.
88
99It searches against RNAcentral databases (or their arbitrary subset)
10- with NHMMER and also adds text search functionality, backed by EBI
10+ with NHMMER and also adds text search functionality, backed by EBI
1111Lucene text search plugin.
1212
13- This plugin is written in React/Redux and makes use of Zurb
13+ This plugin is written in React/Redux and makes use of Zurb
1414Foundation-based EBI theme. It is bundled with CSS modules and
15- UMD wrapper and packaged with Webpack, so it should not clash with
15+ UMD wrapper and packaged with Webpack, so it should not clash with
1616your website's javascript or CSS.
1717
1818## Installation
2626` git clone https://github.com/RNAcentral/rnacentral-sequence-search-embed.git `
2727
2828
29- Now you can add our javascript bundle and css bundle to your web page either directly or through
29+ Now you can add the javascript bundle and css bundle to your web page either directly or through
3030 an import with Webpack or native ECMAscript modules and CSS modules.
3131
3232If you want to include it into CSS directly, follow this minimal example:
@@ -99,7 +99,7 @@ The CSS styles and fonts are bundled into the javascript inline via Webpack 3 bu
9999see webpack.config.js file. Upon load of RNAcentral-sequence-search.js, the component registers
100100itself in the custom elements registry.
101101
102- There are some peculiarities about interaction of Web Components with React.
102+ There are some peculiarities about interaction of Web Components with React.
103103
104104First, there is a known issue with React events breaking, when React component is mounted under a shadow root in
105105shadow DOM. We solve this by retargeting React events for shadow dom with this package:
@@ -109,7 +109,7 @@ shadow DOM. We solve this by retargeting React events for shadow dom with this p
109109Second, Web Components accept input parameters as strings. That means that we have to parse
110110parameters in Web Component initialization code and pass the resulting objects as props to React.
111111Here are some examples of passing the parameters to the Web Component or from Web Component
112- to React:
112+ to React:
113113
114114* https://hackernoon.com/how-to-turn-react-component-into-native-web-component-84834315cb24
115115* https://stackoverflow.com/questions/50404970/web-components-pass-data-to-and-from/50416836
0 commit comments