A tool developed in Javascript that allows for the conversion of .ini files to .json files directly on the client

Question

A tool developed in Javascript that allows for the conversion of .ini files to .json files directly on the client

Does anyone know of a JavaScript library that can convert .ini files to .json files on the client-side? I checked out this library, but it doesn't meet my requirements.

Here is an example of an .ini file:

[Master_Settings:1]
Model Name=RC-74DL
IP Address=192.168.1.39
Port=50000
[Device_Ports:1]
[Slave_Settings:2]
ConfigurationfilePath=C:\Users\name\Documents\K-Cssig2\Devices\RC-63D.xml
Button Label1=
[Device_Ports:2]
ADIO Mode 1 = DI
ADIO Mode 2 = DI
[Slave_Settings:11]
Model Name = Test 3
Desription=
ConfigurationfilePath=Devices\Test 3.xml
Button Label1=
Button Label2=
[Device_Ports:11]
ADIO Mode 1 = DI
ADIO Mode 2 = DI

[Serial:1:6]
Main Display=True
Default Port Description=MX660
User Port Description=MX660
Driver Name=BenQ MX660 A
Device_On_Command=N/A
Device_Off_Command=N/A
IsPowerQuery=False
IsLampQuery=False

I need to convert this to .json format. Any suggestions?

javascript json converters ini

Answer 1

Answer №1

Working with strings is the main focus here, and there's no need to rely on an external library.

For those interested, here's a suggestion using ES6 (the inifile data is embedded within a hidden div in the HTML):

( () => {
    let ini2Obj = {};
    const keyValuePair = kvStr => {
    const kvPair = kvStr.split('=').map( val => val.trim() );
        return { key: kvPair[0], value: kvPair[1] };
    };
    const result = document.querySelector("#results");
    document.querySelector( '#inifile' ).textContent
    .split( /\n/ )                                        // split lines
        .map( line => line.replace( /^\s+|\r/g, "" ) )     // clean up whitespace
        .forEach( line =>  {                               // transform into object
            line = line.trim();
            if ( line.startsWith('#') || line.startsWith(';') ) { return false; }
            if ( line.length ) {
              if ( /^\[/.test(line) ) {
                this.currentKey = line.replace(/\[|\]/g,'');
                ini2Obj[this.currentKey] = {};
              } else if ( this.currentKey.length ) {
                const kvPair = keyValuePair(line);
                ini2Obj[this.currentKey][kvPair.key] = kvPair.value;
              }
            } 
          }, {currentKey: ''} );
    
    result.textContent += 
    `**Check: ini2Obj['Slave_Settings:11'].ConfigurationfilePath = ${
          ini2Obj['Slave_Settings:11'].ConfigurationfilePath}`;
    
    result.textContent += 
      `\n\n**The converted object (JSON-stringified)\n${
      JSON.stringify(ini2Obj, null, ' ')}` ;
})();

.hidden {display: none}

<div class="hidden" id="inifile">
    # this is a comment line
    [Master_Settings:1]
    Model Name=RC-74DL
    IP Address=192.168.1.39
    Port=50000
    
    [Device_Ports:1]
    
    [Slave_Settings:2]
    ConfigurationfilePath=C:\Users\name\Documents\K-Cssig2\Devices\RC-63D.xml
    Button Label1=
    
    ; this is a comment line too
    [Device_Ports:2]
    ADIO Mode 1 = DI
    ADIO Mode 2 = DI
    
    [Slave_Settings:11]
    Model Name = Test 3
    Desription=
    ConfigurationfilePath=Devices\Test 3.xml
    # Note: no labels here
    Button Label1=
    Button Label2=
    
    [Device_Ports:11]
    ADIO Mode 1 = DI
    ADIO Mode 2 = DI
    
    [Serial:1:6]
    Main Display=True
    Default Port Description=MX660
    User Port Description=MX660
   
    # Note: empty lines are ok
    Driver Name=BenQ MX660 A
    Device_On_Command=N/A
    Device_Off_Command=N/A
    IsPowerQuery=False
    IsLampQuery=False
</div>

<pre id="results"></pre>

Experience it in action at this jsFiddle

Answer 2

Working with strings is the main focus here, and there's no need to rely on an external library.

For those interested, here's a suggestion using ES6 (the inifile data is embedded within a hidden div in the HTML):

( () => {
    let ini2Obj = {};
    const keyValuePair = kvStr => {
    const kvPair = kvStr.split('=').map( val => val.trim() );
        return { key: kvPair[0], value: kvPair[1] };
    };
    const result = document.querySelector("#results");
    document.querySelector( '#inifile' ).textContent
    .split( /\n/ )                                        // split lines
        .map( line => line.replace( /^\s+|\r/g, "" ) )     // clean up whitespace
        .forEach( line =>  {                               // transform into object
            line = line.trim();
            if ( line.startsWith('#') || line.startsWith(';') ) { return false; }
            if ( line.length ) {
              if ( /^\[/.test(line) ) {
                this.currentKey = line.replace(/\[|\]/g,'');
                ini2Obj[this.currentKey] = {};
              } else if ( this.currentKey.length ) {
                const kvPair = keyValuePair(line);
                ini2Obj[this.currentKey][kvPair.key] = kvPair.value;
              }
            } 
          }, {currentKey: ''} );
    
    result.textContent += 
    `**Check: ini2Obj['Slave_Settings:11'].ConfigurationfilePath = ${
          ini2Obj['Slave_Settings:11'].ConfigurationfilePath}`;
    
    result.textContent += 
      `\n\n**The converted object (JSON-stringified)\n${
      JSON.stringify(ini2Obj, null, ' ')}` ;
})();

.hidden {display: none}

<div class="hidden" id="inifile">
    # this is a comment line
    [Master_Settings:1]
    Model Name=RC-74DL
    IP Address=192.168.1.39
    Port=50000
    
    [Device_Ports:1]
    
    [Slave_Settings:2]
    ConfigurationfilePath=C:\Users\name\Documents\K-Cssig2\Devices\RC-63D.xml
    Button Label1=
    
    ; this is a comment line too
    [Device_Ports:2]
    ADIO Mode 1 = DI
    ADIO Mode 2 = DI
    
    [Slave_Settings:11]
    Model Name = Test 3
    Desription=
    ConfigurationfilePath=Devices\Test 3.xml
    # Note: no labels here
    Button Label1=
    Button Label2=
    
    [Device_Ports:11]
    ADIO Mode 1 = DI
    ADIO Mode 2 = DI
    
    [Serial:1:6]
    Main Display=True
    Default Port Description=MX660
    User Port Description=MX660
   
    # Note: empty lines are ok
    Driver Name=BenQ MX660 A
    Device_On_Command=N/A
    Device_Off_Command=N/A
    IsPowerQuery=False
    IsLampQuery=False
</div>

<pre id="results"></pre>

Experience it in action at this jsFiddle

A tool developed in Javascript that allows for the conversion of .ini files to .json files directly on the client

Answer №1

Similar questions

Showcasing the information stored within my li element, I am able to access and view the data through my console

What is the best way to assign default values when destructuring interfaces within interfaces in TypeScript?

Refresh the datatable using updated aaData

JavaScript: The Battle of Anonymity - Anonymous Functions vs Helper

What is the best way to iterate through array elements with AngularJS?

Avoiding page refresh while utilizing the ng5-slider component in Angular

Exploring the gridview with JQuery to iterate through and verify if any checkboxes have been selected

When attempting to send emails, SendGrid encounters an error and fails to provide an error code

Tips for optimizing the placement of div elements for top advertisements on Amazon's website

Cookie Strategy for Managing Popups Site-wide

What could be causing the error with firebase Sign In in next.js?

Is it possible to implement CSS code from a server request into a React application?

Failed Cross-Origin Request Sharing in AngularJS 1.4

I'd like to know what sets next/router apart from next/navigation

Interactive Table - Enhance Your Searching Experience with jQuery

Creating a 2D array matrix in JavaScript using a for loop and seamlessly continuing the number count onto the next row

Utilize Vuex mutators within route navigation guards

Is there a way to inject C++ text into an input field on a webpage using QWebEngine?

The user removal process is not functioning properly

What is the best way to isolate the elements from the specified dictionary that contain valid data?