transformer error

[Need-an-AwP]

i was trying an indicator called 'Purple Cloud' in pineTS

Purple Cloud

but pinets throw error when executing pineTS.run():

ReferenceError: buy is not defined
    at _r (.next\dev\server\chunks\[root-of-the-server]__35be2dc2._.js:7669:12)
    at Dr._executeIterations (C:\Users\17904\Desktop\costo\.next\dev\server\chunks\[root-of-the-server]__35be2dc2._.js:12645:29) 
    at Dr._runComplete (C:\Users\17904\Desktop\costo\.next\dev\server\chunks\[root-of-the-server]__35be2dc2._.js:12517:74)       
    at async (instrumentation.ts:94:31)

so i tried to make it output the code after transform:

    /**
     * Transpile the Pine Script code
     * @private
     */
    private _transpileCode(pineTSCode: Function | String): Function {
        const transformer = transpile.bind(this);
        const transpiledCode = transformer(pineTSCode, this._debugSettings);

        console.log('=== transpiled code ===');
        console.log(transpiledCode.toString());
        console.log('=== transpiled code ===\n');

        return transpiledCode;
    }

undefined variables can be seen in the transformed js code:

 // [Line 27] plotshape(buy && xs != xs[1] && direction < 0, {title: 'Strong BUY', text: '🚀', style: shape.labelup, location: location.belowbar, color: color.green, textcolor: color.white, size: size.tiny}); 
  const p54 = $.param(buy && xs != xs[1] && $.get($.let.glb1_direction, 0) < 0, undefined, 'p54');

// [Line 28] plotshape(sell && xs != xs[1] && direction > 0, {title: 'Strong SELL', text: '☄️', style: shape.labeldown, location: locationn.abovebar, color: color.red, textcolor: color.white, size: size.tiny});
  const p61 = $.param(sell && xs != xs[1] && $.get($.let.glb1_direction, 0) > 0, undefined, 'p61');

buy and sell two variables have been defined correctly in previous transformed code, but they are not used here

the full transformed code: transformed_script.js

i don't think i can completely understand the transformer in a short time, this is the farthest i can reach😭

[alaa-eddine]

Thank you for reporting this and for your investigation,
the transformer is probably the most complex piece of code in PineTS, you were brave enough to digg into it which is awesome 😄

I think I know the problem, it seems that the transpiler is not handling syntaxes like this properly : plotshape(buy and xs != xs[1] and direction < 0 , title = "Strong BUY", ....)

the "buy and xs != xs[1] and direction < 0" is transformed to "buy && xs != xs[1] && $.get($.let.glb1_direction, 0) < 0"
here buy and xs were supposed to get transformed to something like $.let.glb1_buy and $.let.glb1_xs ... but the transformation is not happening for some reason, likely a transpiler bug.

the reason these variables are transformed is to be able to handle them as series in the internal context.

I'll release a hotfix with the next release

in the meantime, a quick workaround would be to prepare the plot condition in a separate variable, then pass it to the plot function

here is a working code

Note : I removed alertcondition() because it's not yet supported by PineTS

//@version=5
indicator("Purple Cloud [MMD]",overlay=true, timeframe="", timeframe_gaps=true)

atrPeriod = input(10, "Supertrend ATR Length")
factor = input.float(3.0, "Supertrend Factor", step = 0.01)

[supertrend, direction] = ta.supertrend(factor, atrPeriod)



x1 = input(14, "Period")
alpha = input.float(0.7, "Alpha", step = 0.1)

bpt=input.float(1.4,"Buying Pressure Threshold %", step = 0.1)
spt=input.float(1.4,"Selling Pressure Threshold %", step = 0.1)

x2 = ta.atr(x1) * alpha 
xh = close + x2
xl = close - x2 
a1=ta.vwma(hl2*volume,math.ceil(x1/4))/ta.vwma(volume,math.ceil(x1/4))
a2=ta.vwma(hl2*volume,math.ceil(x1/2))/ta.vwma(volume,math.ceil(x1/2))
a3=2*a1-a2
a4=ta.vwma(a3,x1)


b1 = 0.0
b1 := na(b1[1]) ? ta.sma(close, x1) : (b1[1] * (x1 - 1) + close) / x1

a5=2*a4*b1/(a4+b1)

buy  = a5<=xl and close>b1*(1+bpt*0.01) 
sell = a5>=xh and close<b1*(1-spt*0.01)
xs = 0
xs := buy ? 1 : sell ? -1 : xs[1]

barcolor( color = xs==1 ? color.green :xs==-1? color.red:na)


buyCond = buy  and xs != xs[1]
sellCond = sell and xs != xs[1]
plotshape(buyCond  ,  title = "BUY",  text = 'B',  style = shape.labelup,   location = location.belowbar, color= color.green, textcolor = color.white,  size = size.tiny)
plotshape(sellCond , title = "SELL", text = 'S', style = shape.labeldown, location = location.abovebar, color= color.red,   textcolor = color.white, size = size.tiny)

strongBuyCond = buy  and xs != xs[1] and direction < 0 
strongSellCond = sell and xs != xs[1] and direction > 0 

plotshape(strongBuyCond ,  title = "Strong BUY",  text = '🚀',  style = shape.labelup,   location = location.belowbar, color= color.green, textcolor = color.white,  size = size.tiny)
plotshape(strongSellCond , title = "Strong SELL", text = '☄️', style = shape.labeldown, location = location.abovebar, color= color.red,   textcolor = color.white, size = size.tiny)

ema200=input(false,"Ema 200")
ema50=input(false,"Ema 50")
ema20=input(false,"Ema 20")

plot(ta.ema(close,200),color=ema200?color.black:na,title="Ema 200",linewidth = 4)
plot(ta.ema(close,50),color=ema50?color.blue:na,title="EMA 50",linewidth = 3)
plot(ta.ema(close,20),color=ema20?color.orange:na,title="EMA 20",linewidth = 2)

[alaa-eddine]

also the rendering does not 100% matches the TradingView chart, this is a current limitation of QFChart

[alaa-eddine]

I pushed a new hotfix version (v0.8.2) with a fix for this issue :)

[Need-an-AwP]

Thank you for your work❤️
the speed at which you fixed the bug was simply amazing
im gonna close this issue, i hope i will have the opportunity to contribute this project in the future