New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

ambidex

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ambidex - npm Package Compare versions

Comparing version

0.1.4
to
0.2.0-beta1

CHANGELOG.md
LICENSE.md
src/defaults/Scaffold.jsx
src/defaults/styles/fonts.css
src/defaults/styles/init.css
src/defaults/styles/react-native.css

15

package.json
{
"name": "ambidex",
"version": "0.1.4",
"version": "0.2.0-beta1",
"description": "Effortlessly host your React app on both the client and the server. Some call it isomorphic JavaScript - we call it Ambidex.",

@@ -15,3 +15,3 @@ "contributors": [

"optionalDependencies": {
"react-hot-loader": "1.0.6",
"react-hot-loader": "1.1.4",
"webpack-dev-server": "1.7.0"

@@ -21,3 +21,3 @@ },

"react": "0.12",
"isomorphic-reflux": "0.2.1",
"isomorphic-reflux": "0.2.5.1",
"react-tap-event-plugin": "0.1.3",

@@ -28,10 +28,9 @@ "react-router": "0.11"

"autoprefixer-loader": "1.0",
"css-loader": "0.7.1",
"css-loader": "0.9.0",
"jsx-loader": "0.12.2",
"lazy.js": "0.4.0",
"mach": "1.1.0",
"mach": "1.2.0",
"node-jsx": "0.12.4",
"prfun": "1.0.0",
"sass-loader": "0.2.0",
"style-loader": "0.7.0",
"prfun": "1.0.2",
"style-loader": "0.8.3",
"to-camel-case": "0.2.1",

@@ -38,0 +37,0 @@ "webpack": "1.5.3"

38

README.md

@@ -36,6 +36,6 @@ [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/appsforartists/Ambidex?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

- `node v0.11.13`
- `npm v2. 2. 0`
- `iojs v1.0.1`
- `npm v2.2.0`
We intend to move to io.js as soon as practicable. This is currently being blocked by [node-sass](https://github.com/sass/node-sass/issues/627). We intend to changing the default styling [from SASS to inline styles](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) to enable this upgrade.
It should also work on `node v0.11.13` with the `--harmony` flag, but no promises.

@@ -101,3 +101,3 @@

#### `settings["SHORT_NAME"]` ####
#### `settings["SHORT_NAME"]` _(optional)_ ####
A variation of that name without spaces or capital letters - your app will appear in process monitors like `top` under this name, `"my_awesome_app"`

@@ -112,13 +112,13 @@

#### `settings["VM_PORT"]` ####
If your app is behind a load balancer, this is the port that Ambidex should serve your app so the load balancer can find it, `"8080"`. _(optional)_
#### `settings["VM_PORT"]` _(optional)_ ####
If your app is behind a load balancer, this is the port that Ambidex should serve your app so the load balancer can find it, `"8080"`.
#### `settings["BASE_URL"]` ####
If your app is behind displayed inside a `TardisGallery`, mount its route tree here. This allows you to serve different variations of your app alongside one another; for instance, you might serve version A at `"/A/"` and version B at `/B/`. _(optional)_
#### `settings["BASE_URL"]` _(optional)_ ####
If your app is behind displayed inside a `TardisGallery`, mount its route tree here. This allows you to serve different variations of your app alongside one another; for instance, you might serve version A at `"/A/"` and version B at `/B/`.
#### `settings["ENABLE_HOT_MODULE_REPLACEMENT"]` ####
#### `settings["ENABLE_HOT_MODULE_REPLACEMENT"]` _(optional)_ ####
If this is `true`, you'll be able to edit your app live with [**react-hot-loader**](https://github.com/gaearon/react-hot-loader). This should be `true` for whatever environment(s) you're developing on.
#### `settings["TITLE_SEPARATOR"]` ####
This string gets put in between [section titles](#ambidexmixinstitle), `" - "`.
#### `settings["TITLE_SEPARATOR"]` _(optional)_ ####
This string gets put in between [section titles](#ambidexmixinstitle), such as `" - "`.

@@ -137,10 +137,8 @@ #### `settings["FAV_ICON_URL"]` ####

#### `settings.FILESYSTEM_PATHS["STYLES"]` ####
_**Deprecated!**_
#### `settings.FILESYSTEM_PATHS["STYLES"]` _(optional)_ ####
By default, Ambidex will set the same [defaults as React Native](https://github.com/facebook/css-layout/blob/ecc61dae85407148c3fb0077e16bb718592e4e8d/README.md#default-values), such as using [flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) for [all block-level elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements#Elements). It also defaults to [Roboto](http://www.google.com/fonts/specimen/Roboto), the [Material Design font used across Android](https://www.google.com/design/spec/style/typography.html#).
In early versions of Ambidex, this was a hook to circumvent [sass-loader#31](https://github.com/jtangelder/sass-loader/issues/31) and support SASS stylesheets. The more we work with React (especially in light of React Native), the more appealing purely [inline styles](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html) have become.
If you'd like to override those defaults, simply point `FILESYSTEM_PATHS["STYLES"]` your own CSS file.
In the coming months, this feature will be dropped to ease the transition from node to io.js.
#### `settings.FILESYSTEM_PATHS["REFLUX_DEFINITIONS"]` ####
#### `settings.FILESYSTEM_PATHS["REFLUX_DEFINITIONS"]` _(optional)_ ####
This module should export a dictionary of Reflux definitions, e.g.:

@@ -157,3 +155,3 @@

#### `settings.FILESYSTEM_PATHS["REFLUX_ACTIONS_FOR_ROUTER_STATE"]` ####
#### `settings.FILESYSTEM_PATHS["REFLUX_ACTIONS_FOR_ROUTER_STATE"]` _(optional)_ ####
This module should export your `actionForRouterState`. For more information, see the [Reflux section](#ambidexmixinsreflux).

@@ -167,7 +165,7 @@

#### `settings["SERVER_ONLY_MODULE_NAMES"]` ####
#### `settings["SERVER_ONLY_MODULE_NAMES"]` _(optional)_ ####
This is an array of module names that should be ignored by Webpack because they are not compatible with the browser (and will only ever run on the server). For instance, `["jsdom"]`.
#### `settings["CUSTOM_SETTINGS"]` ####
#### `settings["CUSTOM_SETTINGS"]` _(optional)_ ####
`settings` is just a dictionary - you can put any values inside it that you find useful. For instance, you might add `"STATIC_URL"` so your components know which CDN hosts your static assets.

@@ -174,0 +172,0 @@

7

src/Ambidex.server.js

@@ -77,3 +77,4 @@ require("node-jsx").install(

process.title = settings.SHORT_NAME;
if (settings.SHORT_NAME)
process.title = settings.SHORT_NAME;

@@ -124,2 +125,4 @@ this._verifyPaths(

paths["STYLES"] = paths["STYLES"] || __dirname + "/defaults/styles/init.css";
[

@@ -172,3 +175,3 @@ "BASE",

"Scaffold",
require(this._get("scaffoldPath") || __dirname + "/Scaffold.jsx")
require(this._get("scaffoldPath") || __dirname + "/defaults/Scaffold.jsx")
);

@@ -175,0 +178,0 @@

4

src/createWebpackSettings.js

@@ -24,4 +24,4 @@ var Webpack = require("webpack");

{
"test": /\.scss$/,
"loader": "style-loader!css-loader!autoprefixer-loader!sass-loader"
"test": /\.css$/,
"loader": "style-loader!css-loader!autoprefixer-loader"
}

@@ -28,0 +28,0 @@ ]

4

src/mixins/Reflux.jsx

@@ -9,7 +9,7 @@ var React = require("react/addons");

"getRefluxAction": function (actionName) {
return this.context.ambidexReflux.actions[actionName];
return this.context.ambidexReflux.actions[actionName] || console.warn(`Reflux action ${ actionName } was not found.`);
},
"getRefluxStore": function (storeName) {
return this.context.ambidexReflux.stores[storeName];
return this.context.ambidexReflux.stores[storeName] || console.warn(`Reflux store ${ storeName } was not found.`);
}

@@ -16,0 +16,0 @@ };

src/Scaffold.jsx