dreaded-fixes #8
15
cli.tsx
15
cli.tsx
@ -99,8 +99,8 @@ if(arg._.length)
|
|||||||
}
|
}
|
||||||
case "cloud" :
|
case "cloud" :
|
||||||
{
|
{
|
||||||
let useToken = await collect("DENO_DEPLOY_TOKEN", arg, env);
|
const useToken = await collect("DENO_DEPLOY_TOKEN", arg, env);
|
||||||
let useProject = await collect("DENO_DEPLOY_PROJECT", arg, env);
|
const useProject = await collect("DENO_DEPLOY_PROJECT", arg, env);
|
||||||
|
|
||||||
let scanProd:string[]|string|null = prompt(`Do you want to deploy to *production*?`);
|
let scanProd:string[]|string|null = prompt(`Do you want to deploy to *production*?`);
|
||||||
if(scanProd)
|
if(scanProd)
|
||||||
@ -113,7 +113,7 @@ if(arg._.length)
|
|||||||
scanProd = [];
|
scanProd = [];
|
||||||
}
|
}
|
||||||
|
|
||||||
await SubProcess([
|
const command = [
|
||||||
"run",
|
"run",
|
||||||
"-A",
|
"-A",
|
||||||
"--no-lock",
|
"--no-lock",
|
||||||
@ -123,10 +123,13 @@ if(arg._.length)
|
|||||||
`--project=${useProject}`,
|
`--project=${useProject}`,
|
||||||
`--token=${useToken}`,
|
`--token=${useToken}`,
|
||||||
`--import-map=${imports.path}`,
|
`--import-map=${imports.path}`,
|
||||||
|
`--exclude=.*,.*/,`,
|
||||||
...scanProd,
|
...scanProd,
|
||||||
...Deno.args,
|
RootHost+"run.tsx"];
|
||||||
RootHost+"run.tsx"]);
|
|
||||||
|
await SubProcess(command);
|
||||||
|
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
case "upgrade" :
|
case "upgrade" :
|
||||||
{
|
{
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
"debug": "deno run -A --no-lock http://localhost:4507/cli.tsx debug",
|
"debug": "deno run -A --no-lock http://localhost:4507/cli.tsx debug",
|
||||||
"serve": "deno run -A --no-lock http://localhost:4507/cli.tsx serve",
|
"serve": "deno run -A --no-lock http://localhost:4507/cli.tsx serve",
|
||||||
"cloud": "deno run -A --no-lock http://localhost:4507/cli.tsx cloud",
|
"cloud": "deno run -A --no-lock http://localhost:4507/cli.tsx cloud",
|
||||||
"install": "deno install -A -r -f http://localhost:4507/cli.tsx"
|
"install": "deno install -A -r -f -n able http://localhost:4507/cli.tsx"
|
||||||
},
|
},
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"jsx": "react-jsx",
|
"jsx": "react-jsx",
|
||||||
|
@ -1,6 +1,5 @@
|
|||||||
type Processor = (filename:string)=>void;
|
import { HMR } from "./hmr-react.tsx";
|
||||||
const Processors:Set<Processor> = new Set();
|
import { GroupSignal, GroupSignalHook } from "./hmr-signal.tsx";
|
||||||
export const Process =(p:Processor)=>Processors.add(p)
|
|
||||||
|
|
||||||
const FileListeners = new Map() as Map<string, Array<(module:unknown)=>void>>;
|
const FileListeners = new Map() as Map<string, Array<(module:unknown)=>void>>;
|
||||||
export const FileListen =(inPath:string, inHandler:()=>void)=>
|
export const FileListen =(inPath:string, inHandler:()=>void)=>
|
||||||
@ -15,9 +14,18 @@ Socket.addEventListener('message', async(event:{data:string})=>
|
|||||||
{
|
{
|
||||||
// When a file changes, dynamically re-import it to get the updated members
|
// When a file changes, dynamically re-import it to get the updated members
|
||||||
// send the updated members to any listeners for that file
|
// send the updated members to any listeners for that file
|
||||||
|
|
||||||
|
GroupSignal.reset();
|
||||||
|
|
||||||
const reImport = await import(document.location.origin+event.data+"?reload="+Math.random());
|
const reImport = await import(document.location.origin+event.data+"?reload="+Math.random());
|
||||||
FileListeners.get(event.data)?.forEach(reExport=>reExport(reImport));
|
FileListeners.get(event.data)?.forEach(reExport=>reExport(reImport));
|
||||||
Processors.forEach(p=>p(event.data))
|
|
||||||
|
GroupSignal.swap();
|
||||||
|
|
||||||
|
GroupSignalHook.reset();
|
||||||
|
HMR.update();
|
||||||
|
GroupSignalHook.reset();
|
||||||
|
|
||||||
});
|
});
|
||||||
Socket.addEventListener("error", ()=>{clearInterval(SocketTimer); console.log("HMR socket lost")})
|
Socket.addEventListener("error", ()=>{clearInterval(SocketTimer); console.log("HMR socket lost")})
|
||||||
const SocketTimer = setInterval(()=>{Socket.send("ping")}, 5000);
|
const SocketTimer = setInterval(()=>{Socket.send("ping")}, 5000);
|
@ -1,6 +1,4 @@
|
|||||||
import * as ReactParts from "react-original";
|
import * as ReactParts from "react-original";
|
||||||
import { Process } from "./hmr-listen.tsx";
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
@ -27,7 +25,7 @@ When there is an HMR update:
|
|||||||
- statesNew is cleared.
|
- statesNew is cleared.
|
||||||
|
|
||||||
*/
|
*/
|
||||||
const HMR =
|
export const HMR =
|
||||||
{
|
{
|
||||||
reloads:1,
|
reloads:1,
|
||||||
RegisteredComponents: new Map() as Map<string, ()=>void>,
|
RegisteredComponents: new Map() as Map<string, ()=>void>,
|
||||||
@ -47,9 +45,6 @@ const HMR =
|
|||||||
this.statesNew = new Map();
|
this.statesNew = new Map();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
Process(()=>HMR.update())
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export type StateType = boolean|number|string|Record<string, string>
|
export type StateType = boolean|number|string|Record<string, string>
|
||||||
|
@ -1,16 +1,46 @@
|
|||||||
import * as SignalsParts from "signals-original";
|
import * as SignalsParts from "signals-original";
|
||||||
import { Process } from "./hmr-listen.tsx";
|
|
||||||
|
|
||||||
|
type Entry<T> = [signal:SignalsParts.Signal<T>, initArg:T];
|
||||||
|
|
||||||
const s1 = SignalsParts.signal(true);
|
function ProxyGroup<T>(inFunc:(initArg:T)=>SignalsParts.Signal<T>)
|
||||||
|
|
||||||
const proxySignal =(arg)=>
|
|
||||||
{
|
{
|
||||||
console.log("---hmr---", arg);
|
let recordEntry:Entry<T>[] = [];
|
||||||
return SignalsParts.signal(arg);
|
let recordEntryNew:Entry<T>[] = [];
|
||||||
|
let recordIndex = 0;
|
||||||
|
const reset =()=> recordIndex = 0;
|
||||||
|
const swap =()=>
|
||||||
|
{
|
||||||
|
recordEntry = recordEntryNew;
|
||||||
|
recordEntryNew = [] as Entry<T>[];
|
||||||
|
};
|
||||||
|
const proxy =(arg:T)=>
|
||||||
|
{
|
||||||
|
const lookupOld = recordEntry[recordIndex];
|
||||||
|
if(lookupOld && lookupOld[1] === arg)
|
||||||
|
{
|
||||||
|
recordEntryNew[recordIndex] = lookupOld;
|
||||||
|
recordIndex++;
|
||||||
|
return lookupOld[0];
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
const sig = inFunc(arg);
|
||||||
|
recordEntryNew[recordIndex] = [sig, arg];
|
||||||
|
recordEntry[recordIndex] = [sig, arg];
|
||||||
|
recordIndex++;
|
||||||
|
return sig;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return {reset, swap, proxy};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const GroupSignal = ProxyGroup(SignalsParts.signal);
|
||||||
|
export const GroupSignalHook = ProxyGroup(SignalsParts.useSignal);
|
||||||
|
|
||||||
|
|
||||||
|
const proxySignal = GroupSignal.proxy;
|
||||||
|
const proxySignalHook = GroupSignalHook.proxy;
|
||||||
|
|
||||||
export * from "signals-original";
|
export * from "signals-original";
|
||||||
export { proxySignal as signal };
|
export { proxySignal as signal, proxySignalHook as useSignal };
|
||||||
// ? export {ProxyCreate as createElement, ProxyState as useState, ProxyReducer as useReducer };
|
export default {...SignalsParts, signal:proxySignal, useSignal:proxySignalHook};
|
||||||
// ? export default {...ReactParts, createElement:ProxyCreate, useState:ProxyState, useReducer:ProxyReducer};
|
|
Loading…
Reference in New Issue
Block a user