SHELL := /bin/bash ## Project setting DEBUG ?= yes PROJECT_NAME = tizen-web-ui-fw VERSION = 0.2 VERSION_COMPAT = PKG_VERSION = $(shell cat packaging/web-ui-fw.spec | grep Version: | sed -e "s@Version:\s*@@" ) THEME_NAME = default PATH := $(CURDIR)/build-tools/bin:$(PATH) JSLINT_LEVEL = 1 JSLINT = jslint --sloppy --eqeq --bitwise --forin --nomen --predef jQuery --color --plusplus --browser --jqmspace --regexp COMMON_WIDGET = common INLINE_PROTO = 1 OUTPUT_ROOT = $(CURDIR)/build FRAMEWORK_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/${VERSION} LATEST_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/latest JS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/js export THEME_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes/${THEME_NAME} CSS_IMAGES_OUTPUT_DIR = ${CSS_OUTPUT_ROOT}/images WIDGET_CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/widget-css PROTOTYPE_HTML_OUTPUT_DIR = proto-html WIDGETS_DIR = $(CURDIR)/src/widgets THEMES_DIR = $(CURDIR)/src/themes LIBS_DIR = $(CURDIR)/libs COPYING_FILE = $(CURDIR)/COPYING DESTDIR ?= PREFIX ?= /usr INSTALL_DIR = ${DESTDIR}${PREFIX} FW_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}.js FW_MIN = $(subst .js,.min.js,$(FW_JS)) FW_LIB_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js FW_LIB_MIN = $(subst .js,.min.js,$(FW_LIB_JS)) FW_JS_THEME = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-${THEME_NAME}-theme.js FW_CSS = ${CSS_OUTPUT_ROOT}/${PROJECT_NAME}-theme.css FW_LIBS_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js FW_THEME_CSS_FILE = ${PROJECT_NAME}-theme.css FW_WIDGET_CSS_FILE = ${WIDGET_CSS_OUTPUT_ROOT}/${PROJECT_NAME}-widget.css LIBS_JS_FILES = jquery.easing.1.3.js \ jquery.tmpl.js \ jquery.mobile.js \ $(NULL) JQUERY_MOBILE_CSS = submodules/jquery-mobile/compiled/jquery.mobile.structure.css \ submodules/jquery-mobile/compiled/jquery.mobile.css \ $(NULL) JQUERY_MOBILE_IMAGES = submodules/jquery-mobile/css/themes/default/images JQM_VERSION = jquery-mobile-1.2.0 JQM_LIB_PATH = $(CURDIR)/libs/js/${JQM_VERSION} JQUERY = jquery-1.8.2.js JQUERY_MIN = $(subst .js,.min.js,$(JQUERY)) all: libs_prepare third_party widgets libs_cleanup loader themes version version_compat compress libs_prepare: # Prepare libs/ build... @@test -d ${LIBS_DIR}.bak && rm -rf ${LIBS_DIR} && mv ${LIBS_DIR}.bak ${LIBS_DIR}; \ cp -a ${LIBS_DIR} ${LIBS_DIR}.bak for f in `ls ${LIBS_DIR}/patch/*.patch`; do \ cd $(CURDIR); \ echo "Apply patch: $$f"; \ cat $$f | patch -p1 -N; \ done; \ libs_cleanup: # Cleanup libs/ directory... @@rm -rf ${LIBS_DIR} && mv ${LIBS_DIR}.bak ${LIBS_DIR} jqm: init # Building jQuery Mobile... cd ${JQM_LIB_PATH} && make js NODE=/usr/bin/node || exit 1; \ cp -f ${JQM_LIB_PATH}/compiled/*.js ${JQM_LIB_PATH}/../; \ third_party: init jqm # Building third party components... @@cd ${LIBS_DIR}/js; \ for f in ${LIBS_JS_FILES}; do \ cat $$f >> ${FW_LIB_JS}; \ uglifyjs --ascii $$f >> ${FW_LIB_MIN}; \ echo "" >> ${FW_LIB_MIN}; \ done; \ cp ${LIBS_DIR}/js/${JQUERY} ${JS_OUTPUT_ROOT}/jquery.js cp ${LIBS_DIR}/js/${JQUERY_MIN} ${JS_OUTPUT_ROOT}/jquery.min.js widgets: init third_party # Building widgets... @@ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ while read REPLY; do \ echo " # Building widget $$REPLY"; \ if test ${JSLINT_LEVEL} -ge 1; then \ if test $$REPLY != ${COMMON_WIDGET}; then \ for FNAME in ${WIDGETS_DIR}/$$REPLY/js/*.js; do \ ${JSLINT} $$FNAME; \ if test ${JSLINT_LEVEL} -ge 2 -a $$? -ne 0; then \ exit 1; \ fi; \ done; \ fi; \ fi; \ if test "x${INLINE_PROTO}x" = "x1x"; then \ ./tools/inline-protos.sh ${WIDGETS_DIR}/$$REPLY >> ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled; \ cat ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled >> ${FW_JS}; \ else \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname 'js/*.js' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_JS}; \ done; \ fi; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js.theme' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_JS_THEME}; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.less' | sort`; do \ echo " $$f"; \ lessc $$f > $$f.css; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.css' | sort`; do \ echo " $$f"; \ cat $$f >> ${FW_CSS}; \ done; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.gif' -or -iname '*.png' -or -iname '*.jpg' | sort`; do \ echo " $$f"; \ cp $$f ${CSS_IMAGES_OUTPUT_DIR}; \ done; \ if test "x${INLINE_PROTO}x" != "x1x"; then \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.prototype.html' | sort`; do \ echo " $$f"; \ cp $$f ${PROTOTYPE_HTML_OUTPUT_DIR}; \ done; \ fi; \ done loader: widgets globalize cat 'src/loader/loader.js' >> ${FW_JS} globalize: widgets cat 'libs/js/globalize/lib/globalize.js' >> ${FW_JS} # copy globalize libs... cp -a libs/js/globalize/lib/cultures ${FRAMEWORK_ROOT}/js/ themes: make -C src/themes || exit $? version: loader themes echo '(function($$){$$.tizen.frameworkData.pkgVersion="$(PKG_VERSION)";}(jQuery));' >> ${FW_JS} echo "$(PKG_VERSION)" > ${FRAMEWORK_ROOT}/../VERSION compress: widgets loader themes # Javacript code compressing @@echo " # Compressing...."; \ echo '/*' > ${FW_MIN}; \ cat ${COPYING_FILE} >> ${FW_MIN}; \ echo '*/' >> ${FW_MIN}; \ uglifyjs --ascii -nc ${FW_JS} >> ${FW_MIN}; \ # CSS compressing @@cd ${THEME_OUTPUT_ROOT}; \ for csspath in */*.css; do \ echo "Compressing $$csspath"; \ cleancss -o $${csspath/%.css/.min.css} $$csspath; \ done docs: init # Building documentation... @@hash docco 2>&1 /dev/null || (echo "docco not found. Please see README."; exit 1); \ ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ while read REPLY; do \ echo " # Building docs for widget $$REPLY"; \ for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js' | sort`; do \ docco $$f > /dev/null; \ done; \ done; \ cp docs/docco.custom.css docs/docco.css; \ cat docs/index.header > docs/index.html; \ for f in `find docs -name '*.html' -not -name index.html | sort`; do \ echo "
  • $$(basename $$f .html)
    • " >> docs/index.html; \ done; \ cat docs/index.footer >> docs/index.html version_compat: third_party widgets # Creating compatible version dirs... for v_compat in ${VERSION_COMPAT}; do \ ln -sf ${VERSION} ${FRAMEWORK_ROOT}/../$$v_compat; \ done; ln -sf ${VERSION} ${FRAMEWORK_ROOT}/../latest demo: widgets mkdir -p ${OUTPUT_ROOT}/demos cp -av demos/* ${OUTPUT_ROOT}/demos/ cp -f src/template/bootstrap.js ${OUTPUT_ROOT}/demos/gallery/ install: all mkdir -p ${INSTALL_DIR}/bin ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/ ${INSTALL_DIR}/share/tizen-web-ui-fw/bin/ cp -av ${OUTPUT_ROOT}/tizen-web-ui-fw/* src/template ${INSTALL_DIR}/share/tizen-web-ui-fw/ cp -av tools/* ${INSTALL_DIR}/share/tizen-web-ui-fw/bin/ cp -av demos/tizen-winsets ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/ && cd ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/tizen-winsets && sed -i -e "s#../../build#../../..#g" *.html coverage: clean all # Checking unit test coverage $(CURDIR)/tests/coverage/instrument.sh dist: clean all docs # Creating tarball... @@ \ TMPDIR=$$(mktemp -d tarball.XXXXXXXX); \ DESTDIR=$${TMPDIR}/${PROJECT_NAME}; \ MIN=''; \ if test "x${DEBUG}x" = "xnox"; then \ MIN='.min'; \ fi; \ TARBALL=${PROJECT_NAME}-${VERSION}-`date +%Y%m%d`$${MIN}.tar.gz; \ mkdir -p $${DESTDIR}; \ cp -a ${FW_JS} \ ${FW_LIBS_JS} \ ${THEMES_OUTPUT_ROOT}/tizen/${FW_THEME_CSS_FILE} \ ${FW_WIDGET_CSS_FILE} \ ${THEMES_OUTPUT_ROOT}/tizen/images \ docs \ README.md \ COPYING \ $${DESTDIR}; \ hash git 2>&1 /dev/null && touch $${DESTDIR}/$$(git log | head -n 1 | awk '{print $$2;}'); \ tar cfzps \ $${TARBALL} \ --exclude='.git' \ --exclude='*.less.css' \ --exclude='*.js.compiled' \ --exclude='submodules/jquery-mobile' \ --exclude='${JQUERY}' \ -C $${TMPDIR} ${PROJECT_NAME}; \ rm -rf $${TMPDIR} clean: # Removing destination directory... @@rm -rf ${OUTPUT_ROOT} # Remove generated files... @@rm -f `find . -iname *.less.css` @@rm -f `find . -iname *.js.compiled` init: clean # Check build environment... @@hash lessc 2>/dev/null || (echo "lessc not found. Please see HACKING."; exit 1); \ # Initializing... @@mkdir -p ${JS_OUTPUT_ROOT} @@mkdir -p ${THEME_OUTPUT_ROOT} @@mkdir -p ${CSS_OUTPUT_ROOT} @@mkdir -p ${CSS_IMAGES_OUTPUT_DIR} @@mkdir -p ${PROTOTYPE_HTML_OUTPUT_DIR} @@rm -f docs/*.html