/// <summary>
/// This is a javascript application.
/// </summary>
/// <param name="page">HTML document rendered by the web server which can now be enhanced.</param>
public Application(IApp page)
{
// X:\jsc.svn\examples\javascript\ButtonsWithHistory\ButtonsWithHistory\Application.cs
page.GoBackwards.onclick +=
delegate
{
Native.window.history.back();
};
page.GoForwards.onclick +=
delegate
{
Native.window.history.forward();
};
page.Reload.onclick +=
delegate
{
Native.document.location.reload();
};
// which way to go?
var actions =
from btn in new[] {
page.A,
page.B,
page.C,
page.D,
page.E,
page.F,
}
let invoke = new Action(
delegate
{
XState.Create(
//title: btn.innerText,
//url: "#" + btn.innerText,
value: new { button = btn.id },
invoke:
async state =>
{
// how can we share the scope?
// because this might be called from a .cctor
Native.document.title = new { state.value.button }.ToString();
var xpage = new App.FromDocument();
var xbtn = (IHTMLButton)Native.document.getElementById(state.value.button);
xbtn.style.color = JSColor.Blue;
xbtn.disabled = true;
await state;
xbtn.disabled = false;
}
);
}
)
select new { btn, invoke };
actions.WithEach(x => x.btn.onclick += delegate { x.invoke(); });
page.G.style.color = JSColor.Red;
//Error 3 Cannot convert async anonymous method to delegate type 'System.Func<object>'.
// An async anonymous method may return void, Task or Task<T>, none of which are convertible to 'System.Func<object>'. X:\jsc.svn\examples\javascript\AsyncHistoryExperiment\AsyncHistoryExperiment\Application.cs 110 18 AsyncHistoryExperiment
//script: error JSC1000: No implementation found for this native method, please implement
// [System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1.SetStateMachine(System.Runtime.CompilerServices.IAsyncStateMachine)]
// jsc could promote such lambdas into regular scopless static methods
// this would help us to start scope sharing
Func <IHTMLButton, int, JSColor, Task <object> > flash =
async(g, ms, c) =>
{
Console.WriteLine("flash 0");
g.style.backgroundColor = c;
await Task.Delay(ms);
Console.WriteLine("flash 100");
g.style.backgroundColor = JSColor.None;
await Task.Delay(ms);
Console.WriteLine("flash 200");
// script: error JSC1000: No implementation found for this native method, please implement
// [System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1.SetException(System.Exception)]
return(new object());
};
page.Bank.onclick +=
delegate
{
XState.Create(
//title: btn.innerText,
//url: "#" + btn.innerText,
value: new { button = page.Bank.id, position = 0, seed = 0 },
invoke:
async state =>
{
// how can we share the scope?
// because this might be called from a .cctor
var xbtn = (IHTMLButton)Native.document.getElementById(state.value.button);
xbtn.disabled = true;
var Text = "Wait, there is more! 3 = 2!";
Native.window.onbeforeunload +=
e =>
{
if (Text != null)
{
e.Text = Text;
}
};
await state;
xbtn.disabled = false;
Text = null;
}
);
};
page.Special.onclick +=
delegate
{
XState.Create(
//title: btn.innerText,
//url: "#" + btn.innerText,
value: new { button = page.Special.id, position = 0, seed = 0 },
invoke:
async state =>
{
// how can we share the scope?
// because this might be called from a .cctor
Native.document.title = new { state.value.position }.ToString();
var xbtn = (IHTMLButton)Native.document.getElementById(state.value.button);
if (state)
{
System.Media.SystemSounds.Beep.Play();
await xflash(xbtn, 250, JSColor.Cyan);
//Console.Beep();
await xflash(xbtn, 250, JSColor.Cyan);
}
var xpage = new App.FromDocument();
xbtn.style.color = JSColor.Blue;
xbtn.disabled = true;
// how long are we in this state?
//var value = state.value;
//Console.WriteLine("lets start our streaming!");
var seed = state.value.position;
while (state)
{
// lets make a new state
//var position = value.position + 4;
//Console.WriteLine("lets start our streaming! next!");
state.value = new { state.value.button, position = state.value.position + 4, seed };
xbtn.innerText = new { state.value.position, seed }.ToString();
Native.document.title = new { state.value.position }.ToString();
await Task.Delay(1000);
}
// no way to get back to the state, without restarting
//while (!state.GetAwaiter().IsCompleted)
// paused!
System.Media.SystemSounds.Beep.Play();
//await flash(xbtn, 250, JSColor.Yellow);
await xflash(xbtn, 250, JSColor.Yellow);
//Console.Beep();
await xflash(xbtn, 250, JSColor.Yellow);
// should be a nop, yet wot work yets
await state;
xbtn.disabled = false;
}
);
};
page.G.onclick +=
async delegate
{
page.G.disabled = true;
if (actions.All(x => x.btn.disabled))
{
System.Media.SystemSounds.Beep.Play();
await flash(page.G, 300, JSColor.Yellow);
//Console.Beep();
await flash(page.G, 300, JSColor.Yellow);
while (actions.Where(k => k.btn.disabled).Any())
{
Native.window.history.back();
await Task.Delay(100);
}
page.G.disabled = false;
}
else
{
do
{
actions.FirstOrDefault(k => !k.btn.disabled).With(
x =>
{
x.invoke();
}
);
await Task.Delay(100);
}while (actions.Where(k => !k.btn.disabled).Any());
System.Media.SystemSounds.Beep.Play();
await flash(page.G, 300, JSColor.Yellow);
//Console.Beep();
await flash(page.G, 300, JSColor.Yellow);
}
page.G.disabled = false;
};
Native.window.onpopstate +=
delegate
{
// we just dont know which way we can go
page.GoForwards.disabled = !(Native.window.history.length > 1);
page.GoBackwards.disabled = !(Native.window.history.length > 1);
};
}
/// <summary>
/// This is a javascript application.
/// </summary>
/// <param name="page">HTML document rendered by the web server which can now be enhanced.</param>
public Application(IApp __page)
{
FormStyler.AtFormCreated = FormStyler.LikeVisualStudioMetro;
#region title
new global::CSSFuzzyGrayBackground.Design.AppStyle().With(
async link =>
{
var old = new { Native.document.styleSheets.Length };
Console.WriteLine("link css " + new { link.Content.href, old });
link.Content.AttachToDocument();
//link.Content.AttachToHead();
while (old.Length == Native.document.styleSheets.Length)
await Native.window.requestAnimationFrameAsync;
// link css, done { href = http://127.0.0.1:12068/assets/CSSFuzzyGrayBackground/App.css, Length = 3 }
// is StyleSheet available yet?
await 200;
Console.WriteLine("link css, done " + new { link.Content.href, Native.document.styleSheets.Length });
//Native.document.styleSheets.Length
link.Content.StyleSheet.With(
sheet =>
{
sheet.Rules.WithEach(
rule =>
{
//[selectorName='yellowheader']
Console.WriteLine(
new
{
rule.selectorText
}
);
//{ selectorText = h1 } view-source:32061
//{ selectorText = body } view-source:32061
//{ selectorText = [selectorname="yellowheader"], h1, p }
// selectorText parser to expression?
if (rule.selectorText.StartsWith("[selectorname=\"yellowheader\"]"))
{
// we like that style so much, we want to use it
// on our title.
rule.selectorText += ", title";
//Native.css
IStyleSheet.all["head, title"].style.display = IStyle.DisplayEnum.block;
// upate the content of the rule too
rule.style.fontFamily = new global::CSSFuzzyGrayBackground.Design.KGBytheGraceofGod();
rule.style.fontSize = "2em";
rule.style.fontWeight = "bold";
rule.style.margin = "0.67em";
rule.style.whiteSpace = IStyle.WhiteSpaceEnum.pre;
}
}
);
}
);
//IStyleSheet.all.ru
//Native.css
//IStyleSheet.all[IHTMLElement.HTMLElementEnum.h1].style.fontFamily = KG By the Grace of God
IStyleSheet.all[IHTMLElement.HTMLElementEnum.label].style.color = "yellow";
}
);
#endregion
// nothng to select or drag
__page.sizetarget.With(
async x =>
{
x.readOnly = true;
//style.color = "transparent";
var style = x.style;
style.transition = "border 300ms linear, background-color 300ms linear";
while (true)
{
if (__page.content.querySelectorAll("div").Any())
{
style.border = "1px dashed rgb(0, 122, 204)";
x.css.style.backgroundColor = "rgba(255,255,255,0.1)";
style.boxShadow = "rgba(0, 122, 204, 0.298039) 0px 0px 6px 3px";
}
else
{
style.boxShadow = "rgba(255, 0, 0, 0.298039) 0px 0px 9px 3px";
x.css.style.backgroundColor = "rgba(255,127,127,0.1)";
style.border = "1px dashed red";
}
await Task.Delay(600);
style.border = "1px dashed transparent";
await Task.Delay(900);
if (__page.content.querySelectorAll("div").Any())
{
style.border = "1px solid rgb(0, 122, 204)";
}
else
{
style.border = "1px solid red";
style.boxShadow = "rgba(255, 0, 0, 0.298039) 0px 0px 6px 3px";
}
await Task.Delay(3000);
style.border = "1px dashed transparent";
await Task.Delay(900);
}
}
);
// are we on a cliean slate?
Native.document.title += "?" + Native.window.history.length;
//__page.sizetarget.async.onclick +=
//Native.window.requestAnimationFrameAsync.ContinueWith(
//__page.sizetarget.async.onclick.ContinueWithResult(
__page.sizetarget.onclick +=
async delegate
{
// why do we need this?
await Native.window.requestAnimationFrameAsync;
Native.document.title += "!";
Native.window.history.pushState(
state: new { foo = "bar ", __page.sizetarget.value },
yield:
async scope =>
{
var page = new App.FromDocument();
Native.document.title += ">";
page.sizetarget.value = "";
page.sizetarget.disabled = true;
#region >
// Uncaught Error: InvalidOperationException: we can only continue with global methods for now... { Target = [object Object] }
// we could tread the page object special, if it is the only shared reference
//await 200;
#region Form1
var f = new Form1
{
Text = "Activity1 ",
BackColor = Color.Transparent
//BackColor = Color.FromArgb(20, 255, 255, 255)
};
__Form ff = f.AttachControlTo(page.content);
// this wont work with maximized mode yet?
//ff.ResizeGripElement.Show();
ff.HTMLTargetRef.style.bottom = "16px";
page.sizetarget.style.minWidth = f.Width + "px";
page.sizetarget.style.minHeight = (f.Height + 16) + "px";
f.ClientSizeChanged +=
delegate
{
page.sizetarget.style.minWidth = f.Width + "px";
page.sizetarget.style.minHeight = (f.Height + 16) + "px";
};
// remove the max blackness. the vista max.
ff.InternalStyler.CaptionShadow.style.backgroundColor = "";
ff.InternalStyler.Caption.style.backgroundColor = "";
// make it large. how large?
// liberation of inline style
ff.InternalStyler.CaptionContent.style.font = "";
ff.InternalStyler.CaptionContent.style.fontSize = "";
ff.InternalStyler.CaptionContent.style.lineHeight = "";
// magic
ff.InternalStyler.CaptionContent.style.height = "47px";
ff.CaptionForeground.style.height = "47px";
ff.InternalStyler.TargetOuterBorder.style.border = "";
ff.InternalStyler.TargetOuterBorder.style.boxShadow = "";
ff.InternalStyler.TargetOuterBorder.style.background = "linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%)";
#endregion
//await scope | f.FormClosed;
//var FormClosed = new TaskCompletionSource<Form>();
f.FormClosed += delegate { f = null; Native.window.history.back(); };
//await Task.WhenAny(scope, FormClosed);
await scope;
if (f != null)
f.Close();
#endregion
Native.document.title += "<";
page.sizetarget.value = scope.state.value;
page.sizetarget.disabled = false;
}
);
};
__page.sizetarget.value = "click to enter\n- or -\nclick forward to redu last step";
__page.sizetarget.style.color = "yellow";
__page.sizetarget.style.padding = "1em";
__page.sizetarget.style.textAlign = IStyle.TextAlignEnum.center;
// fist timer can auto enter!
if (Native.window.history.length < 2)
{
((IHTMLAnchor)(object)__page.sizetarget).click();
}
else
{
}
}
