Updated css

Tidied up Kidiff.sh
Moved changes fro _wc (working copy) to kidiff.sh
Working on Kidiff_wc.sh to support cascading style sheet sheet.css
This commit is contained in:
John Pateman 2017-08-21 09:59:21 +01:00
parent 87ba0f6a91
commit 39b8da545e
4 changed files with 404 additions and 306 deletions

509
kidiff.sh
View File

@ -2,166 +2,296 @@
# Takes one or two Fossil ref's as arguments and generates visual diffs between them
# If only one ref specified, generates a diff from that file
# If no refs specified, assumes HEAD
# If no refs specified, assumes CURRENT
# TODO Consider moving all formatting to a single, external css file and putting all
# created web content into a 'web' directory.
# TODO Improve 3-pane layout - possible two side by side and comparison image underneath?
# TODO Consider moving all formatting to a single external css file.
# TODO Improve 3-pane layout - possible two side by side and comparison image underneath.
# TODO Add commandline quality option - Quality is dpi. 100 is fast but low quality 300 is a good compromise.
# TODO Improve sed removal of the the 'ADDED' 'CHANGED' tags. There is a difference in number of spaces in diffs with
# one vs two arguments. Need to match any number of spaces.
# Something like tr -d 'CHANGED[:space:]||ADDED[:space:]'
# TODO Remove filename from display format i.e 'filename-F_Cu' becomes 'F_Cu'
qual="100"
# TODO Add command line quality option - Quality is dpi. 100 is fast but low quality
# 600 is very detailed. 300 is a good compromise.
# TODO Add recolour option
# 952927
# convert F_Cu.png -fill "#952927" -fuzz 75% -opaque "#ffffff" test2.png
# Remove old plot files
rm -r /tmp/svg
# Set directory for plotting
OUTPUT_DIR="./plots"
# TODO Have added this temprarily to simply remove all the plots prior to generating files.
rm -r $OUTPUT_DIR
# TODO Have added this temporarily to simply remove all the plots prior to generating files.
# Theoretically the script could check if the files have already been generated and then only generate the
# missing files. This would permit multiple diff compares and you could also use an external diff tool like p4merge
# but the disadvantage is that the resoultions have to match. It is also more complicated to script
# Ideally one could request random compares within the web interface and there would
# be 'on the fly' svg/png creation and diff showing.
# Try to keep the web components seperate from the images so that the images could be
# looked at using a graphical diff viewer like p4merge.
# Set directory for web backend
WEB_DIR=$OUTPUT_DIR"/web"
rm -r $OUTPUT_DIR
# Find .kicad_files that differ between commits
###############################################
# TODO Might need to use a more complex strategy to cope with spaces in filename
# using some varient of 'find . -name "*.pro" -print0 | xargs -0'
#################################
# Colours to substitute per layer
#
# Additionally need to add vias, and internal layers.
# TODO Parse the pcbnew file to determine which layers are active.
F_Cu="#952927"
B_Cu="#359632"
B_Paste="#3DC9C9"
F_Paste="#969696"
F_SilkS="#339697"
B_SilkS="#481649"
B_Mask="#943197"
F_Mask="#943197"
Edge_Cuts="#C9C83B"
In1_Cu="#C2C200"
In2_Cu="#C200C2"
User_Dwgs="#C2C2C2"
User_Cmts="#000085"
User_Eco1="#008500"
User_Eco2="#C2C200"
B_Fab="#858585"
F_Fab="#C2C200"
# These are the colour definitions for the 'solarised' theme from pcbnew.
#ColorPCBLayer_F.Cu=rgb(221, 47, 44)
#ColorPCBLayer_In3.Cu=rgba(194, 194, 194, 0.800)
#ColorPCBLayer_In4.Cu=rgba(0, 132, 132, 0.800)
#ColorPCBLayer_In5.Cu=rgba(0, 132, 0, 0.800)
#ColorPCBLayer_In6.Cu=rgba(0, 0, 132, 0.800)
#ColorPCBLayer_Margin=rgba(194, 0, 194, 0.800)
#ColorPCBLayer_B.CrtYd=rgba(194, 194, 0, 0.800)
#ColorPCBLayer_F.CrtYd=rgba(132, 132, 132, 0.800)
#ColorTxtFrontEx=rgba(194, 194, 194, 0.800)
#ColorTxtBackEx=rgba(0, 0, 132, 0.800)
#ColorTxtInvisEx=rgba(132, 132, 132, 0.800)
#ColorAnchorEx=rgba(0, 0, 132, 0.800)
#ColorPadBackEx=rgba(0, 132, 0, 0.800)
#ColorPadFrontEx=rgba(132, 132, 132, 0.800)
#ColorViaThruEx=rgba(194, 194, 194, 0.800)
#ColorViaBBlindEx=rgba(132, 132, 0, 0.800)
#ColorViaMicroEx=rgba(0, 132, 132, 0.800)
#ColorNonPlatedEx=rgba(194, 194, 0, 0.800)
#########################################################
# Find the .kicad_pcb files that differ between commits #
#########################################################
# Look at number of arguments provided set different variables based on number of Fossil refs
#############################################################################################
# 0. User provided no Fossil references, compare against last Fossil commit
## Look at number of arguments provided set different variables based on number of fossil refs
## User provided no Fossil references, compare against last Fossil commit
qual="300"
if [ $# -eq 0 ]; then
DIFF_1="current"
DIFF_2=$(fossil info current | grep ^uuid: | sed 's/uuid: //g' | cut -c 1-6)
echo $DIFF_2
DIFF_1="current"
DIFF_2=$(fossil info current | grep ^uuid: | tr -d 'uuid:[:space:]' | cut -c 1-6)
echo $DIFF_2
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_2" | grep '.kicad_pcb$' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_pcb files to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
cp "$k" $OUTPUT_DIR/current
done
# Copy the Fossil commit kicad_pcb file to $OUTPUT_DIR/commit uuid
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
# 1. User supplied one Fossil reference to compare against current files
elif [ $# -eq 1 ]; then
DIFF_1="current"
DIFF_2="$1"
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_2" | grep '.kicad_pcb$' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_file to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
cp "$k" $OUTPUT_DIR/current
done
# Copy the specified Fossil commit kicad_file to $OUTPUT_DIR/$(Fossil ref)
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/$k"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
# 2. User supplied 2 Fossil references to compare
elif [ $# -eq 2 ]; then
DIFF_1="$1"
DIFF_2="$2"
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_1" --to "$DIFF_2" | grep '.kicad_pcb' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_file to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
fossil cat $k -r $DIFF_1 > "$OUTPUT_DIR/$DIFF_1/$(basename $k)"
done
# Copy the specified Fossil commit kicad_file to $OUTPUT_DIR/Fossil uuid
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/$k"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
# 3. User provided too many references
# TODO Might need to use strategy here to cope with spaces in name
# using some varient of sh -c {find . -name "*.pro" -print0 | xargs -0 gsed -E -i.bkp 's/update=.*/update=Date/'}
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_2" | grep '.kicad_pcb$' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_file to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
cp "$k" $OUTPUT_DIR/current
done
# Copy the specified Fossil commit kicad_file to $OUTPUT_DIR/$(Fossil ref)
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
## User provided 1 Fossil reference to compare against current files
elif [ $# -eq 1 ]; then
DIFF_1="current"
DIFF_2="$1"
#CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_2" | grep '.kicad_pcb$' | sed 's/^CHANGED //g; s/^ADDED //g')
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_2" | grep '.kicad_pcb$' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_file to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
cp "$k" $OUTPUT_DIR/current
done
# Copy the specified Fossil commit kicad_file to $OUTPUT_DIR/$(Fossil ref)
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/$k"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
## User provided 2 Fossil references to compare
elif [ $# -eq 2 ]; then
DIFF_1="$1"
DIFF_2="$2"
CHANGED_KICAD_FILES=$(fossil diff --brief -r "$DIFF_1" --to "$DIFF_2" | grep '.kicad_pcb' | tr -d 'CHANGED[:space:]||ADDED[:space:]')
if [[ -z "$CHANGED_KICAD_FILES" ]]; then echo "No .kicad_pcb files differ" && exit 0; fi
# Copy all modified kicad_file to $OUTPUT_DIR/current
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_1"
fossil cat $k -r $DIFF_1 > "$OUTPUT_DIR/$DIFF_1/$(basename $k)"
done
# Copy the specified git commit kicad_file to $OUTPUT_DIR/$(git ref)
for k in $CHANGED_KICAD_FILES; do
mkdir -p "$OUTPUT_DIR/$DIFF_2"
echo "Copying $DIFF_2:$k to $OUTPUT_DIR/$DIFF_2/$k"
fossil cat $k -r $DIFF_2 > "$OUTPUT_DIR/$DIFF_2/$(basename $k)"
done
## User provided too many referencess
else
echo "Please only provide 1 or 2 arguments: not $#"
exit 2
echo "Please only provide 1 or 2 arguments: not $#"
exit 2
fi
echo "Kicad files saved to: '$OUTPUT_DIR/$DIFF_1' and '$OUTPUT_DIR/$DIFF_2'"
# Generate png files from kicad output
#######################################
#curl -s https://gist.githubusercontent.com/spuder/4a76e42f058ef7b467d9/raw -o /tmp/plot_board.py
#chmod +x /tmp/plot_board.py
#I have found the simplest way to achieve this is to save the files as SVG and use rsvg-conver to produce the .png files
# Generate svg files from kicad output
######################################
#
# Use the python script 'plot_pcbnew.py' to generate svg files from the two *.kicad_pcb files.
# Files are saved in /tmp/svg/COMMIT_ID
#
for f in $OUTPUT_DIR/$DIFF_1/*.kicad_pcb; do
mkdir -p /tmp/svg/$DIFF_1
echo "Converting $f to .svg: Files will be saved to /tmp/svg"
/usr/local/bin/plot_pcbnew.py "$f" "/tmp/svg/$DIFF_1"
mkdir -p /tmp/svg/$DIFF_1
echo "Converting $f to .svg: Files will be saved to /tmp/svg"
/usr/local/bin/plot_pcbnew.py "$f" "/tmp/svg/$DIFF_1"
done
for f in $OUTPUT_DIR/$DIFF_2/*.kicad_pcb; do
mkdir -p /tmp/svg/$DIFF_2
echo "Converting $f to .svg's Files will be saved to /tmp/svg"
/usr/local/bin/plot_pcbnew.py "$f" "/tmp/svg/$DIFF_2"
mkdir -p /tmp/svg/$DIFF_2
echo "Converting $f to .svg's Files will be saved to /tmp/svg"
/usr/local/bin/plot_pcbnew.py "$f" "/tmp/svg/$DIFF_2"
done
#TODO Use xargs or parallel to speed up
# Convert svg files into png
######################################
#
# Parse the svg files in /tmp/svg/COMMIT_ID using Image Magick.
# The conversion trims the image to the active area using the 'trim' function.
# Fuzz is probably not nescessary (trim measures the corner pixel value and trims
# to the first non-corner coloured pixel. Fuzz allows for minor variation but as this is
# a generated svg, pixels should be white.)
#
# The .png files are created in the output directory.
for p in /tmp/svg/$DIFF_1/*.svg; do
d="$(basename $p)"
echo "Converting $p to .png"
#echo "Output_Dir "$OUTPUT_DIR
#echo "Diff_1_dir" $DIFF_1
#rsvg-convert -z 5 "$p" > "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
convert -density $qual -fuzz 1% -trim +repage "$p" "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
d=$(basename $p)
echo "Converting $p to .png"
convert -density $qual -fuzz 1% -trim +repage "$p" "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
convert "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png" -negate "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
done
#TODO Use xargs or parallel to speed up
for p in /tmp/svg/$DIFF_2/*.svg; do
d="$(basename $p)"
echo "Converting $p to .png"
# pdftoppm -png -r 600 "$p" "$OUTPUT_DIR/$DIFF_2/${d%%.*}"
# rsvg-convert "$p" -d 300 -z 5 > "$OUTPUT_DIR/$DIFF_2/${d%%.*}"
# rsvg-convert -z 5 "$p" > "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
convert -density $qual -fuzz 1% -trim +repage "$p" "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
d=$(basename $p)
echo "Converting $p to .png"
convert -density $qual -fuzz 1% -trim +repage "$p" "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
convert "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png" -negate "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
done
# Generate png diffs
####################
#TODO Use xargs or parallel to speed up
# Generate png diffs between DIFF_1 and DIFF_2
##############################################
#
# Originally the intention was to use the ImageMagic 'composite stereo 0' function to identify
# where items have moved but I could not get this to work.
# This flattens the original files to greyscale and they need to be converted
# back to rgb in order to be colourised.
for g in $OUTPUT_DIR/$DIFF_1/*.png; do
mkdir -p "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2"
echo "Generating composite image $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)"
#composite -stereo 0 -density 600 $OUTPUT_DIR/$DIFF_1/$(basename $g) $OUTPUT_DIR/$DIFF_2/$(basename $g) $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)
#convert $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g) -trim -density 600 -fill grey -opaque black $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)
convert '(' $OUTPUT_DIR/$DIFF_1/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' $OUTPUT_DIR/$DIFF_2/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' -clone 0-1 -compose darken -composite ')' \
-channel RGB -combine $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)
d=$(basename $g)
y=${d%.png}
layerName=${y##*-}
mkdir -p "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2"
echo "Generating composite image $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)"
convert '(' $OUTPUT_DIR/$DIFF_2/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' $OUTPUT_DIR/$DIFF_1/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' -clone 0-1 -compose darken -composite ')' \
-channel RGB -combine $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)
convert "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)" -fill ${!layerName} -fuzz 75% -opaque "#ffffff" "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)"
done
for p in $OUTPUT_DIR/$DIFF_1/*.png; do
d=$(basename $p)
y=${d%.png}
layerName=${y##*-}
echo "Converting $layerName to .png with colour "${!layerName}
convert "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png" -define png:color-type=2 "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
convert "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png" -fill ${!layerName} -fuzz 75% -opaque "#ffffff" "$OUTPUT_DIR/$DIFF_1/${d%%.*}.png"
done
for p in $OUTPUT_DIR/$DIFF_2/*.png; do
d=$(basename $p)
y=${d%.png}
layerName=${y##*-}
echo "Converting $layerName to .png with colour "${!layerName}
convert "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png" -define png:color-type=2 "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
convert "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png" -fill ${!layerName} -fuzz 75% -opaque "#ffffff" "$OUTPUT_DIR/$DIFF_2/${d%%.*}.png"
done
# Setup web directories for web output
######################################
#
# Remove index.html prior to streaming new data
# TODO Would be neater to put thumbs, tryptych, index and any .css sheet in a 'web' directory
#
if [ -e $OUTPUT_DIR/index.html ]
then echo "An index.html file already exists. Remove it to regenerate"
exit
then rm $OUTPUT_DIR/index.html
fi
if [ -d thumbs ]
then echo "'thumbs' directory found"
then echo "'thumbs' directory found"
else mkdir $OUTPUT_DIR/thumbs && echo "'thumbs' directory created"
fi
if [ -d tryptych ]
then echo "'tryptych' directory found"
then echo "'tryptych' directory found"
else mkdir $OUTPUT_DIR/tryptych && echo "'tryptych' directory created"
fi
cat >> $OUTPUT_DIR/index.html <<HEAD
# Stream HTML <head> and <style> to index.html
##############################################
#
# It would make more sense to stream this to $OUTPUT_DIR/web/style.css
# and reuse it in the 'tryptich' section.
cat >> $OUTPUT_DIR/index.html <<_HEAD_
<!DOCTYPE HTML>
<html lang="en">
<head>
@ -185,7 +315,8 @@ div.gallery img {
div.desc {
padding: 15px;
text-align: center;
font: 25px arial, sans-serif;
font: 20px arial, sans-serif;
color: #002B36;
}
* {
@ -220,33 +351,32 @@ div.desc {
div.desc {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
}
div.desc1 {
padding: 15px;
text-align: left;
align: middle;
font: 20px arial, sans-serif;
color: #FFFFFF;
font: 15px arial, sans-serif;
color: ##002B36;
}
div.desc2 {
padding: 15px;
text-align: left;
font: 20px arial, sans-serif;
color: #FFFFFF;
font: 15px arial, sans-serif;
color: ##002B36;
}
div.title {
padding: 15px;
text-align: left;
font: 30px arial, sans-serif;
color: #496075;
color: ##002B36;
}
.box {
float: left;
width: 20px;
height: 20px;
margin: 5px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, .2);
}
@ -269,25 +399,21 @@ PCBnew Graphical Diff</div>
<div class="box green"></div><div class="desc1">in <b>$DIFF_1</b> and not in <b>$DIFF_2</b></div>
<div class="box red"></div><div class="desc2">in <b>$DIFF_2</b> and not in <b>$DIFF_1</b></div>
HEAD
_HEAD_
#for g in $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$HTTP/*.png; do
for g in $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/*.png; do
#convert $g -fuzz 1% -trim +repage $g
#convert -resize x250 $(basename $g) thumbs/th_$(basename $g)
convert $g
cp $g ./plots/thumbs/th_$(basename $g)
route=$g
file=${route##*/}
base=${file%.*}
dir=$(dirname $g)
cp $g ./plots/thumbs/th_$(basename $g)
echo $dir
route=$g
file=${route##*/}
base=${file%.*}
dir=$(dirname $g)
echo $dir
cat >> $OUTPUT_DIR/index.html <<HTML
cat >> $OUTPUT_DIR/index.html <<_HTML_
<div class="responsive">
<div class="gallery">
<a target="_blank" href = tryptych/$(basename $g).html>
@ -296,82 +422,82 @@ cat >> $OUTPUT_DIR/index.html <<HTML
<div class="desc">$base</div>
</div>
</div>
HTML
#Need to adjsut the width of the TRYPTYCH view so it is bigger (and maybe dif underneath?)
_HTML_
cat >> $OUTPUT_DIR/tryptych/$(basename $g).html <<HTML
<!DOCTYPE HTML>
<html lang="en">
<head>
<style>
body {
<html lang="en">
<head>
<style>
body {
background-color: #a2b1c6;
}
div.gallery {
}
div.gallery {
border: 1px solid #ccc;
}
}
div.gallery:hover {
div.gallery:hover {
border: 1px solid #777;
}
}
div.gallery img {
div.gallery img {
width: 100%;
height: auto;
}
}
div.desc {
div.desc {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #ffffff;
}
div.desc1 {
}
div.desc1 {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #43FF01;
}
div.desc2 {
}
div.desc2 {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #F40008;
}
div.title {
}
div.title {
padding: 15px;
text-align: left;
font: 30px arial, sans-serif;
color: #496075;
}
* {
color: #93A1A1;
}
* {
box-sizing: border-box;
}
}
.responsive {
.responsive {
padding: 0 6px;
float: left;
width: 33.332%;
}
}
@media only screen and (max-width: 700px){
@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 6px 0;
width: 49.99999%;
margin: 6px 0;
}
}
}
@media only screen and (max-width: 500px){
@media only screen and (max-width: 500px){
.responsive {
width: 100%;
width: 100%;
}
}
}
.clearfix:after {
.clearfix:after {
content: "";
display: table;
clear: both;
}
}
</style>
</head>
@ -379,32 +505,37 @@ div.title {
<div class="title">$base</div>
<body>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_1/$(basename $g)><img src = "../$DIFF_1/$(basename $g)" width=500></a>
</a>
<div class="desc1">$DIFF_1</div>
</div>
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_1/$(basename $g)><img src = "../$DIFF_1/$(basename $g)" width=500></a>
</a>
<div class="desc1">$DIFF_1</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href = ../diff-$DIFF_1-$DIFF_2/$(basename $g) ><img src = ../diff-$DIFF_1-$DIFF_2/$(basename $g) width=500></a>
</a>
<div class="desc">Composite</div>
</div>
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href = ../diff-$DIFF_1-$DIFF_2/$(basename $g) ><img src = ../diff-$DIFF_1-$DIFF_2/$(basename $g) width=500></a>
</a>
<div class="desc">Composite</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_2/$(basename $g)> <img src = "../$DIFF_2/$(basename $g)" width=500></a>
</a>
<div class="desc2">$DIFF_2</div>
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_2/$(basename $g)> <img src = "../$DIFF_2/$(basename $g)" width=500></a>
</a>
<div class="desc2">$DIFF_2</div>
</div>
</div>
HTML
done
cat >>$OUTPUT_DIR/index.html<<FOOT
<div class="clearfix"></div>
<div style="padding:6px;">

View File

@ -19,17 +19,24 @@ qual="100"
# 952927
# convert F_Cu.png -fill "#952927" -fuzz 75% -opaque "#ffffff" test2.png
# Remove old plot files
rm -r /tmp/svg
# Set directory for plotting
OUTPUT_DIR="./plots"
rm -r $OUTPUT_DIR
WEB_DIR=$OUTPUT_DIR"/web"
# TODO Have added this temprarily to simply remove all the plots prior to generating files.
# TODO Have added this temporarily to simply remove all the plots prior to generating files.
# Theoretically the script could check if the files have already been generated and then only generate the
# missing files. This would permit multiple diff compares and you could also use an external diff tool like p4merge
# but the disadvantage is that the resoultions have to match. It is also more complicated to script
# Ideally one could request random compares within the web interface and there would
# be 'on the fly' svg/png creation and diff showing.
# Try to keep the web components seperate from the images so that the images could be
# looked at using a graphical diff viewer like p4merge.
# Set directory for web backend
WEB_DIR=$OUTPUT_DIR"/web"
# TODO Might need to use a more complex strategy to cope with spaces in filename
# using some varient of 'find . -name "*.pro" -print0 | xargs -0'
@ -49,35 +56,25 @@ B_SilkS="#481649"
B_Mask="#943197"
F_Mask="#943197"
Edge_Cuts="#C9C83B"
In_1_Cu="#c2c200)"
In_2_Cu="#c200c2"
In1_Cu="#C2C200"
In2_Cu="#C200C2"
User_Dwgs="#C2C2C2"
User_Cmts="#000085"
User_Eco1="#008500"
User_Eco2="#C2C200"
B_Fab="#858585"
F_Fab="#C2C200"
#ColorPCBLayer_In1.Cu=rgba(#c2c200, 0.8)
#ColorPCBLayer_In2.Cu=rgba(194, 0, 194, 0.800)
# These are the colour definitions for the 'solarised' theme from pcbnew.
#ColorPCBLayer_F.Cu=rgb(221, 47, 44)
#ColorPCBLayer_In3.Cu=rgba(194, 194, 194, 0.800)
#ColorPCBLayer_In4.Cu=rgba(0, 132, 132, 0.800)
#ColorPCBLayer_In5.Cu=rgba(0, 132, 0, 0.800)
#ColorPCBLayer_In6.Cu=rgba(0, 0, 132, 0.800)
#ColorPCBLayer_B.Cu=rgba(0, 132, 0, 0.800)
#ColorPCBLayer_B.Adhes=rgba(0, 0, 132, 0.800)
#ColorPCBLayer_F.Adhes=rgba(132, 0, 132, 0.800)
#ColorPCBLayer_B.Paste=rgba(0, 194, 194, 0.800)
#ColorPCBLayer_F.Paste=rgba(132, 132, 132, 0.800)
#ColorPCBLayer_B.SilkS=rgba(132, 0, 132, 0.800)
#ColorPCBLayer_F.SilkS=rgba(0, 132, 132, 0.800)
#ColorPCBLayer_B.Mask=rgba(132, 132, 0, 0.800)
#ColorPCBLayer_F.Mask=rgba(132, 0, 132, 0.800)
#ColorPCBLayer_Dwgs.User=rgba(194, 194, 194, 0.800)
#ColorPCBLayer_Cmts.User=rgba(0, 0, 132, 0.800)
#ColorPCBLayer_Eco1.User=rgba(0, 132, 0, 0.800)
#ColorPCBLayer_Eco2.User=rgba(194, 194, 0, 0.800)
#ColorPCBLayer_Edge.Cuts=rgba(194, 194, 0, 0.800)
#ColorPCBLayer_Margin=rgba(194, 0, 194, 0.800)
#ColorPCBLayer_B.CrtYd=rgba(194, 194, 0, 0.800)
#ColorPCBLayer_F.CrtYd=rgba(132, 132, 132, 0.800)
#ColorPCBLayer_B.Fab=rgba(132, 132, 132, 0.800)
#ColorPCBLayer_F.Fab=rgba(194, 194, 0, 0.800)
#ColorTxtFrontEx=rgba(194, 194, 194, 0.800)
#ColorTxtBackEx=rgba(0, 0, 132, 0.800)
#ColorTxtInvisEx=rgba(132, 132, 132, 0.800)
@ -88,6 +85,9 @@ In_2_Cu="#c200c2"
#ColorViaBBlindEx=rgba(132, 132, 0, 0.800)
#ColorViaMicroEx=rgba(0, 132, 132, 0.800)
#ColorNonPlatedEx=rgba(194, 194, 0, 0.800)
#########################################################
# Find the .kicad_pcb files that differ between commits #
#########################################################
@ -229,7 +229,8 @@ done
#
# Originally the intention was to use the ImageMagic 'composite stereo 0' function to identify
# where items have moved but I could not get this to work.
# -flatten -grayscale Rec709Luminance
# This flattens the original files to greyscale and they need to be converted
# back to rgb in order to be colourised.
for g in $OUTPUT_DIR/$DIFF_1/*.png; do
d=$(basename $g)
@ -237,8 +238,8 @@ for g in $OUTPUT_DIR/$DIFF_1/*.png; do
layerName=${y##*-}
mkdir -p "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2"
echo "Generating composite image $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)"
convert '(' $OUTPUT_DIR/$DIFF_1/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' $OUTPUT_DIR/$DIFF_2/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
convert '(' $OUTPUT_DIR/$DIFF_2/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' $OUTPUT_DIR/$DIFF_1/$(basename $g) -flatten -grayscale Rec709Luminance ')' \
'(' -clone 0-1 -compose darken -composite ')' \
-channel RGB -combine $OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)
convert "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)" -fill ${!layerName} -fuzz 75% -opaque "#ffffff" "$OUTPUT_DIR/diff-$DIFF_1-$DIFF_2/$(basename $g)"
@ -254,7 +255,6 @@ for p in $OUTPUT_DIR/$DIFF_1/*.png; do
done
for p in $OUTPUT_DIR/$DIFF_2/*.png; do
d=$(basename $p)
y=${d%.png}
@ -297,7 +297,7 @@ cat >> $OUTPUT_DIR/index.html <<_HEAD_
<head>
<style>
body {
background-color: #002B36;
background-color: #a2b1c6;
}
div.gallery {
border: 1px solid #ccc;
@ -450,14 +450,12 @@ cat >> $OUTPUT_DIR/tryptych/$(basename $g).html <<HTML
padding: 15px;
text-align: center;
font: 15px arial, sans-serif;
color: #93A1A1
background: #ffffff;
}
div.desc1 {
padding: 15px;
text-align: center;
font: 15px arial, sans-serif;
color: #93A1A1
background: #43FF01;
}
div.desc2 {
@ -501,37 +499,39 @@ cat >> $OUTPUT_DIR/tryptych/$(basename $g).html <<HTML
clear: both;
}
</style>
</head>
</style>
</head>
<div class="title">$base</div>
<div class="title">$base</div>
<body>
<body>
<div class="responsive">
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_1/$(basename $g)><img src = "../$DIFF_1/$(basename $g)" width=500></a>
</a>
<div class="desc1">$DIFF_1</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href = ../diff-$DIFF_1-$DIFF_2/$(basename $g) ><img src = ../diff-$DIFF_1-$DIFF_2/$(basename $g) width=500></a>
</a>
<div class="desc">Composite</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_1/$(basename $g)><img src = "../$DIFF_1/$(basename $g)" width=500></a>
</a>
<div class="desc1">$DIFF_1</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href = ../diff-$DIFF_1-$DIFF_2/$(basename $g) ><img src = ../diff-$DIFF_1-$DIFF_2/$(basename $g) width=500></a>
</a>
<div class="desc">Composite</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_2/$(basename $g)> <img src = "../$DIFF_2/$(basename $g)" width=500></a>
</a>
<div class="desc2">$DIFF_2</div>
</div>
<a target="_blank" href = $(basename $g).html>
<a href= ../$DIFF_2/$(basename $g)> <img src = "../$DIFF_2/$(basename $g)" width=500></a>
</a>
<div class="desc2">$DIFF_2</div>
</div>
</div>
HTML
done

View File

@ -21,9 +21,9 @@ plotDir = filePath
popt.SetOutputDirectory(plotDir)
popt.SetPlotFrameRef(False)
popt.SetLineWidth(pcbnew.FromMM(0.15))
popt.SetLineWidth(pcbnew.FromMM(0.1))
popt.SetAutoScale(False)
popt.SetScale(1)
popt.SetScale(2)
popt.SetMirror(False)
popt.SetUseGerberAttributes(True)
popt.SetExcludeEdgeLayer(False)
@ -48,13 +48,21 @@ layers = [
("B_Mask", pcbnew.B_Mask, "Mask bottom"),
("F_Mask", pcbnew.F_Mask, "Mask top"),
("Edge_Cuts", pcbnew.Edge_Cuts, "Edges"),
("In_1_Cu", pcbnew.In1_Cu, "Inner1"),
("In_2_Cu", pcbnew.In2_Cu, "Inner2")
("In1_Cu", pcbnew.In1_Cu, "Inner1"),
("In2_Cu", pcbnew.In2_Cu, "Inner2"),
("User_Dwgs", pcbnew.Dwgs_User, "Dwgs_User"),
("User_Cmts", pcbnew.Cmts_User, "Comments_User"),
("User_Eco1", pcbnew.Eco1_User, "ECO1"),
("User_Eco2", pcbnew.Eco2_User, "ECO2"),
("B_Fab", pcbnew.B_Fab, "Fab bottom"),
("F_Fab", pcbnew.F_Fab, "Fab top"),
]
# Parse layers - might need more than these!
# popt.SetColor(COLOR4D(0.050, 0.050, 0.050, 0.1))
# Ideally would set colour of layer with the 'SetColor' method which was previosly descibed with colour names
# e.g.popt.SetColor(YELLOW) - this does not work and, although the COLOR4D doesn't cause an error it doesn't work.
# Ideally would set colour of layer with the 'SetColor' method which was
# previously described with colour names
# e.g.popt.SetColor(YELLOW)
# this does not work. COLOR4D doesn't cause an error but also doesn't work.
# Nor does setting an integer work.
for layer_info in layers:

View File

@ -22,19 +22,20 @@ TODO Need to differentiate the .responsive tag between the index and tryptych vi
div.desc {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #ffffff;
}
div.desc1 {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #43FF01;
}
div.desc2 {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
font: 15px arial, sans-serif;
background: #F40008;
}
div.title {
@ -43,40 +44,22 @@ TODO Need to differentiate the .responsive tag between the index and tryptych vi
font: 30px arial, sans-serif;
color: #496075;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 33.332%;
}
@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px){
.responsive {
width: 100%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
* {
box-sizing: border-box;
}
/*
Block for Tryptych
.responsive {
padding: 0 6px;
float: left;
width: 33.332%;
}
*/
.responsive {
padding: 0 6px;
float: left;
@ -102,30 +85,6 @@ TODO Need to differentiate the .responsive tag between the index and tryptych vi
clear: both;
}
div.desc {
padding: 15px;
text-align: center;
font: 20px arial, sans-serif;
}
div.desc1 {
padding: 15px;
text-align: left;
align: middle;
font: 20px arial, sans-serif;
color: #FFFFFF;
}
div.desc2 {
padding: 15px;
text-align: left;
font: 20px arial, sans-serif;
color: #FFFFFF;
}
div.title {
padding: 15px;
text-align: left;
font: 30px arial, sans-serif;
color: #496075;
}
.box {
float: left;
width: 20px;