આયાત પ્રતિક્રિયા "પ્રતિક્રિયા"વર્ગ ફાર્મ વિસ્તરે પ્રતિક્રિયા ઘટક{કન્સ્ટ્રક્ટર   {સુપર   આ. onMessage = આ. onMessage બાંધવું (આ)આ. રાજ્ય = {"ફાર્મ": {"પહોળાઈ": 0,"ઊંચાઈ": 0,},"પેચો": [],};}ઘટકવોલમાઉન્ટ   {આ. સોકેટ = નવી વેબસોકેટ ("ws: // 127 0. 0. 1: 8080 / ws")આ. સોકેટ addEventListener ("સંદેશ", આ. onMessage)// DEBUGઆ. સોકેટ addEventListener ("ખોલો",    => {આ. સોકેટ મોકલો ("નવું ફાર્મ")})}onMessage (e){માહિતી = JSON દો પર્સ (ઈ. ડેટા);જો (ડેટા ફાર્મ) {આ. સેટસ્ટેટ ({"ફાર્મ": ડેટા. ફાર્મ})}જો (માહિતી પેચો) {આ. સેટસ્ટેટ ({"પેચો": ડેટા પેચ્સ})}}ઘટકવોલ્યુનમાઉન્ટ   {આ. સોકેટ removeEventListener (આ. onMessage)આ. સોકેટ = નલ}રેન્ડર    {પંક્તિઓ દો [=]ખેતર = આ દો રાજ્ય ફાર્મરાજ્યપેટ્સ દો = આ રાજ્ય પેચોમાટે (દો વાય = 0; વાય  {જો (પેચ x === x અને& પેચ વાય === વાય) {className + = "" + + પેચ પ્રકારજો (પેચ. ભીનું) {className + = "" + ભીનું}}})પેચો દબાણ(