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.

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

Information:

This is simple Event Bus with the vue 3 feature of provide, inject, Symbol.

There are different way to set up.

Credits:

https://stackoverflow.com/questions/63471824/vue-js-3-event-bus

import { createApp } from 'vue'

Just simple paste files how simple vue 3 setup on server side.

Notes:

<script type="importmap">
  {
    "imports": {
      "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
    }
 }

Note that bun runtime js/ts have three types one is normal http fetch request base on https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

The other is 'bun dev' and 'bun bun'. There is docs format for command line. Here for http server fetch request.

It is link from git bun readme.md

https://developer.mozilla.org/en-US/docs/Web/API/Headers

bun run dev (run on package.json as npm comand)

	/*
	LICENSE: MIT
	Created by: Lightnet
	*/

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

	<script setup>
	/*
	LICENSE: MIT
	Created by: Lightnet
	*/

	// https://sbcode.net/threejs/transform-controls/
	// https://github.com/mrdoob/three.js/blob/master/examples/misc_controls_transform.html
	// https://threejs.org/examples/#misc_controls_transform
	import { TransformControls } from 'three/examples/jsm/controls/TransformControls';

	import {
	Application,
	Router
	} from "https://deno.land/x/oak/mod.ts";

	const port = 8000;

	const app = new Application({
	logErrors: false
	});

	// Reference
	// http://tools.ietf.org/html/rfc6455
	// http://www.w3.org/TR/2011/WD-websockets-20110929/
	// https://github.com/einaros/ws
	// https://github.com/Worlize/WebSocket-Node
	// http://ja.wikipedia.org/wiki/WebSocket
	// http://www.slideshare.net/You_Kinjoh/javascript-websocket P.68
	// http://d.hatena.ne.jp/gtk2k/20120203/1328274962

	var log = console.log.bind(console);