<div dir="auto">From Google AI:</div><div dir="auto"><br></div><div dir="auto"><div><div style="font-family:"google sans","helvetica neue",sans-serif;font-size:23.4px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none;color:rgb(0,29,53)"><div style="margin:0px 0px 10px;letter-spacing:normal;font-family:"google sans","helvetica neue",sans-serif;font-weight:400!important" dir="auto">“Browsers cannot directly execute TypeScript code. TypeScript is a superset of JavaScript and requires compilation into JavaScript before it can be run in a browser environment. The TypeScript compiler transforms <code style="border-radius:4px;font-family:monospace;padding:0px 4px">.ts</code> files into <code style="border-radius:4px;font-family:monospace;padding:0px 4px">.js</code> files, which are then understood and executed by web browsers. Therefore, to run TypeScript in a browser, you need to: </div></div><div style="font-family:"google sans","helvetica neue",sans-serif;font-size:23.4px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none;color:rgb(0,29,53)"><ul style="margin:10px 0px 20px;padding:0px 0px 0px 24px;font-family:"google sans","helvetica neue",sans-serif"><li style="margin:0px 0px 8px;padding:0px 0px 0px 4px;list-style-position:inherit;list-style-type:none;font-family:"google sans","helvetica neue",sans-serif"><div style="padding-bottom:0px;padding-top:0px;border-bottom-width:medium;border-bottom-style:none;font-family:"google sans","helvetica neue",sans-serif"><div style="font-family:"google sans","helvetica neue",sans-serif"><div style="min-width:0px;font-family:"google sans","helvetica neue",sans-serif"><div style="font-weight:500;padding-bottom:4px;font-family:"google sans","helvetica neue",sans-serif"><strong style="font-family:"google sans","helvetica neue",sans-serif">Write TypeScript Code:</strong></div><div style="letter-spacing:0.1px;font-family:"google sans","helvetica neue",sans-serif">Create your application logic using TypeScript syntax, taking advantage of features like static typing and interfaces. </div></div></div></div></li><li style="font-family:"google sans","helvetica neue",sans-serif"><div style="font-family:"google sans","helvetica neue",sans-serif"><ul style="font-family:"google sans","helvetica neue",sans-serif"><li style="margin:0px 0px 8px;padding:0px 0px 0px 4px;list-style-position:inherit;list-style-type:none;font-family:"google sans","helvetica neue",sans-serif"><div style="padding-bottom:0px;padding-top:0px;border-bottom-width:medium;border-bottom-style:none;font-family:"google sans","helvetica neue",sans-serif"><div style="font-family:"google sans","helvetica neue",sans-serif"><div style="min-width:0px;font-family:"google sans","helvetica neue",sans-serif"><div style="font-weight:500;padding-bottom:4px;font-family:"google sans","helvetica neue",sans-serif"><strong style="font-family:"google sans","helvetica neue",sans-serif">Compile to JavaScript:</strong></div><div style="letter-spacing:0.1px;font-family:"google sans","helvetica neue",sans-serif">Use the TypeScript compiler (<code style="border-radius:4px;font-family:monospace;padding:0px 4px">tsc</code>) to transpile your <code style="border-radius:4px;font-family:monospace;padding:0px 4px">.ts</code> files into <code style="border-radius:4px;font-family:monospace;padding:0px 4px">.js</code> files. This process converts the TypeScript code into standard JavaScript that browsers can interpret. </div></div></div></div></li></ul></div><div style="font-family:"google sans","helvetica neue",sans-serif"><ul style="font-family:"google sans","helvetica neue",sans-serif"><li style="margin:0px 0px 8px;padding:0px 0px 0px 4px;list-style-position:inherit;list-style-type:none;font-family:"google sans","helvetica neue",sans-serif"><div style="padding-bottom:0px;padding-top:0px;border-bottom-width:medium;border-bottom-style:none;font-family:"google sans","helvetica neue",sans-serif"><div style="font-family:"google sans","helvetica neue",sans-serif"><div style="min-width:0px;font-family:"google sans","helvetica neue",sans-serif"><div style="font-weight:500;padding-bottom:4px;font-family:"google sans","helvetica neue",sans-serif"><strong style="font-family:"google sans","helvetica neue",sans-serif">Include in HTML:</strong></div><div style="letter-spacing:0.1px;font-family:"google sans","helvetica neue",sans-serif">Reference the generated <code style="border-radius:4px;font-family:monospace;padding:0px 4px">.js</code> files in your HTML using <code style="border-radius:4px;font-family:monospace;padding:0px 4px"><script></code> tags. This makes the compiled JavaScript code available to the browser. </div></div></div></div></li></ul></div><div style="font-family:"google sans","helvetica neue",sans-serif"><ul style="font-family:"google sans","helvetica neue",sans-serif"><li style="margin:0px;padding:0px 0px 0px 4px;list-style-position:inherit;list-style-type:none;font-family:"google sans","helvetica neue",sans-serif"><div style="padding-bottom:0px;padding-top:0px;border-bottom-width:medium;border-bottom-style:none;font-family:"google sans","helvetica neue",sans-serif"><div style="font-family:"google sans","helvetica neue",sans-serif"><div style="min-width:0px;font-family:"google sans","helvetica neue",sans-serif"><div style="font-weight:500;padding-bottom:4px;font-family:"google sans","helvetica neue",sans-serif"><strong style="font-family:"google sans","helvetica neue",sans-serif">Run in Browser:</strong></div><div style="letter-spacing:0.1px;font-family:"google sans","helvetica neue",sans-serif">Open the HTML file in a web browser. The browser will execute the included JavaScript code, effectively running your TypeScript application. </div></div></div></div></li></ul></div></li></ul></div><div style="font-family:"google sans","helvetica neue",sans-serif;font-size:23.4px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none;color:rgb(0,29,53)"><div style="font-family:"google sans","helvetica neue",sans-serif"><div style="margin:10px 0px 20px;font-family:"google sans","helvetica neue",sans-serif" dir="auto">While browsers don't run TypeScript natively, the compilation process allows developers to write code in TypeScript and still have it function correctly in any browser that supports JavaScript.”</div></div></div></div><br></div><div dir="auto">Deno runs TypeScript, so conceivably, if Deno’s TypeScript could be ported to Chrome (they both use the V8 JavaScript engine), conceivably, we could get TypeScript in the browser.</div><div dir="auto"><br></div><div dir="auto">Starting in Node.js 23, according to Google AI, Node.js runs TypeScript.  Node was also based on V8.</div><div dir="auto"><br></div><div dir="auto">So yeah, we’re all waiting for TypeScript in the browser.  But others talking about JS0, reducing complexity of the JavaScript in the browser.</div><div dir="auto"><br></div><div dir="auto">I have not experienced being able to use X3D tags in React.  Maybe I need to import an X3D engine or use x3dom for lowercase tags?</div><div dir="auto"><br></div><div dir="auto">John </div><div><br><div class="gmail_quote gmail_quote_container"><div dir="ltr" class="gmail_attr">On Sat, Mar 8, 2025 at 12:51 PM John Carlson <<a href="mailto:yottzumm@gmail.com">yottzumm@gmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;padding-left:1ex;border-left-color:rgb(204,204,204)"><div dir="auto">TypeScript in the past has generated JavaScript, so yes TypeScript can be used with  X3D:</div><div dir="auto"><br></div><div dir="auto"><div><a href="https://github.com/coderextreme/X3DJSONLD/tree/master/src/main/ts" target="_blank">https://github.com/coderextreme/X3DJSONLD/tree/master/src/main/ts</a></div><br></div><div dir="auto">If you have types in JavaScript, you can use them in TypeScript.</div><div dir="auto"><br></div><div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Fri, Mar 7, 2025 at 10:46 PM Joe D Williams via x3d-public <<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;padding-left:1ex;border-left-color:rgb(204,204,204)">"TypeScript is a strongly typed programming language that builds on JavaScript, offering features like static typing, classes, and interfaces. "<br>
<br>
Is this typescript a tool for X3D?<br>
<br>
Thanks, <br>
Joe<br>
<br>
_______________________________________________<br>
x3d-public mailing list<br>
<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a><br>
<a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/listinfo/x3d-public_web3d.org</a><br>
</blockquote></div></div>
</blockquote></div></div>