Jose JoseMiralles

## Guide.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                JoseMiralles
                / Guide.md
            
            
              Last active
              August 31, 2023 23:55
            
              
                How To Create a React App In Splunk With Typescript
              
          
    React + Splunk + Typescript

This is a version of the following guide, adapted to work inside of a Splunk dashboard.
https://www.newline.co/@bespoyasov/how-to-create-a-react-typescript-application-from-scratch--676bd120
- Create a new app in the splunk dashboard.


Got to Apps > Create App
Name it ReactTS and set the folder name to ReactTS as well.
Set template to Barebones


## test.js
var assert = require('assert');

describe('Phone Numbers', function () {
    it('Single Phone Number', function () {
        let input = "123-123-1234";
        let expectedResult = "<a href='tel:123-123-1234'>123-123-1234 </a>"
        let result = convertToClickablePhoneNumbers(input);
        //console.log(result);
        //assert.equal(result, expectedResult);
    });

## ViewController.cs
public partial class ViewController : UIViewController
    {
        #region properties
        // Top Views setup
        private readonly UITextView textView = new UITextView
        { TranslatesAutoresizingMaskIntoConstraints = false };
        private readonly UIView topImageContainer = new UIView
        { TranslatesAutoresizingMaskIntoConstraints = false };
        private readonly UIImageView imageView = new UIImageView {
            TranslatesAutoresizingMaskIntoConstraints = false,

## accordionWidget.php
public function widget( $args, $instance ) {
		//Load all items.
		$items = array();
		$identifier = 0;
		while(isset ($instance["title".$identifier]) ){
			array_push($items,
                new accordion_item(
                        $instance["title".$identifier],
				        $instance['text'.$identifier]
                )

## jsbin.AcaQExi.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
</body>
</html>
	var assert = require('assert');

	describe('Phone Numbers', function () {
	it('Single Phone Number', function () {
	let input = "123-123-1234";
	let expectedResult = "<a href='tel:123-123-1234'>123-123-1234 </a>"
	let result = convertToClickablePhoneNumbers(input);
	//console.log(result);
	//assert.equal(result, expectedResult);
	});
	public partial class ViewController : UIViewController
	{
	#region properties
	// Top Views setup
	private readonly UITextView textView = new UITextView
	{ TranslatesAutoresizingMaskIntoConstraints = false };
	private readonly UIView topImageContainer = new UIView
	{ TranslatesAutoresizingMaskIntoConstraints = false };
	private readonly UIImageView imageView = new UIImageView {
	TranslatesAutoresizingMaskIntoConstraints = false,
	public function widget( $args, $instance ) {
	//Load all items.
	$items = array();
	$identifier = 0;
	while(isset ($instance["title".$identifier]) ){
	array_push($items,
	new accordion_item(
	$instance["title".$identifier],
	$instance['text'.$identifier]
	)
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	</body>
	</html>