mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-28 15:49:23 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

import all packages for live demo

Browse Source
This commit is contained in:
Philipp Kühn 2020-10-01 22:52:31 +02:00
parent 68f59c2d98
commit 82b3dc1862
3 changed files with 106 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/gridsome.config.js
View File

@ -45,6 +45,14 @@ module.exports = {
},
],
runtimeCompiler: true,
configureWebpack: {
node: {
fs: 'empty',
child_process: 'empty',
tls: 'empty',
net: 'empty',
},
},
chainWebpack(config) {
// Load variables for all vue-files
const types = ['vue-modules', 'vue', 'normal-modules', 'normal']

118
docs/gridsome.server.js
View File

@ -1,65 +1,89 @@
const path = require('path')
const globby = require('globby')
const TypeDoc = require('typedoc')
// const TypeDoc = require('typedoc')
const packages = globby.sync('../packages/*', { onlyDirectories: true })
.map(name => name.replace('../packages/', ''))
.filter(name => name.startsWith('core'))
.map(name => {
const app = new TypeDoc.Application()
// const packages = globby.sync('../packages/*', { onlyDirectories: true })
// .map(name => name.replace('../packages/', ''))
// .filter(name => name.startsWith('core'))
// .map(name => {
// const app = new TypeDoc.Application()
app.options.addReader(new TypeDoc.TSConfigReader())
app.options.addReader(new TypeDoc.TypeDocReader())
app.bootstrap({
mode: 'file',
ignoreCompilerErrors: true,
experimentalDecorators: true,
excludeExternals: true,
excludeNotExported: true,
excludeProtected: true,
excludePrivate: true,
// excludeNotDocumented: true,
exclude: [
'**/*.test.ts',
'**/__tests__/*',
'**/__mocks__/*',
],
})
// app.options.addReader(new TypeDoc.TSConfigReader())
// app.options.addReader(new TypeDoc.TypeDocReader())
// app.bootstrap({
// mode: 'file',
// ignoreCompilerErrors: true,
// experimentalDecorators: true,
// excludeExternals: true,
// excludeNotExported: true,
// excludeProtected: true,
// excludePrivate: true,
// // excludeNotDocumented: true,
// exclude: [
// '**/*.test.ts',
// '**/__tests__/*',
// '**/__mocks__/*',
// ],
// })
const project = app.convert(app.expandInputFiles([`../packages/${name}`]))
// const project = app.convert(app.expandInputFiles([`../packages/${name}`]))
if (project) {
// app.generateDocs(project, `api/${name}`)
// app.generateJson(project, `api/${name}.json`)
const json = app.serializer.projectToObject(project)
return json
}
// if (project) {
// // app.generateDocs(project, `api/${name}`)
// // app.generateJson(project, `api/${name}.json`)
// const json = app.serializer.projectToObject(project)
// return json
// }
return null
})
.filter(package => !!package)
// return null
// })
// .filter(package => !!package)
// const packages = globby.sync('../packages/*', { onlyDirectories: true })
// .map(name => name.replace('../packages/', ''))
// .map(name => {
// // config.resolve.alias
// // .set(`@tiptap/${name}`, path.resolve(`../packages/${name}/index.ts`))
// return {
// name: `@tiptap/${name}`,
// module: require(`../packages/${name}/index.ts`),
// }
// })
module.exports = function (api) {
api.loadSource(({ addCollection }) => {
const appCollection = addCollection({ typeName: 'Package' })
packages.forEach(package => {
appCollection.addNode(package)
})
// packages.forEach(package => {
// appCollection.addNode(package)
// })
globby.sync('../packages/*', { onlyDirectories: true })
.map(name => name.replace('../packages/', ''))
.forEach(name => {
appCollection.addNode({ name })
// config.resolve.alias
// .set(`@tiptap/${name}`, path.resolve(`../packages/${name}/index.ts`))
// appCollection.addNode({
// name: `@tiptap/${name}`,
// module: require(`../packages/${name}/index.ts`),
// })
})
})
api.createPages(({ createPage }) => {
packages.forEach(package => {
createPage({
path: `/api/${package.name}`,
component: './src/templates/ApiPage/index.vue',
context: {
package,
},
})
})
})
// api.createPages(({ createPage }) => {
// packages.forEach(package => {
// createPage({
// path: `/api/${package.name}`,
// component: './src/templates/ApiPage/index.vue',
// context: {
// package,
// },
// })
// })
// })
api.chainWebpack(config => {
config.resolve.extensions

31
docs/src/components/LiveDemo/index.vue
View File

@ -23,10 +23,21 @@
</div>
</template>
<static-query>
query {
packages: allPackage {
edges {
node {
name
}
}
}
}
</static-query>
<script>
import collect from 'collect.js'
import { VueLive } from 'vue-live'
import * as starterKit from '@tiptap/vue-starter-kit'
import CustomLayout from './CustomLayout'
export default {
@ -50,13 +61,25 @@ export default {
syntax: {
vue: 'markup',
},
requires: {
'@tiptap/vue-starter-kit': starterKit,
},
}
},
computed: {
requires() {
const names = this.$static.packages.edges
.map(item => item.node.name)
.filter(name => name !== 'html')
const packages = Object.fromEntries(names.map(name => {
const module = require(`~/../../packages/${name}/index.ts`)
const onlyDefault = module.default && Object.keys(module).length === 1
return [`@tiptap/${name}`, onlyDefault ? module.default : module]
}))
return packages
},
file() {
return this.files[0]
},