_bigbeard Comments

_bigbeard

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

one thing I wanted to add here: If I can white label this application as well individually, I'm trying to put together a demo and would be happy to pay for a public license to remove any branding (1-3 months depending on how long I need to keep it up) and allow anyone to publicly interact with it if they have the link (similar to the windmill app UI)

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

excellent! If you need help testing let me know. would love to have this one working 🙂

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

So I never did find a solution for this (callling an external API) however, switching to executeWorkspaceScript fixed my issue 🙂

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

@rubenf on a related topic to the react template .. are there timeouts that can be adjusted on windmill-hosted scripts? Not for one step in a flow, but when calling a single script. Some of these larger PDFs timeout when uploading (only when calling from the React app, not from the Windmill App Builder UI). I can send a more detailed video/screenshot in a bit if this does not make aense

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

awesome, TYVM!

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

aha, aka: /api/w/automation-architech/jobs/run_wait_result/p/u/doug/brisk_script

20 replies

WWindmill

•Created by _bigbeard on 11/29/2023 in #help

Best practices for Importing React app in development and production environments

ere's a snippet of the code I'm using to handle the file upload:

async function handleFileUpload(event: React.ChangeEvent<HTMLInputElement>) {
  if (event.target.files) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = async function() {
      if (reader.result) {
        const base64data = typeof reader.result === 'string' ? reader.result.split(',')[1] : '';
        const body = JSON.stringify({
          "file_": base64data
        });
        const endpoint = `https://app.windmill.dev/api/w/automation-architech/jobs/run_wait_result/p/u/doug/brisk_script`;

        try {
          const response = await fetch(endpoint, {
            method: 'POST',
            headers: {
              "Content-Type": "application/json",
              "Authorization": "Bearer {token}"
          },
          body
        });

        if (!response.ok) {
          throw new Error('Network response was not ok');
        }

        const data = await response.json();
        console.log(data);
      } catch (error) {
        console.error('Error:', error);
        }
      }
    }     
  }  
}

async function handleFileUpload(event: React.ChangeEvent<HTMLInputElement>) {
  if (event.target.files) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = async function() {
      if (reader.result) {
        const base64data = typeof reader.result === 'string' ? reader.result.split(',')[1] : '';
        const body = JSON.stringify({
          "file_": base64data
        });
        const endpoint = `https://app.windmill.dev/api/w/automation-architech/jobs/run_wait_result/p/u/doug/brisk_script`;

        try {
          const response = await fetch(endpoint, {
            method: 'POST',
            headers: {
              "Content-Type": "application/json",
              "Authorization": "Bearer {token}"
          },
          body
        });

        if (!response.ok) {
          throw new Error('Network response was not ok');
        }

        const data = await response.json();
        console.log(data);
      } catch (error) {
        console.error('Error:', error);
        }
      }
    }     
  }  
}

20 replies