Update available! ' +
5 | '×' +
6 | '' +
7 | '
');
8 |
9 | window.updateAvailable = function () {
10 | setTimeout(function () {
11 | document.getElementById("alertUpdate").style.display = 'block';
12 | }, 500);
13 | };
14 | window.updateNow = function () {
15 | setTimeout(function () {
16 | document.getElementById("alertUpdate").innerHTML = 'Applying update.. Please wait, application will restart..';
17 | }, 500);
18 | window.nativeHost.performUpdate();
19 | };
20 | window.closeUpdate = function (e) {
21 | document.getElementById("alertUpdate").style.display = 'none';
22 | };
23 |
24 | window.onresize = function () {
25 | console.log('onresize');
26 | document.getElementById("content").style.height = '85%';
27 | setTimeout(function() {
28 | document.getElementById("content").style.height = '100%';
29 | }, 0);
30 | };
31 |
32 | window.nativeHost.ready();
33 |
--------------------------------------------------------------------------------
/src/Gistlyn.AppWinForms/AppHost.cs:
--------------------------------------------------------------------------------
1 | using Funq;
2 | using ServiceStack;
3 | using Gistlyn.Resources;
4 | using Gistlyn.ServiceInterface;
5 |
6 | namespace Gistlyn.AppWinForms
7 | {
8 | public class AppHost : AppSelfHostBase
9 | {
10 | /// this.consoleScroll = el}>
14 |
15 | console
16 | this.props.showDialog("console-viewer")}>open_in_new
18 |
19 | this.props.onClear() }>clear
20 |
);
32 | }
33 | }
--------------------------------------------------------------------------------
/src/Gistlyn.ServiceInterface/CacheExtensions.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Service Stack LLC. All Rights Reserved.
2 | // License: https://raw.github.com/ServiceStack/ServiceStack/master/license.txt
3 |
4 | using System.Collections.Generic;
5 | using ServiceStack;
6 | using ServiceStack.Caching;
7 |
8 | namespace Gistlyn.ServiceInterface
9 | {
10 | public static class CacheExtensions
11 | {
12 | const string ScriptPrefix = "script:";
13 |
14 | private static string GetScriptCacheKey(string scriptId)
15 | {
16 | var cacheKey = scriptId.StartsWith(ScriptPrefix)
17 | ? scriptId
18 | : ScriptPrefix + scriptId;
19 | return cacheKey;
20 | }
21 |
22 | public static void SetScriptRunnerInfo(this ICacheClient cache, string scriptId, ScriptRunnerInfo info)
23 | {
24 | var cacheKey = GetScriptCacheKey(scriptId);
25 | cache.Set(cacheKey, info);
26 | }
27 |
28 | public static ScriptRunnerInfo GetScriptRunnerInfo(this ICacheClient cache, string scriptId)
29 | {
30 | if (scriptId == null)
31 | return null;
32 |
33 | var cacheKey = GetScriptCacheKey(scriptId);
34 | return cache.Get
21 |
22 |
23 | {this.props.logs.map(log => (
24 |
30 |
31 | {log.msg} |
26 |
{this.state.result}
);
57 | }
58 | }
59 |
60 | ReactDOM.render(
61 | this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
15 |
);
39 | }
40 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/ConsoleViewerDialog.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export default class ConsoleViewerDialog extends React.Component this.props.dialogRef(e) } onClick={e => e.stopPropagation() }>
16 |
38 |
17 | this.props.onHide() }>close
18 | Edit Gist
19 |
20 |
21 |
30 |
22 |
23 | this.txtDescription = e} type="text" id="txtDescription"
24 | defaultValue={ description }
25 | onKeyUp={e => this.forceUpdate() }
26 | onKeyDown={e => e.keyCode == 13 && description ? this.props.onSave({ description }) : null }
27 | autoFocus />
28 |
29 |
31 | })
32 | description ? this.props.onSave({ description }) : null }>
34 | Save
35 |
36 |
37 |
32 | description ? this.props.onSave({ description }) : null }>
34 | Save
35 |
36 | this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
10 |
);
38 | }
39 | }
--------------------------------------------------------------------------------
/src/Gistlyn.AppWinForms/FormMain.Designer.cs:
--------------------------------------------------------------------------------
1 | namespace Gistlyn.AppWinForms
2 | {
3 | partial class FormMain
4 | {
5 | /// this.props.dialogRef(this.dialog = e) } onClick={e => e.stopPropagation() }
11 | style={{ maxHeight: "90%", maxWidth: "90%", overflow: "auto", borderRadius: 0 }}>
12 |
37 |
13 | this.props.onHide() }>close
14 | this.dialog.scrollTop = this.dialog.scrollHeight}>scroll down
15 | this.props.onClear() }>clear
16 | Console Logs
17 |
18 |
20 |
21 |
22 | {this.props.logs.map(log => (
23 |
29 |
30 | {log.msg} |
25 |
31 |
36 | 32 | this.props.onHide() }>close 33 | this.dialog.scrollTop = 0}>scroll up 34 |
35 |
11 |
);
41 | }
42 | }
--------------------------------------------------------------------------------
/src/Gistlyn.AppWinForms/Program.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.IO;
4 | using System.Linq;
5 | using System.Threading.Tasks;
6 | using System.Windows.Forms;
7 | using CefSharp;
8 | using ServiceStack;
9 | using ServiceStack.Text;
10 | using Squirrel;
11 |
12 | namespace Gistlyn.AppWinForms
13 | {
14 | static class Program
15 | {
16 | public static string HostUrl = "http://localhost:4000/";
17 | public static AppHost AppHost;
18 | public static FormMain Form;
19 |
20 | ///
12 |
29 |
40 | 13 | If you're seeing this message your browser still doesn't have native support for 14 | 15 | Server Sent Events (SSE) 16 | 17 | - a simple 18 | 19 | Web Standard 20 | 21 | supported by most modern browsers since 2011. If you would like this site to 22 | work in Internet Explorer or MS Edge browsers 23 | 24 | vote to have them implement it. 25 | 26 |
27 | 28 |29 |
30 | In the meantime we recommend using these better browsers below: 31 |
32 | 33 | 39 | this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
15 |
);
44 | }
45 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/json-viewer.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface IPrettyPrintProps {
4 | value?: any;
5 | json?: string;
6 | }
7 |
8 | export class JsonViewer extends React.Component this.props.dialogRef(e) } onClick={e => e.stopPropagation() }>
16 |
43 |
17 | this.props.onHide() }>close
18 | {this.props.shouldFork ? "Fork" : "Save"} Gist
19 |
20 |
21 |
35 |
22 |
23 | this.txtDescription = e} type="text" id="txtDescription"
24 | defaultValue={ description }
25 | onKeyUp={e => this.forceUpdate() }
26 | onKeyDown={e => e.keyCode == 13 && description ? this.props.onSave({ description }) : null }
27 | autoFocus />
28 |
29 |
30 |
31 | check
32 | Is {this.props.isPublic ? "public" : "private"}
33 |
34 |
36 |
37 | description ? this.props.onSave({ description }) : null }>
39 | Create {this.props.shouldFork ? "Fork" : "Gist"}
40 |
41 |
42 |
37 | description ? this.props.onSave({ description }) : null }>
39 | Create {this.props.shouldFork ? "Fork" : "Gist"}
40 |
41 | {val(value)}
);
12 | }
13 | }
14 |
15 | const show = (k) => typeof k !== "string" || k.substr(0, 2) !== "__";
16 | const keyFmt = t => t;
17 | const uniqueKeys = (m: any[]): any => {
18 | var h = {};
19 | for (var i = 0, len = m.length; i < len; i++) {
20 | for (let k in m[i]) {
21 | if (show(k))
22 | h[k] = k;
23 | }
24 | }
25 | return h;
26 | };
27 |
28 | var valueFmt = (k, v, vFmt) => vFmt;
29 |
30 | const num = (m) => m;
31 | const date = (s) => new Date(parseFloat(/Date\(([^)]+)\)/.exec(s)[1]));
32 | const pad = (d) => d < 10 ? '0' + d : d;
33 | const dmft = (d) => d.getFullYear() + '/' + pad(d.getMonth() + 1) + '/' + pad(d.getDate());
34 | var str = (m) => m.substr(0, 6) === '/Date(' ? dmft(date(m)) : m;
35 |
36 | const obj = (m:any) => {
37 | return (
38 | -
39 | {Object.keys(m).filter(show).map(k => (
40 | [
- {keyFmt(k)} ,
- {valueFmt(k, m[k], val(m[k]))} ] 41 | ))} 42 |
| {keyFmt(k) } | )) } 57 |
|---|
| {valueFmt(k, row[k], val(row[k])) } | ) } 63 |
27 |
);
50 | }
51 | }
52 |
53 | return (
54 |
28 | {recentCollections.length > 0
29 | ? (
49 |
30 |
)
33 | : null}
34 |
35 | {recentGists.length > 0
36 | ? (Recent Collections
31 | { recentCollections.slice(0, 5).map(x => {x.description}) } 32 |
37 |
)
40 | : null}
41 |
42 | {myGists.length > 0
43 | ? (Recent Gists
38 | { recentGists.slice(0, 5).map(x => {x.description}) } 39 |
44 |
)
47 | : null}
48 | My Gists
45 | { myGists.slice(0, 20).map(x => {x.description}) } 46 | {
56 | var a = e.target as HTMLAnchorElement;
57 | if (a && a.href) {
58 | const qs = queryString(a.href);
59 | if (qs["gist"] || qs["collection"] || qs["snapshot"]) {
60 | e.preventDefault();
61 | if (qs["gist"])
62 | this.props.changeGist(qs["gist"], { activeFileName: qs["activeFileName"] });
63 | if (qs["collection"])
64 | this.props.changeCollection(qs["collection"], true);
65 | if (qs["snapshot"])
66 | this.props.viewSnapshot(qs["snapshot"]);
67 | }
68 | }
69 | } }>
70 |
);
80 | }
81 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/TakeSnapshotDialog.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { JsonServiceClient } from '@servicestack/client';
3 | import { StoreGist } from './Gistlyn.dtos';
4 | import { GistTemplates } from './utils';
5 |
6 | export default class TakeSnapshotDialog extends React.Component
71 | this.props.onHome()} title="Home">home
72 | {this.props.collection.description || "Collections"}
73 |
74 |
75 | {LiveLists}
76 |
78 |
79 |
47 |
48 | this.txtDescription = e} type="text" id="txtDescription"
49 | defaultValue={ description }
50 | onKeyUp={e => this.forceUpdate() }
51 | onKeyDown={e => e.keyCode == 13 && description ? this.onSave({ description }) : null }
52 | autoFocus />
53 |
,
54 |
55 |
56 | description ? this.onSave({ description }) : null }>
58 | Save Snapshot
59 |
60 |
61 |
]);
62 | } else {
63 | setTimeout(() => this.txtDescription.select(), 0);
64 | Body.push([
65 |
61 |
66 |
67 | this.txtDescription = e} type="text" id="txtDescription" value={ this.state.snapshotUrl } autoFocus />
68 |
]);
69 | }
70 |
71 | if (this.state.error) {
72 | Body.push({this.state.error});
73 | }
74 |
75 | return ( this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
76 |
);
93 | }
94 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/assets/css/collections.css:
--------------------------------------------------------------------------------
1 | #btnCollections {
2 | position: absolute;
3 | top: 0;
4 | margin: 0px 0 0 45px;
5 | padding: 6px 0 0 2px;
6 | font-size: 30px;
7 | height: 42px;
8 | cursor: pointer;
9 | width: 40px;
10 | }
11 | #btnCollections:hover {
12 | color: #cef;
13 | }
14 | #btnCollections.active {
15 | color: #f7f7f7;
16 | background: #01215A;
17 | }
18 |
19 |
20 | #collection {
21 | background: #fff;
22 | }
23 |
24 | #collection-header {
25 | background: #01215A;
26 | text-align: left;
27 | color: #fff;
28 | padding: 4px 12px;
29 | line-height: 24px;
30 | }
31 | .owner #collection-header {
32 | background: #4CAF50;
33 | }
34 | #btnHome {
35 | color: #fff;
36 | font-size: 17px;
37 | vertical-align: middle;
38 | margin: -2px 6px 0 -5px;
39 | cursor: pointer;
40 | }
41 |
42 | #collection-body {
43 | overflow-y: auto;
44 | overflow-x: hidden;
45 | width: 50%;
46 | position: absolute;
47 | top: 74px;
48 | bottom: 41px;
49 | }
50 |
51 | #livelist {
52 | font-size: 14px;
53 | line-height: 22px;
54 | background: #f7f7f7;
55 | box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
56 | }
57 | #livelist h3 {
58 | font-size: 14px;
59 | line-height: 24px;
60 | background: #0371BE;
61 | color: #f7f7f7;
62 | padding: 2px 8px;
63 | }
64 | #livelist a {
65 | padding: 2px 8px;
66 | display: block;
67 | text-decoration: none;
68 | color: #444;
69 | width: 200px;
70 | overflow: hidden;
71 | white-space: nowrap;
72 | text-overflow: ellipsis;
73 | }
74 | #livelist a:hover {
75 | text-decoration: underline;
76 | }
77 | .ipad #livelist {
78 | display: none;
79 | }
80 |
81 | #markdown {
82 | line-height: 1.5;
83 | font-size: 16px;
84 | color: #444;
85 | padding: 0 0 0 30px;
86 | max-width: 750px;
87 | }
88 | .ipad #markdown {
89 | font-size: 90%;
90 | }
91 | #markdown h1, #markdown h2, #markdown h3, #markdown h4, #markdown h5, #markdown h6 {
92 | margin-top: 24px;
93 | margin-bottom: 16px;
94 | font-weight: 600;
95 | line-height: 1.25;
96 | }
97 | .ipad #markdown h1, .ipad #markdown h2, .ipad #markdown h3, .ipad #markdown h4, .ipad #markdown h5, .ipad #markdown h6 {
98 | margin-top: 18px;
99 | margin-bottom: 12px;
100 | }
101 | .ipad #markdown img {
102 | max-width: 450px;
103 | }
104 |
105 | #markdown h1, #markdown h2 {
106 | padding-bottom: 0.3em;
107 | font-size: 1.5em;
108 | border-bottom: 1px solid #eee;
109 | }
110 | #markdown h3 { font-size: 1.25em; }
111 | #markdown h4 { font-size: 1em; }
112 | #markdown h5 { font-size: 0.875em; }
113 | #markdown h6 { font-size: 0.85em; color: #777; }
114 | #markdown p {
115 | margin: 0 0 16px 0;
116 | }
117 | #markdown strong, #markdown b {
118 | font-weight: bold;
119 | }
120 | #markdown em {
121 | font-style: italic;
122 | }
123 | #markdown ul, #markdown ol {
124 | padding-left: 2em;
125 | margin: 0 0 16px 0;
126 | }
127 | #markdown li>ul, #markdown li>ol {
128 | margin: 0;
129 | }
130 | #markdown li+li {
131 | margin-top: 0.25em;
132 | }
133 | #markdown ul ul, #markdown ol ul {
134 | list-style-type: circle;
135 | }
136 | #markdown ul {
137 | list-style-type: disc;
138 | }
139 | #markdown ol {
140 | list-style-type: decimal;
141 | }
142 | #markdown li > a {
143 | white-space: nowrap;
144 | }
145 | #markdown a {
146 | color: #428bca;
147 | text-decoration: none;
148 | }
149 | #markdown a:hover {
150 | color: #2a6496;
151 | }
152 | #markdown pre {
153 | padding: 16px;
154 | overflow: auto;
155 | font-size: 85%;
156 | line-height: 1.45;
157 | background-color: #f7f7f7;
158 | border-radius: 3px;
159 | margin-bottom: 16px;
160 | color: #333;
161 | }
162 | #markdown code {
163 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
164 | background-color: #f7f7f7;
165 | font-size: 13px;
166 | padding: 0 2px;
167 | }
168 | #markdown pre>code {
169 | padding: 0;
170 | }
171 | #markdown code::before, #markdown code::after {
172 | letter-spacing: -0.2em;
173 | content: "\00a0";
174 | }
175 | #markdown pre>code::before, #markdown pre>code::after {
176 | letter-spacing: 0;
177 | content: "";
178 | }
179 | #markdown blockquote {
180 | padding: 0 1em;
181 | color: #777;
182 | border-left: 0.25em solid #ddd;
183 | }
184 | #markdown hr {
185 | border: none;
186 | border-bottom: 1px solid #eee;
187 | }
188 |
--------------------------------------------------------------------------------
/src/Gistlyn.ServiceModel/Gistlyn.ServiceModel.csproj:
--------------------------------------------------------------------------------
1 |
2 | this.dialog = e } onClick={e => e.stopPropagation() }>
77 |
92 |
78 | this.props.onHide() }>close
79 | Capture Snapshot
80 |
81 |
82 |
88 |
83 | this.props.urlChanged(GistTemplates.SnapshotsCollection) } title="What is this?">help_outline
84 |
85 |
86 | {Body}
87 |
89 | this.props.onHide() } style={{ cursor: "pointer" }}>close
90 |
91 | this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
60 |
);
94 | }
95 | }
--------------------------------------------------------------------------------
/src/Gistlyn.ServiceInterface/NugetUtils.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Service Stack LLC. All Rights Reserved.
2 | // License: https://raw.github.com/ServiceStack/ServiceStack/master/license.txt
3 |
4 | using System;
5 | using System.Collections.Generic;
6 | using System.IO;
7 | using System.Linq;
8 | using System.Runtime.Versioning;
9 | using Gistlyn.ServiceModel.Types;
10 | using NuGet;
11 | using ServiceStack;
12 |
13 | namespace Gistlyn.ServiceInterface
14 | {
15 | public static class NugetUtils
16 | {
17 | public static NugetPackageInfo GetPackageInfo(this IPackage package)
18 | {
19 | var info = new NugetPackageInfo
20 | {
21 | Id = package.Id,
22 | Version = package.Version.ToNormalizedString()
23 | };
24 |
25 | info.Assemblies = package.AssemblyReferences
26 | .Select(a => new AssemblyReference
27 | {
28 | Name = a.Name,
29 | Path = Path.Combine(info.Id + "." + package.Version.ToNormalizedString(), a.Path)
30 | })
31 | .ToList();
32 |
33 | return info;
34 | }
35 |
36 | public static void InstallPackage(IDataContext dataContext, string nugetPackagesDir, string packageId, string version)
37 | {
38 | //Connect to the official package repository
39 | var repo = PackageRepositoryFactory.Default.CreateRepository("https://packages.nuget.org/api/v2");
40 |
41 | //Initialize the package manager
42 | var packageManager = new PackageManager(repo, nugetPackagesDir);
43 |
44 | packageManager.PackageInstalled += (sender, e) =>
45 | {
46 | var info = e.Package.GetPackageInfo();
47 |
48 | dataContext.SavePackage(info);
49 | };
50 |
51 | //Download and unzip the package
52 | packageManager.InstallPackage(packageId, SemanticVersion.Parse(version)); //new SemanticVersion(request.Version)
53 |
54 | }
55 |
56 | private static readonly FrameworkName Net45FrameworkName = VersionUtility.ParseFrameworkName("net45");
57 |
58 | public static List this.props.dialogRef(this.dialog = e) } onClick={e => e.stopPropagation() }>
61 |
93 |
62 | this.props.onHide() }>close
63 | Insert Image
64 |
65 |
66 |
92 |
67 |
68 | this.txtImageUrl = e} type="text" id="txtImageUrl"
69 | onKeyUp={e => this.forceUpdate() }
70 | placeholder="Enter the url you want to use"
71 | onKeyDown={e => e.keyCode == 13 && hasProvidedUrl ? e.preventDefault() || this.handleImageUrl() : null }
72 | disabled={hasSelectedImage} autoFocus />
73 | this.handleImageUrl() }>
76 | {hasSelectedImage ? "Upload to Imgur" : "Insert Image"}
77 |
78 |
79 |
80 | this.handleDrop(files) }
81 | className="dropzone" activeClassName="dropzone-active" accept="image/*">
82 |
90 |
91 |
83 |
89 | Click or drag Images to upload to Imgur
84 |
85 | Uploading to Imgur...
86 |
87 |
88 |
87 | this.props.onHide() } onKeyDown={e => e.keyCode === 27 ? this.props.onHide() : null }>
6 |
);
130 | }
131 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/assets/css/dialogs.css:
--------------------------------------------------------------------------------
1 | #dialog {
2 | position: absolute;
3 | height: 100%;
4 | width: 100%;
5 | background: rgba(0,0,0,.3);
6 | z-index: 10;
7 | top: 0;
8 | text-align: center;
9 | }
10 | .dialog {
11 | position: relative;
12 | top: 50%;
13 | -webkit-transform: translateY(-50%);
14 | -moz-transform: translateY(-50%);
15 | -ms-transform: translateY(-50%);
16 | -o-transform: translateY(-50%);
17 | transform: translateY(-50%);
18 | text-align: left;
19 | display: inline-block;
20 | background: #fff;
21 |
22 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
23 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
24 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
25 | -webkit-background-clip: padding-box;
26 | -moz-background-clip: padding-box;
27 | background-clip: padding-box;
28 |
29 | /* vertical align */
30 | -webkit-transform-style: preserve-3d;
31 | -moz-transform-style: preserve-3d;
32 | transform-style: preserve-3d;
33 | }
34 | .dialog-header {
35 | font-size: 18px;
36 | background: #0371BE;
37 | color: #fff;
38 | padding: 12px;
39 | }
40 | .dialog-body {
41 | padding: 24px;
42 | min-height: 100px;
43 | color: #444;
44 | }
45 | .dialog-footer {
46 | text-align: right;
47 | padding: 12px;
48 | }
49 | .dialog-header .close {
50 | float: right;
51 | font-size: 16px;
52 | cursor: pointer;
53 | }
54 | .dialog-header .close:hover {
55 | color: #ddd;
56 | }
57 | .dialog-body .row {
58 | margin: 0 0 10px 0;
59 | }
60 | .dialog-body label {
61 | display: inline-block;
62 | padding: 0 20px 0 0;
63 | width: 100px;
64 | }
65 | .dialog-body input[type=text] {
66 | width: 350px;
67 | padding: 8px 12px;
68 | font-size: 16px;
69 | border: solid 1px #A9A9A9;
70 | }
71 | .dialog .loading {
72 | visibility: hidden;
73 | }
74 | .dialog.disabled .loading {
75 | visibility: visible;
76 | }
77 | .dialog .info-help {
78 | cursor: pointer;
79 | color: #2a6496;
80 | margin: -12px -12px 0 0;
81 | }
82 |
83 | .btn, .btn:focus {
84 | text-transform: uppercase;
85 | border-radius: 2px;
86 | background: #0488E4;
87 | transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
88 | outline: none !important;
89 | border: none;
90 | color: rgba(255,255,255,.84);
91 | display: inline-block;
92 | text-align: center;
93 | vertical-align: middle;
94 | cursor: pointer;
95 | border: 1px solid transparent;
96 | white-space: nowrap;
97 | padding: 8px 12px;
98 | font-size: 16px;
99 | line-height: 1.42857143;
100 | -webkit-user-select: none;
101 | -moz-user-select: none;
102 | -ms-user-select: none;
103 | user-select: none
104 | }
105 | .btn:hover {
106 | background: #03a9f4;
107 | box-shadow: 0 2px 6px rgba(0,0,0,0.26);
108 | color: #fff;
109 | }
110 | .disabled .btn, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
111 | cursor: not-allowed;
112 | pointer-events: none;
113 | opacity: .65;
114 | filter: alpha(opacity=65);
115 | -webkit-box-shadow: none;
116 | box-shadow: none;
117 | }
118 |
119 | #dialog.dark {
120 | background: none;
121 | }
122 | #dialog.dark .dialog {
123 | background: rgba(0,0,0,.85);
124 | border-radius: 20px;
125 | }
126 | #dialog.dark .dialog-header {
127 | background: none;
128 | margin: 0 0 0 10px;
129 | font-weight: bold;
130 | }
131 | #dialog.dark .dialog-body {
132 | color: #fff;
133 | min-width: 400px;
134 | line-height: 20px;
135 | }
136 | #dialog.dark .dialog-body>table {
137 | margin: 0 0 20px 10px;
138 | }
139 | #dialog.dark .dialog-body h4 {
140 | padding: 15px 0 5px 0;
141 | color: #dd0;
142 | font-weight: bold;
143 | }
144 | #dialog.dark .dialog-body th {
145 | text-align: right;
146 | }
147 | #dialog.dark .dialog-body th b {
148 | font-family: "Courier New";
149 | font-size: 13px;
150 | color: #dd0;
151 | font-weight: bold;
152 | }
153 | #dialog.dark .dialog-body th i {
154 | font-family: arial;
155 | font-style: normal;
156 | font-weight: bold;
157 | padding: 0 10px 0 3px;
158 | }
159 |
160 | #dialog a, #dialog .lnk, .lnk {
161 | color: #428bca;
162 | text-decoration: none;
163 | cursor: pointer;
164 | }
165 | #dialog a:hover, #dialog .lnk:hover, .lnk:hover {
166 | color: #2a6496;
167 | }
168 |
169 | #dialog.console-viewer.dark .dialog-body td,
170 | #dialog.console-viewer.dark .dialog-body pre {
171 | font: 13px/18px monospace;
172 | color: #00FF00;
173 | }
174 | #dialog.console-viewer .dialog-header span,
175 | #dialog.console-viewer .dialog-footer span {
176 | float: right;
177 | color: #dd0;
178 | font-size: 16px;
179 | cursor: pointer;
180 | padding-left: 10px;
181 | font-weight: normal;
182 | }
183 |
184 | .linktabs {
185 | text-align: center;
186 | }
187 | .linktabs div {
188 | display: inline-block;
189 | cursor: pointer;
190 | border-bottom: 2px solid #fff;
191 | margin: 0 10px 20px 0;
192 | padding: 2px 5px;
193 | }
194 | .linktabs div.active {
195 | border-bottom: 2px solid #444;
196 | }
197 | .radiotabs div {
198 | cursor: pointer;
199 | display: inline-block;
200 | margin: 0 10px 0 0;
201 | }
202 | .radiotabs i {
203 | vertical-align: bottom;
204 | margin-right: 5px;
205 | font-size: 20px;
206 | }
207 | .gist-links-body {
208 | max-height: 400px;
209 | overflow: auto;
210 | }
211 | #insert-link-dialog dt {
212 | font-weight: bold;
213 | margin: 10px 0;
214 | }
215 | #insert-link-dialog dd {
216 | font-size: 14px;
217 | cursor: pointer;
218 | color: #428bca;
219 | line-height: 20px;
220 | padding: 0 0 0 10px;
221 | }
222 | #insert-link-dialog dd:hover {
223 | color: #2a6496;
224 | }
225 | .insert-link-new {
226 | margin: 20px 0px 10px 0px;
227 | }
228 | #nosse-dialog a {
229 | color: #428bca;
230 | text-decoration: none;
231 | padding: 0 6px;
232 | }
233 | #nosse-dialog a:hover {
234 | color: #2a6496;
235 | }
236 | .material-icons.close {
237 | color: #fff;
238 | text-shadow: none;
239 | }
--------------------------------------------------------------------------------
/src/Gistlyn/src/codemirror.js:
--------------------------------------------------------------------------------
1 | // Keeping a local fork of react-codemirror since it's now broken and unmaintained, in order to revert this change:
2 | // https://github.com/JedWatson/react-codemirror/commit/339b5975724cde338301f4c6842f2d52b4773e76
3 | // from issue: https://github.com/JedWatson/react-codemirror/issues/121#issuecomment-316307312
4 |
5 | 'use strict';
6 |
7 | var React = require('react');
8 | var ReactDOM = require('react-dom');
9 | var PropTypes = require('prop-types');
10 | var className = require('classnames');
11 | var debounce = require('lodash.debounce');
12 | var isEqual = require('lodash.isequal');
13 | var createReactClass = require('create-react-class');
14 |
15 | function normalizeLineEndings(str) {
16 | if (!str) return str;
17 | return str.replace(/\r\n|\r/g, '\n');
18 | }
19 |
20 | var CodeMirror = createReactClass({
21 | propTypes: {
22 | autoFocus: PropTypes.bool,
23 | className: PropTypes.any,
24 | codeMirrorInstance: PropTypes.func,
25 | defaultValue: PropTypes.string,
26 | name: PropTypes.string,
27 | onChange: PropTypes.func,
28 | onCursorActivity: PropTypes.func,
29 | onFocusChange: PropTypes.func,
30 | onScroll: PropTypes.func,
31 | options: PropTypes.object,
32 | path: PropTypes.string,
33 | value: PropTypes.string,
34 | preserveScrollPosition: PropTypes.bool
35 | },
36 | getDefaultProps: function getDefaultProps() {
37 | return {
38 | preserveScrollPosition: false
39 | };
40 | },
41 | getCodeMirrorInstance: function getCodeMirrorInstance() {
42 | return this.props.codeMirrorInstance || require('codemirror');
43 | },
44 | getInitialState: function getInitialState() {
45 | return {
46 | isFocused: false
47 | };
48 | },
49 | componentWillMount: function componentWillMount() {
50 | this.componentWillReceiveProps = debounce(this.componentWillReceiveProps, 0);
51 | if (this.props.path) {
52 | console.error('Warning: react-codemirror: the `path` prop has been changed to `name`');
53 | }
54 | },
55 | componentDidMount: function componentDidMount() {
56 | var codeMirrorInstance = this.getCodeMirrorInstance();
57 | this.codeMirror = codeMirrorInstance.fromTextArea(this.textareaNode, this.props.options);
58 | this.codeMirror.on('change', this.codemirrorValueChanged);
59 | this.codeMirror.on('cursorActivity', this.cursorActivity);
60 | this.codeMirror.on('focus', this.focusChanged.bind(this, true));
61 | this.codeMirror.on('blur', this.focusChanged.bind(this, false));
62 | this.codeMirror.on('scroll', this.scrollChanged);
63 | this.codeMirror.setValue(this.props.defaultValue || this.props.value || '');
64 | },
65 | componentWillUnmount: function componentWillUnmount() {
66 | // is there a lighter-weight way to remove the cm instance?
67 | if (this.codeMirror) {
68 | this.codeMirror.toTextArea();
69 | }
70 | },
71 | componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
72 | if (this.codeMirror && nextProps.value !== undefined && normalizeLineEndings(this.codeMirror.getValue()) !== normalizeLineEndings(nextProps.value)) {
73 | if (this.props.preserveScrollPosition) {
74 | var prevScrollPosition = this.codeMirror.getScrollInfo();
75 | this.codeMirror.setValue(nextProps.value);
76 | this.codeMirror.scrollTo(prevScrollPosition.left, prevScrollPosition.top);
77 | } else {
78 | this.codeMirror.setValue(nextProps.value);
79 | }
80 | }
81 | if (typeof nextProps.options === 'object') {
82 | for (var optionName in nextProps.options) {
83 | if (nextProps.options.hasOwnProperty(optionName)) {
84 | this.setOptionIfChanged(optionName, nextProps.options[optionName]);
85 | }
86 | }
87 | }
88 | },
89 | setOptionIfChanged: function setOptionIfChanged(optionName, newValue) {
90 | var oldValue = this.codeMirror.getOption(optionName);
91 | if (!isEqual(oldValue, newValue)) {
92 | this.codeMirror.setOption(optionName, newValue);
93 | }
94 | },
95 | getCodeMirror: function getCodeMirror() {
96 | return this.codeMirror;
97 | },
98 | focus: function focus() {
99 | if (this.codeMirror) {
100 | this.codeMirror.focus();
101 | }
102 | },
103 | focusChanged: function focusChanged(focused) {
104 | this.setState({
105 | isFocused: focused
106 | });
107 | this.props.onFocusChange && this.props.onFocusChange(focused);
108 | },
109 | cursorActivity: function cursorActivity(cm) {
110 | this.props.onCursorActivity && this.props.onCursorActivity(cm);
111 | },
112 | scrollChanged: function scrollChanged(cm) {
113 | this.props.onScroll && this.props.onScroll(cm.getScrollInfo());
114 | },
115 | codemirrorValueChanged: function codemirrorValueChanged(doc, change) {
116 | if (this.props.onChange && change.origin !== 'setValue') {
117 | this.props.onChange(doc.getValue(), change);
118 | }
119 | },
120 | render: function render() {
121 | var _this = this;
122 |
123 | var editorClassName = className('ReactCodeMirror', this.state.isFocused ? 'ReactCodeMirror--focused' : null, this.props.className);
124 | return React.createElement(
125 | 'div',
126 | { className: editorClassName },
127 | React.createElement('textarea', {
128 | ref: function (ref) {
129 | return _this.textareaNode = ref;
130 | },
131 | name: this.props.name || this.props.path,
132 | defaultValue: this.props.value,
133 | autoComplete: 'off',
134 | autoFocus: this.props.autoFocus
135 | })
136 | );
137 | }
138 | });
139 |
140 | module.exports = CodeMirror;
--------------------------------------------------------------------------------
/src/Gistlyn/packages.config:
--------------------------------------------------------------------------------
1 |
2 | this.props.dialogRef(e) } onClick={e => e.stopPropagation()}>
7 |
129 |
8 | this.props.onHide() }>close
9 | Keyboard shortcuts
10 |
11 |
12 |
13 |
14 |
127 |
128 | | 16 | | Editor Shortcuts |
17 |
| 20 | <Ctrl> 21 | + 22 | <Enter> 23 | : 24 | | 25 |26 | Run 27 | | 28 |
|---|---|
| 31 | <Ctrl> 32 | + 33 | <S> 34 | : 35 | | 36 |37 | Save 38 | | 39 |
| 42 | <F11> 43 | : 44 | | 45 |46 | Toggle Full Screen 47 | | 48 |
| 51 | <Esc> 52 | : 53 | | 54 |55 | Exit Full Screen 56 | | 57 |
| 61 | | Application Shortcuts |
62 |
| 65 | <Alt> 66 | + 67 | <S> 68 | : 69 | | 70 |71 | Take Snapshot 72 | | 73 |
| 76 | <Alt> 77 | + 78 | <C> 79 | : 80 | | 81 |82 | Console Viewer 83 | | 84 |
| 87 | <Ctrl> 88 | + 89 | <Left> 90 | : 91 | | 92 |93 | Go to Previous tab 94 | | 95 |
| 98 | <Ctrl> 99 | + 100 | <Right> 101 | : 102 | | 103 |104 | Go to Next tab 105 | | 106 |
| 109 | ? 110 | : 111 | | 112 |113 | Open keyboard shortcut dialog 114 | | 115 |
| 118 | <Esc> 119 | : 120 | | 121 |122 | Close dialog 123 | | 124 |