als-layout 6.0.0 → 6.1.0

package/docs/2-cloning.md

@@ -17,3 +17,19 @@ const newLayout = layout.clone;
 
 Cloning is particularly useful in scenarios where templates or base layouts are used repeatedly with slight variations, providing a robust and scalable solution for web page generation.
 
+
+### propsToClone
+
+You can add properties to add when cloning the object, by adding name of properties to `Layout.propsToClone` which is array.
+
+Example:
+
+```js
+Layout.propsToClone.push('projectName')
+
+const layout = new Layout()
+layout.projectName = 'Cool project'
+
+const cloned = layout.clone
+console.log(cloned.projectName) // 'Cool project'
+```

package/lib/layout.js

@@ -14,7 +14,11 @@ class Layout extends Document {
    }
 
    get rawHtml() { return this.innerHTML }
-   get clone() { return new this.constructor(new Document(this, this.URL), this.options) }
+   get clone() { 
+      const clone = new this.constructor(new Document(this, this.URL), this.options)
+      Layout.propsToClone.forEach(prop => clone[prop] = this[prop])
+      return clone
+   }
 
    __status = 200;
    status(status) { this.__status = status; return this }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "als-layout",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "main": "index.js",
   "scripts": {
     "test": "node --test --experimental-test-coverage ./tests/**.*",

package/readme.md

@@ -17,7 +17,7 @@ npm i als-layout
 ```js
 const Layout = require('als-layout')
 ```
-
+
 ## Change Log for V6
 
 The code refactored.
@@ -28,7 +28,7 @@ The code refactored.
 ### Added
   * status
   * end(res)
-
+
 ## Basic Usage
 
 ### Initialization
@@ -66,7 +66,7 @@ layout.rawHtml // raw HTML of the document
 layout.clone // creates a new layout object clone for current object
 ```
 
-
+
 ## Cloning Functionality
 
 ### What is Cloning and Why is it Necessary?
@@ -86,7 +86,22 @@ const newLayout = layout.clone;
 
 Cloning is particularly useful in scenarios where templates or base layouts are used repeatedly with slight variations, providing a robust and scalable solution for web page generation.
 
-
+
+### propsToClone
+
+You can add properties to add when cloning the object, by adding name of properties to `Layout.propsToClone` which is array.
+
+Example:
+
+```js
+Layout.propsToClone.push('projectName')
+
+const layout = new Layout()
+layout.projectName = 'Cool project'
+
+const cloned = layout.clone
+console.log(cloned.projectName) // 'Cool project'
+```
 ## Advanced Usage
 
 The `als-layout` library allows for sophisticated manipulation of web page layouts, providing robust tools for creating dynamic and complex web pages. Below is an advanced example demonstrating various capabilities of the library:
@@ -135,7 +150,7 @@ In this example:
 
 This advanced example illustrates how `als-layout` can be used to handle complex scenarios and requirements in web development, enhancing the flexibility and power at your disposal.
 
-
+
 ## Response with status
 
 In version 6, added two methods:
@@ -145,7 +160,7 @@ In version 6, added two methods:
    2. runs `res.end(this.rawHtml)`
 
 
-The main idea, is to add quick way to response with layout. 
+The main idea, is to add quick way to response with layout. 
 ## API
 
 ### Constructor