Tweaks and replaced sourcejs-react with sourcejs-react-bundle plugins

.babelrc

@@ -0,0 +1,3 @@
+{
+	"stage": 0
+}

.gitignore

@@ -1,2 +1,3 @@
 *.idea
-*.iml
+*.iml
+node_modules

INSTALLATION.md

@@ -0,0 +1,10 @@
+# Setup Instructions
+
+You need to install NodeJS with NPM, go to [https://nodejs.org](https://nodejs.org/)
+
+1. run `npm install`.
+2. run `npm run start`.
+3. open http://127.0.0.1:8080
+
+If you need help setting SourceJS help, can can ask for help at the Gitter chat:
+[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/sourcejs/Source)

README.md

@@ -1,26 +1,11 @@
-# SourceJS Spec Page Showcase
+# SourceJS Showcase
 
-[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/sourcejs/Source)
+Welcome to SourceJS the dynamic Style Guide platform. It allows to combine multiple project UI component libraries, based on many technologies.
+Following Living Style Guide driven development, SourceJS allows you to code new components directly in the Style Guide.
 
-View source code of component folders (`/default`, `/jade` and etc) and compare them with [rendered output](https://sourcejs.com/specs/example-specs-showcase/).
+This catalogue repository showcases the use of SourceJS and it's plugins.
+It demonstrates UI blocks (called specs), created with a variaty of technologies.
 
-Examples are made for SourceJS 0.5.4+ version.
+Examples are made for SourceJS 0.6.0+ version.
 
-## Setup Instructions
-
-1. [Install SourceJS](https://sourcejs.com/docs/base/#install).
-2. Install SourceJS plugins [sourcejs-contrib-dss](https://github.com/sourcejs/sourcejs-contrib-dss), [sourcejs-jade](https://github.com/sourcejs/sourcejs-jade), [sourcejs-react](https://github.com/szarouski/sourcejs-react).
-3. Checkout this repo contents as a nested folder in `sourcejs/user/specs`:
-
-```
-cd sourcejs/user/specs
-git clone https://github.com/sourcejs/example-specs-showcase
-```
-
-Re-run SourceJS app, and open http://127.0.0.1:8080/specs/example-specs-showcase.
-
-```
-cd sourcejs
-node app.js
-open http://127.0.0.1:8080/specs/example-specs-showcase
-```
+For install instruction see [INSTALLATION.md](./INSTALLATION.md)

assets/css/defaults.css

@@ -0,0 +1,17 @@
+.styleguide_welcome {
+	position: relative;
+	margin-bottom: 20px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 15px;
+	line-height: 1.5;
+	color: #999 !important;
+}
+
+.source_licence {
+	position: relative;
+	margin-bottom: 20px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 15px;
+	line-height: 1.5;
+	color: #999 !important;
+}

index.src.html

@@ -1,22 +1,19 @@
 <div class="source_subhead">
-    <h1>Examples Specs</h1>
-    <div class="source_catalog_tx">
-        <p>This Spec catalogue features showcase of SourceJS Spec features and it's plugins. View <a class="source-a_a" href="https://github.com/sourcejs/example-specs-showcase">source code</a> of this library to compare it with rendered results.</p>
-
-        <p>Navigation pages like this, are hand crafted, following <a href="https://sourcejs.com/docs/data-nav" class="source-a_a">Data Nav API</a>.</p>
-    </div>
+	<%- includeMD('README.md') %>
 </div>
 
-<div class="source_catalog" data-nav="./" data-tag="without-tag">
-    <h2>Native Specs</h2>
-    <ul class="source_catalog_list">
-        <img src="/source/assets/i/process.gif" alt="Loading..."/>
-    </ul>
-</div>
+<article class="styleguide_welcome">
+	<div class="source_catalog" data-nav="/">
+	</div>
+</article>
+
+
+<article class="source_licence">
+	<%- includeMD('INSTALLATION.md') %>
+</article>
+
+<hr/>
 
-<div class="source_catalog" data-nav="./" data-tag="plugins">
-    <h2>Rendered With Plugins</h2>
-    <ul class="source_catalog_list">
-        <img src="/source/assets/i/process.gif" alt="Loading..."/>
-    </ul>
-</div>
+<article class="source_licence">
+	<%- includeMD('LICENSE.md') %>
+</article>

info.json

@@ -1,4 +1,4 @@
 {
-    "title": "Examples Specs",
-    "role": "navigation"
-}
+	"title": "Source - Home",
+	"role": "navigation"
+}

options.js

@@ -0,0 +1,40 @@
+// User options for overriding core options.js
+
+module.exports = {
+	// Restart the app after changing core (back-end) options
+	// Core options could be only redefined from user/options.js, context options are not supported
+	core: {
+		processMd: {
+				languageRenderers: {
+						jsx: require('sourcejs-react-styleguidist/core/lang-jsx').processExample
+				}
+		},
+		server: {
+		}
+	},
+
+	// Page rendering configuration (redefinable from context options)
+	rendering: {},
+
+	// Client-side options (redefinable from context options)
+	assets: {
+		modulesEnabled : {
+			// Overriding example
+			// trimSpaces: true
+		},
+
+		modulesOptions : {
+			// Modules options example
+			// navHighlight: {
+			//		 updateHash: false
+			// }
+		},
+
+		// Legacy options object support for some older plugins
+		pluginsOptions: {}
+	},
+
+	// External plugins options (are also exposed to client-side
+	plugins: {
+	}
+};

package.json

@@ -0,0 +1,24 @@
+{
+  "version": "1.0.0",
+  "author": {
+    "name": "Norbert de Langen"
+  },
+  "description": "Example of pre-configured SourceJS instance for building a basic Styleguide / Documentation website.",
+  "scripts": {
+    "build-source": "cd ./node_modules/sourcejs && npm run build",
+    "start": "node ./node_modules/sourcejs/app.js -p $PORT"
+  },
+  "dependencies": {
+		"react": "^0.14.2",
+    "react-dom": "^0.14.2",
+    "sourcejs": "^0.6.0-nightly.6",
+    "sourcejs-contrib-dss": "^0.1.1",
+    "sourcejs-jade": "^0.0.2",
+		"sourcejs-react-docgen": "^0.3.0",
+    "sourcejs-react-styleguidist": "^0.4.0"
+  },
+  "devDependencies": {
+    "amdefine": "^1.0.0",
+    "express": "^4.13.3"
+  }
+}