TARGET="jpc-like-websites.js"
SRC="src"

# The list are mirroring the correct import/usage order
# First "SUB_LIST" are the modifier subcategories
# Second "MODIFIER_LIST" comes the modifier and orga-/orientations
# Third "HIGHER_LIST" come several of the commons, the context as well as component 
# and thoose that use component.

SIZE_SIDE="siding.js shapes.js border.js dimensions.js"
CONTEXT="generalHelpers.js webTrinity.js extStore.js scriptAndStyleContext.js"
PRE_ANCESTRY="commonEvents.js context.js"
MODIFIERS_LIST="alignment.js arrangement.js modifier.js" 
MODIFICATIONS_LIST="dragAndDrop.js"
COMPONENT_ANCESTRY="wrapperComponent.js modifiableComponent.js addStyleAndFunctions.js"
HIGHER_LIST="component.js baseComponents.js builder.js"

echo "" > $TARGET
echo "/* ## color.js ## */" >> $TARGET
cat $SRC/color.js >> $TARGET

echo "/* # SIZE_SIDE # */" >> $TARGET
for i in $SIZE_SIDE; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/sizeSide/$i >> $TARGET
done

echo "/* # CONTEXT # */" >> $TARGET
for i in $CONTEXT; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/context/$i >> $TARGET
done

echo "/* # PRE_ANCESTRY # */" >> $TARGET
for i in $PRE_ANCESTRY; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/$i >> $TARGET
done

echo "/* # MODIFIERS_LIST # */" >> $TARGET
for i in $MODIFIERS_LIST; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/$i >> $TARGET
done

echo "/* # MODIFICATIONS_LIST # */" >> $TARGET
for i in $MODIFICATIONS_LIST; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/modifications/$i >> $TARGET
done

echo "/* # COMPONENT_ANCESTRY # */" >> $TARGET
for i in $COMPONENT_ANCESTRY; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/componentAncestry/$i >> $TARGET
done

echo "/* # HIGHER_LIST # */" >> $TARGET
for i in $HIGHER_LIST; do
    echo "/* ## $i ## */" >> $TARGET
    cat $SRC/$i >> $TARGET
done