mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-11-29 13:58:02 +03:00
Adjust styles and edit todos
This commit is contained in:
parent
da63fbf1c6
commit
a14d4afb3e
@ -5,7 +5,7 @@
|
||||
- Simplified custom mdx loader, removing unused front-matter support
|
||||
- Simplified theming and default styles
|
||||
- Removes default Provider component with dot indicator
|
||||
- Removes timers from presentation mode
|
||||
- Removes timers from presentation mode (maybe)
|
||||
- Uses Reach Router
|
||||
- Fix for focus trap
|
||||
- Removed PDF export and screenshots from core CLI
|
||||
|
@ -71,7 +71,7 @@ const defaultTemplate = ({
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
||||
<style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style>
|
||||
<style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;overflow:hidden;}</style>
|
||||
<meta name='generator' content='mdx-deck'>
|
||||
${head}${css}${links}
|
||||
</head>
|
||||
|
@ -1,6 +1,7 @@
|
||||
const { getOptions } = require('loader-utils')
|
||||
const mdx = require('@mdx-js/mdx')
|
||||
const normalizeNewline = require('normalize-newline')
|
||||
// const splitPlugin = require('./split-plugin')
|
||||
|
||||
const SLIDEREG = /\n---\n/
|
||||
|
||||
@ -8,6 +9,7 @@ module.exports = async function(src) {
|
||||
const callback = this.async()
|
||||
const options = getOptions(this) || {}
|
||||
options.skipExport = true
|
||||
// options.hastPlugins = [ splitPlugin ]
|
||||
|
||||
const modules = []
|
||||
const slides = normalizeNewline(src)
|
||||
|
1016
package-lock.json
generated
1016
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
21
package.json
21
package.json
@ -7,7 +7,8 @@
|
||||
"mdx-deck": "./cli.js"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "./cli.js docs/index.mdx -p 8080",
|
||||
"_start": "./cli.js docs/index.mdx -p 8080",
|
||||
"start": "./cli.js docs/test.mdx -p 8080",
|
||||
"build": "./cli.js build docs/index.mdx -d site",
|
||||
"help": "./cli.js",
|
||||
"test": "jest"
|
||||
@ -17,12 +18,12 @@
|
||||
"license": "MIT",
|
||||
"repository": "github:jxnblk/mdx-deck",
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.2.2",
|
||||
"@babel/plugin-proposal-class-properties": "^7.3.0",
|
||||
"@babel/core": "^7.3.4",
|
||||
"@babel/plugin-proposal-class-properties": "^7.3.4",
|
||||
"@babel/plugin-proposal-export-default-from": "^7.0.0",
|
||||
"@babel/plugin-proposal-export-namespace-from": "^7.2.0",
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
|
||||
"@babel/preset-env": "^7.3.1",
|
||||
"@babel/preset-env": "^7.3.4",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@mdx-js/mdx": "^0.15.7",
|
||||
"@mdx-js/tag": "^0.15.6",
|
||||
@ -44,17 +45,17 @@
|
||||
"pkg-conf": "^2.1.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"querystring": "^0.2.0",
|
||||
"react": "^16.8.2",
|
||||
"react": "^16.8.3",
|
||||
"react-dev-utils": "^7.0.3",
|
||||
"react-dom": "^16.8.2",
|
||||
"react-dom": "^16.8.3",
|
||||
"react-swipeable": "^5.0.1",
|
||||
"remark-emoji": "^2.0.2",
|
||||
"remark-unwrap-images": "^0.1.0",
|
||||
"rimraf": "^2.6.3",
|
||||
"serve-static": "^1.13.2",
|
||||
"styled-components": "^4.1.3",
|
||||
"webpack": "^4.29.4",
|
||||
"webpack-dev-middleware": "^3.5.2",
|
||||
"webpack": "^4.29.6",
|
||||
"webpack-dev-middleware": "^3.6.0",
|
||||
"webpack-hot-client": "^4.1.1",
|
||||
"webpack-hot-middleware": "^2.24.3",
|
||||
"webpack-merge": "^4.2.1",
|
||||
@ -68,10 +69,10 @@
|
||||
"husky": "^1.3.1",
|
||||
"jest": "^24.1.0",
|
||||
"jest-styled-components": "^6.3.1",
|
||||
"lint-staged": "^8.1.4",
|
||||
"lint-staged": "^8.1.5",
|
||||
"mdx-deck-code-surfer": "^0.5.5",
|
||||
"prettier": "^1.16.4",
|
||||
"react-test-renderer": "^16.8.2"
|
||||
"react-test-renderer": "^16.8.3"
|
||||
},
|
||||
"jest": {
|
||||
"roots": [
|
||||
|
@ -4,6 +4,7 @@ import Flex from './Flex'
|
||||
import Box from './Box'
|
||||
import Mono from './Mono'
|
||||
import Button from './Button'
|
||||
|
||||
class Timer extends React.Component {
|
||||
state = {
|
||||
on: false,
|
||||
|
13
src/index.js
13
src/index.js
@ -6,23 +6,28 @@
|
||||
* - [x] Image
|
||||
* - [x] Notes
|
||||
* - [x] Appear
|
||||
* - [ ] Code
|
||||
* - [x] notes code fence
|
||||
* - [ ] syntax highlighting
|
||||
* - [ ] Code (may handle this with theming)
|
||||
* - [x] history api fallback
|
||||
* - [x] mdx components
|
||||
* - [x] themes
|
||||
* - [ ] layouts
|
||||
* - [ ] presenter mode
|
||||
* - [ ] timer/clock
|
||||
* - [ ] open new tab button
|
||||
* - [ ] look at google slides behavior
|
||||
* - [ ] overview mode
|
||||
* - [ ] highlighted state bug
|
||||
* - [ ] slide numbers
|
||||
* - [ ] localStorage
|
||||
* - [ ] keyboard shortcuts
|
||||
* - [ ] docs for customizing any component
|
||||
* - [x] swipeable
|
||||
*
|
||||
* extras
|
||||
* - [ ] docs for syntax highlighting
|
||||
* - [ ] Print view
|
||||
* - [ ] PDF export?
|
||||
* - [ ] dots??
|
||||
* - [ ] swipeable
|
||||
*/
|
||||
|
||||
import React from 'react'
|
||||
|
Loading…
Reference in New Issue
Block a user