onlybuild 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [v1.6.0](https://github.com/neogeek/onlybuild/tree/v1.6.0) - (2024-05-21)
+
+[Full Changelog](https://github.com/neogeek/onlybuild/compare/v1.5.1...v1.6.0)
+
+- [feat] Added css string template method. [#25](https://github.com/neogeek/onlybuild/pull/25)
+- [hotfix] Updated packages. [#24](https://github.com/neogeek/onlybuild/pull/24)
+
+## [v1.5.1](https://github.com/neogeek/onlybuild/tree/v1.5.1) - (2024-05-15)
+
+[Full Changelog](https://github.com/neogeek/onlybuild/compare/v1.5.0...v1.5.1)
+
+- [hotfix] Updated elapsed time label. [#23](https://github.com/neogeek/onlybuild/pull/23)
+- [hotfix] Added mocked tests [#22](https://github.com/neogeek/onlybuild/pull/22)
+
 ## [v1.5.0](https://github.com/neogeek/onlybuild/tree/v1.5.0) - (2024-05-13)
 
 [Full Changelog](https://github.com/neogeek/onlybuild/compare/v1.4.1...v1.5.0)

package/README.md

@@ -70,7 +70,7 @@ It will also show the commands needed to enter the folder and build, watch (if e
 
 ### Demo
 
-https://github.com/neogeek/onlybuild/assets/6753/e64f0d09-44a9-41b6-9c4d-d004138e9f89
+https://github.com/neogeek/onlybuild/assets/6753/c15b6b96-7489-46c5-bc7e-a84be8fdc841
 
 ## Install
 
@@ -224,7 +224,27 @@ import { html } from 'onlybuild';
 export default html`<h1>Hello, world!</h1>`;
 ```
 
-Install the [lit-html](https://marketplace.visualstudio.com/items?itemName=bierner.lit-html) plugin in VS Code to help format the HTML on save.
+Install the [lit-html](https://marketplace.visualstudio.com/items?itemName=bierner.lit-html) and [prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) plugin in VS Code to help format the HTML on save.
+
+### <code>&#96;css&#96;</code> String Template Utility
+
+The `onlybuild` library includes an optional <code>&#96;css&#96;</code> string template utility that can be used to add syntax highlighting and formatting to CSS, making it easier to author CSS in JavaScript.
+
+```javascript
+import { css } from 'onlybuild';
+
+const styles = css`
+  body {
+    color: red;
+  }
+`;
+
+export default html`<style>
+  ${styles}
+</style>`;
+```
+
+Install the [prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) plugin in VS Code to help format the CSS on save.
 
 ## File Structure
 

package/dist/bin/index.js

@@ -7,7 +7,7 @@ import parseCmdArgs from 'parse-cmd-args';
 import { buildFiles, writeFiles } from '../src/build.js';
 import { copyFiles } from '../src/copy.js';
 import pkg from '../package.json' assert { type: 'json' };
-const elapsedTimeLabel = 'Elapsed time:';
+const elapsedTimeLabel = 'Elapsed time';
 console.time(elapsedTimeLabel);
 const args = parseCmdArgs(null, {
     requireUserInput: false

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "onlybuild",
     "description": "A zero-config cli for building static websites.",
-    "version": "1.5.0",
+    "version": "1.6.0",
     "engines": {
         "node": ">=20.x"
     },
@@ -21,10 +21,10 @@
         "dotenv": "16.4.5",
         "globby": "14.0.1",
         "parse-cmd-args": "5.0.2",
-        "tsx": "4.10.2"
+        "tsx": "4.10.5"
     },
     "devDependencies": {
-        "@types/node": "20.12.11",
+        "@types/node": "20.12.12",
         "typescript": "5.4.5"
     },
     "scripts": {

package/dist/src/build.js

@@ -1,4 +1,4 @@
-import { writeFile, mkdir } from 'node:fs/promises';
+import fs from 'node:fs/promises';
 import { dirname, join, parse, resolve } from 'node:path';
 /**
  * Calculates the output path of the file based on the original input path.
@@ -36,8 +36,8 @@ export const buildFiles = async (paths) => {
  * @param {string} contents
  */
 export const writeFileAndMakeDir = async (path, contents) => {
-    await mkdir(dirname(path), { recursive: true });
-    await writeFile(path, contents);
+    await fs.mkdir(dirname(path), { recursive: true });
+    await fs.writeFile(path, contents);
 };
 /**
  * Write files to the build directory.

package/dist/src/css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * String template utility that adds syntax highlighting and formatting in text editors.
+ *
+ * @param {TemplateStringsArray} strings
+ * @param {any[]} values
+ */
+export declare const css: (strings: TemplateStringsArray, ...values: any[]) => string;

package/dist/src/css.js

@@ -0,0 +1,10 @@
+/**
+ * String template utility that adds syntax highlighting and formatting in text editors.
+ *
+ * @param {TemplateStringsArray} strings
+ * @param {any[]} values
+ */
+export const css = (strings, ...values) => {
+    const processedValues = values.map(value => Array.isArray(value) ? value.join('') : value);
+    return strings.reduce((prev, curr, i) => `${prev}${curr}${processedValues[i] || ''}`, '');
+};

package/dist/src/index.d.ts

@@ -1 +1,2 @@
+export { css } from './css.js';
 export { html } from './html.js';

package/dist/src/index.js

@@ -1 +1,2 @@
+export { css } from './css.js';
 export { html } from './html.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "onlybuild",
   "description": "A zero-config cli for building static websites.",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "engines": {
     "node": ">=20.x"
   },
@@ -21,10 +21,10 @@
     "dotenv": "16.4.5",
     "globby": "14.0.1",
     "parse-cmd-args": "5.0.2",
-    "tsx": "4.10.2"
+    "tsx": "4.10.5"
   },
   "devDependencies": {
-    "@types/node": "20.12.11",
+    "@types/node": "20.12.12",
     "typescript": "5.4.5"
   },
   "scripts": {