SWCSpeedy Web Compiler

    @swc/wasm-web

    This modules allows you to synchronously transform code inside the browser using WebAssembly.

    Usage

    You must first initialize the module before you can use it.

    App.jsx
    import { 
    function useEffect(effect: React.EffectCallback, deps?: React.DependencyList): void
    Accepts a function that contains imperative, possibly effectful code.
    @parameffect  Imperative function that can return a cleanup function@paramdeps  If present, effect will only activate if the values in the list change.@version16 .8.0@seehttps://react.dev/reference/react/useEffect
    useEffect    , 
    function useState<S>(initialState: S | (() => S)): [S, React.Dispatch<React.SetStateAction<S>>] (+1 overload)
    Returns a stateful value, and a function to update it.
    @version16 .8.0@seehttps://react.dev/reference/react/useState
    useState     } from "react";    
import 
    function initSwc(module_or_path?: {
    module_or_path: InitInput | Promise<InitInput>;
} | InitInput | Promise<InitInput>): Promise<InitOutput>
    If module_or_path is {RequestInfo} or {URL}, makes a request and
for everything else, calls WebAssembly.instantiate directly.
    @parammodule_or_path  - Passing InitInput directly is deprecated.@returns
    initSwc    , { 
    function transformSync(code: string | Program, opts?: Options, experimental_plugin_bytes_resolver?: any): Output
    @paramcode@paramopts@paramexperimental_plugin_bytes_resolver  An object contains bytes array for the plugin
specified in config. Key of record represents the name of the plugin specified in config. Note this is an experimental
interface, likely will change.@returns
    transformSync     } from "@swc/wasm-web";    

export default function 
    function App(): React.JSX.Element
    App    () {    
  const [
    const initialized: boolean
    initialized    , 
    const setInitialized: React.Dispatch<React.SetStateAction<boolean>>
    setInitialized    ] = 
    useState<boolean>(initialState: boolean | (() => boolean)): [boolean, React.Dispatch<React.SetStateAction<boolean>>] (+1 overload)
    Returns a stateful value, and a function to update it.
    @version16 .8.0@seehttps://react.dev/reference/react/useState
    useState    (false);    

  
    function useEffect(effect: React.EffectCallback, deps?: React.DependencyList): void
    Accepts a function that contains imperative, possibly effectful code.
    @parameffect  Imperative function that can return a cleanup function@paramdeps  If present, effect will only activate if the values in the list change.@version16 .8.0@seehttps://react.dev/reference/react/useEffect
    useEffect    (() => {    
    async function 
    function (local function) importAndRunSwcOnMount(): Promise<void>
    importAndRunSwcOnMount    () {    
      await 
    function initSwc(module_or_path?: {
    module_or_path: InitInput | Promise<InitInput>;
} | InitInput | Promise<InitInput>): Promise<InitOutput>
    If module_or_path is {RequestInfo} or {URL}, makes a request and
for everything else, calls WebAssembly.instantiate directly.
    @parammodule_or_path  - Passing InitInput directly is deprecated.@returns
    initSwc    ();    
      
    const setInitialized: (value: React.SetStateAction<boolean>) => void
    setInitialized    (true);    
    }
    
    function (local function) importAndRunSwcOnMount(): Promise<void>
    importAndRunSwcOnMount    ();    
  }, []);

  function 
    function (local function) compile(): void
    compile    () {    
    if (!
    const initialized: boolean
    initialized    ) {    
      return;
    }
    const 
    const result: Output
    result     = 
    function transformSync(code: string | Program, opts?: Options, experimental_plugin_bytes_resolver?: any): Output
    @paramcode@paramopts@paramexperimental_plugin_bytes_resolver  An object contains bytes array for the plugin
specified in config. Key of record represents the name of the plugin specified in config. Note this is an experimental
interface, likely will change.@returns
    transformSync    (`console.log('hello')`, {});    
    
    var console: Console
    The console module provides a simple debugging console that is similar to the
JavaScript console mechanism provided by web browsers.
    

    The module exports two specific components:
    

      

    • A Console class with methods such as console.log(), console.error() and console.warn() that can be used to write to any Node.js stream.
      • 

    • A global console instance configured to write to process.stdout and
process.stderr. The global console can be used without importing the node:console module.
      • 

    

    Warning: The global console object's methods are neither consistently
synchronous like the browser APIs they resemble, nor are they consistently
asynchronous like all other Node.js streams. See the note on process I/O for
more information.
    

    Example using the global console:
    

    console.log('hello world');
// Prints: hello world, to stdout
console.log('hello %s', 'world');
// Prints: hello world, to stdout
console.error(new Error('Whoops, something bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoops, something bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!, to stderr
    

    Example using the Console class:
    

    const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(out, err);

myConsole.log('hello world');
// Prints: hello world, to out
myConsole.log('hello %s', 'world');
// Prints: hello world, to out
myConsole.error(new Error('Whoops, something bad happened'));
// Prints: [Error: Whoops, something bad happened], to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!, to err
    @seesource
    console    .
    Console.log(message?: any, ...optionalParams: any[]): void (+1 overload)
    Prints to stdout with newline. Multiple arguments can be passed, with the
first used as the primary message and all additional used as substitution
values similar to printf(3)
(the arguments are all passed to util.format()).
    

    const count = 5;
console.log('count: %d', count);
// Prints: count: 5, to stdout
console.log('count:', count);
// Prints: count: 5, to stdout
    

    See util.format() for more information.
    @sincev0 .1.100
    log    (
    const result: Output
    result    );    
  }

  return (
    <
    React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
    div     
    React.HTMLAttributes<HTMLDivElement>.className?: string | undefined
    className    ="App">    
      <
    React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
    button     
    React.DOMAttributes<HTMLButtonElement>.onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined
    onClick    ={
    function (local function) compile(): void
    compile    }>Compile</
    React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
    button    >    
    </
    React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
    div    >    
  );
}