private static TreeNode ApplyLocalName(TreeNode t, XElement cc)
{
t.IsExpanded = true;
t.Element.TextArea.Clear();
var c = new IHTMLCode();
t.Element.TextArea.Add(c);
t.Element.ButtonArea.Hide();
t.Element.IconArea.Hide();
Action <string, JSColor> Write =
(Text, Color) =>
{
var cs = new IHTMLSpan {
innerText = Text
};
cs.style.color = Color;
cs.AttachTo(c);
};
Write("<", JSColor.Blue);
Write(cc.Name.LocalName, JSColor.FromRGB(0xa0, 0, 0));
foreach (var item in cc.Attributes().ToArray())
{
Write(" ", JSColor.None);
Write("foo", JSColor.Red);
Write("='", JSColor.Blue);
Write(item.Value, JSColor.Blue);
Write("'", JSColor.Blue);
}
if (!cc.Elements().Any())
{
Write(">", JSColor.Blue);
Write(cc.Value, JSColor.None);
Write("</", JSColor.Blue);
Write(cc.Name.LocalName, JSColor.FromRGB(0xa0, 0, 0));
Write(">", JSColor.Blue);
}
else
{
Write("/>", JSColor.Blue);
}
return(t);
}
public __ToolStripLabel()
{
this.TextChanged += delegate
{
this.InternalElement.innerText = this.InternalText;
};
this.InternalAfterSetOwner +=
delegate
{
__ToolStrip o = this.Owner;
// or contaner?
InternalElement.AttachTo(o.InternalElement);
};
}
private void AddType(IHTMLDiv parent, CompilationType type, Action <string> UpdateLocation)
{
var div = new IHTMLDiv().AttachTo(parent);
div.style.marginTop = "0.1em";
div.style.fontFamily = ScriptCoreLib.JavaScript.DOM.IStyle.FontFamilyEnum.Verdana;
div.style.whiteSpace = ScriptCoreLib.JavaScript.DOM.IStyle.WhiteSpaceEnum.nowrap;
var i = default(IHTMLImage);
if (type.IsInterface)
{
i = new PublicInterface();
}
else
{
i = new PublicClass();
}
i.AttachTo(div);
i.style.verticalAlign = "middle";
i.style.marginRight = "0.5em";
var s = new IHTMLAnchor {
innerText = type.Name, title = "" + type.MetadataToken
}.AttachTo(div);
if (!string.IsNullOrEmpty(type.HTMLElement))
{
var c = new IHTMLCode();
Action <string, JSColor> Write =
(Text, Color) =>
{
var cs = new IHTMLSpan {
innerText = Text
};
cs.style.color = Color;
cs.AttachTo(c);
};
Write("<", JSColor.Blue);
Write(type.HTMLElement, JSColor.FromRGB(0xa0, 0, 0));
Write("/>", JSColor.Blue);
//c.style.marginLeft = "1em";
c.style.Float = ScriptCoreLib.JavaScript.DOM.IStyle.FloatEnum.right;
c.AttachTo(s);
}
s.href = "#";
s.style.textDecoration = "none";
s.style.color = JSColor.System.WindowText;
Action onclick = delegate
{
};
s.onclick +=
e =>
{
e.PreventDefault();
s.focus();
if (TouchTypeSelected != null)
{
TouchTypeSelected(type);
}
UpdateLocation(type.FullName + " - " + type.Summary + " - HTML:" + type.HTMLElement);
onclick();
};
s.onfocus +=
delegate
{
s.style.backgroundColor = JSColor.System.Highlight;
s.style.color = JSColor.System.HighlightText;
};
s.onblur +=
delegate
{
s.style.backgroundColor = JSColor.None;
s.style.color = JSColor.System.WindowText;
};
onclick =
delegate
{
var children = new IHTMLDiv().AttachTo(div);
children.style.paddingLeft = "1em";
Func <IHTMLDiv> Group = () => new IHTMLDiv().AttachTo(children);
var Groups = new
{
Nested = Group(),
Constructors = Group(),
Methods = Group(),
Events = Group(),
Fields = Group(),
Properties = Group(),
};
type.GetNestedTypes().ForEach(
(Current, Next) =>
{
AddType(Groups.Nested, Current, UpdateLocation);
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
);
type.GetConstructors().ForEach(
(Current, Next) =>
{
AddTypeConstructor(Groups.Constructors, Current, UpdateLocation);
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
);
var HiddenMethods = new List <int>();
Action <CompilationMethod> AddIfAny =
SourceMethod =>
{
if (SourceMethod == null)
{
return;
}
HiddenMethods.Add(SourceMethod.MetadataToken);
};
Action AfterEvents = delegate
{
type.GetMethods().ForEach(
(Current, Next) =>
{
if (!HiddenMethods.Contains(Current.MetadataToken))
{
AddTypeMethod(Groups.Methods, Current, UpdateLocation);
}
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
);
};
Action AfterProperties = delegate
{
type.GetEvents().ForEach(
(Current, Next) =>
{
AddIfAny(Current.GetAddMethod());
AddIfAny(Current.GetRemoveMethod());
AddTypeEvent(Groups.Events, Current, UpdateLocation);
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
)(AfterEvents);
};
type.GetProperties().ForEach(
(Current, Next) =>
{
AddIfAny(Current.GetSetMethod());
AddIfAny(Current.GetGetMethod());
AddTypeProperty(Groups.Properties, Current, UpdateLocation);
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
)(AfterProperties);
type.GetFields().ForEach(
(Current, Next) =>
{
AddTypeField(Groups.Fields, Current, UpdateLocation);
ScriptCoreLib.Shared.Avalon.Extensions.AvalonSharedExtensions.AtDelay(
50,
Next
);
}
);
var NextClickHide = default(Action);
var NextClickShow = default(Action);
NextClickHide =
delegate
{
children.Hide();
onclick = NextClickShow;
};
NextClickShow =
delegate
{
children.Show();
onclick = NextClickHide;
};
onclick = NextClickHide;
};
}
public StudioView(Action <IHTMLElement, Action <ISaveAction> > AddSaveButton = null)
{
Content.style.position = IStyle.PositionEnum.absolute;
Content.style.left = "0px";
Content.style.right = "0px";
Content.style.top = "0px";
Content.style.bottom = "0px";
new TwentyTenWorkspace().ToBackground(Content.style, true);
var WorkspaceHeaderTab0 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.top = "0px";
div.style.left = "0px";
div.style.width = "14em";
div.style.height = "6em";
div.style.padding = "0.5em";
new Glow1().ToBackground(div.style, false);
}
).AttachTo(Content);
var WorkspaceHeaderTab1 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.top = "0px";
div.style.left = "14em";
div.style.width = "20em";
div.style.height = "6em";
div.style.padding = "0.5em";
new Glow1().ToBackground(div.style, false);
}
).AttachTo(Content);
var WorkspaceHeaderTab2 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.top = "0px";
div.style.left = "34em";
div.style.right = "6em";
div.style.height = "6em";
div.style.padding = "0.5em";
new Glow1().ToBackground(div.style, false);
}
).AttachTo(Content);
var WorkspaceHeaderTab7 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.top = "0px";
div.style.width = "6em";
div.style.right = "0px";
div.style.height = "6em";
//div.style.padding = "0.5em";
new Glow1().ToBackground(div.style, false);
}
).AttachTo(Content);
var WorkspaceHeaderTab0Text = default(IHTMLSpan);
new DownloadSDK
{
}.AttachTo(
new IHTMLAnchor
{
title = "Download JSC SDK!",
href = "http://download.jsc-solutions.net"
}.AttachTo(WorkspaceHeaderTab7)
);
@"studio.jsc-solutions.net".ToDocumentTitle().With(
title =>
{
WorkspaceHeaderTab0Text = new IHTMLSpan {
innerText = title
};
WorkspaceHeaderTab0Text.AttachTo(WorkspaceHeaderTab0);
//WorkspaceHeaderTab0Text.style.SetLocation(16, 8);
WorkspaceHeaderTab0Text.style.fontFamily = IStyle.FontFamilyEnum.Tahoma;
WorkspaceHeaderTab0Text.style.color = Color.White;
WorkspaceHeaderTab0Text.style.display = IStyle.DisplayEnum.block;
// http://www.quirksmode.org/css/textshadow.html
WorkspaceHeaderTab0Text.style.textShadow = "#808080 4px 2px 2px";
}
);
if (AddSaveButton != null)
{
AddSaveButton(WorkspaceHeaderTab0Text, i => Save = i);
}
// em + px :)
var Workspace0 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "0px";
div.style.right = "0px";
div.style.bottom = "0px";
div.style.top = "6em";
}
).AttachTo(Content);
// workspace contains the split views
var Workspace = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "6px";
div.style.right = "6px";
div.style.bottom = "6px";
div.style.top = "6px";
}
).AttachTo(Workspace0);
// in this project we wont be having toolbox or toolbar yet
Action <HorizontalSplit> ApplyStyle =
t =>
{
t.Split.Splitter.style.backgroundColor = Color.None;
t.SplitImageContainer.Orphanize();
t.SplitArea.Target.style.borderLeft = "0";
t.SplitArea.Target.style.borderRight = "0";
t.SplitArea.Target.style.width = "6px";
t.SplitArea.Target.style.Opacity = 0.7;
// should we obselete JSColor already?
t.SelectionColor = JSColor.Black;
};
var EditorTreeSplit = new HorizontalSplit
{
Minimum = 0,
Maximum = 1,
Value = 0.7,
};
EditorTreeSplit.With(ApplyStyle);
EditorTreeSplit.Split.Splitter.style.backgroundColor = Color.None;
EditorTreeSplit.Container.AttachTo(Workspace);
var Split = new HorizontalSplit
{
Minimum = 0,
Maximum = 1,
Value = 0.3,
};
Split.With(ApplyStyle);
Split.Split.Splitter.style.backgroundColor = Color.None;
EditorTreeSplit.LeftContainer = Split.Container;
var SolutionToolbox = new SolutionDockWindowPage();
SolutionToolbox.HeaderText.innerText = "Toolbox";
SolutionToolbox.Content.style.backgroundColor = Color.White;
SolutionToolbox.Content.style.padding = "2px";
SolutionToolbox.Content.style.overflow = IStyle.OverflowEnum.auto;
SolutionToolbox.Content.Clear();
var vv = new SolutionToolboxListView();
vv.Container.style.color = Color.Black;
//vv.Container.AttachTo(SolutionToolbox.Content);
var items = new StockToolboxTabsForHTMLDocument();
// jsc market components
vv.Add(
new SolutionToolboxListViewTab
{
DataType = "DataTable",
Name = "DataTable",
Title = "DataTable",
Text = "DataTable",
Icon = new DataTableImage()
}
);
vv.Add(
new SolutionToolboxListViewTab
{
DataType = "SpiralDataType",
Name = "Spiral1",
Title = "Spiral",
Text = "Spiral",
Icon = new Spiral()
}
);
// can we drag this into
// code ?
// msvs gets the image link
//http://192.168.43.252:11924/assets/ScriptCoreLib.Ultra.Components/StockToolboxImageTransparent64.png?data-jsc-type=DAETruck
vv.Add(
new SolutionToolboxListViewTab
{
DataType = "DAETruck",
Name = "DAETruck",
Title = "DAETruck",
Text = "DAETruck",
Icon = new DAETruck()
}
);
vv.Add(
new SolutionToolboxListViewTab
{
DataType = "WebGLEarthByBjorn",
Name = "WebGLEarthByBjorn",
Title = "WebGLEarthByBjorn",
Text = "WebGLEarthByBjorn",
Icon = new WebGLEarthByBjorn()
}
);
items.WithEach(vv.Add);
var Viewer = new SolutionDocumentViewer();
SolutionDocumentViewerTab File7Tab = "Design/App.htm";
Viewer.Add(File7Tab);
#region OutputFile
var OutputFile = new SolutionFile();
var OutputFileViewer = new SolutionFileView();
// fullscreen! :)
OutputFileViewer.Container.style.height = "100%";
OutputFile.IndentStack.Push(
delegate
{
OutputFile.Write(SolutionFileTextFragment.Comment, "" + DateTime.Now);
OutputFile.WriteSpace();
}
);
Action <string> OutputWriteLine =
n =>
{
// Would we want to rewire System.Out? Console.WriteLine?
OutputFile.WriteIndent();
OutputFile.WriteLine(n);
// we could have a resume feature? now we just go and clear...
OutputFileViewer.File = OutputFile;
};
OutputWriteLine("studio.jsc-solutions.net ready!");
#endregion
SolutionDocumentViewerTab OutputTab = "Output";
Viewer.Add(OutputTab);
OutputTab.TabElement.style.Float = IStyle.FloatEnum.right;
SolutionDocumentViewerTab AboutTab = "Project";
Viewer.Add(AboutTab);
AboutTab.TabElement.style.Float = IStyle.FloatEnum.right;
var CurrentDesigner = new SolutionFileDesigner();
var HTMLDesigner = new SolutionFileDesignerHTMLElementTabs();
CurrentDesigner.Add(HTMLDesigner);
// undoable?
var sln = new SolutionBuilder();
#region CodeSourceA
var CodeSourceATab =
new SolutionFileDesignerTab
{
Image = new RTA_mode_html(),
Text = "Generated Code"
};
var CodeSourceAView = new SolutionFileView();
CodeSourceAView.Container.style.position = IStyle.PositionEnum.absolute;
CodeSourceAView.Container.style.left = "0px";
CodeSourceAView.Container.style.right = "0px";
CodeSourceAView.Container.style.top = "0px";
CodeSourceAView.Container.style.bottom = "0px";
CodeSourceAView.Container.style.display = IStyle.DisplayEnum.none;
CodeSourceAView.Container.AttachTo(CurrentDesigner.Content);
CodeSourceATab.Deactivated +=
delegate
{
CodeSourceAView.Container.style.display = IStyle.DisplayEnum.none;
};
CodeSourceATab.Activated +=
delegate
{
HTMLDesigner.HTMLDesignerContent.WhenContentReady(
body =>
{
var CodeSourceFile = new SolutionFile
{
Name = "Default.htm"
};
var Type = new SolutionProjectLanguageType
{
Comments = new SolutionFileComment[] { "This type was generated from the HTML file." },
Namespace = sln.Name + ".HTML.Pages",
Name = "IDefaultPage",
IsInterface = true,
};
(from n in body.AsXElement().DescendantsAndSelf()
let id = n.Attribute("id")
where id != null
select new { n, id }
).WithEach(
k =>
{
Type.Properties.Add(
new KnownStockTypes.ScriptCoreLib.JavaScript.DOM.HTML.IHTMLElement().ToAutoProperty(k.id.Value)
);
}
);
sln.Language.WriteType(CodeSourceFile, Type, null);
CodeSourceAView.File = CodeSourceFile;
CodeSourceAView.Container.style.display = IStyle.DisplayEnum.empty;
}
);
};
#endregion
#region CodeSourceB
var CodeSourceBTab =
new SolutionFileDesignerTab
{
Image = new RTA_mode_html(),
// all source code, not just html?
Text = "Source"
};
var CodeSourceBView = new SolutionFileView();
CodeSourceBView.Container.style.position = IStyle.PositionEnum.absolute;
CodeSourceBView.Container.style.left = "0px";
CodeSourceBView.Container.style.right = "0px";
CodeSourceBView.Container.style.top = "0px";
CodeSourceBView.Container.style.bottom = "0px";
CodeSourceBView.Container.style.display = IStyle.DisplayEnum.none;
CodeSourceBView.Container.AttachTo(CurrentDesigner.Content);
CodeSourceBTab.Deactivated +=
delegate
{
CodeSourceBView.Container.style.display = IStyle.DisplayEnum.none;
};
CodeSourceBTab.Activated +=
delegate
{
CodeSourceBView.Container.style.display = IStyle.DisplayEnum.empty;
};
#endregion
#region CodeSourceFormsDesignerTab
var CodeSourceFormsDesignerTab =
new SolutionFileDesignerTab
{
Image = new RTA_mode_design(),
// all source code, not just html?
Text = "Designer"
};
var CodeSourceFormsDesignerTabView = new SolutionFileView();
CodeSourceFormsDesignerTabView.Container.style.With(
style =>
{
style.position = IStyle.PositionEnum.absolute;
style.left = "0px";
style.right = "0px";
style.top = "0px";
style.bottom = "0px";
style.display = IStyle.DisplayEnum.none;
}
);
new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "16px";
div.style.top = "16px";
div.style.width = "400px";
div.style.height = "300px";
div.style.backgroundColor = Color.FromGray(0xe0);
div.style.border = "1px solid gray";
div.AttachTo(CodeSourceFormsDesignerTabView.Container);
}
);
CodeSourceFormsDesignerTabView.Container.AttachTo(CurrentDesigner.Content);
CodeSourceFormsDesignerTab.Deactivated +=
delegate
{
CodeSourceFormsDesignerTabView.Container.style.display = IStyle.DisplayEnum.none;
};
CodeSourceFormsDesignerTab.Activated +=
delegate
{
CodeSourceFormsDesignerTabView.Container.style.display = IStyle.DisplayEnum.empty;
};
#endregion
CurrentDesigner.Add(CodeSourceFormsDesignerTab);
CurrentDesigner.Add(CodeSourceBTab);
CurrentDesigner.Add(CodeSourceATab);
var wLeftScrollable = new System.Windows.Forms.Form
{
BackColor = global::System.Drawing.Color.White,
Text = "Toolbox",
ControlBox = false,
ShowIcon = false,
AutoScroll = true
};
vv.Container.AttachTo(
wLeftScrollable.GetHTMLTargetContainer()
);
//wLeftScrollable.Show();
Split.Split.LeftScrollable.style.zIndex = 0;
wLeftScrollable.AttachFormTo(Split.Split.LeftScrollable);
//wLeftScrollable.PopupInsteadOfClosing();
//Split.Split.LeftScrollable = (IHTMLDiv)(object)SolutionToolbox.body;
Split.Split.RightScrollable = Viewer.Container;
// ...
#region dynamic content
Func <IEnumerable <XElement> > GetPages = delegate
{
return(from n in sln.ApplicationPage.DescendantsAndSelf()
let type = n.Attribute(SolutionBuilderInteractive.DataTypeAttribute)
where type != null
let id = n.Attribute("id")
where id != null
select n);
};
sln.Interactive.GenerateApplicationExpressions +=
Add =>
{
// page.PageContainer.ReplaceWith(
GetPages().WithEach(
k =>
{
var id = k.Attribute("id").Value;
if (id == "Page1")
{
Add(
new StockReplaceWithNewPageExpression(id)
);
}
if (id == "UserControl1")
{
Add(
new StockReplaceWithNewUserControlExpression(sln.Name + ".Components", id)
);
}
if (id == "Applet1")
{
Add(
new StockReplaceWithNewAppletExpression(sln.Name + ".Components", id)
);
}
if (id == "Sprite1")
{
Add(
new StockReplaceWithNewSpriteExpression(sln.Name + ".Components", id)
);
}
if (id == "AppletUserControl1")
{
Add(
new StockReplaceWithNewAppletExpression(sln.Name + ".Components", id)
);
}
}
);
};
sln.Interactive.GenerateHTMLFiles +=
Add =>
{
GetPages().WithEach(
k =>
{
var id = k.Attribute("id").Value;
if (id == "Page1")
{
var __Content = new XElement(StockPageDefault.Page);
__Content.Element("head").Element("title").Value = id;
Add(
new SolutionProjectHTMLFile
{
Name = "Design/" + id + ".htm",
Content = __Content
}
);
}
}
);
};
sln.Interactive.GenerateTypes +=
Add =>
{
GetPages().WithEach(
k =>
{
var id = k.Attribute("id").Value;
if (id == "UserControl1")
{
Add(
new StockUserControlType(sln.Name + ".Components", id)
);
}
if (id == "Applet1")
{
Add(
new StockAppletType(sln.Name + ".Components", id)
);
}
if (id == "Sprite1")
{
Add(
new StockSpriteType(sln.Name + ".Components", id)
);
}
if (id == "AppletUserControl1")
{
var UserControl2 = new StockUserControlType(sln.Name + ".Components", "UserControl2");
Add(
UserControl2
);
Add(
new StockUserControlAppletType(sln.Name + ".Components", id, UserControl2)
);
}
}
);
};
#endregion
var _Solution = new TreeNode(VistaTreeNodePage.Create);
var _Project = _Solution.Add();
var About = new About();
#region UpdateFile1Text
Action UpdateFile1Text =
delegate
{
if (CodeSourceBView.File != null)
{
File7Tab.Text = CodeSourceBView.File.Name.SkipUntilLastIfAny("/");
}
else
{
File7Tab.Text = sln.Name;
}
};
#endregion
#region Update
Action Update =
delegate
{
sln.Name = About.ProjectName.value;
UpdateFile1Text();
_Project.Clear();
UpdateTree(sln, CodeSourceBView, _Solution, _Project);
};
#endregion
var PreviousVersion = default(string);
#region HTMLDesigner.HTMLDesignerContent
HTMLDesigner.HTMLDesignerContent.WhenContentReady(
body =>
{
if (PreviousVersion == null)
{
var x = new XElement(body.AsXElement());
var y = x.ToString();
PreviousVersion = y;
}
Action <bool> HTMLDesignerContentCheck =
DoUpdate =>
{
var x = new XElement(body.AsXElement());
var y = x.ToString();
if (PreviousVersion != y)
{
PreviousVersion = y;
sln.ApplicationPage = x;
// allow any blur causing action to complete first
// we get reselected for some odd reason, why?
new Timer(
delegate
{
if (DoUpdate)
{
OutputWriteLine("Designer has caused an update.");
Update();
}
else
{
OutputWriteLine("Designer will cause an update.");
}
}
).StartTimeout(700);
}
};
var HTMLDesignerContentDirty = new Timer(
delegate
{
HTMLDesignerContentCheck(false);
}
);
HTMLDesigner.HTMLDesignerContent.contentWindow.onfocus +=
delegate
{
OutputWriteLine("Designer activated.");
//"focus".ToDocumentTitle();
//HTMLDesignerContentDirty.StartInterval(700);
};
HTMLDesigner.HTMLDesignerContent.contentWindow.onblur +=
delegate
{
//HTMLDesignerContentDirty.Stop();
OutputWriteLine("Designer deactivated.");
//"blur".ToDocumentTitle();
HTMLDesignerContentCheck(true);
};
}
);
#endregion
#region CodeSourceBView.FileChanged
CodeSourceBView.FileChanged +=
delegate
{
UpdateFile1Text();
OutputWriteLine("Select: " + CodeSourceBView.File.Name);
CodeSourceFormsDesignerTab.TabElement.Hide();
// hack :)
if (CodeSourceBView.File.Name.EndsWith("/App.htm"))
{
// currently we only have one element :)
HTMLDesigner.HTMLDesignerTab.RaiseActivated();
HTMLDesigner.HTMLDesignerTab.TabElement.style.display = IStyle.DisplayEnum.inline_block;
HTMLDesigner.HTMLSourceTab.TabElement.style.display = IStyle.DisplayEnum.none;
CodeSourceATab.TabElement.style.display = IStyle.DisplayEnum.inline_block;
CodeSourceBTab.TabElement.style.display = IStyle.DisplayEnum.inline_block;
HTMLDesigner.HTMLDesignerContent.WhenContentReady(
body =>
{
HTMLDesigner.HTMLDesignerContent.contentWindow.focus();
}
);
// show the design/source buttons
}
else if (CodeSourceBView.File.Name.EndsWith(".sln"))
{
AboutTab.Activate();
}
else if (CodeSourceBView.File.Name.EndsWith(sln.Language.ProjectFileExtension))
{
AboutTab.Activate();
}
else if (CodeSourceBView.File.Name.EndsWith(sln.Language.CodeFileExtension))
{
// show type outline / member
CodeSourceBTab.RaiseActivated();
HTMLDesigner.HTMLDesignerTab.TabElement.style.display = IStyle.DisplayEnum.none;
HTMLDesigner.HTMLSourceTab.TabElement.style.display = IStyle.DisplayEnum.none;
CodeSourceATab.TabElement.style.display = IStyle.DisplayEnum.none;
CodeSourceBTab.TabElement.style.display = IStyle.DisplayEnum.inline_block;
CodeSourceBView.File.ContextType.BaseType.With(
BaseType =>
{
if (BaseType is KnownStockTypes.System.Windows.Forms.UserControl)
{
CodeSourceFormsDesignerTab.TabElement.Show();
CodeSourceFormsDesignerTab.RaiseActivated();
}
if (BaseType is KnownStockTypes.System.ComponentModel.Component)
{
CodeSourceFormsDesignerTab.TabElement.Show();
CodeSourceFormsDesignerTab.RaiseActivated();
}
}
);
}
};
#endregion
//AddSaveButton(WorkspaceHeader, i => Save = i);
About.ProjectName.value = sln.Name;
About.ProjectName.onchange +=
delegate
{
OutputWriteLine("Project name has changed.");
Update();
};
Viewer.Content.Clear();
Viewer.Content.Add(About.Container);
Viewer.Content.Add(CurrentDesigner.Container);
Viewer.Content.Add(OutputFileViewer.Container);
AboutTab.WhenActivated(About.Container);
File7Tab.WhenActivated(CurrentDesigner.Container);
OutputTab.WhenActivated(OutputFileViewer.Container);
Viewer.First().Activate();
//var SolutionExplorer = new SolutionDockWindowPage();
//SolutionExplorer.HeaderText.innerText = "Solution Explorer";
//SolutionExplorer.Content.style.backgroundColor = Color.White;
//SolutionExplorer.Content.style.padding = "2px";
//SolutionExplorer.Content.ReplaceContentWith(_Solution.Container);
var fSolutionExplorer = new System.Windows.Forms.Form
{
BackColor = global::System.Drawing.Color.White,
Text = "Solution Explorer",
ControlBox = false,
ShowIcon = false
};
EditorTreeSplit.Split.RightScrollable.style.zIndex = 0;
EditorTreeSplit.Split.RightScrollable.style.position = IStyle.PositionEnum.relative;
fSolutionExplorer.AttachFormTo(EditorTreeSplit.Split.RightScrollable);
_Solution.Container.AttachTo(fSolutionExplorer.GetHTMLTargetContainer());
_Solution.Container.style.overflow = IStyle.OverflowEnum.auto;
_Solution.Container.style.height = "100%";
_Solution.Container.style.backgroundColor = Color.White;
//EditorTreeSplit.Split.RightContainer = (IHTMLDiv)(object)SolutionExplorer.Container;
EditorTreeSplit.Container.AttachTo(Workspace);
//CurrentDesigner.First().RaiseActivated();
Update();
#region CreateLanguageButton
Action <IHTMLImage, string, SolutionProjectLanguage, string> CreateLanguageButton =
(Icon, Text, Language, Name) =>
{
var span = new IHTMLSpan(Text);
span.style.marginLeft = "0.7em";
span.style.marginRight = "0.7em";
new IHTMLButton {
Icon /*, span */
}.AttachTo(WorkspaceHeaderTab1).With(
btn =>
{
btn.onclick +=
delegate
{
sln.Language = Language;
sln.Name = Language.LanguageSpelledName.Replace(" ", "") + "Project1";
Update();
};
//btn.style.display = IStyle.DisplayEnum.block;
}
);
};
#endregion
CreateLanguageButton(new VisualCSharpProject(), "C#", KnownLanguages.VisualCSharp, "VisualCSharpProject1");
CreateLanguageButton(new VisualFSharpProject(), "F#", KnownLanguages.VisualFSharp, "VisualFSharpProject1");
CreateLanguageButton(new VisualBasicProject(), "Visual Basic", KnownLanguages.VisualBasic, "VisualBasicProject1");
var ListOfCreateProjectTypeButton = new List <IHTMLButton>();
#region CreateProjectTypeButton
Action <string, Action> CreateProjectTypeButton =
(Text, Handler) =>
{
var span = new IHTMLSpan(Text);
span.style.marginLeft = "0.7em";
span.style.marginRight = "0.7em";
new IHTMLButton {
span
}.AttachTo(WorkspaceHeaderTab2).With(
btn =>
{
ListOfCreateProjectTypeButton.Add(btn);
btn.onclick +=
delegate
{
ListOfCreateProjectTypeButton.WithEach(n => n.disabled = true);
Handler();
};
//btn.style.display = IStyle.DisplayEnum.block;
}
);
};
#endregion
#region ToSpecificProjectType
Action <string, Action> ToSpecificProjectType =
(Text, Handler) =>
{
CreateProjectTypeButton(Text,
delegate
{
Handler();
HTMLDesigner.HTMLDesignerContent.WhenDocumentReady(
document =>
{
document.WithContent(sln.ApplicationPage);
// we should now also lock the designer!
document.DesignMode = false;
}
);
Update();
}
);
};
#endregion
#region Avalon, Forms
ToSpecificProjectType("Avalon App",
delegate
{
sln.WithCanvas();
}
);
ToSpecificProjectType("Avalon Flash App",
delegate
{
sln.WithCanvasAdobeFlash();
}
);
ToSpecificProjectType("Forms App",
delegate
{
sln.WithForms();
}
);
ToSpecificProjectType("Forms Applet App",
delegate
{
sln.WithFormsApplet();
}
);
#endregion
ToSpecificProjectType("Flash App",
delegate
{
sln.WithAdobeFlash();
}
);
ToSpecificProjectType("Flash Camera App",
delegate
{
sln.WithAdobeFlashCamera();
}
);
ToSpecificProjectType("Flash Flare3D App",
delegate
{
sln.WithAdobeFlashWithFlare3D();
}
);
ToSpecificProjectType("Applet App",
delegate
{
sln.WithJavaApplet();
}
);
}
public SectionConcept(T Target, IHTMLImage TreeExpand, IHTMLImage TreeCollapse)
{
this.Target = Target;
Content = new IHTMLDiv
{
Target.Content.childNodes
};
Header = new IHTMLSpan
{
Target.Header.childNodes
};
var Icon = new IHTMLSpan
{
TreeExpand,
TreeCollapse
};
Icon.style.marginRight = "1em";
Icon.AttachTo(Target.Header);
Header.AttachTo(Target.Header);
Content.AttachTo(Target.Content);
Target.Header.style.cursor = ScriptCoreLib.JavaScript.DOM.IStyle.CursorEnum.pointer;
TreeExpand.Hide();
Action onclick = delegate { };
Target.Header.onclick +=
delegate
{
onclick();
};
this.NextClickHide =
delegate
{
InternalIsExpanded = false;
Target.Content.Hide();
TreeExpand.Show();
TreeCollapse.Hide();
onclick = NextClickShow;
};
this.NextClickShow =
delegate
{
InternalIsExpanded = true;
Target.Content.Show();
TreeExpand.Hide();
TreeCollapse.Show();
onclick = NextClickHide;
};
onclick = NextClickHide;
}
/// <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(IDefault page)
{
var n = new MyEditor();
n.Container.AttachToDocument();
//var a = new IHTMLAnchor(
// "http://sketchup.google.com/3dwarehouse/search?q=stargate",
// "Open 3dwarehouse in another window"
//);
//a.style.fontSize = "large-xx";
//a.AttachToDocument();
//ii.setAttribute("src", "http://sketchup.google.com/3dwarehouse/");
IHTMLDiv Control = new IHTMLDiv();
n.Edit1.parentNode.replaceChild(Control, n.Edit1);
//n.Logo.src = "assets/TextEditorDemo2/Preview.png";
//Control.AttachToDocument();
var text = new TextEditor(Control);
text.InnerHTML = "Drag images to this frame!<hr />";
// IE error
text.Height = 200;
text.Width = 400;
//text.InnerHTML = n.Edit1.value;
text.IsFadeEnabled = false;
//var i = new IHTMLImage(21, 20) { src = "assets/TextEditorDemo2/cal.png" };
var CurrentList = new List <InternalExtensions.GoogleThreeDWarehouseImage>();
n.ToLarge.onclick += e =>
{
CurrentList.ForEach(k => k.AnimationZoom = 4);
};
n.ToMedium.onclick += e =>
{
CurrentList.ForEach(k => k.AnimationZoom = 1);
};
n.ToSmall.onclick += e =>
{
CurrentList.ForEach(k => k.AnimationZoom = 0.5);
};
Action <string[], IHTMLButton> ToPreview =
(data, button) =>
{
var ii = new IHTMLImage(40, 30)
{
src = data[0]
};
ii.style.verticalAlign = "middle";
var sp = new IHTMLSpan();
sp.style.marginLeft = "1em";
sp.AttachTo(button);
ii.AttachTo(button).ToGoogleThreeDWarehouseImage().Animate();
};
n.Nasa.onclick +=
delegate
{
text.InnerHTML = NasaSource.Text;
};
//n.Houses.onclick +=
// delegate
// {
// text.InnerHTML = Pages.Houses.Static.HTML;
// };
n.CnC.onclick +=
delegate
{
text.InnerHTML = CnCSource.Text;
};
n.Ships.onclick +=
delegate
{
text.InnerHTML = ShipsSource.Text;
};
//ToPreview(Ships..Images, n.Ships);
//ToPreview(CnC.Static.Images, n.CnC);
////ToPreview(Houses.Static.Images, n.Houses);
//ToPreview(Nasa.Static.Images, n.Nasa);
//i.AttachToDocument();
n.OK.onclick +=
delegate
{
n.ContainerForImages.removeChildren();
CurrentList.Clear();
//text.Document.getElementsByTagName("img").ToGoogleThreeDWarehouseImages().Animate();
var clones = text.Document.GetClonedImages();
foreach (IHTMLImage iii in clones)
{
var w = iii.AttachTo(n.ContainerForImages).ToGoogleThreeDWarehouseImage();
w.Animate();
CurrentList.Add(w);
}
};
//);
//OK.Control.style.paddingLeft = "1em";
//text.BottomToolbarContainer.appendChild(OK.Control);
text.TopToolbarContainer.Hide();
text.BottomToolbarContainer.Hide();
}
public StudioView()
{
Content.style.position = IStyle.PositionEnum.absolute;
Content.style.left = "0px";
Content.style.right = "0px";
Content.style.top = "0px";
Content.style.bottom = "0px";
new TwentyTenWorkspace().ToBackground(Content.style, true);
var WorkspaceHeader = default(IHTMLSpan);
@"jsc-solutions.net studio".ToDocumentTitle().With(
title =>
{
WorkspaceHeader = new IHTMLSpan {
innerText = title
};
WorkspaceHeader.AttachTo(Content);
WorkspaceHeader.style.SetLocation(16, 8);
WorkspaceHeader.style.color = Color.White;
// http://www.quirksmode.org/css/textshadow.html
WorkspaceHeader.style.textShadow = "#808080 4px 2px 2px";
}
);
// em + px :)
var Workspace0 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "0px";
div.style.right = "0px";
div.style.bottom = "0px";
div.style.top = "3em";
}
).AttachTo(Content);
// workspace contains the split views
var Workspace = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "6px";
div.style.right = "6px";
div.style.bottom = "6px";
div.style.top = "6px";
}
).AttachTo(Workspace0);
Action <HorizontalSplit> ApplyStyle =
t =>
{
t.Split.Splitter.style.backgroundColor = Color.None;
t.SplitImageContainer.Orphanize();
t.SplitArea.Target.style.borderLeft = "0";
t.SplitArea.Target.style.borderRight = "0";
t.SplitArea.Target.style.width = "6px";
t.SplitArea.Target.style.Opacity = 0.7;
// should we obselete JSColor already?
t.SelectionColor = JSColor.Black;
};
var Split = new HorizontalSplit
{
Minimum = 0,
Maximum = 1,
Value = 0.2,
};
Split.With(ApplyStyle);
Split.Split.Splitter.style.backgroundColor = Color.None;
Split.Container.AttachTo(Workspace);
var SolutionToolbox = new SolutionDockWindowPage();
SolutionToolbox.HeaderText.innerText = "Toolbox";
SolutionToolbox.Content.style.backgroundColor = Color.White;
SolutionToolbox.Content.style.padding = "2px";
SolutionToolbox.Content.style.overflow = IStyle.OverflowEnum.auto;
SolutionToolbox.Content.Clear();
var vv = new SolutionToolboxListView();
vv.Container.AttachTo(SolutionToolbox.Content);
var items = new StockToolboxTabsForHTMLDocument();
items.WithEach(vv.Add);
var Viewer = new SolutionDocumentViewer();
SolutionDocumentViewerTab AboutTab = "About";
Viewer.Add(AboutTab);
var CurrentDesigner = new SolutionFileDesigner();
var HTMLDesigner = new SolutionFileDesignerHTMLElementTabs();
CurrentDesigner.Add(HTMLDesigner);
#region CodeSource
var CodeSourceTab =
new SolutionFileDesignerTab
{
Image = new ScriptCoreLib.Ultra.Components.HTML.Images.FromAssets.ClassViewer(),
Text = "XDefaultPage"
};
var CodeSourceView = new SolutionFileView();
CodeSourceView.Container.style.position = IStyle.PositionEnum.absolute;
CodeSourceView.Container.style.left = "0px";
CodeSourceView.Container.style.right = "0px";
CodeSourceView.Container.style.top = "0px";
CodeSourceView.Container.style.bottom = "0px";
CodeSourceView.Container.style.display = IStyle.DisplayEnum.none;
CodeSourceView.Container.AttachTo(CurrentDesigner.Content);
CodeSourceTab.Deactivated +=
delegate
{
CodeSourceView.Container.style.display = IStyle.DisplayEnum.none;
};
CodeSourceTab.Activated +=
delegate
{
HTMLDesigner.HTMLDesignerContent.WhenContentReady(
body =>
{
var CodeSourceFile = new SolutionFile();
var Type = new SolutionProjectLanguageType
{
Namespace = "HTML.Pages",
Name = "IDefaultPage",
IsInterface = true,
};
(from n in body.AsXElement().DescendantsAndSelf()
let id = n.Attribute("id")
where id != null
select new { n, id }
).WithEach(
k =>
{
Type.Properties.Add(
new SolutionProjectLanguageProperty
{
Name = k.id.Value,
GetMethod = new SolutionProjectLanguageMethod(),
SetMethod = new SolutionProjectLanguageMethod(),
PropertyType = new SolutionProjectLanguageType
{
Namespace = "ScriptCoreLib.JavaScript.DOM.HTML",
Name = "IHTMLElement"
}
}
);
}
);
KnownLanguages.VisualCSharp.WriteType(CodeSourceFile, Type, null);
CodeSourceView.File = CodeSourceFile;
CodeSourceView.Container.style.display = IStyle.DisplayEnum.empty;
}
);
};
#endregion
CurrentDesigner.Add(CodeSourceTab);
CurrentDesigner.First().RaiseActivated();
AboutTab.Activated +=
delegate
{
Viewer.Content.ReplaceContentWith(CurrentDesigner.Container);
};
Viewer.First().Activate();
Split.Split.LeftScrollable = SolutionToolbox.Container;
Split.Split.RightScrollable = Viewer.Container;
}
/// <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\async\AsyncWindowUncaughtError\AsyncWindowUncaughtError\ApplicationWebService.cs
// intellitrace
// a self debugging programe?
// can we have buttons for debugging?
// https://www.youtube.com/watch?v=4vtKRE9an_I
// could we have live patching, remote debugging via udp?
var Next = new IHTMLButton {
"Next"
}.AttachToDocument();
Next.disabled = true;
Func <Task> Next_onclick = async delegate
{
Next.disabled = false;
await Next.async.onclick;
Next.disabled = true;
};
trace trace = async(string filepath, int linenumber, string line) =>
{
// could we go backwards in time too?
// like intellitrace?
var debugged = new IHTMLPre {
}.AttachToDocument();
// should we allow chaning constants?
// by patching const load opcodes?
var l = new IHTMLSpan {
"" + linenumber
}.AttachToDocument();
l.title = filepath;
l.style.marginRight = "2em";
l.style.color = "darkcyan";
l.AttachTo(debugged);
// could we use css to do syntax highlight?
var prefixToHide = "await trace();";
// perhaps the next step would be to send us the origina stack usage IL
// we see in the jsc reflector?
var c = new IHTMLSpan {
line.Replace(prefixToHide, "")
};
c.style.marginRight = "2em";
//c.style.color = "blue";
c.style.backgroundColor = "yellow";
c.AttachTo(debugged);
await Next_onclick();
c.style.backgroundColor = "";
};
interactive <string> __string = async(string data, string filepath, int linenumber, string line) =>
{
var i = new IHTMLInput {
value = data
}.AttachToDocument();
await Next_onclick();
return(i.value);
};
//Func<>
Func <string, Task <string> > program =
// a simulaton of a program
async data =>
{
await trace(); new IHTMLPre {
await __string("hello")
}.AttachToDocument();
await trace(); new IHTMLPre {
await __string("world")
}.AttachToDocument();
await trace(); return("done!");
};
new IHTMLButton {
"Step Into"
}.AttachToDocument().onclick +=
async e =>
{
new IHTMLHorizontalRule().AttachToDocument();
e.Element.disabled = true;
var value = await program("data");
e.Element.disabled = false;
new IHTMLPre {
new { value }
}.AttachToDocument();
};
new IHTMLButton {
"Run"
}.AttachToDocument().onclick +=
async e =>
{
// enum to string?
new IHTMLHorizontalRule().AttachToDocument();
var x = Next_onclick;
// slow down the program
Next_onclick = async delegate { await Task.Delay(300); };
e.Element.disabled = true;
var value = await program("data");
e.Element.disabled = false;
Next_onclick = x;
new IHTMLPre {
new { value }
}.AttachToDocument();
};
}
public StudioView(Action <IHTMLElement, Action <ISaveAction> > AddSaveButton)
{
Content.style.position = IStyle.PositionEnum.absolute;
Content.style.left = "0px";
Content.style.right = "0px";
Content.style.top = "0px";
Content.style.bottom = "0px";
new TwentyTenWorkspace().ToBackground(Content.style, true);
var WorkspaceHeader = default(IHTMLSpan);
@"jsc-solutions.net studio".ToDocumentTitle().With(
title =>
{
WorkspaceHeader = new IHTMLSpan {
innerText = title
};
WorkspaceHeader.AttachTo(Content);
WorkspaceHeader.style.SetLocation(16, 8);
WorkspaceHeader.style.color = Color.White;
// http://www.quirksmode.org/css/textshadow.html
WorkspaceHeader.style.textShadow = "#808080 4px 2px 2px";
}
);
// em + px :)
var Workspace0 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "0px";
div.style.right = "0px";
div.style.bottom = "0px";
div.style.top = "3em";
}
).AttachTo(Content);
// workspace contains the split views
var Workspace = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "6px";
div.style.right = "6px";
div.style.bottom = "6px";
div.style.top = "6px";
}
).AttachTo(Workspace0);
// in this project we wont be having toolbox or toolbar yet
Action <HorizontalSplit> ApplyStyle =
t =>
{
t.Split.Splitter.style.backgroundColor = Color.None;
t.SplitImageContainer.Orphanize();
t.SplitArea.Target.style.borderLeft = "0";
t.SplitArea.Target.style.borderRight = "0";
t.SplitArea.Target.style.width = "6px";
t.SplitArea.Target.style.Opacity = 0.7;
// should we obselete JSColor already?
t.SelectionColor = JSColor.Black;
};
var EditorTreeSplit = new HorizontalSplit
{
Minimum = 0,
Maximum = 1,
Value = 0.7,
};
EditorTreeSplit.With(ApplyStyle);
EditorTreeSplit.Split.Splitter.style.backgroundColor = Color.None;
var Viewer = new SolutionDocumentViewer();
SolutionDocumentViewerTab AboutTab = "About";
Viewer.Add(AboutTab);
AboutTab.TabElement.style.Float = IStyle.FloatEnum.right;
SolutionDocumentViewerTab File1 = "File1";
Viewer.Add(File1);
var File1Content = new IHTMLDiv();
// location + design
File1Content.style.left = "0px";
File1Content.style.top = "1em";
File1Content.style.right = "0px";
File1Content.style.bottom = "1em";
File1Content.style.position = IStyle.PositionEnum.absolute;
var File1View = new SolutionFileView();
File1View.Container.style.left = "0px";
File1View.Container.style.top = "0px";
File1View.Container.style.right = "0px";
File1View.Container.style.bottom = "0px";
File1View.Container.style.position = IStyle.PositionEnum.absolute;
File1Content.ReplaceContentWith(File1View.Container);
var sln = new SolutionBuilder();
var _Solution = new TreeNode(VistaTreeNodePage.Create);
var _Project = _Solution.Add();
var About = new AboutPage();
Action UpdateFile1Text =
delegate
{
if (File1View.File != null)
{
File1.Text = File1View.File.Name.SkipUntilIfAny("/");
}
else
{
File1.Text = sln.Name;
}
};
Action Update =
delegate
{
sln.Name = About.ProjectName.value;
UpdateFile1Text();
_Project.Clear();
UpdateTree(sln, File1View, _Solution, _Project);
};
File1View.FileChanged +=
delegate
{
if (File1View.File.Name.EndsWith(".htm"))
{
File1Content.style.top = "0px";
File1Content.style.bottom = "1em";
// show the design/source buttons
}
else if (File1View.File.Name.EndsWith(sln.Language.CodeFileExtension))
{
File1Content.style.top = "1em";
File1Content.style.bottom = "0px";
// show type outline / member
}
UpdateFile1Text();
File1.Activate();
};
AddSaveButton(WorkspaceHeader, i => Save = i);
About.ProjectName.value = sln.Name;
About.ProjectName.onchange +=
delegate
{
Update();
};
AboutTab.Activated +=
delegate
{
// our about page has dynamic size..
Viewer.Content.ReplaceContentWith(About.Container);
};
File1.Activated +=
delegate
{
// our about page has dynamic size..
Viewer.Content.ReplaceContentWith(File1Content);
};
AboutTab.Activate();
EditorTreeSplit.Split.LeftContainer = Viewer.Container;
var SolutionExplorer = new SolutionDockWindowPage();
SolutionExplorer.HeaderText.innerText = "Solution Explorer";
SolutionExplorer.Content.style.backgroundColor = Color.White;
SolutionExplorer.Content.style.padding = "2px";
SolutionExplorer.Content.ReplaceContentWith(_Solution.Container);
_Solution.Container.style.overflow = IStyle.OverflowEnum.auto;
_Solution.Container.style.height = "100%";
_Solution.Container.style.backgroundColor = Color.White;
EditorTreeSplit.Split.RightContainer = SolutionExplorer.Container;
EditorTreeSplit.Container.AttachTo(Workspace);
Update();
new Rules(File1View, sln, Update);
}