Custom Component (AI Generated) - Feedback wanted! šŸ’”

This is so good, because it gives so much more flexibility. Iā€™m loving it.

2 Likes

I was copy-pasting a custom AI component today, and noticed that I can change the column tied to a data field, but it will revert back to the original column used in the original custom component.

Is this expected behavior? A bug?

Have you done the ā€œenterā€ part in the prompt section to confirm the changes?

Really happy with how this turned out. Itā€™s a name picker that starts and stops with a tap. Can add names dynamically or any item the user likes.

It works at home and on mobile data, but not at work (the place it was built for!). Not sure why the firewall, or whatever the problem is, would target this component only, while allowing everything else?

SmartSelect_20241112_130617_Chrome

3 Likes

AI thinks security protocols at the department I work for might be blocking the component. Hope thereā€™s a way around it otherwise itā€™s not going to be an option to include it as a selling point to new schools. That would be a shame, the custom AI tool is great and opens up so many possibilities.

AI:

  • Firewall Restrictions: Some work networks block traffic from specific domains or ports that your AI component might use. If possible, ask IT if certain APIs or domains need to be whitelisted.
  • WebSocket Requirements: AI components sometimes use WebSocket connections, which may be restricted on enterprise networks. Verify if WebSocket connections are allowed.
  • Network Policies or Device Trust Issues: Some workplace networks restrict custom code execution for security, especially on non-work-approved applications. If so, IT could clarify whether this applies.
1 Like

Does only this specific custom component not work? If you create other simple custom components, do you have the same problem? Just off the top of my head, the custom component uses external Alpine and Tailwind javascript and CSS libraries, so one of them may be blocked. Possibly your component is pulling in other external javascript libraries. Thatā€™s something your network security team would have to look at, to determine which network traffic is being blocked.

2 Likes

Iā€™ll have a play around at work and put another custom component in to see if that works. So different custom components will pull from different libraries depending what theyā€™re rendering? i.e. while one might be blocked, another might work as it is not using code from the same source?

I think alpine and tailwind are pretty standard, but I suppose itā€™s possible that other libraries could be included based on the component you are building. Itā€™s just a wild guess, but it would help to know if only this custom component is affected, or others.

2 Likes

Added another custom component at work and it doesnā€™t show. It was a simple request to display a word. Seems like itā€™s being blocked outright

Yeah, Iā€™m not sure. Short of contacting support, Iā€™d probably open the inspection tool in the browser and check for any console errors. Hard to say what to look for though.

1 Like

Iā€™d like to recommend making a template page for A.I. build components. That would be very helpful!

Thought Iā€™d update in case someone else has a similar issue.

The component is now working. The IT department found that Glide was classified as ā€˜unratedā€™ by Fortinet, which for some reason, only affected the custom component (the rest of the app has been working for about 2 years despite the classification).

Having it up and running again meant I could finish what I started. Had an idea but didnā€™t think it would work. Amazed to be proven wrong! The component can produce a voice dictation of any word I give it, and even allows me to change the accent and gender of the voice. This is probably pretty-low key in the grand scheme of things, but I think itā€™s incredible. Iā€™m using it as part of a random name picker in a school context, so the ability to vocalise the selection is very useful, particularly for vision-impaired students as the app is displayed on the class screen. Impressed with how well it can tackle hard-to-pronounce names.

6 Likes

Whatā€™s going on there? How is this possible?

I wonder the same thing. It was done with the AI custom component. Just gave it some prompts, a bit of trial and error but didnā€™t take long.

Tried several times, but without success.

Oh, I thought you made the AI ā€‹ā€‹component talk.

Ah so you just meant the talking part. The AI component is talking, the prompt was ā€˜speak the name the spinner stops onā€™. Then a couple more to specify gender etc.

1 Like

So it did really speak on itself huh? Thatā€™s amazing.

1 Like

Thatā€™s wicked!

3 Likes

It exist here