Added new feature for line numbers and bumped major version

README.md

@@ -13,7 +13,21 @@
 ## Why?
 CodeFlask was a brilliant project, but seems to be unmaintained, and it required some significant updates to work with a new project I am working on.
 
+### Kitchen Sink Example
+
+```js
+cup = new codecup('#cf_holder', { 
+    language: "javascript",
+    lineNumbers: true ,
+    copyButton: true,
+    maxLines : 15,
+    minLines : 5
+});
+```
+
+
 ### Changes
+* Added max line number option
 * Switched from rollup to webpack
 * Added example folder 
 * disabled e2e tests 
@@ -126,6 +140,27 @@ cup.toggleLineNumbers();
 
 ```
 
+### Setting max and min lines
+
+```js
+> [!IMPORTANT]
+> As of `1.90`, You can also set the max line number, (Default is 100), And the min line number, (Default is 1)
+
+> [!NOTE]
+> If you want it to be a fixed number of lines, set both to the same number.
+
+```js
+import codecup from 'codecup';
+
+const cup = new codecup('#my-selector', {
+  language: 'js',
+  lineNumbers: true,
+  maxLines: 10,
+  minLines: 10
+});
+```
+
+
 ### Enabling read only mode
 
 ```js

example/index.html

@@ -56,7 +56,9 @@
         cup = new codecup('#cf_holder', { 
             language: current_language,
             lineNumbers: true ,
-            copyButton: true
+            copyButton: true,
+            maxLines : 15,
+            minLines : 5
         });
         demo_init();
     }
@@ -95,7 +97,7 @@
     }
 
     #cf_holder{
-        height:200px;
+
         overflow: hidden;
         border : 1px solid #EAEEFB;
         border-radius: 4px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@calumk/codecup",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "A micro code-editor for awesome web pages",
   "main": "dist/codecup.bundle.js",
   "files": [

src/codecup.js

@@ -136,6 +136,8 @@ export default class codecup {
     this.opts.ariaLabelledby = this.opts.ariaLabelledby || null
     this.opts.readonly = this.opts.readonly || false
     this.opts.copyButton = this.opts.copyButton || false
+    this.opts.maxLines = this.opts.maxLines || 100
+    this.opts.minLines = this.opts.minLines || 1
 
     // this.opts.handleSelfClosingCharacters = this.opts.handleSelfClosingCharacters || false
 
@@ -199,6 +201,19 @@ export default class codecup {
     }
 
     this.elLineNumbers.innerHTML = numberList
+
+    console.log(this.opts)
+
+    // limit the number of lines between max and min line numbers. 
+    let maxLineNumber = this.opts.maxLines
+    let minLineNumber = this.opts.minLines
+    let limitedLineNumber = this.lineNumber
+    if (limitedLineNumber > maxLineNumber) {
+      limitedLineNumber = maxLineNumber
+    } else if (limitedLineNumber < minLineNumber) {
+      limitedLineNumber = minLineNumber
+    }
+    this.elWrapper.style.height = (limitedLineNumber*20) + 20 + 'px'
   }
 
   listenTextarea () {