This is the official node package, made for the official programming language Quick Type, which is developed by the Sketch Company.
If you want to write short code and like to have the same results as in javascript, this is the perefect option for you!
You only need to install this package on your computer and after that you can start writing in Quick Type.
If you'd like to have some language support for Quick Type, you can install the VS Code "Quick Type Language Support" extension.
If you'd like to know how to use Quick Type, you can visit our documentation at our documentation website.
This is the changelog of the language, not really the node package itself, because the version of the node package changes more often than the language itself. So don't worry about the versions, that the changelog shows, they are correct.
- fixed bugs when using for loops and arrays
- fixed issue when using if statements with the
&(and) or|(or) operator - fixed other small bugs
[!WARNING] Support for
.qtfile extensions has been stopped and does not work anymore!
[!NOTE] We recommend using the
.quickextension, if you are using theimportfunctionality, because it can only import files with.quickextension.
added import functionality by using "quicky"
To import a script, use the keyword quicky (stands for "quickly import a .quick file") followed by a string with the filename without the .quick extension
mainScript.quick
quicky "anotherScript"
log("a variable from antoher script", anotherScript.aVariable)
log("a test function from another script", antoherScript.testFunction())To export data of a script (file), you define a variable at the very end of it.
anotherScript.quick
log("anotherScript: test")
f testFunction(){
log("anotherScript: testFunction called")
c testFunctionString = "anotherScript: testFunction called"
}
c aVariable = true
c anotherVariable = "anotherScript: test"
// here we define the varibale to export the data of the script
c export = {
aVariable,
testFunction,
anotherVariable
}added HTML support
You can now assign HTML to variables by using the </> symbol.
htmlSupport.quick
c html = </>
<html>
<head>
<style>
body{
background-color: whitesmoke;
color: black;
padding: 50px 100px;
margin: 0;
}
</style>
</head>
<body onload="test()">
<h1>Test Website<h1>
<p>This is an example website<p>
</body>
<script>
function test(){
alert("test function was called")
}
</script>
</html>
log("html", html)This can be used in the future for creating a REST API and sending HTML to the frontend. That will be possible in future updates of Quick Type.
todo: add variable support for html
So you could do something like this
future.quick
c localTime = time()
c html = </>
<html>
<head>
<style>
body{
background-color: whitesmoke;
color: black;
padding: 50px 100px;
margin: 0;
}
</style>
</head>
<body onload="test()">
<h1>Test Website<h1>
<p>This is an example website<p>
<!-- example using variables in html -->
<div>
<h2>Local Time</h2>
<p>localTime <!-- The Varibale defined at the top showing the local current time --></p>
</div>
</body>
<script>
function test(){
alert("test function was called")
}
</script>
</html>
log("html", html)- removed support for files with
.qtextension - support set only for
.quickand.quicktypefile extensions
added arrays
You can create an array by using the [] brackets like in every other programming language.
arrays.quick
c array = [
"first string",
"second string",
"third string"
]
c array2 = [
0,
1,
2
]
log("array:", array2[0], array[0])
log("array:", array2[1], array[1])
log("array:", array2[2], array[2])added for loops
You can use for loops for arrays like this
forLoops.quick
c array = [
"first string",
"second string",
"third string"
]
f readArray(element, i, newArray){ // these arguments are optional but recommended to use for tracking the elements in the array in the index
log("array element", i, element)
log("new array:", newArray)
// do whatever you want to do with the element
}
for(array, readArray)You can also call a function for multiple times like this
forLoops2.quick
c repetitions = 5
f readArray(i){ // this argument is also optional
log("called function", i + 1, "times")
}
for(repetitions, readArray)added if, else if and else statements
To use if and else statements, you need to do it like in every other programming language.
Only the && and || symbol are diffrent here! You have to use only a single symbol of them.
ifAndElseStatements.quick
c state = true
c number = 2
f checkState(){
// if statement
if(state == true){
log("state is true")
}
// if, else statement
if(state != true){
log("state is false")
}
else{
log("state is true")
}
// if, else if, else statement
if(number == 0){
log("number is 0")
}
else if(number == 1){
log("number is 1")
}
else{
log("number is", number)
}
// if, else if, else statement
if(number == 0 | number == 1){ // "|" also know as "||" stands for "or" and means that at least on condition has to apply
log("number is 0 or 1")
}
else if(number == 1 & number <= 5){ // "&" also known as "&&" stands for "and" and means that both conditions have to apply
log("number is 1 or number is 5 or lower")
}
else {
log("idk the number")
}
}
checkState()You can also use keywords like is (equal to ==), not (equal to !=), gt (stands for "greater than", euqal to >), ls (stands for "less than", equal to <), ngt (stands for "not greater than" equal to !>), nls (stands for "not less than", equal to !<), isgt (stands for "is equal or greater than", equal to >=), isls (stands for "is equal or less than", equal to <=).
ifAndElseStatementsWithWords.quick
c state = true
c number = 2
f checkState(){
// if statement
if(state is true){
log("state is true")
}
// if, else statement
if(state not true){
log("state is false")
}
else{
log("state is true")
}
// if, else if, else statement
if(number is 0){
log("number is 0")
}
else if(number is 1){
log("number is 1")
}
else{
log("number is", number)
}
// if, else if, else statement
if(number is 0 or number is 1){
log("number is 0 or 1")
}
else if(number is 1 and number isls 5){
log("number is 1 or number is 5 or lower")
}
else {
log("idk the number")
}
}
checkState()- fixed some small bugs
- Release of the node package and the language