├── example
├── client.js
├── index.js
├── index.html
└── build.js
├── .gitignore
├── package.json
├── src
└── index.js
├── README.md
└── yarn.lock
/example/client.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import App from './index.js'
3 | import { render } from 'react-dom'
4 | console.log('rendering')
5 | render(, window.root)
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # osx noise
2 | .DS_Store
3 | profile
4 |
5 | # xcode noise
6 | build/*
7 | *.mode1
8 | *.mode1v3
9 | *.mode2v3
10 | *.perspective
11 | *.perspectivev3
12 | *.pbxuser
13 | *.xcworkspace
14 | xcuserdata
15 |
16 | # svn & cvs
17 | .svn
18 | CVS
19 | node_modules
20 | lib
21 |
--------------------------------------------------------------------------------
/example/index.js:
--------------------------------------------------------------------------------
1 |
2 | import { css } from 'glamor'
3 | import React from 'react'
4 |
5 | css.global(`body`, { padding: 40 })
6 |
7 |
8 |
9 | export default () =>
10 |
12 | Some text here
13 |
15 | more text
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "glamor-inline",
3 | "version": "1.0.5",
4 | "main": "lib/index.js",
5 | "license": "MIT",
6 | "scripts": {
7 | "build": "babel src -d lib --presets env,stage-0,react",
8 | "dev": "babel-node --presets env,stage-0,react ./example/build.js"
9 | },
10 | "files": [
11 | "lib"
12 | ],
13 | "devDependencies": {
14 | "babel-cli": "^6.23.0",
15 | "babel-loader": "^6.4.0",
16 | "babel-preset-env": "^1.2.1",
17 | "babel-preset-react": "^6.23.0",
18 | "babel-preset-stage-0": "^6.22.0",
19 | "glamor": "next",
20 | "glamor-server": "next",
21 | "react": "next",
22 | "react-dom": "next",
23 | "webpack": "^2.2.1"
24 | },
25 | "peerDependencies": {
26 | "glamor": "*"
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/example/build.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import webpack from 'webpack'
3 | import fs from 'fs'
4 | import { renderToString } from 'react-dom/server'
5 | import inline from '../src'
6 | import App from './index.js'
7 |
8 | let config = {
9 | entry: './example/client.js',
10 | output: {
11 | filename: './example/bundle.js'
12 | },
13 | module: {
14 | rules: [
15 | {
16 | test: /\.js$/,
17 | exclude: /node_modules/,
18 | loader: "babel-loader",
19 | query: {
20 | "presets": [ "env", "stage-0", "react" ]
21 | }
22 | }
23 | ]
24 | }
25 | }
26 |
27 | fs.writeFileSync('./example/index.html', `
28 |
29 | ${inline(renderToString(
))}
18 | Some text here
19 |
20 | more text
21 |
22 |
23 |
24 |
25 | ```
26 |
27 | we could do this -
28 | ```jsx
29 |
30 |
31 |