Lightnet

Creating logging for React.js.

Note that nodejs and broswer is different one is file path and other is browser path.

Notice that broswer js is tricky depend on the build which is webpack bundle.js if there change in format it goes back to bundle.js instead of src path.

let e = new Error(args);
let stack = String(e.stack)
// fail, go to bundle.js url

Lightnet

use search engine to learn hook and axios for clean up and reuse.

Worked on refine the code to deal with the user interacting when type when render components.

Create the init instance when it mount.

Added isLoading to make sure the axios instance. One reason is that useEffect mount on when user doing get url on render to get data.

Watch variables and mount interceptors that check for the token expire. If events it will change in interceptors and clean up.

Lightnet

/*
  LICENSE: MIT
  Created by: Lightnet
*/

import React,{ createContext, useState, useMemo, useContext, useEffect } from "react";
//import useFetch from "../hook/useFetch.mjs";
import { 
  parseJwt 
  //, isEmpty

Lightnet

import React, { useEffect, useState } from "react";

export default function AceEditor(props){

  const [Ace, SetAce] = useState(null);

  useEffect( async()=>{
    if (typeof window !== 'undefined') {//server ssr
      const ReactAce = await import("react-ace"); //load in order
      //await import("ace-builds/src-noconflict/mode-java"); //load in order

Lightnet

//listen to event context

import React,{ useEffect, useState } from "react";
import { useEvent } from "./EventProvider.js";

export default function EventLog(){

  const [log, setLog] = useState("");

  const {event} = useEvent();

Lightnet

import { createContext, useContext, useMemo, useState } from "react";

// create content variable for store data
export const ForumContext = createContext();

// check Provider root level top
export function useForum(){
  const context = useContext(ForumContext);
  if (!context) {
    throw new Error(`useForum must be used within a UserContext`)

Lightnet

//https://atomizedobjects.com/blog/javascript/develop-2d-javascript-games-html5-react/

import { useEffect } from 'react';

export default function useEvent(event, handler) {
  useEffect(() => {
    // initiate the event handler
    window.addEventListener(event, handler);

Lightnet

// https://www.tutorialguruji.com/javascript/reusing-database-connections-with-azure-functions-using-javascript/amp/
// https://pretagteam.com/question/reusing-database-connections-with-azure-functions-using-javascript

class DBTest{
  constructor(){
    this.data="test";
  }
  setText(params) {
    this.data=params;  
  }

Lightnet

// base on this links
// https://gist.github.com/webdesserts/5632955

// need this for "gulp default" to run command line
// @babel/register 

import { src, dest, watch, parallel, series } from "gulp";
import {spawn} from "child_process";

import config from'./config';

Lightnet

#================================================
# CMAKE BUILD
# WINDOW BUILD CURRENTLY
#================================================
cmake_minimum_required(VERSION 3.20) # FetchContent is available in 3.11+
#message("CMAKE_BUILD_TYPE >>> "  ${CMAKE_BUILD_TYPE})
#convert checks for debug / release
if(CMAKE_BUILD_TYPE)
string(TOLOWER ${CMAKE_BUILD_TYPE} CMAKE_BUILD_TYPE)
endif()