/oneline

Primary LanguageJavaScriptMIT LicenseMIT

Oneline

Build status

Convert a multiline string to a single line string

Getting started

Install the dependency

npm install oneline --save-dev

React classNames example

import oneline from 'oneline';

...
<div
  className={oneline(`
    rrs__select-container
    rrs__select-container--multiselect
    ${(disabled === true) ? 'rrs__select-container--disabled' : ''}
    ${(isTouchDevice === true) ? 'rrs__is-touch' : 'rrs__is-desktop'}
    ${(isOptionsPanelOpen === true) ? 'rrs__options-container--visible' : ''}
    ${altered ? 'rrs__has-changed': ''}
  `)}
>
Some output
</div>

// className="rrs__select-container rrs__select-container--multiselect rrs__is-desktop rrs__options-container--visible"

Example 2

import oneline from 'oneline';
var testMultilineHTMLString = oneline(`

  <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GDD - Giphy Github embed Gif code explorer</title>
<link href="css/styleguide.css" rel="stylesheet">
</head>
<body>
<div id="root" class="root"></div>
<script src="app.js"></script>
</body>
</html>

`);

console.log(testMultilineHTMLString);

// '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>GDD - Giphy Github embed Gif code explorer</title> <link href="css/styleguide.css" rel="stylesheet"> </head> <body> <div id="root" class="root"></div> <script src="app.js"></script> </body> </html>'