Merge pull request #1 from Supernova-Studio/features/pulsar-1.5

Pulsar 1.5 support

Author: JiriTrecak

exporter.json

@@ -6,7 +6,7 @@
     "organization": "Supernova",
     "homepage": "https://supernova.io",
     "source_dir": "src",
-    "version": "1.0.3",
+    "version": "1.1",
     "config": {
         "sources": "sources.json",
         "output": "output.json",

src/borders.pr

@@ -6,7 +6,7 @@ and their value rendered using `rendered-border` blueprint
 
 *}
 :root {
-{[ for token in @ds.tokensByType("Border") ]}
+{[ for token in ds.tokensByType("Border") ]}
     {[ inject "rendered-token-var" context token /]}
 
 

src/colors.pr

@@ -6,7 +6,7 @@ and their value rendered using `rendered-color` blueprint
 
 *}
 :root {
-{[ for token in @ds.tokensByType("Color") ]}
+{[ for token in ds.tokensByType("Color") ]}
     {[ inject "rendered-token-var" context token /]}
 
 

src/gradients.pr

@@ -6,7 +6,7 @@ and their value rendered using `gradient-color` blueprint
 
 *}
 :root {
-{[ for token in @ds.tokensByType("Gradient") ]}
+{[ for token in ds.tokensByType("Gradient") ]}
     {[ inject "rendered-token-var" context token /]}
 
 

src/main-renderers/reference-wrapper.pr

@@ -18,7 +18,7 @@ Note: Token is passed as `context` property because it is injected
 
 /* description */
 *}
-{[ if @compare.null(context.referencedToken) ]}
-{{#body}}
-{[else]}
+{[ if !context.referencedToken ]}
+{{ #body }}
+{[ else ]}
 var(--{[ inject "rendered-name" context context.referencedToken /]}){[/]}

src/main-renderers/rendered-description.pr

@@ -20,6 +20,6 @@ Rendered as:
 
 /* description */
 *}
-{[ if @boolean.not(@compare.empty(context.description)) ]}
+{[ if (context.description && context.description.count() > 0) ]}
 /* {{ context.description.replacing("*/", "* /") }} */
 {[/]}

src/main-renderers/rendered-name.pr

@@ -24,7 +24,7 @@ Rendered as:
 [group1][group2][...][name];
 
 *}
-{[ let tokenGroup = @ds.tokenGroupContainingTokenId(context.id) /]}
+{[ let tokenGroup = ds.tokenGroupContainingTokenId(context.id) /]}
 {[ let prefix = "" /]}
 {[ switch context.tokenType ]}
 {[ case "Color" ]}{[ prefix = behavior.colorTokenPrefix /]}
@@ -35,5 +35,5 @@ Rendered as:
 {[ case "Gradient" ]}{[ prefix = behavior.gradientTokenPrefix /]}  
 {[ default ]}{[ prefix = "" /]}  
 {[/]}
-{[ let tokenName = @js.readableVariableName(context, tokenGroup, prefix) /]}
+{[ let tokenName = readableVariableName(context, tokenGroup, prefix) /]}
 {{ tokenName }}

src/main-renderers/rendered-token-class.pr

@@ -29,7 +29,7 @@ Rendered as:
 {[ inject "rendered-description" context token /]}
 .{[ inject "rendered-name" context token /]} 
 
-{[ for alias in @js.findAliases(context.token, context.allTokens) ]}
+{[ for alias in (findAliases(context.token, context.allTokens)) ]}
 , {[ inject "rendered-description" context alias /]}
 .{[ inject "rendered-name" context alias /]}
 {[/]} {

src/measures.pr

@@ -6,7 +6,7 @@ and their value rendered using `rendered-measure` blueprint
 
 *}
 :root {
-{[ for token in @ds.tokensByType("Measure") ]}
+{[ for token in ds.tokensByType("Measure") ]}
     {[ inject "rendered-token-var" context token /]}
 
 

src/shadows.pr

@@ -6,7 +6,7 @@ and their value rendered using `shadow-color` blueprint
 
 *}
 :root {
-{[ for token in @ds.tokensByType("Shadow") ]}
+{[ for token in ds.tokensByType("Shadow") ]}
     {[ inject "rendered-token-var" context token /]}
 
 

src/token-renderers/rendered-color.pr

@@ -27,7 +27,7 @@ Rendered as:
 
 *}
 {[ inject "reference-wrapper" context context ]}
-{[ if @compare.lessThan(context.a, 255) ]}
+{[ if (context.a < 255) ]}
 #{{ context.hex }}
 {[ else ]}
 #{{ context.hex.substring(0, 6) }}

src/token-renderers/rendered-gradient.pr

@@ -38,15 +38,15 @@ linear-gradient(
 *}
 {[ inject "reference-wrapper" context context ]}
 {[ let gradientType = "linear-gradient" /]}
-{[ let gradientDirection = @js.gradientAngle(context.from, context.to).rounded(2).toString().suffixed("deg") /]}
-{[ if @compare.equals(context.type, "Radial") ]}
-  {[ set "gradientType" = "radial-gradient" /]}
-  {[ set "gradientDirection" = "circle at center" /]}
+{[ let gradientDirection = gradientAngle(context.from, context.to).rounded(2).toString().suffixed("deg") /]}
+{[ if (context.type === "Radial") ]}
+  {[ "gradientType" = "radial-gradient" /]}
+  {[ "gradientDirection" = "circle at center" /]}
 {[/]}
 {{ gradientType }}(
   {{ gradientDirection }},
   {[ for stop in context.stops ]}
-{[ inject "rendered-color" context stop.color /]} {{ stop.position.multipliedBy(100).rounded(1) }}%{[ if @boolean.not(#last) ]}, {[/]}
+{[ inject "rendered-color" context stop.color /]} {{ (stop.position * 100).rounded(1) }}%{[ if !(#last) ]}, {[/]}
 
   {[/]}
 )

src/token-renderers/rendered-measure.pr

@@ -20,11 +20,11 @@ Note: Value is passed as `context` property because it is injected
 {[ let unit = "px" /]}
 {[ switch context.unit ]}
 {[ case "Points"]}
-{[ set unit = "pt"/]}
+{[ unit = "pt"/]}
 {[ case "Percent"]}
-{[ set unit = "%"/]}
+{[ unit = "%"/]}
 {[ case "Ems"]}
-{[ set unit = "em"/]}
+{[ unit = "em"/]}
 {[/]}
 {{ context.measure }}{{ unit }}
 {[/]}

src/token-renderers/rendered-typography.pr

@@ -53,18 +53,18 @@ Rendered as:
 *}
 
 {[ let fontStyle = "normal" /]}
-{[ if @ds.fonts.isItalic(context.font) ]}
-  {[ set fontStyle = "italic" /]}
+{[ if ds.isFontItalic(context.font) ]}
+  {[ fontStyle = "italic" /]}
 {[/]}
 font-family: "{{ context.font.family }}";
 font-style: {{ fontStyle }};
-font-weight: {{ @ds.fonts.weight(context.font) }};
+font-weight: {{ ds.fontWeight(context.font) }};
 font-size: {[ inject "rendered-measure" context context.fontSize /]};
-{[ if @compare.nonnull(context.lineHeight) ]}
+{[ if context.lineHeight ]}
 line-height: {[ inject "rendered-measure" context context.lineHeight /]};
 {[/]}
-letter-spacing: {[if @compare.equals(context.letterSpacing.unit, "Percent") ]} 
-{{ context.letterSpacing.measure.dividedBy(100).rounded(2) }}em;
+letter-spacing: {[if (context.letterSpacing.unit === "Percent") ]} 
+{{ (context.letterSpacing.measure / 100).rounded(2) }}em;
 {[ else ]}
 {[ inject "rendered-measure" context context.letterSpacing /]};
 {[/]}

src/typography.pr

@@ -5,10 +5,10 @@ Tokens are named by their group path and then name,
 and their value rendered using `rendered-color` blueprint
 
 *}
-{[ const allTokens = @ds.tokensByType("Typography") /]}
+{[ const allTokens = ds.tokensByType("Typography") /]}
 {[ for token in allTokens ]}
-{[ if @compare.null(token.referencedToken) ]}
-{[ inject "rendered-token-class" context @init.dictionary().add("token", token).add("allTokens", allTokens) /]}    
+{[ if !token.referencedToken ]}
+{[ inject "rendered-token-class" context { "token": token, "allTokens": allTokens } /]}    
 
 
 {[/]}