@@ -1,360 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: C-like mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||
<script src="../../addon/hint/show-hint.js"></script> | |||
<script src="clike.js"></script> | |||
<style>.CodeMirror {border: 2px inset #dee;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">C-like</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>C-like mode</h2> | |||
<div><textarea id="c-code"> | |||
/* C demo code */ | |||
#include <zmq.h> | |||
#include <pthread.h> | |||
#include <semaphore.h> | |||
#include <time.h> | |||
#include <stdio.h> | |||
#include <fcntl.h> | |||
#include <malloc.h> | |||
typedef struct { | |||
void* arg_socket; | |||
zmq_msg_t* arg_msg; | |||
char* arg_string; | |||
unsigned long arg_len; | |||
int arg_int, arg_command; | |||
int signal_fd; | |||
int pad; | |||
void* context; | |||
sem_t sem; | |||
} acl_zmq_context; | |||
#define p(X) (context->arg_##X) | |||
void* zmq_thread(void* context_pointer) { | |||
acl_zmq_context* context = (acl_zmq_context*)context_pointer; | |||
char ok = 'K', err = 'X'; | |||
int res; | |||
while (1) { | |||
while ((res = sem_wait(&context->sem)) == EINTR); | |||
if (res) {write(context->signal_fd, &err, 1); goto cleanup;} | |||
switch(p(command)) { | |||
case 0: goto cleanup; | |||
case 1: p(socket) = zmq_socket(context->context, p(int)); break; | |||
case 2: p(int) = zmq_close(p(socket)); break; | |||
case 3: p(int) = zmq_bind(p(socket), p(string)); break; | |||
case 4: p(int) = zmq_connect(p(socket), p(string)); break; | |||
case 5: p(int) = zmq_getsockopt(p(socket), p(int), (void*)p(string), &p(len)); break; | |||
case 6: p(int) = zmq_setsockopt(p(socket), p(int), (void*)p(string), p(len)); break; | |||
case 7: p(int) = zmq_send(p(socket), p(msg), p(int)); break; | |||
case 8: p(int) = zmq_recv(p(socket), p(msg), p(int)); break; | |||
case 9: p(int) = zmq_poll(p(socket), p(int), p(len)); break; | |||
} | |||
p(command) = errno; | |||
write(context->signal_fd, &ok, 1); | |||
} | |||
cleanup: | |||
close(context->signal_fd); | |||
free(context_pointer); | |||
return 0; | |||
} | |||
void* zmq_thread_init(void* zmq_context, int signal_fd) { | |||
acl_zmq_context* context = malloc(sizeof(acl_zmq_context)); | |||
pthread_t thread; | |||
context->context = zmq_context; | |||
context->signal_fd = signal_fd; | |||
sem_init(&context->sem, 1, 0); | |||
pthread_create(&thread, 0, &zmq_thread, context); | |||
pthread_detach(thread); | |||
return context; | |||
} | |||
</textarea></div> | |||
<h2>C++ example</h2> | |||
<div><textarea id="cpp-code"> | |||
#include <iostream> | |||
#include "mystuff/util.h" | |||
namespace { | |||
enum Enum { | |||
VAL1, VAL2, VAL3 | |||
}; | |||
char32_t unicode_string = U"\U0010FFFF"; | |||
string raw_string = R"delim(anything | |||
you | |||
want)delim"; | |||
int Helper(const MyType& param) { | |||
return 0; | |||
} | |||
} // namespace | |||
class ForwardDec; | |||
template <class T, class V> | |||
class Class : public BaseClass { | |||
const MyType<T, V> member_; | |||
public: | |||
const MyType<T, V>& Method() const { | |||
return member_; | |||
} | |||
void Method2(MyType<T, V>* value); | |||
} | |||
template <class T, class V> | |||
void Class::Method2(MyType<T, V>* value) { | |||
std::out << 1 >> method(); | |||
value->Method3(member_); | |||
member_ = value; | |||
} | |||
</textarea></div> | |||
<h2>Objective-C example</h2> | |||
<div><textarea id="objectivec-code"> | |||
/* | |||
This is a longer comment | |||
That spans two lines | |||
*/ | |||
#import <Test/Test.h> | |||
@implementation YourAppDelegate | |||
// This is a one-line comment | |||
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{ | |||
char myString[] = "This is a C character array"; | |||
int test = 5; | |||
return YES; | |||
} | |||
</textarea></div> | |||
<h2>Java example</h2> | |||
<div><textarea id="java-code"> | |||
import com.demo.util.MyType; | |||
import com.demo.util.MyInterface; | |||
public enum Enum { | |||
VAL1, VAL2, VAL3 | |||
} | |||
public class Class<T, V> implements MyInterface { | |||
public static final MyType<T, V> member; | |||
private class InnerClass { | |||
public int zero() { | |||
return 0; | |||
} | |||
} | |||
@Override | |||
public MyType method() { | |||
return member; | |||
} | |||
public void method2(MyType<T, V> value) { | |||
method(); | |||
value.method3(); | |||
member = value; | |||
} | |||
} | |||
</textarea></div> | |||
<h2>Scala example</h2> | |||
<div><textarea id="scala-code"> | |||
object FilterTest extends App { | |||
def filter(xs: List[Int], threshold: Int) = { | |||
def process(ys: List[Int]): List[Int] = | |||
if (ys.isEmpty) ys | |||
else if (ys.head < threshold) ys.head :: process(ys.tail) | |||
else process(ys.tail) | |||
process(xs) | |||
} | |||
println(filter(List(1, 9, 2, 8, 3, 7, 4), 5)) | |||
} | |||
</textarea></div> | |||
<h2>Kotlin mode</h2> | |||
<div><textarea id="kotlin-code"> | |||
package org.wasabi.http | |||
import java.util.concurrent.Executors | |||
import java.net.InetSocketAddress | |||
import org.wasabi.app.AppConfiguration | |||
import io.netty.bootstrap.ServerBootstrap | |||
import io.netty.channel.nio.NioEventLoopGroup | |||
import io.netty.channel.socket.nio.NioServerSocketChannel | |||
import org.wasabi.app.AppServer | |||
public class HttpServer(private val appServer: AppServer) { | |||
val bootstrap: ServerBootstrap | |||
val primaryGroup: NioEventLoopGroup | |||
val workerGroup: NioEventLoopGroup | |||
init { | |||
// Define worker groups | |||
primaryGroup = NioEventLoopGroup() | |||
workerGroup = NioEventLoopGroup() | |||
// Initialize bootstrap of server | |||
bootstrap = ServerBootstrap() | |||
bootstrap.group(primaryGroup, workerGroup) | |||
bootstrap.channel(javaClass<NioServerSocketChannel>()) | |||
bootstrap.childHandler(NettyPipelineInitializer(appServer)) | |||
} | |||
public fun start(wait: Boolean = true) { | |||
val channel = bootstrap.bind(appServer.configuration.port)?.sync()?.channel() | |||
if (wait) { | |||
channel?.closeFuture()?.sync() | |||
} | |||
} | |||
public fun stop() { | |||
// Shutdown all event loops | |||
primaryGroup.shutdownGracefully() | |||
workerGroup.shutdownGracefully() | |||
// Wait till all threads are terminated | |||
primaryGroup.terminationFuture().sync() | |||
workerGroup.terminationFuture().sync() | |||
} | |||
} | |||
</textarea></div> | |||
<h2>Ceylon mode</h2> | |||
<div><textarea id="ceylon-code"> | |||
"Produces the [[stream|Iterable]] that results from repeated | |||
application of the given [[function|next]] to the given | |||
[[first]] element of the stream, until the function first | |||
returns [[finished]]. If the given function never returns | |||
`finished`, the resulting stream is infinite. | |||
For example: | |||
loop(0)(2.plus).takeWhile(10.largerThan) | |||
produces the stream `{ 0, 2, 4, 6, 8 }`." | |||
tagged("Streams") | |||
shared {Element+} loop<Element>( | |||
"The first element of the resulting stream." | |||
Element first)( | |||
"The function that produces the next element of the | |||
stream, given the current element. The function may | |||
return [[finished]] to indicate the end of the | |||
stream." | |||
Element|Finished next(Element element)) | |||
=> let (start = first) | |||
object satisfies {Element+} { | |||
first => start; | |||
empty => false; | |||
function nextElement(Element element) | |||
=> next(element); | |||
iterator() | |||
=> object satisfies Iterator<Element> { | |||
variable Element|Finished current = start; | |||
shared actual Element|Finished next() { | |||
if (!is Finished result = current) { | |||
current = nextElement(result); | |||
return result; | |||
} | |||
else { | |||
return finished; | |||
} | |||
} | |||
}; | |||
}; | |||
</textarea></div> | |||
<script> | |||
var cEditor = CodeMirror.fromTextArea(document.getElementById("c-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-csrc" | |||
}); | |||
var cppEditor = CodeMirror.fromTextArea(document.getElementById("cpp-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-c++src" | |||
}); | |||
var javaEditor = CodeMirror.fromTextArea(document.getElementById("java-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-java" | |||
}); | |||
var objectivecEditor = CodeMirror.fromTextArea(document.getElementById("objectivec-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-objectivec" | |||
}); | |||
var scalaEditor = CodeMirror.fromTextArea(document.getElementById("scala-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-scala" | |||
}); | |||
var kotlinEditor = CodeMirror.fromTextArea(document.getElementById("kotlin-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-kotlin" | |||
}); | |||
var ceylonEditor = CodeMirror.fromTextArea(document.getElementById("ceylon-code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-ceylon" | |||
}); | |||
var mac = CodeMirror.keyMap.default == CodeMirror.keyMap.macDefault; | |||
CodeMirror.keyMap.default[(mac ? "Cmd" : "Ctrl") + "-Space"] = "autocomplete"; | |||
</script> | |||
<p>Simple mode that tries to handle C-like languages as well as it | |||
can. Takes two configuration parameters: <code>keywords</code>, an | |||
object whose property names are the keywords in the language, | |||
and <code>useCPP</code>, which determines whether C preprocessor | |||
directives are recognized.</p> | |||
<p><strong>MIME types defined:</strong> <code>text/x-csrc</code> | |||
(C), <code>text/x-c++src</code> (C++), <code>text/x-java</code> | |||
(Java), <code>text/x-csharp</code> (C#), | |||
<code>text/x-objectivec</code> (Objective-C), | |||
<code>text/x-scala</code> (Scala), <code>text/x-vertex</code> | |||
<code>x-shader/x-fragment</code> (shader programs), | |||
<code>text/x-squirrel</code> (Squirrel) and | |||
<code>text/x-ceylon</code> (Ceylon)</p> | |||
</article> |
@@ -1,767 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: Scala mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<link rel="stylesheet" href="../../theme/ambiance.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<script src="clike.js"></script> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">Scala</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>Scala mode</h2> | |||
<form> | |||
<textarea id="code" name="code"> | |||
/* __ *\ | |||
** ________ ___ / / ___ Scala API ** | |||
** / __/ __// _ | / / / _ | (c) 2003-2011, LAMP/EPFL ** | |||
** __\ \/ /__/ __ |/ /__/ __ | http://scala-lang.org/ ** | |||
** /____/\___/_/ |_/____/_/ | | ** | |||
** |/ ** | |||
\* */ | |||
package scala.collection | |||
import generic._ | |||
import mutable.{ Builder, ListBuffer } | |||
import annotation.{tailrec, migration, bridge} | |||
import annotation.unchecked.{ uncheckedVariance => uV } | |||
import parallel.ParIterable | |||
/** A template trait for traversable collections of type `Traversable[A]`. | |||
* | |||
* $traversableInfo | |||
* @define mutability | |||
* @define traversableInfo | |||
* This is a base trait of all kinds of $mutability Scala collections. It | |||
* implements the behavior common to all collections, in terms of a method | |||
* `foreach` with signature: | |||
* {{{ | |||
* def foreach[U](f: Elem => U): Unit | |||
* }}} | |||
* Collection classes mixing in this trait provide a concrete | |||
* `foreach` method which traverses all the | |||
* elements contained in the collection, applying a given function to each. | |||
* They also need to provide a method `newBuilder` | |||
* which creates a builder for collections of the same kind. | |||
* | |||
* A traversable class might or might not have two properties: strictness | |||
* and orderedness. Neither is represented as a type. | |||
* | |||
* The instances of a strict collection class have all their elements | |||
* computed before they can be used as values. By contrast, instances of | |||
* a non-strict collection class may defer computation of some of their | |||
* elements until after the instance is available as a value. | |||
* A typical example of a non-strict collection class is a | |||
* <a href="../immutable/Stream.html" target="ContentFrame"> | |||
* `scala.collection.immutable.Stream`</a>. | |||
* A more general class of examples are `TraversableViews`. | |||
* | |||
* If a collection is an instance of an ordered collection class, traversing | |||
* its elements with `foreach` will always visit elements in the | |||
* same order, even for different runs of the program. If the class is not | |||
* ordered, `foreach` can visit elements in different orders for | |||
* different runs (but it will keep the same order in the same run).' | |||
* | |||
* A typical example of a collection class which is not ordered is a | |||
* `HashMap` of objects. The traversal order for hash maps will | |||
* depend on the hash codes of its elements, and these hash codes might | |||
* differ from one run to the next. By contrast, a `LinkedHashMap` | |||
* is ordered because it's `foreach` method visits elements in the | |||
* order they were inserted into the `HashMap`. | |||
* | |||
* @author Martin Odersky | |||
* @version 2.8 | |||
* @since 2.8 | |||
* @tparam A the element type of the collection | |||
* @tparam Repr the type of the actual collection containing the elements. | |||
* | |||
* @define Coll Traversable | |||
* @define coll traversable collection | |||
*/ | |||
trait TraversableLike[+A, +Repr] extends HasNewBuilder[A, Repr] | |||
with FilterMonadic[A, Repr] | |||
with TraversableOnce[A] | |||
with GenTraversableLike[A, Repr] | |||
with Parallelizable[A, ParIterable[A]] | |||
{ | |||
self => | |||
import Traversable.breaks._ | |||
/** The type implementing this traversable */ | |||
protected type Self = Repr | |||
/** The collection of type $coll underlying this `TraversableLike` object. | |||
* By default this is implemented as the `TraversableLike` object itself, | |||
* but this can be overridden. | |||
*/ | |||
def repr: Repr = this.asInstanceOf[Repr] | |||
/** The underlying collection seen as an instance of `$Coll`. | |||
* By default this is implemented as the current collection object itself, | |||
* but this can be overridden. | |||
*/ | |||
protected[this] def thisCollection: Traversable[A] = this.asInstanceOf[Traversable[A]] | |||
/** A conversion from collections of type `Repr` to `$Coll` objects. | |||
* By default this is implemented as just a cast, but this can be overridden. | |||
*/ | |||
protected[this] def toCollection(repr: Repr): Traversable[A] = repr.asInstanceOf[Traversable[A]] | |||
/** Creates a new builder for this collection type. | |||
*/ | |||
protected[this] def newBuilder: Builder[A, Repr] | |||
protected[this] def parCombiner = ParIterable.newCombiner[A] | |||
/** Applies a function `f` to all elements of this $coll. | |||
* | |||
* Note: this method underlies the implementation of most other bulk operations. | |||
* It's important to implement this method in an efficient way. | |||
* | |||
* | |||
* @param f the function that is applied for its side-effect to every element. | |||
* The result of function `f` is discarded. | |||
* | |||
* @tparam U the type parameter describing the result of function `f`. | |||
* This result will always be ignored. Typically `U` is `Unit`, | |||
* but this is not necessary. | |||
* | |||
* @usecase def foreach(f: A => Unit): Unit | |||
*/ | |||
def foreach[U](f: A => U): Unit | |||
/** Tests whether this $coll is empty. | |||
* | |||
* @return `true` if the $coll contain no elements, `false` otherwise. | |||
*/ | |||
def isEmpty: Boolean = { | |||
var result = true | |||
breakable { | |||
for (x <- this) { | |||
result = false | |||
break | |||
} | |||
} | |||
result | |||
} | |||
/** Tests whether this $coll is known to have a finite size. | |||
* All strict collections are known to have finite size. For a non-strict collection | |||
* such as `Stream`, the predicate returns `true` if all elements have been computed. | |||
* It returns `false` if the stream is not yet evaluated to the end. | |||
* | |||
* Note: many collection methods will not work on collections of infinite sizes. | |||
* | |||
* @return `true` if this collection is known to have finite size, `false` otherwise. | |||
*/ | |||
def hasDefiniteSize = true | |||
def ++[B >: A, That](that: GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.seq.size) | |||
b ++= thisCollection | |||
b ++= that.seq | |||
b.result | |||
} | |||
@bridge | |||
def ++[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = | |||
++(that: GenTraversableOnce[B])(bf) | |||
/** Concatenates this $coll with the elements of a traversable collection. | |||
* It differs from ++ in that the right operand determines the type of the | |||
* resulting collection rather than the left one. | |||
* | |||
* @param that the traversable to append. | |||
* @tparam B the element type of the returned collection. | |||
* @tparam That $thatinfo | |||
* @param bf $bfinfo | |||
* @return a new collection of type `That` which contains all elements | |||
* of this $coll followed by all elements of `that`. | |||
* | |||
* @usecase def ++:[B](that: TraversableOnce[B]): $Coll[B] | |||
* | |||
* @return a new $coll which contains all elements of this $coll | |||
* followed by all elements of `that`. | |||
*/ | |||
def ++:[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.size) | |||
b ++= that | |||
b ++= thisCollection | |||
b.result | |||
} | |||
/** This overload exists because: for the implementation of ++: we should reuse | |||
* that of ++ because many collections override it with more efficient versions. | |||
* Since TraversableOnce has no '++' method, we have to implement that directly, | |||
* but Traversable and down can use the overload. | |||
*/ | |||
def ++:[B >: A, That](that: Traversable[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = | |||
(that ++ seq)(breakOut) | |||
def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
b.sizeHint(this) | |||
for (x <- this) b += f(x) | |||
b.result | |||
} | |||
def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
for (x <- this) b ++= f(x).seq | |||
b.result | |||
} | |||
/** Selects all elements of this $coll which satisfy a predicate. | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return a new $coll consisting of all elements of this $coll that satisfy the given | |||
* predicate `p`. The order of the elements is preserved. | |||
*/ | |||
def filter(p: A => Boolean): Repr = { | |||
val b = newBuilder | |||
for (x <- this) | |||
if (p(x)) b += x | |||
b.result | |||
} | |||
/** Selects all elements of this $coll which do not satisfy a predicate. | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return a new $coll consisting of all elements of this $coll that do not satisfy the given | |||
* predicate `p`. The order of the elements is preserved. | |||
*/ | |||
def filterNot(p: A => Boolean): Repr = filter(!p(_)) | |||
def collect[B, That](pf: PartialFunction[A, B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
for (x <- this) if (pf.isDefinedAt(x)) b += pf(x) | |||
b.result | |||
} | |||
/** Builds a new collection by applying an option-valued function to all | |||
* elements of this $coll on which the function is defined. | |||
* | |||
* @param f the option-valued function which filters and maps the $coll. | |||
* @tparam B the element type of the returned collection. | |||
* @tparam That $thatinfo | |||
* @param bf $bfinfo | |||
* @return a new collection of type `That` resulting from applying the option-valued function | |||
* `f` to each element and collecting all defined results. | |||
* The order of the elements is preserved. | |||
* | |||
* @usecase def filterMap[B](f: A => Option[B]): $Coll[B] | |||
* | |||
* @param pf the partial function which filters and maps the $coll. | |||
* @return a new $coll resulting from applying the given option-valued function | |||
* `f` to each element and collecting all defined results. | |||
* The order of the elements is preserved. | |||
def filterMap[B, That](f: A => Option[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
for (x <- this) | |||
f(x) match { | |||
case Some(y) => b += y | |||
case _ => | |||
} | |||
b.result | |||
} | |||
*/ | |||
/** Partitions this $coll in two ${coll}s according to a predicate. | |||
* | |||
* @param p the predicate on which to partition. | |||
* @return a pair of ${coll}s: the first $coll consists of all elements that | |||
* satisfy the predicate `p` and the second $coll consists of all elements | |||
* that don't. The relative order of the elements in the resulting ${coll}s | |||
* is the same as in the original $coll. | |||
*/ | |||
def partition(p: A => Boolean): (Repr, Repr) = { | |||
val l, r = newBuilder | |||
for (x <- this) (if (p(x)) l else r) += x | |||
(l.result, r.result) | |||
} | |||
def groupBy[K](f: A => K): immutable.Map[K, Repr] = { | |||
val m = mutable.Map.empty[K, Builder[A, Repr]] | |||
for (elem <- this) { | |||
val key = f(elem) | |||
val bldr = m.getOrElseUpdate(key, newBuilder) | |||
bldr += elem | |||
} | |||
val b = immutable.Map.newBuilder[K, Repr] | |||
for ((k, v) <- m) | |||
b += ((k, v.result)) | |||
b.result | |||
} | |||
/** Tests whether a predicate holds for all elements of this $coll. | |||
* | |||
* $mayNotTerminateInf | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return `true` if the given predicate `p` holds for all elements | |||
* of this $coll, otherwise `false`. | |||
*/ | |||
def forall(p: A => Boolean): Boolean = { | |||
var result = true | |||
breakable { | |||
for (x <- this) | |||
if (!p(x)) { result = false; break } | |||
} | |||
result | |||
} | |||
/** Tests whether a predicate holds for some of the elements of this $coll. | |||
* | |||
* $mayNotTerminateInf | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return `true` if the given predicate `p` holds for some of the | |||
* elements of this $coll, otherwise `false`. | |||
*/ | |||
def exists(p: A => Boolean): Boolean = { | |||
var result = false | |||
breakable { | |||
for (x <- this) | |||
if (p(x)) { result = true; break } | |||
} | |||
result | |||
} | |||
/** Finds the first element of the $coll satisfying a predicate, if any. | |||
* | |||
* $mayNotTerminateInf | |||
* $orderDependent | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return an option value containing the first element in the $coll | |||
* that satisfies `p`, or `None` if none exists. | |||
*/ | |||
def find(p: A => Boolean): Option[A] = { | |||
var result: Option[A] = None | |||
breakable { | |||
for (x <- this) | |||
if (p(x)) { result = Some(x); break } | |||
} | |||
result | |||
} | |||
def scan[B >: A, That](z: B)(op: (B, B) => B)(implicit cbf: CanBuildFrom[Repr, B, That]): That = scanLeft(z)(op) | |||
def scanLeft[B, That](z: B)(op: (B, A) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
b.sizeHint(this, 1) | |||
var acc = z | |||
b += acc | |||
for (x <- this) { acc = op(acc, x); b += acc } | |||
b.result | |||
} | |||
@migration(2, 9, | |||
"This scanRight definition has changed in 2.9.\n" + | |||
"The previous behavior can be reproduced with scanRight.reverse." | |||
) | |||
def scanRight[B, That](z: B)(op: (A, B) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
var scanned = List(z) | |||
var acc = z | |||
for (x <- reversed) { | |||
acc = op(x, acc) | |||
scanned ::= acc | |||
} | |||
val b = bf(repr) | |||
for (elem <- scanned) b += elem | |||
b.result | |||
} | |||
/** Selects the first element of this $coll. | |||
* $orderDependent | |||
* @return the first element of this $coll. | |||
* @throws `NoSuchElementException` if the $coll is empty. | |||
*/ | |||
def head: A = { | |||
var result: () => A = () => throw new NoSuchElementException | |||
breakable { | |||
for (x <- this) { | |||
result = () => x | |||
break | |||
} | |||
} | |||
result() | |||
} | |||
/** Optionally selects the first element. | |||
* $orderDependent | |||
* @return the first element of this $coll if it is nonempty, `None` if it is empty. | |||
*/ | |||
def headOption: Option[A] = if (isEmpty) None else Some(head) | |||
/** Selects all elements except the first. | |||
* $orderDependent | |||
* @return a $coll consisting of all elements of this $coll | |||
* except the first one. | |||
* @throws `UnsupportedOperationException` if the $coll is empty. | |||
*/ | |||
override def tail: Repr = { | |||
if (isEmpty) throw new UnsupportedOperationException("empty.tail") | |||
drop(1) | |||
} | |||
/** Selects the last element. | |||
* $orderDependent | |||
* @return The last element of this $coll. | |||
* @throws NoSuchElementException If the $coll is empty. | |||
*/ | |||
def last: A = { | |||
var lst = head | |||
for (x <- this) | |||
lst = x | |||
lst | |||
} | |||
/** Optionally selects the last element. | |||
* $orderDependent | |||
* @return the last element of this $coll$ if it is nonempty, `None` if it is empty. | |||
*/ | |||
def lastOption: Option[A] = if (isEmpty) None else Some(last) | |||
/** Selects all elements except the last. | |||
* $orderDependent | |||
* @return a $coll consisting of all elements of this $coll | |||
* except the last one. | |||
* @throws `UnsupportedOperationException` if the $coll is empty. | |||
*/ | |||
def init: Repr = { | |||
if (isEmpty) throw new UnsupportedOperationException("empty.init") | |||
var lst = head | |||
var follow = false | |||
val b = newBuilder | |||
b.sizeHint(this, -1) | |||
for (x <- this.seq) { | |||
if (follow) b += lst | |||
else follow = true | |||
lst = x | |||
} | |||
b.result | |||
} | |||
def take(n: Int): Repr = slice(0, n) | |||
def drop(n: Int): Repr = | |||
if (n <= 0) { | |||
val b = newBuilder | |||
b.sizeHint(this) | |||
b ++= thisCollection result | |||
} | |||
else sliceWithKnownDelta(n, Int.MaxValue, -n) | |||
def slice(from: Int, until: Int): Repr = sliceWithKnownBound(math.max(from, 0), until) | |||
// Precondition: from >= 0, until > 0, builder already configured for building. | |||
private[this] def sliceInternal(from: Int, until: Int, b: Builder[A, Repr]): Repr = { | |||
var i = 0 | |||
breakable { | |||
for (x <- this.seq) { | |||
if (i >= from) b += x | |||
i += 1 | |||
if (i >= until) break | |||
} | |||
} | |||
b.result | |||
} | |||
// Precondition: from >= 0 | |||
private[scala] def sliceWithKnownDelta(from: Int, until: Int, delta: Int): Repr = { | |||
val b = newBuilder | |||
if (until <= from) b.result | |||
else { | |||
b.sizeHint(this, delta) | |||
sliceInternal(from, until, b) | |||
} | |||
} | |||
// Precondition: from >= 0 | |||
private[scala] def sliceWithKnownBound(from: Int, until: Int): Repr = { | |||
val b = newBuilder | |||
if (until <= from) b.result | |||
else { | |||
b.sizeHintBounded(until - from, this) | |||
sliceInternal(from, until, b) | |||
} | |||
} | |||
def takeWhile(p: A => Boolean): Repr = { | |||
val b = newBuilder | |||
breakable { | |||
for (x <- this) { | |||
if (!p(x)) break | |||
b += x | |||
} | |||
} | |||
b.result | |||
} | |||
def dropWhile(p: A => Boolean): Repr = { | |||
val b = newBuilder | |||
var go = false | |||
for (x <- this) { | |||
if (!p(x)) go = true | |||
if (go) b += x | |||
} | |||
b.result | |||
} | |||
def span(p: A => Boolean): (Repr, Repr) = { | |||
val l, r = newBuilder | |||
var toLeft = true | |||
for (x <- this) { | |||
toLeft = toLeft && p(x) | |||
(if (toLeft) l else r) += x | |||
} | |||
(l.result, r.result) | |||
} | |||
def splitAt(n: Int): (Repr, Repr) = { | |||
val l, r = newBuilder | |||
l.sizeHintBounded(n, this) | |||
if (n >= 0) r.sizeHint(this, -n) | |||
var i = 0 | |||
for (x <- this) { | |||
(if (i < n) l else r) += x | |||
i += 1 | |||
} | |||
(l.result, r.result) | |||
} | |||
/** Iterates over the tails of this $coll. The first value will be this | |||
* $coll and the final one will be an empty $coll, with the intervening | |||
* values the results of successive applications of `tail`. | |||
* | |||
* @return an iterator over all the tails of this $coll | |||
* @example `List(1,2,3).tails = Iterator(List(1,2,3), List(2,3), List(3), Nil)` | |||
*/ | |||
def tails: Iterator[Repr] = iterateUntilEmpty(_.tail) | |||
/** Iterates over the inits of this $coll. The first value will be this | |||
* $coll and the final one will be an empty $coll, with the intervening | |||
* values the results of successive applications of `init`. | |||
* | |||
* @return an iterator over all the inits of this $coll | |||
* @example `List(1,2,3).inits = Iterator(List(1,2,3), List(1,2), List(1), Nil)` | |||
*/ | |||
def inits: Iterator[Repr] = iterateUntilEmpty(_.init) | |||
/** Copies elements of this $coll to an array. | |||
* Fills the given array `xs` with at most `len` elements of | |||
* this $coll, starting at position `start`. | |||
* Copying will stop once either the end of the current $coll is reached, | |||
* or the end of the array is reached, or `len` elements have been copied. | |||
* | |||
* $willNotTerminateInf | |||
* | |||
* @param xs the array to fill. | |||
* @param start the starting index. | |||
* @param len the maximal number of elements to copy. | |||
* @tparam B the type of the elements of the array. | |||
* | |||
* | |||
* @usecase def copyToArray(xs: Array[A], start: Int, len: Int): Unit | |||
*/ | |||
def copyToArray[B >: A](xs: Array[B], start: Int, len: Int) { | |||
var i = start | |||
val end = (start + len) min xs.length | |||
breakable { | |||
for (x <- this) { | |||
if (i >= end) break | |||
xs(i) = x | |||
i += 1 | |||
} | |||
} | |||
} | |||
def toTraversable: Traversable[A] = thisCollection | |||
def toIterator: Iterator[A] = toStream.iterator | |||
def toStream: Stream[A] = toBuffer.toStream | |||
/** Converts this $coll to a string. | |||
* | |||
* @return a string representation of this collection. By default this | |||
* string consists of the `stringPrefix` of this $coll, | |||
* followed by all elements separated by commas and enclosed in parentheses. | |||
*/ | |||
override def toString = mkString(stringPrefix + "(", ", ", ")") | |||
/** Defines the prefix of this object's `toString` representation. | |||
* | |||
* @return a string representation which starts the result of `toString` | |||
* applied to this $coll. By default the string prefix is the | |||
* simple name of the collection class $coll. | |||
*/ | |||
def stringPrefix : String = { | |||
var string = repr.asInstanceOf[AnyRef].getClass.getName | |||
val idx1 = string.lastIndexOf('.' : Int) | |||
if (idx1 != -1) string = string.substring(idx1 + 1) | |||
val idx2 = string.indexOf('$') | |||
if (idx2 != -1) string = string.substring(0, idx2) | |||
string | |||
} | |||
/** Creates a non-strict view of this $coll. | |||
* | |||
* @return a non-strict view of this $coll. | |||
*/ | |||
def view = new TraversableView[A, Repr] { | |||
protected lazy val underlying = self.repr | |||
override def foreach[U](f: A => U) = self foreach f | |||
} | |||
/** Creates a non-strict view of a slice of this $coll. | |||
* | |||
* Note: the difference between `view` and `slice` is that `view` produces | |||
* a view of the current $coll, whereas `slice` produces a new $coll. | |||
* | |||
* Note: `view(from, to)` is equivalent to `view.slice(from, to)` | |||
* $orderDependent | |||
* | |||
* @param from the index of the first element of the view | |||
* @param until the index of the element following the view | |||
* @return a non-strict view of a slice of this $coll, starting at index `from` | |||
* and extending up to (but not including) index `until`. | |||
*/ | |||
def view(from: Int, until: Int): TraversableView[A, Repr] = view.slice(from, until) | |||
/** Creates a non-strict filter of this $coll. | |||
* | |||
* Note: the difference between `c filter p` and `c withFilter p` is that | |||
* the former creates a new collection, whereas the latter only | |||
* restricts the domain of subsequent `map`, `flatMap`, `foreach`, | |||
* and `withFilter` operations. | |||
* $orderDependent | |||
* | |||
* @param p the predicate used to test elements. | |||
* @return an object of class `WithFilter`, which supports | |||
* `map`, `flatMap`, `foreach`, and `withFilter` operations. | |||
* All these operations apply to those elements of this $coll which | |||
* satisfy the predicate `p`. | |||
*/ | |||
def withFilter(p: A => Boolean): FilterMonadic[A, Repr] = new WithFilter(p) | |||
/** A class supporting filtered operations. Instances of this class are | |||
* returned by method `withFilter`. | |||
*/ | |||
class WithFilter(p: A => Boolean) extends FilterMonadic[A, Repr] { | |||
/** Builds a new collection by applying a function to all elements of the | |||
* outer $coll containing this `WithFilter` instance that satisfy predicate `p`. | |||
* | |||
* @param f the function to apply to each element. | |||
* @tparam B the element type of the returned collection. | |||
* @tparam That $thatinfo | |||
* @param bf $bfinfo | |||
* @return a new collection of type `That` resulting from applying | |||
* the given function `f` to each element of the outer $coll | |||
* that satisfies predicate `p` and collecting the results. | |||
* | |||
* @usecase def map[B](f: A => B): $Coll[B] | |||
* | |||
* @return a new $coll resulting from applying the given function | |||
* `f` to each element of the outer $coll that satisfies | |||
* predicate `p` and collecting the results. | |||
*/ | |||
def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
for (x <- self) | |||
if (p(x)) b += f(x) | |||
b.result | |||
} | |||
/** Builds a new collection by applying a function to all elements of the | |||
* outer $coll containing this `WithFilter` instance that satisfy | |||
* predicate `p` and concatenating the results. | |||
* | |||
* @param f the function to apply to each element. | |||
* @tparam B the element type of the returned collection. | |||
* @tparam That $thatinfo | |||
* @param bf $bfinfo | |||
* @return a new collection of type `That` resulting from applying | |||
* the given collection-valued function `f` to each element | |||
* of the outer $coll that satisfies predicate `p` and | |||
* concatenating the results. | |||
* | |||
* @usecase def flatMap[B](f: A => TraversableOnce[B]): $Coll[B] | |||
* | |||
* @return a new $coll resulting from applying the given collection-valued function | |||
* `f` to each element of the outer $coll that satisfies predicate `p` and concatenating the results. | |||
*/ | |||
def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||
val b = bf(repr) | |||
for (x <- self) | |||
if (p(x)) b ++= f(x).seq | |||
b.result | |||
} | |||
/** Applies a function `f` to all elements of the outer $coll containing | |||
* this `WithFilter` instance that satisfy predicate `p`. | |||
* | |||
* @param f the function that is applied for its side-effect to every element. | |||
* The result of function `f` is discarded. | |||
* | |||
* @tparam U the type parameter describing the result of function `f`. | |||
* This result will always be ignored. Typically `U` is `Unit`, | |||
* but this is not necessary. | |||
* | |||
* @usecase def foreach(f: A => Unit): Unit | |||
*/ | |||
def foreach[U](f: A => U): Unit = | |||
for (x <- self) | |||
if (p(x)) f(x) | |||
/** Further refines the filter for this $coll. | |||
* | |||
* @param q the predicate used to test elements. | |||
* @return an object of class `WithFilter`, which supports | |||
* `map`, `flatMap`, `foreach`, and `withFilter` operations. | |||
* All these operations apply to those elements of this $coll which | |||
* satisfy the predicate `q` in addition to the predicate `p`. | |||
*/ | |||
def withFilter(q: A => Boolean): WithFilter = | |||
new WithFilter(x => p(x) && q(x)) | |||
} | |||
// A helper for tails and inits. | |||
private def iterateUntilEmpty(f: Traversable[A @uV] => Traversable[A @uV]): Iterator[Repr] = { | |||
val it = Iterator.iterate(thisCollection)(f) takeWhile (x => !x.isEmpty) | |||
it ++ Iterator(Nil) map (newBuilder ++= _ result) | |||
} | |||
} | |||
</textarea> | |||
</form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
theme: "ambiance", | |||
mode: "text/x-scala" | |||
}); | |||
</script> | |||
</article> |
@@ -1,103 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: Closure Stylesheets (GSS) mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="css.js"></script> | |||
<script src="../../addon/hint/show-hint.js"></script> | |||
<script src="../../addon/hint/css-hint.js"></script> | |||
<style>.CodeMirror {background: #f8f8f8;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">Closure Stylesheets (GSS)</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>Closure Stylesheets (GSS) mode</h2> | |||
<form><textarea id="code" name="code"> | |||
/* Some example Closure Stylesheets */ | |||
@provide 'some.styles'; | |||
@require 'other.styles'; | |||
@component { | |||
@def FONT_FAMILY "Times New Roman", Georgia, Serif; | |||
@def FONT_SIZE_NORMAL 15px; | |||
@def FONT_NORMAL normal FONT_SIZE_NORMAL FONT_FAMILY; | |||
@def BG_COLOR rgb(235, 239, 249); | |||
@def DIALOG_BORDER_COLOR rgb(107, 144, 218); | |||
@def DIALOG_BG_COLOR BG_COLOR; | |||
@def LEFT_HAND_NAV_WIDTH 180px; | |||
@def LEFT_HAND_NAV_PADDING 3px; | |||
@defmixin size(WIDTH, HEIGHT) { | |||
width: WIDTH; | |||
height: HEIGHT; | |||
} | |||
body { | |||
background-color: BG_COLOR; | |||
margin: 0; | |||
padding: 3em 6em; | |||
font: FONT_NORMAL; | |||
color: #000; | |||
} | |||
#navigation a { | |||
font-weight: bold; | |||
text-decoration: none !important; | |||
} | |||
.dialog { | |||
background-color: DIALOG_BG_COLOR; | |||
border: 1px solid DIALOG_BORDER_COLOR; | |||
} | |||
.content { | |||
position: absolute; | |||
margin-left: add(LEFT_HAND_NAV_PADDING, /* padding left */ | |||
LEFT_HAND_NAV_WIDTH, | |||
LEFT_HAND_NAV_PADDING); /* padding right */ | |||
} | |||
.logo { | |||
@mixin size(150px, 55px); | |||
background-image: url('http://www.google.com/images/logo_sm.gif'); | |||
} | |||
} | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
extraKeys: {"Ctrl-Space": "autocomplete"}, | |||
lineNumbers: true, | |||
matchBrackets: "text/x-less", | |||
mode: "text/x-gss" | |||
}); | |||
</script> | |||
<p>A mode for <a href="https://github.com/google/closure-stylesheets">Closure Stylesheets</a> (GSS).</p> | |||
<p><strong>MIME type defined:</strong> <code>text/x-gss</code>.</p> | |||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gss_*">normal</a>, <a href="../../test/index.html#verbose,gss_*">verbose</a>.</p> | |||
</article> |
@@ -1,75 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: CSS mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="css.js"></script> | |||
<script src="../../addon/hint/show-hint.js"></script> | |||
<script src="../../addon/hint/css-hint.js"></script> | |||
<style>.CodeMirror {background: #f8f8f8;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">CSS</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>CSS mode</h2> | |||
<form><textarea id="code" name="code"> | |||
/* Some example CSS */ | |||
@import url("something.css"); | |||
body { | |||
margin: 0; | |||
padding: 3em 6em; | |||
font-family: tahoma, arial, sans-serif; | |||
color: #000; | |||
} | |||
#navigation a { | |||
font-weight: bold; | |||
text-decoration: none !important; | |||
} | |||
h1 { | |||
font-size: 2.5em; | |||
} | |||
h2 { | |||
font-size: 1.7em; | |||
} | |||
h1:before, h2:before { | |||
content: "::"; | |||
} | |||
code { | |||
font-family: courier, monospace; | |||
font-size: 80%; | |||
color: #418A8A; | |||
} | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
extraKeys: {"Ctrl-Space": "autocomplete"} | |||
}); | |||
</script> | |||
<p><strong>MIME types defined:</strong> <code>text/css</code>, <code>text/x-scss</code> (<a href="scss.html">demo</a>), <code>text/x-less</code> (<a href="less.html">demo</a>).</p> | |||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>, <a href="../../test/index.html#verbose,css_*">verbose</a>.</p> | |||
</article> |
@@ -1,152 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: LESS mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<script src="css.js"></script> | |||
<style>.CodeMirror {border: 1px solid #ddd; line-height: 1.2;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">LESS</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>LESS mode</h2> | |||
<form><textarea id="code" name="code">@media screen and (device-aspect-ratio: 16/9) { … } | |||
@media screen and (device-aspect-ratio: 1280/720) { … } | |||
@media screen and (device-aspect-ratio: 2560/1440) { … } | |||
html:lang(fr-be) | |||
tr:nth-child(2n+1) /* represents every odd row of an HTML table */ | |||
img:nth-of-type(2n+1) { float: right; } | |||
img:nth-of-type(2n) { float: left; } | |||
body > h2:not(:first-of-type):not(:last-of-type) | |||
html|*:not(:link):not(:visited) | |||
*|*:not(:hover) | |||
p::first-line { text-transform: uppercase } | |||
@namespace foo url(http://www.example.com); | |||
foo|h1 { color: blue } /* first rule */ | |||
span[hello="Ocean"][goodbye="Land"] | |||
E[foo]{ | |||
padding:65px; | |||
} | |||
input[type="search"]::-webkit-search-decoration, | |||
input[type="search"]::-webkit-search-cancel-button { | |||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 | |||
} | |||
button::-moz-focus-inner, | |||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 | |||
padding: 0; | |||
border: 0; | |||
} | |||
.btn { | |||
// reset here as of 2.0.3 due to Recess property order | |||
border-color: #ccc; | |||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); | |||
} | |||
fieldset span button, fieldset span input[type="file"] { | |||
font-size:12px; | |||
font-family:Arial, Helvetica, sans-serif; | |||
} | |||
.rounded-corners (@radius: 5px) { | |||
border-radius: @radius; | |||
-webkit-border-radius: @radius; | |||
-moz-border-radius: @radius; | |||
} | |||
@import url("something.css"); | |||
@light-blue: hsl(190, 50%, 65%); | |||
#menu { | |||
position: absolute; | |||
width: 100%; | |||
z-index: 3; | |||
clear: both; | |||
display: block; | |||
background-color: @blue; | |||
height: 42px; | |||
border-top: 2px solid lighten(@alpha-blue, 20%); | |||
border-bottom: 2px solid darken(@alpha-blue, 25%); | |||
.box-shadow(0, 1px, 8px, 0.6); | |||
-moz-box-shadow: 0 0 0 #000; // Because firefox sucks. | |||
&.docked { | |||
background-color: hsla(210, 60%, 40%, 0.4); | |||
} | |||
&:hover { | |||
background-color: @blue; | |||
} | |||
#dropdown { | |||
margin: 0 0 0 117px; | |||
padding: 0; | |||
padding-top: 5px; | |||
display: none; | |||
width: 190px; | |||
border-top: 2px solid @medium; | |||
color: @highlight; | |||
border: 2px solid darken(@medium, 25%); | |||
border-left-color: darken(@medium, 15%); | |||
border-right-color: darken(@medium, 15%); | |||
border-top-width: 0; | |||
background-color: darken(@medium, 10%); | |||
ul { | |||
padding: 0px; | |||
} | |||
li { | |||
font-size: 14px; | |||
display: block; | |||
text-align: left; | |||
padding: 0; | |||
border: 0; | |||
a { | |||
display: block; | |||
padding: 0px 15px; | |||
text-decoration: none; | |||
color: white; | |||
&:hover { | |||
background-color: darken(@medium, 15%); | |||
text-decoration: none; | |||
} | |||
} | |||
} | |||
.border-radius(5px, bottom); | |||
.box-shadow(0, 6px, 8px, 0.5); | |||
} | |||
} | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers : true, | |||
matchBrackets : true, | |||
mode: "text/x-less" | |||
}); | |||
</script> | |||
<p>The LESS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p> | |||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#less_*">normal</a>, <a href="../../test/index.html#verbose,less_*">verbose</a>.</p> | |||
</article> |
@@ -1,157 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: SCSS mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="css.js"></script> | |||
<style>.CodeMirror {background: #f8f8f8;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">SCSS</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>SCSS mode</h2> | |||
<form><textarea id="code" name="code"> | |||
/* Some example SCSS */ | |||
@import "compass/css3"; | |||
$variable: #333; | |||
$blue: #3bbfce; | |||
$margin: 16px; | |||
.content-navigation { | |||
#nested { | |||
background-color: black; | |||
} | |||
border-color: $blue; | |||
color: | |||
darken($blue, 9%); | |||
} | |||
.border { | |||
padding: $margin / 2; | |||
margin: $margin / 2; | |||
border-color: $blue; | |||
} | |||
@mixin table-base { | |||
th { | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
td, th {padding: 2px} | |||
} | |||
table.hl { | |||
margin: 2em 0; | |||
td.ln { | |||
text-align: right; | |||
} | |||
} | |||
li { | |||
font: { | |||
family: serif; | |||
weight: bold; | |||
size: 1.2em; | |||
} | |||
} | |||
@mixin left($dist) { | |||
float: left; | |||
margin-left: $dist; | |||
} | |||
#data { | |||
@include left(10px); | |||
@include table-base; | |||
} | |||
.source { | |||
@include flow-into(target); | |||
border: 10px solid green; | |||
margin: 20px; | |||
width: 200px; } | |||
.new-container { | |||
@include flow-from(target); | |||
border: 10px solid red; | |||
margin: 20px; | |||
width: 200px; } | |||
body { | |||
margin: 0; | |||
padding: 3em 6em; | |||
font-family: tahoma, arial, sans-serif; | |||
color: #000; | |||
} | |||
@mixin yellow() { | |||
background: yellow; | |||
} | |||
.big { | |||
font-size: 14px; | |||
} | |||
.nested { | |||
@include border-radius(3px); | |||
@extend .big; | |||
p { | |||
background: whitesmoke; | |||
a { | |||
color: red; | |||
} | |||
} | |||
} | |||
#navigation a { | |||
font-weight: bold; | |||
text-decoration: none !important; | |||
} | |||
h1 { | |||
font-size: 2.5em; | |||
} | |||
h2 { | |||
font-size: 1.7em; | |||
} | |||
h1:before, h2:before { | |||
content: "::"; | |||
} | |||
code { | |||
font-family: courier, monospace; | |||
font-size: 80%; | |||
color: #418A8A; | |||
} | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/x-scss" | |||
}); | |||
</script> | |||
<p>The SCSS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p> | |||
<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>, <a href="../../test/index.html#verbose,scss_*">verbose</a>.</p> | |||
</article> |
@@ -1,100 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: HTML mixed mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/selection/selection-pointer.js"></script> | |||
<script src="../xml/xml.js"></script> | |||
<script src="../javascript/javascript.js"></script> | |||
<script src="../css/css.js"></script> | |||
<script src="../vbscript/vbscript.js"></script> | |||
<script src="htmlmixed.js"></script> | |||
<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">HTML mixed</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>HTML mixed mode</h2> | |||
<form><textarea id="code" name="code"> | |||
<html style="color: green"> | |||
<!-- this is a comment --> | |||
<head> | |||
<title>Mixed HTML Example</title> | |||
<style type="text/css"> | |||
h1 {font-family: comic sans; color: #f0f;} | |||
div {background: yellow !important;} | |||
body { | |||
max-width: 50em; | |||
margin: 1em 2em 1em 5em; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<h1>Mixed HTML Example</h1> | |||
<script> | |||
function jsFunc(arg1, arg2) { | |||
if (arg1 && arg2) document.body.innerHTML = "achoo"; | |||
} | |||
</script> | |||
</body> | |||
</html> | |||
</textarea></form> | |||
<script> | |||
// Define an extended mixed-mode that understands vbscript and | |||
// leaves mustache/handlebars embedded templates in html mode | |||
var mixedMode = { | |||
name: "htmlmixed", | |||
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i, | |||
mode: null}, | |||
{matches: /(text|application)\/(x-)?vb(a|script)/i, | |||
mode: "vbscript"}] | |||
}; | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
mode: mixedMode, | |||
selectionPointer: true | |||
}); | |||
</script> | |||
<p>The HTML mixed mode depends on the XML, JavaScript, and CSS modes.</p> | |||
<p>It takes an optional mode configuration | |||
option, <code>tags</code>, which can be used to add custom | |||
behavior for specific tags. When given, it should be an object | |||
mapping tag names (for example <code>script</code>) to arrays or | |||
three-element arrays. Those inner arrays indicate [attributeName, | |||
valueRegexp, <a href="../../doc/manual.html#option_mode">modeSpec</a>] | |||
specifications. For example, you could use <code>["type", /^foo$/, | |||
"foo"]</code> to map the attribute <code>type="foo"</code> to | |||
the <code>foo</code> mode. When the first two fields are null | |||
(<code>[null, null, "mode"]</code>), the given mode is used for | |||
any such tag that doesn't match any of the previously given | |||
attributes. For example:</p> | |||
<pre>var myModeSpec = { | |||
name: "htmlmixed", | |||
tags: { | |||
style: [["type", /^text/(x-)?scss$/, "text/x-scss"], | |||
[null, null, "css"]], | |||
custom: [[null, null, "customMode"]] | |||
} | |||
}</pre> | |||
<p><strong>MIME types defined:</strong> <code>text/html</code> | |||
(redefined, only takes effect if you load this parser after the | |||
XML parser).</p> | |||
</article> |
@@ -1,114 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: JavaScript mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<script src="../../addon/comment/continuecomment.js"></script> | |||
<script src="../../addon/comment/comment.js"></script> | |||
<script src="javascript.js"></script> | |||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">JavaScript</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>JavaScript mode</h2> | |||
<div><textarea id="code" name="code"> | |||
// Demo code (the actual new parser character stream implementation) | |||
function StringStream(string) { | |||
this.pos = 0; | |||
this.string = string; | |||
} | |||
StringStream.prototype = { | |||
done: function() {return this.pos >= this.string.length;}, | |||
peek: function() {return this.string.charAt(this.pos);}, | |||
next: function() { | |||
if (this.pos < this.string.length) | |||
return this.string.charAt(this.pos++); | |||
}, | |||
eat: function(match) { | |||
var ch = this.string.charAt(this.pos); | |||
if (typeof match == "string") var ok = ch == match; | |||
else var ok = ch && match.test ? match.test(ch) : match(ch); | |||
if (ok) {this.pos++; return ch;} | |||
}, | |||
eatWhile: function(match) { | |||
var start = this.pos; | |||
while (this.eat(match)); | |||
if (this.pos > start) return this.string.slice(start, this.pos); | |||
}, | |||
backUp: function(n) {this.pos -= n;}, | |||
column: function() {return this.pos;}, | |||
eatSpace: function() { | |||
var start = this.pos; | |||
while (/\s/.test(this.string.charAt(this.pos))) this.pos++; | |||
return this.pos - start; | |||
}, | |||
match: function(pattern, consume, caseInsensitive) { | |||
if (typeof pattern == "string") { | |||
function cased(str) {return caseInsensitive ? str.toLowerCase() : str;} | |||
if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) { | |||
if (consume !== false) this.pos += str.length; | |||
return true; | |||
} | |||
} | |||
else { | |||
var match = this.string.slice(this.pos).match(pattern); | |||
if (match && consume !== false) this.pos += match[0].length; | |||
return match; | |||
} | |||
} | |||
}; | |||
</textarea></div> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
continueComments: "Enter", | |||
extraKeys: {"Ctrl-Q": "toggleComment"} | |||
}); | |||
</script> | |||
<p> | |||
JavaScript mode supports several configuration options: | |||
<ul> | |||
<li><code>json</code> which will set the mode to expect JSON | |||
data rather than a JavaScript program.</li> | |||
<li><code>jsonld</code> which will set the mode to expect | |||
<a href="http://json-ld.org">JSON-LD</a> linked data rather | |||
than a JavaScript program (<a href="json-ld.html">demo</a>).</li> | |||
<li><code>typescript</code> which will activate additional | |||
syntax highlighting and some other things for TypeScript code | |||
(<a href="typescript.html">demo</a>).</li> | |||
<li><code>statementIndent</code> which (given a number) will | |||
determine the amount of indentation to use for statements | |||
continued on a new line.</li> | |||
<li><code>wordCharacters</code>, a regexp that indicates which | |||
characters should be considered part of an identifier. | |||
Defaults to <code>/[\w$]/</code>, which does not handle | |||
non-ASCII identifiers. Can be set to something more elaborate | |||
to improve Unicode support.</li> | |||
</ul> | |||
</p> | |||
<p><strong>MIME types defined:</strong> <code>text/javascript</code>, <code>application/json</code>, <code>application/ld+json</code>, <code>text/typescript</code>, <code>application/typescript</code>.</p> | |||
</article> |
@@ -1,72 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: JSON-LD mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<script src="../../addon/comment/continuecomment.js"></script> | |||
<script src="../../addon/comment/comment.js"></script> | |||
<script src="javascript.js"></script> | |||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id="nav"> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"/></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">JSON-LD</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>JSON-LD mode</h2> | |||
<div><textarea id="code" name="code"> | |||
{ | |||
"@context": { | |||
"name": "http://schema.org/name", | |||
"description": "http://schema.org/description", | |||
"image": { | |||
"@id": "http://schema.org/image", | |||
"@type": "@id" | |||
}, | |||
"geo": "http://schema.org/geo", | |||
"latitude": { | |||
"@id": "http://schema.org/latitude", | |||
"@type": "xsd:float" | |||
}, | |||
"longitude": { | |||
"@id": "http://schema.org/longitude", | |||
"@type": "xsd:float" | |||
}, | |||
"xsd": "http://www.w3.org/2001/XMLSchema#" | |||
}, | |||
"name": "The Empire State Building", | |||
"description": "The Empire State Building is a 102-story landmark in New York City.", | |||
"image": "http://www.civil.usherbrooke.ca/cours/gci215a/empire-state-building.jpg", | |||
"geo": { | |||
"latitude": "40.75", | |||
"longitude": "73.98" | |||
} | |||
} | |||
</textarea></div> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
matchBrackets: true, | |||
autoCloseBrackets: true, | |||
mode: "application/ld+json", | |||
lineWrapping: true | |||
}); | |||
</script> | |||
<p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p> | |||
</article> |
@@ -1,61 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: TypeScript mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="javascript.js"></script> | |||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">TypeScript</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>TypeScript mode</h2> | |||
<div><textarea id="code" name="code"> | |||
class Greeter { | |||
greeting: string; | |||
constructor (message: string) { | |||
this.greeting = message; | |||
} | |||
greet() { | |||
return "Hello, " + this.greeting; | |||
} | |||
} | |||
var greeter = new Greeter("world"); | |||
var button = document.createElement('button') | |||
button.innerText = "Say Hello" | |||
button.onclick = function() { | |||
alert(greeter.greet()) | |||
} | |||
document.body.appendChild(button) | |||
</textarea></div> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "text/typescript" | |||
}); | |||
</script> | |||
<p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p> | |||
</article> |
@@ -1,64 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: PHP mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="../../addon/edit/matchbrackets.js"></script> | |||
<script src="../htmlmixed/htmlmixed.js"></script> | |||
<script src="../xml/xml.js"></script> | |||
<script src="../javascript/javascript.js"></script> | |||
<script src="../css/css.js"></script> | |||
<script src="../clike/clike.js"></script> | |||
<script src="php.js"></script> | |||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">PHP</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>PHP mode</h2> | |||
<form><textarea id="code" name="code"> | |||
<?php | |||
$a = array('a' => 1, 'b' => 2, 3 => 'c'); | |||
echo "$a[a] ${a[3] /* } comment */} {$a[b]} \$a[a]"; | |||
function hello($who) { | |||
return "Hello $who!"; | |||
} | |||
?> | |||
<p>The program says <?= hello("World") ?>.</p> | |||
<script> | |||
alert("And here is some JS code"); // also colored | |||
</script> | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
lineNumbers: true, | |||
matchBrackets: true, | |||
mode: "application/x-httpd-php", | |||
indentUnit: 4, | |||
indentWithTabs: true | |||
}); | |||
</script> | |||
<p>Simple HTML/PHP mode based on | |||
the <a href="../clike/">C-like</a> mode. Depends on XML, | |||
JavaScript, CSS, HTMLMixed, and C-like modes.</p> | |||
<p><strong>MIME types defined:</strong> <code>application/x-httpd-php</code> (HTML with PHP code), <code>text/x-php</code> (plain, non-wrapped PHP code).</p> | |||
</article> |
@@ -1,86 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: SQL Mode for CodeMirror</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css" /> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="sql.js"></script> | |||
<link rel="stylesheet" href="../../addon/hint/show-hint.css" /> | |||
<script src="../../addon/hint/show-hint.js"></script> | |||
<script src="../../addon/hint/sql-hint.js"></script> | |||
<style> | |||
.CodeMirror { | |||
border-top: 1px solid black; | |||
border-bottom: 1px solid black; | |||
} | |||
</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">SQL Mode for CodeMirror</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>SQL Mode for CodeMirror</h2> | |||
<form> | |||
<textarea id="code" name="code">-- SQL Mode for CodeMirror | |||
SELECT SQL_NO_CACHE DISTINCT | |||
@var1 AS `val1`, @'val2', @global.'sql_mode', | |||
1.1 AS `float_val`, .14 AS `another_float`, 0.09e3 AS `int_with_esp`, | |||
0xFA5 AS `hex`, x'fa5' AS `hex2`, 0b101 AS `bin`, b'101' AS `bin2`, | |||
DATE '1994-01-01' AS `sql_date`, { T "1994-01-01" } AS `odbc_date`, | |||
'my string', _utf8'your string', N'her string', | |||
TRUE, FALSE, UNKNOWN | |||
FROM DUAL | |||
-- space needed after '--' | |||
# 1 line comment | |||
/* multiline | |||
comment! */ | |||
LIMIT 1 OFFSET 0; | |||
</textarea> | |||
</form> | |||
<p><strong>MIME types defined:</strong> | |||
<code><a href="?mime=text/x-sql">text/x-sql</a></code>, | |||
<code><a href="?mime=text/x-mysql">text/x-mysql</a></code>, | |||
<code><a href="?mime=text/x-mariadb">text/x-mariadb</a></code>, | |||
<code><a href="?mime=text/x-cassandra">text/x-cassandra</a></code>, | |||
<code><a href="?mime=text/x-plsql">text/x-plsql</a></code>, | |||
<code><a href="?mime=text/x-mssql">text/x-mssql</a></code>, | |||
<code><a href="?mime=text/x-hive">text/x-hive</a></code>, | |||
<code><a href="?mime=text/x-pgsql">text/x-pgsql</a></code>, | |||
<code><a href="?mime=text/x-gql">text/x-gql</a></code>. | |||
</p> | |||
<script> | |||
window.onload = function() { | |||
var mime = 'text/x-mariadb'; | |||
// get mime type | |||
if (window.location.href.indexOf('mime=') > -1) { | |||
mime = window.location.href.substr(window.location.href.indexOf('mime=') + 5); | |||
} | |||
window.editor = CodeMirror.fromTextArea(document.getElementById('code'), { | |||
mode: mime, | |||
indentWithTabs: true, | |||
smartIndent: true, | |||
lineNumbers: true, | |||
matchBrackets : true, | |||
autofocus: true, | |||
extraKeys: {"Ctrl-Space": "autocomplete"}, | |||
hintOptions: {tables: { | |||
users: {name: null, score: null, birthDate: null}, | |||
countries: {name: null, population: null, size: null} | |||
}} | |||
}); | |||
}; | |||
</script> | |||
</article> |
@@ -1,61 +0,0 @@ | |||
<!DOCTYPE html> | |||
<title>CodeMirror: XML mode</title> | |||
<meta charset="utf-8"/> | |||
<link rel=stylesheet href="../../doc/docs.css"> | |||
<link rel="stylesheet" href="../../lib/codemirror.css"> | |||
<script src="../../lib/codemirror.js"></script> | |||
<script src="xml.js"></script> | |||
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||
<div id=nav> | |||
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||
<ul> | |||
<li><a href="../../index.html">Home</a> | |||
<li><a href="../../doc/manual.html">Manual</a> | |||
<li><a href="https://github.com/codemirror/codemirror">Code</a> | |||
</ul> | |||
<ul> | |||
<li><a href="../index.html">Language modes</a> | |||
<li><a class=active href="javascript:;">XML</a> | |||
</ul> | |||
</div> | |||
<article> | |||
<h2>XML mode</h2> | |||
<form><textarea id="code" name="code"> | |||
<html style="color: green"> | |||
<!-- this is a comment -> | |||
<head> | |||
<title>HTML Example</title> | |||
</head> | |||
<body> | |||
The indentation tries to be <em>somewhat &quot;do what | |||
I mean&quot;</em> but might not match your style. | |||
</body> | |||
</html> | |||
</textarea></form> | |||
<script> | |||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||
mode: "text/html", | |||
lineNumbers: true | |||
}); | |||
</script> | |||
<p>The XML mode supports these configuration parameters:</p> | |||
<dl> | |||
<dt><code>htmlMode (boolean)</code></dt> | |||
<dd>This switches the mode to parse HTML instead of XML. This | |||
means attributes do not have to be quoted, and some elements | |||
(such as <code>br</code>) do not require a closing tag.</dd> | |||
<dt><code>matchClosing (boolean)</code></dt> | |||
<dd>Controls whether the mode checks that close tags match the | |||
corresponding opening tag, and highlights mismatches as errors. | |||
Defaults to true.</dd> | |||
<dt><code>alignCDATA (boolean)</code></dt> | |||
<dd>Setting this to true will force the opening tag of CDATA | |||
blocks to not be indented.</dd> | |||
</dl> | |||
<p><strong>MIME types defined:</strong> <code>application/xml</code>, <code>text/html</code>.</p> | |||
</article> |