mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-06-11 20:23:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add broken rollup build

Browse Source
This commit is contained in:
Philipp Kühn 2018-08-22 09:14:49 +02:00
parent 0e75610fcd
commit 4a8b85d250
29 changed files with 1208 additions and 714 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/App.vue
View File

@ -65,8 +65,12 @@
<script>
import Icon from 'Components/Icon'
import { Editor } from 'tiptap'
// import tiptap from 'tiptap'
// import tiptap from '../dist/tiptap.min.js'
import MentionPlugin from './plugins/Mention.js'
// console.log(tiptap)
export default {
components: {
Editor,

2
examples/main.js
View File

@ -1,4 +1,4 @@
import 'babel-polyfill'
import '@babel/polyfill'
import Vue from 'vue'
import svgSpriteLoader from 'helpers/svg-sprite-loader'
import App from './App.vue'

46
package.json
View File

@ -1,6 +1,6 @@
{
"name": "tiptap",
"version": "0.1.0",
"version": "0.1.1",
"description": "A rich-text editor for Vue.js",
"license": "MIT",
"main": "dist/tiptap.min.js",
@ -13,17 +13,17 @@
"url": "git+https://github.com/heyscrumpy/tiptap.git"
},
"scripts": {
"start": "babel-node webpack/server.js --env=development",
"build:package": "babel-node webpack/build.package.js --env=production",
"build:examples": "babel-node webpack/build.examples.js --env=production"
"r": "rollup -c",
"start": "./node_modules/@babel/node/bin/babel-node.js webpack/server.js --env=development",
"build:package": "./node_modules/@babel/node/bin/babel-node.js webpack/build.package.js --env=production",
"build:examples": "./node_modules/@babel/node/bin/babel-node.js webpack/build.examples.js --env=production"
},
"babel": {
"presets": [
"stage-2",
"env"
],
"comments": false,
"compact": true
[
"@babel/preset-env"
]
]
},
"postcss": {
"plugins": {
@ -36,16 +36,16 @@
"ie >= 9"
],
"devDependencies": {
"@babel/core": "^7.0.0-rc.2",
"@babel/node": "^7.0.0-rc.2",
"@babel/plugin-transform-runtime": "^7.0.0-rc.2",
"@babel/polyfill": "^7.0.0-rc.2",
"@babel/preset-env": "^7.0.0-rc.2",
"@babel/preset-stage-2": "^7.0.0-rc.2",
"@babel/runtime": "^7.0.0-rc.2",
"autoprefixer": "^9.1.1",
"babel-cli": "^6.24.1",
"babel-core": "^6.26.3",
"babel-eslint": "^8.2.5",
"babel-loader": "^7.1.5",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-2": "^6.24.1",
"babel-runtime": "^6.25.0",
"babel-loader": "^8.0.0-beta.6",
"browser-sync": "^2.24.5",
"copy-webpack-plugin": "^4.5.2",
"css-loader": "^1.0.0",
@ -68,8 +68,17 @@
"postcss": "^7.0.2",
"postcss-loader": "^3.0.0",
"postcss-scss": "^2.0.0",
"rollup": "^0.64.1",
"rollup-plugin-babel": "^4.0.0-beta.8",
"rollup-plugin-buble": "^0.19.2",
"rollup-plugin-commonjs": "^9.1.5",
"rollup-plugin-flow-no-whitespace": "^1.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^2.0.0",
"rollup-plugin-vue": "^4.3.2",
"sass-loader": "^7.0.3",
"style-loader": "^0.22.1",
"uglify-js": "^3.4.7",
"vue": "^2.5.17",
"vue-loader": "^15.2.4",
"vue-style-loader": "^4.1.0",
@ -78,7 +87,8 @@
"webpack-dev-middleware": "^3.1.3",
"webpack-hot-middleware": "^2.22.2",
"webpack-manifest-plugin": "^2.0.3",
"webpack-svgstore-plugin": "^4.0.3"
"webpack-svgstore-plugin": "^4.0.3",
"zlib": "^1.0.5"
},
"dependencies": {
"prosemirror-commands": "^1.0.7",

18
rollup.config.js Normal file
View File

@ -0,0 +1,18 @@
module.exports = {
input: "./src/index.js",
output: {format: "cjs", file: "dist/tiptap.min.js"},
sourcemap: true,
plugins: [
// require("rollup-plugin-buble")(),
// require('rollup-plugin-commonjs')(),
require('rollup-plugin-babel')({
babelrc: false,
presets: [['@babel/preset-env', { modules: false }]]
}),
require('rollup-plugin-node-resolve')()
],
buble: {
objectAssign: 'Object.assign'
},
external(id) { return !/^[\.\/]/.test(id) }
}

2
src/components/editor.vue → src/components/editor.js
View File

@ -1,4 +1,3 @@
<script>
import { EditorState, Plugin } from 'prosemirror-state'
import { EditorView } from 'prosemirror-view'
import { Schema, DOMParser } from 'prosemirror-model'
@ -217,4 +216,3 @@ export default {
},
}
</script>

2
src/helpers/toggleBlockType.js
View File

@ -1,5 +1,5 @@
import { setBlockType } from 'prosemirror-commands'
import { nodeIsActive } from 'tiptap/utils'
import { nodeIsActive } from '../utils'
export default function (type, toggletype, attrs = {}) {
return (state, dispatch, view) => {

4
src/helpers/toggleList.js
View File

@ -1,5 +1,5 @@
import { nodeIsActive } from 'tiptap/utils'
import { wrapInList, liftListItem } from 'tiptap/helpers'
import { nodeIsActive } from '../utils'
import { wrapInList, liftListItem } from '../helpers'
export default function toggleList(type, itemType) {
return (state, dispatch, view) => {

2
src/index.js
View File

@ -1,3 +1,3 @@
import Editor from './components/editor.vue'
import Editor from './components/editor'
export { Editor }

4
src/marks/Bold.js
View File

@ -1,5 +1,5 @@
import { Mark } from 'tiptap/utils'
import { toggleMark } from 'tiptap/helpers'
import { Mark } from '../utils'
import { toggleMark } from '../helpers'
export default class BoldMark extends Mark {

4
src/marks/Code.js
View File

@ -1,5 +1,5 @@
import { Mark } from 'tiptap/utils'
import { toggleMark } from 'tiptap/helpers'
import { Mark } from '../utils'
import { toggleMark } from '../helpers'
export default class CodeMark extends Mark {

4
src/marks/Italic.js
View File

@ -1,5 +1,5 @@
import { Mark } from 'tiptap/utils'
import { toggleMark } from 'tiptap/helpers'
import { Mark } from '../utils'
import { toggleMark } from '../helpers'
export default class ItalicMark extends Mark {

4
src/marks/Link.js
View File

@ -1,5 +1,5 @@
import { Mark } from 'tiptap/utils'
import { updateMark, removeMark } from 'tiptap/helpers'
import { Mark } from '../utils'
import { updateMark, removeMark } from '../helpers'
export default class LinkMark extends Mark {

4
src/nodes/Blockquote.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { wrappingInputRule, setBlockType, wrapIn } from 'tiptap/helpers'
import { Node } from '../utils'
import { wrappingInputRule, setBlockType, wrapIn } from '../helpers'
export default class BlockquoteNode extends Node {

4
src/nodes/BulletList.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { wrappingInputRule, wrapInList, toggleList } from 'tiptap/helpers'
import { Node } from '../utils'
import { wrappingInputRule, wrapInList, toggleList } from '../helpers'
export default class BulletNode extends Node {

4
src/nodes/CodeBlock.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { toggleBlockType, setBlockType, textblockTypeInputRule } from 'tiptap/helpers'
import { Node } from '../utils'
import { toggleBlockType, setBlockType, textblockTypeInputRule } from '../helpers'
export default class CodeBlockNode extends Node {

2
src/nodes/Doc.js
View File

@ -1,4 +1,4 @@
import { Node } from 'tiptap/utils'
import { Node } from '../utils'
export default class DocNode extends Node {

4
src/nodes/HardBreak.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { chainCommands, exitCode } from 'tiptap/helpers'
import { Node } from '../utils'
import { chainCommands, exitCode } from '../helpers'
export default class HardBreakNode extends Node {

4
src/nodes/Heading.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { setBlockType, textblockTypeInputRule, toggleBlockType } from 'tiptap/helpers'
import { Node } from '../utils'
import { setBlockType, textblockTypeInputRule, toggleBlockType } from '../helpers'
export default class HeadingNode extends Node {

4
src/nodes/ListItem.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { splitListItem, liftListItem, sinkListItem } from 'tiptap/helpers'
import { Node } from '../utils'
import { splitListItem, liftListItem, sinkListItem } from '../helpers'
export default class OrderedListNode extends Node {

4
src/nodes/OrderedList.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { wrappingInputRule, wrapInList, toggleList } from 'tiptap/helpers'
import { Node } from '../utils'
import { wrappingInputRule, wrapInList, toggleList } from '../helpers'
export default class OrderedListNode extends Node {

4
src/nodes/Paragraph.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { setBlockType } from 'tiptap/helpers'
import { Node } from '../utils'
import { setBlockType } from '../helpers'
export default class ParagraphNode extends Node {

2
src/nodes/Text.js
View File

@ -1,4 +1,4 @@
import { Node } from 'tiptap/utils'
import { Node } from '../utils'
export default class TextNode extends Node {

4
src/nodes/TodoItem.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { splitListItem, liftListItem } from 'tiptap/helpers'
import { Node } from '../utils'
import { splitListItem, liftListItem } from '../helpers'
export default class TodoItemNode extends Node {

4
src/nodes/TodoList.js
View File

@ -1,5 +1,5 @@
import { Node } from 'tiptap/utils'
import { wrapInList, wrappingInputRule } from 'tiptap/helpers'
import { Node } from '../utils'
import { wrapInList, wrappingInputRule } from '../helpers'
export default class BulletNode extends Node {

21
src/utils/buildMenuActions.js
View File

@ -8,13 +8,19 @@ export default function ({ schema, state, commands }) {
const command = commands[name] ? commands[name] : () => {}
return { name, active, command }
})
.reduce((actions, { name, active, command }) => ({
...actions,
.reduce((actions, { name, active, command }) => Object.assign({}, actions, {
[name]: {
active,
command,
},
}), {})
// .reduce((actions, { name, active, command }) => ({
// ...actions,
// [name]: {
// active,
// command,
// },
// }), {})
const marks = Object.entries(schema.marks)
.map(([name]) => {
@ -28,14 +34,21 @@ export default function ({ schema, state, commands }) {
command,
}
})
.reduce((actions, { name, active, attrs, command }) => ({
...actions,
.reduce((actions, { name, active, attrs, command }) => Object.assign({}, actions, {
[name]: {
active,
attrs,
command,
},
}), {})
// .reduce((actions, { name, active, attrs, command }) => ({
// ...actions,
// [name]: {
// active,
// attrs,
// command,
// },
// }), {})
return {
nodes,

2
src/utils/builtInKeymap.js
View File

@ -1,7 +1,7 @@
import { lift, selectParentNode } from 'prosemirror-commands'
import { undo, redo } from 'prosemirror-history'
import { undoInputRule } from 'prosemirror-inputrules'
import { isMac } from 'tiptap/utils'
import { isMac } from '../utils'
const keymap = {
'Mod-z': undo,

171
webpack/build.package.js
View File

@ -1,24 +1,165 @@
import ora from 'ora'
import webpack from 'webpack'
import config from './webpack.package.config'
const fs = require('fs')
const path = require('path')
const zlib = require('zlib')
const uglify = require('uglify-js')
const rollup = require('rollup')
// const configs = require('./configs')
const spinner = ora('Building …')
const buble = require('rollup-plugin-buble')
const flow = require('rollup-plugin-flow-no-whitespace')
const cjs = require('rollup-plugin-commonjs')
const node = require('rollup-plugin-node-resolve')
const replace = require('rollup-plugin-replace')
export default new Promise((resolve, reject) => {
spinner.start()
const vue = require('rollup-plugin-vue')
const babel = require('rollup-plugin-babel')
webpack(config, (error, stats) => {
if (error) {
return reject(error)
// const resolveee = require('rollup-plugin-node-resolve')
// console.log('looool', VuePlugin)
const version = require('../package.json').version
const banner =
`/*!
* tiptap v${version}
* (c) ${new Date().getFullYear()} Philipp Kühn
* @license MIT
*/`
const resolve = _path => path.resolve(__dirname, '../', _path)
console.log(resolve('src/index.js'))
function genConfig(opts) {
const config = {
input: {
input: resolve('src/index.js'),
plugins: [
// resolveee({
// extensions: [ '.mjs', '.js', '.jsx', '.json' ],
// }),
// vue.default(),
// flow(),
// babel(),
node({
extensions: [ '.mjs', '.js', '.jsx', '.json' ],
}),
// cjs(),
// buble(),
],
},
output: {
file: opts.file,
format: opts.format,
banner,
name: 'tiptap',
},
external: [ 'vue', 'prosemirror-model' ]
}
if (stats.hasErrors()) {
process.stdout.write(stats.toString() + "\n");
return reject(new Error('Build failed with errors.'))
if (opts.env) {
config.input.plugins.unshift(replace({
'process.env.NODE_ENV': JSON.stringify(opts.env)
}))
}
return resolve('Build complete.')
return config
}
if (!fs.existsSync('dist')) {
fs.mkdirSync('dist')
}
const configs = [
// browser dev
{
file: resolve('dist/tiptap.js'),
format: 'umd',
env: 'development'
},
// {
// file: resolve('dist/tiptap.min.js'),
// format: 'umd',
// env: 'production'
// },
// {
// file: resolve('dist/tiptap.common.js'),
// format: 'cjs'
// },
// {
// file: resolve('dist/tiptap.esm.js'),
// format: 'es'
// }
].map(genConfig)
function build (builds) {
let built = 0
const total = builds.length
const next = () => {
buildEntry(builds[built]).then(() => {
built++
if (built < total) {
next()
}
}).catch(logError)
}
next()
}
function buildEntry ({ input, output }) {
const isProd = /min\.js$/.test(output.file)
return rollup.rollup(input)
.then(bundle => bundle.generate(output))
.then(({ code }) => {
if (isProd) {
const minified = uglify.minify(code, {
output: {
preamble: output.banner,
/* eslint-disable camelcase */
ascii_only: true
/* eslint-enable camelcase */
}
}).code
return write(output.file, minified, true)
} else {
return write(output.file, code)
}
})
}
function write (dest, code, zip) {
return new Promise((resolve, reject) => {
function report (extra) {
console.log(blue(path.relative(process.cwd(), dest)) + ' ' + getSize(code) + (extra || ''))
resolve()
}
fs.writeFile(dest, code, err => {
if (err) return reject(err)
if (zip) {
zlib.gzip(code, (err, zipped) => {
if (err) return reject(err)
report(' (gzipped: ' + getSize(zipped) + ')')
})
} else {
report()
}
})
})
.then(success => spinner.succeed(success))
.catch(error => spinner.fail(error))
}
function getSize (code) {
return (code.length / 1024).toFixed(2) + 'kb'
}
function logError (e) {
console.log(e)
}
function blue (str) {
return '\x1b[1m\x1b[34m' + str + '\x1b[39m\x1b[22m'
}
build(configs)

24
webpack/build.package.old.js Normal file
View File

@ -0,0 +1,24 @@
import ora from 'ora'
import webpack from 'webpack'
import config from './webpack.package.config'
const spinner = ora('Building …')
export default new Promise((resolve, reject) => {
spinner.start()
webpack(config, (error, stats) => {
if (error) {
return reject(error)
}
if (stats.hasErrors()) {
process.stdout.write(stats.toString() + "\n");
return reject(new Error('Build failed with errors.'))
}
return resolve('Build complete.')
})
})
.then(success => spinner.succeed(success))
.catch(error => spinner.fail(error))

1556
yarn.lock
View File

File diff suppressed because it is too large Load Diff