lds_dev_client

A lightweight utility package that extracts the hostname and port from the current URL.

Installation

npm install lds_dev_client

Usage

// ES6 import
import { HostAddress, HostPort } from 'lds_dev_client';

// Example: If the page URL is "https://localhost:3000"
console.log(HostAddress); // Outputs: "localhost"
console.log(HostPort);    // Outputs: 3000

// If the page URL is "https://example.com/"
console.log(HostAddress); // Outputs: "example.com"
console.log(HostPort);    // Outputs: 443 (default HTTPS port)

// If the page URL is "http://localhost/"
console.log(HostAddress); // Outputs: "localhost"
console.log(HostPort);    // Outputs: 80 (default HTTP port)

You can also use the functions directly for more flexibility:

import { getHost, getPort } from 'lds_dev_client';

const host = getHost();
const port = getPort();

License

MIT

Author

Your Name

Examples

Here's a simple example showing how to use the package in a React application:

import React from 'react';
import { HostAddress, HostPort } from 'lds_dev_client';

function ServerInfo() {
  return (
    <div className="server-info">
      <h3>Server Information</h3>
      <p>Connected to: {HostAddress}</p>
      <p>Port: {HostPort}</p>
    </div>
  );
}

export default ServerInfo;

API Reference

Constants

| Name | Type | Description | |------|------|-------------| | HostAddress | String | The hostname from the current URL (e.g., "localhost", "example.com") | | HostPort | Number | The port number from the URL, or default port (80 for HTTP, 443 for HTTPS) |

Functions

| Name | Return Type | Description | |------|-------------|-------------| | getHost() | String | Function to get the hostname dynamically | | getPort() | Number | Function to get the port dynamically |

Browser Compatibility

This package is designed for browser environments and has been tested with:

• Chrome 85+
• Firefox 80+
• Safari 14+
• Edge 85+

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.