skip dynamically generated min js files in TFS check-in - javascript

I have a webessentials task that generates min.js files on every project build via the build task. However this builds and generates the new files that are not changed either, which shows up as more files during TFS check-in. Since these files are required for deployment, i cannot exclude them from the project.
Adding the .tfignore for the following also does not help.
*.min.js
..\*.min.js
Is there something wrong here or why does TFS ignore the .tfignore files after the min.js files are checked-in.

I can reproduce this issue, and there are some similar issues discussed in GitHub, eg : https://github.com/aspnet/Home/issues/962
As a workaround, before check in files, you can try to Undo All first, then copy the .tfignore file to the root folder which generated the *.min.js files, then manually Add items to folder, you will find that the *.min.js files are excluded this time, then check in the needed files.
Before check in: Pending Changes > Action > Undo All
Navigate to workspace (Project local path), Create a .tfignore file with the exclusion rules and copy it to the root folder which generated the *.min.js files.
Check in the .tfignore file first. (Detected link > select the
.tfignore file > Promote > check in )
Right click in Source Control Explorer > Add items to folder >
Select the project folder > you will find that the *.min.js files
are Excluded automatically, Click Finish > Check in the changes.

Related

Angular Build reverse engineering: How to revert minified javascript files to their original typescript form

I have a series of js files. (i.e. 0.js , 1.js, 2.js, 3.js ... 15.js) along with 0.js.map , 1.js.map ... 15.js.map in a folder that also contains main.js and main.js.map and vendor.js along with vendor.js.map.
These are files that contain Phonegap(Cordova) and Ionic code.
The project is probably using Angular for building. Although in the Chrome Dev Tools in the Sources tab I can only see the ng folder. A webpack folder does not seem to be displayed. According to https://angular.io/cli/build :
The application builder uses the webpack build tool, with default configuration options specified in the workspace configuration file (angular.json) or with a named alternative configuration.
Is there a way to convert the files in their original Typescript format using the source map files (.js.map) in order to alter them?

How to automatically link asset files that I add manually to my project (JS and CSS) to a template file

I have been using AngularJS for around 6 months now and have recently started using Yeoman and Grunt to help with my workflow.
Is there a way to have grunt update my index.html file for files/scripts that I add manually into my app folder?
I know that if I use the command:
$ yo angular:service New-Service
then a boilerplate file will be created and my index.html file will be updated to reference the new file.
Is there a way to have this functionality for files that I do not add with the syntax shown above?
Thanks for the help.
You are searching a linker. There are several grunt plugins to do this job :
- grunt-asset-linker
- grunt-sails-linker
Here is what you have to do :
Add a grunt task with (grunt-contrib-watch) to watch folders where files are added
Add a task with (E.g : grunt-asset-linker) to link all files from one or many folder to your index.html

r.js - excluding specific list of files

Hello evryone,
I'm trying to find a way to make the r.js not to copy all the files form my /lib/ directory except for (for example) jquery.js and require.js.
I'm using fileExclusionRegExp option to exclude all *.js files except for the above mentioned.
fileExclusionRegExp: '\/lib\/(?!jquery|require).*\.js'
But after the optimization, I can still see that other files have been copied over too.
Is there anything I'm doing wrong ? Or is the regex incorrect?
Thanks in advance
The problem you've run into is that you are trying to make fileExclusionRegExp match the entire path of a file, but r.js uses it only to test against the base name of files. You can infer this from the description of the option and its default value. The description says:
//When the optimizer copies files from the source location to the
//destination directory, it will skip directories and files that start
//with a ".".
The default value is:
/^\./
If this were to be tested against a full path, it would not be able to exclude files that start with a period if they are in a subdirectory. We also find confirmation of this behavior in this issue report.
If you have only one file named require.js and one file named jquery.js, then you can get by with this regexp:
fileExclusionRegExp: /^(?!jquery|require).*\.js$/
Otherwise, fileExclusionRegExp is not going to do it, and you should use a build step to clean your directory, as suggested by the author of RequireJS in the issue report I mention above.

Combine all files in a folder as pdf

My current problem is that starting from the root folder I have to look into each folder and if one file exists then save it as a pdf with the folder name in a different location. If more then one file exists then combine this into one file, save it as a pdf with the folder name in a different location.
Example:
- Root Folder
- Folder1
- FileA.tif
- FileB.tif
- Folder2
- FileC.tif
- Result Folder
- Folder1.pdf (Contains FileA.tif and FileB.tif combined into one pdf)
- Folder2.pdf (Contains FileC.tif as pdf)
I am currently using Acrobat 9 Professional. I know I can do this manually, but I have to do this for hundreds of folders and each folder has one or more files.
My preffered solution would be in Acrobat Javascript on Windows XP.
Somethings that I am trying to figure out is if I can do some sort of:
For each folder in Root Folder
For each file in folder (Save the folder name too)
Combine files (I think I can mange this based on some examples I have seen)
I think that would give me a good start.
Any help would be greatly appreciated.
GhostView is a command-line program that can manipulate PDF files. Years ago, I used this to concatenate thousands of PDF files into a single PDF for download. It can convert multiple file types to PDF, plus you can apply all of the PDF security options to your final PDF as needed. You'll need the commercial version if you're packaging this for a product.
I am trying to solve the same problem here.
You need to install GhostScript and use some bat file to do the job.
I started to write this:
#echo off
set folpath=%~dp0
set PROG="c:\Program Files\gs\gs9.04\bin\gswin64"
set OUT= "%folpath%Combined.pdf"
pushd "%~dp0"
call %PROG% -o %OUT% -sOUTPUTFILE="%folpath%Merged.pdf" -dBATCH "%folpath%doc2.pdf" "%folpath%doc1.pdf"
pause
But it is not ready :)

jQuery UI setup

I just downloaded jQuery UI but when I downloaded it it came with a bunch of different files & I'm confused if I need to use them all & where I need to put them.
I have:
css/
development-bundle/
js/
index.html
I copied the folder inside the "css" dir & put it in my local css folder.. this seemed to contain the CSS & images for the theme I downloaded with it. I then copied the "jquery-ui-1.8.12.custom.min.js" file from the "js" dir & put it inside my local js dir; however now I'm wondering do I need to copy stuff from the "development-bundle" folder & if so what?
It contains..
demos
docs/
external/
themes/
ui/
misc text files
jquery-1.5.1.js
Only stuff that looks like I might need is from the "external" dir which has a few js files in there & maybe the "themes" dir.... but I thought this was already covered previously? Also..... the files inside the "ui" directory appear to be all the related js files to what I selected for my custom bundle download + another "jquery-ui-1.8.12.custom.js" file.
You only need the js and css folders in order to use jQueryUI. The development folder is used more for demos and trying things out. It has each plugin in a separate file to allow you to pick and choose features. So, just use the js and css folders and import the files in there to your HTML.

Categories

Resources