Archetype dependency management system

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
		<head>
			<title>Archetype</title>
			<script type="text/javascript" src="archetype.js"></script>
		</head>
		<body></body>
	</html>

Archetype handles the whole application loading process

  • All files are loaded by Archetype
  • A main controller is called for each application (or page)
  • Configurable transitive dependencies between files
  • File path are written in a "Java package" manner
  • Ability to override conventions using some configuration

dependencies: {
    components: {
        slideManager: "Slidy.components.slideManager",
        slideChangeHandler: "Slidy.components.slideChangeHandler",
        slideCounter: "Slidy.components.slideCounter"
    },
    lib: ["Slidy.libs.shjs.sh_main", "Slidy.libs.shjs.sh_javascript", "Slidy.libs.shjs.sh_html"],
    css: ["Slidy.css.slidy", "Slidy.css.w3c-blue", "Slidy.libs.shjs.sh_typical"],
    html: {
        main: "Slidy.templates.container"
    }
}

Archetype handles all the browser specific part of the application bootstrap.