How to upload Twitch panel extension in Twitch extension store? - javascript

I recently created a twitch panel extension and I have no idea how to upload it and make it available for install. I have seen Twitch extension documentation and I did not find how to upload the extension. If anyone knows how to do it, please share your knowledge.
This is documents I have seen https://dev.twitch.tv/docs/extensions
right now i am stuck here and have no idea where to next from here

A Twitch Extension comprises of HTML/JS/CSS and any background images.
So you'd need to create a zip file that contains your front end assets. In this case that would appear to be the contents of extensions-hello-world/public
Also that looks like a REALLY old Version of the developer rig. You may need to manually update https://dev.twitch.tv/docs/extensions/rig as on older version broke it's auto update mechanism
Assets and the full control time line for a extensions is at https://dev.twitch.tv/console/extensions
A similar question was asked and answered on the Dev Forums: https://discuss.dev.twitch.tv/t/solved-404-the-specified-key-does-not-exist/11921/2
The salient point for the post describes how to select and zip you files. Select all the files in the folder and zip from there. Don't right click and zip the folder itself.

Related

Is there a reason as to why my locally hosted images aren't displaying on my site after uploading everything on GitHub?

o I am brand new to Github, and frankly to programming in general. I created my own portfolio website (following a Youtube guide) and have been facing so many issues trying to understand terminals and then getting it up on Github, but I must learn Github so it's worth learning it even though there are other options to post your websites onto. But after getting everything on my repositories, everything looks normal when I look at the code but when I open my website hosted on GitHub called tyler-104.GitHub.io (my portfolio website), all my images that are local to my computer won't display.
My images that aren't local are displaying ( I have one for github and one for LinkedIn) and work as they should. I thought that I simply only had to upload my local images that are also inside my HTML code to my repositories would solve it, but it does not.
If you look at my site
(tyler-104.github.io)
none of the bigger images are being displayed even after uploading my local files to my repository (https://github.com/Tyler-104/tyler-104.github.io). More than that I have tried and created multiple repositories, uploaded, altered, and updated but nothing seems to work. My only guess is that since they are local they won't display.
Do you need to somehow use images that are already stored online to make it work? Basically, would I have to remove my locally stored images (that are on my Desktop for example) in my HTML and use internet links that I want to display on some sites like Unsplash? Or can I use local images stored images and they will still be displayed?
The console of the developer mode is full of 404 for URLs like:
GET https://tyler-104.github.io/img/3D/Grapes.webp: 404
^^^^^ ?
But your repository does not have a img folder. It directly has 3D/Grapes.webp.
So might need to create img, and git mv 3D img/ in it (the commit and push), to test if those images are displayed.

Would like to write a javascript that helps me to find documents in a folder

I would like to write a js for an offline website (located on a local Windows server or any other server). It's supposed to look for files like PDFs in several directories and display them as search result on the "website", which isn't a real website, since it's on a local server and not in the web. The PDF is supposed to open in the browser after clicking it. I already have this kind of search engine as a php file, which I wrote with some help from friends. I also want to share this site with other friends. Basically I'll send them the whole folder with the html - document (or the .php site), so they can use it to search for certain pdfs in the folder. Its like a offline wiki for medical research documents. But I don't want them to always install php on their local servers, so they can run my php-searchmachine, thus I need to write it new as a javascript. By google and stack overflow I came across this solution https://www.codegrepper.com/code-examples/javascript/find+file+in+directory+javascript but it seems like that this needs node.js, so all have to install node.js, which is similar to installing php, I guess (im not familiar with node.js). Also I'm not sure if node.js is running on a normal client or server, which is not a webserver.
How can I start with such a project? Is javascript the correct attempt to solve this?
Windows Search has the ability to search PDF contents when boosted by a PDF (index) iFilter, this means the user can search and find instantly a new search word or a saved search it took only a second to hand enter this search (actually took longer to save for double click next time) just for illustration I chose a word I knew was in one file and actually found it is also in two other PDFs.
The problem for your JS coding is how to use JavaScript to interface with Windows Search since using explorer I could not run that search on a remote server shared library drive (I could see their contents as per second screen but for search, had to pull a local library copy down to my documents) and that is where your JS skills come into play. Personally I would avoid JS and use a VLC method to share view via a remote Lan server or simpler invoke a plain text indexed local copy of remote files for download as and when required.

How to add Mozilla ActiveX Control v1.7.12 to my vb.net windows form project

I downloaded the mozillacontrol1712.exe file and installed it. It created a new folder in the Program Files (x86) folder...Mozilla ActiveX v1.7.12, containing 14 folders and 169 files. All of the posts said you must register to make it work. I successfully registered the mozctlx.dll file. The tool box shows Mozilla Browser Class. When I try to drag the "control" on to the form it shows a small square and then Visual studio shuts down and starts over with a new blank form. What am I doing wrong? If there is a tutorial out there that would help me get started it would be very nice.
Having had similar problems, may I suggest looking closely at DEP and ensuring all parts of the DLL are excluded?
To research:
https://learn.microsoft.com/en-us/windows/win32/memory/data-execution-prevention
To configure:
https://www.online-tech-tips.com/windows-xp/disable-turn-off-dep-windows/

Can I use a sourcemap and bundle file to retrieve original react code

I have these two files on my server:
/react/build/static/js/stats.js
and
/react/build/static/js/main.5c7483.js
In the stats.js file, it has this line at the bottom:
//# sourceMappingURL=main.8c33616f.js.map (I noticed the filename does not match)
The react app works fine, but I want to make some small changes. However, the developer has told me they completely lost the original source files due to a hard drive failure.
Is it possible to recover source files (or even anything that resembles source code?) I found this debundle package but couldn't get the configuration to work properly.
They told me the project was created using create-react-app.
In chrome dev tools, it says "Source Map Detected" - but using ctrl+p does not show any components. Just a few random js files like page.js, inject.js, common.js, etc
Well, this answer is late but just in case other people come here looking for answers (like me), here's how I solved it:
If you're lucky and the developers generated and uploaded the source maps then you shouldn't have any issue accessing the source codes.
I am not allowed to embed images yet so you may have to use the image links provided to see sample images.
Using Chrome(or any modern browser), browse to the website where the react app is hosted. Right-click anywhere on the page and select Inspect. Ctrl+Shift+I works too.
This will open up the dev tools window. Select the Sources tab.
Image showing the inspector tabs with the Sources option highlighted
Depending on the website's dependencies, you'll probably see several folders here. The first folder will be titled similar to the name of the website's URL. Open that up, that's where the sources for your website is located. Opening that folder will show yet another list of folders (assets, static, modules, react-components, src).
At this point, you may think your source codes are inside the src folder but that's not where yours are. To find yours, open up the static folder.
Selecting the static folder
This folder has three inner folders: css, js and node_modules. Your JS source files are inside the js folder so that's where to look for your source codes.
Image showing the expanded js folder
So that's it. I hope this helps. It definitely did help me when I needed it!

File upload plugin and display for a web site application

I have a website that uses twitter bootstrap and I would like to add a place for "shared files" (word docs, videos, etc) that each user who uses the application can upload their own files to and it can be shared among users of the entire website. Everyone can view each file. The first thing that came to mind is a youtube account, where you can upload a video and then see all of your uploaded videos and everyone else can view it. I need this, but for all types of files and any user of the application can edit it.
By myself, I'm not sure how to achieve this, so I was searching for a plugin. Obviously I'm not sure if something like this has a particular name so all of my google searches have so far come up empty. Does anyone have any suggestions? Does the functionality I want have a name?
Thanks!
Dropbox.com comes to mind.
They have an API chooser where users can upload through the web site:
https://www.dropbox.com/developers/dropins/chooser/js
How to share files and folders
https://www.dropbox.com/help/274/en
Look through their Sharing Q&A
https://www.dropbox.com/help/category/Sharing

Categories

Resources