mirror of
https://github.com/daniel-j/fimfic2epub.git
synced 2024-09-28 23:31:16 +12:00
fix font issue
This commit is contained in:
parent
cfefbdd76b
commit
0051da9862
6 changed files with 27 additions and 39 deletions
|
@ -28,8 +28,7 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
"web_accessible_resources": [
|
"web_accessible_resources": [
|
||||||
"fimfic2epub-logo.png",
|
"fimfic2epub-logo.png"
|
||||||
"build/fonts/fontawesome-webfont.ttf"
|
|
||||||
],
|
],
|
||||||
|
|
||||||
"permissions": [
|
"permissions": [
|
||||||
|
|
|
@ -7,7 +7,6 @@ import Sequence from 'run-sequence'
|
||||||
import watch from 'gulp-watch'
|
import watch from 'gulp-watch'
|
||||||
import lazypipe from 'lazypipe'
|
import lazypipe from 'lazypipe'
|
||||||
import filter from 'gulp-filter'
|
import filter from 'gulp-filter'
|
||||||
import merge from 'merge-stream'
|
|
||||||
import change from 'gulp-change'
|
import change from 'gulp-change'
|
||||||
import rename from 'gulp-rename'
|
import rename from 'gulp-rename'
|
||||||
import banner from 'gulp-banner'
|
import banner from 'gulp-banner'
|
||||||
|
@ -33,6 +32,8 @@ if (isStandalone) {
|
||||||
webpackConfig.shift()
|
webpackConfig.shift()
|
||||||
webpackConfig.shift()
|
webpackConfig.shift()
|
||||||
webpackConfig.shift()
|
webpackConfig.shift()
|
||||||
|
} else {
|
||||||
|
webpackConfig.pop()
|
||||||
}
|
}
|
||||||
|
|
||||||
let watchOpts = {
|
let watchOpts = {
|
||||||
|
@ -149,9 +150,7 @@ gulp.task('watch', (done) => {
|
||||||
})
|
})
|
||||||
|
|
||||||
gulp.task('fontawesome', () => {
|
gulp.task('fontawesome', () => {
|
||||||
let copy = gulp.src('node_modules/font-awesome/fonts/fontawesome-webfont.ttf')
|
return gulp.src('node_modules/font-awesome/scss/_variables.scss')
|
||||||
.pipe(gulp.dest('extension/build/fonts/'))
|
|
||||||
let codes = gulp.src('node_modules/font-awesome/scss/_variables.scss')
|
|
||||||
.pipe(change(convertFontAwesomeVars))
|
.pipe(change(convertFontAwesomeVars))
|
||||||
.pipe(rename({
|
.pipe(rename({
|
||||||
basename: 'font-awesome-codes',
|
basename: 'font-awesome-codes',
|
||||||
|
@ -159,7 +158,6 @@ gulp.task('fontawesome', () => {
|
||||||
dirname: ''
|
dirname: ''
|
||||||
}))
|
}))
|
||||||
.pipe(gulp.dest('build/'))
|
.pipe(gulp.dest('build/'))
|
||||||
return merge(copy, codes)
|
|
||||||
})
|
})
|
||||||
gulp.task('pack', ['binaries'], (done) => {
|
gulp.task('pack', ['binaries'], (done) => {
|
||||||
sequence(['pack:firefox', 'pack:chrome'], done)
|
sequence(['pack:firefox', 'pack:chrome'], done)
|
||||||
|
|
|
@ -26,7 +26,6 @@
|
||||||
"detect-node": "^2.0.3",
|
"detect-node": "^2.0.3",
|
||||||
"escape-string-regexp": "^1.0.5",
|
"escape-string-regexp": "^1.0.5",
|
||||||
"file-type": "^7.2.0",
|
"file-type": "^7.2.0",
|
||||||
"font-awesome": "4.7.0",
|
|
||||||
"fonteditor-core": "^1.0.2",
|
"fonteditor-core": "^1.0.2",
|
||||||
"html-entities": "^1.2.0",
|
"html-entities": "^1.2.0",
|
||||||
"html-to-text": "^4.0.0",
|
"html-to-text": "^4.0.0",
|
||||||
|
@ -54,9 +53,9 @@
|
||||||
"babel-register": "^6.26.0",
|
"babel-register": "^6.26.0",
|
||||||
"binary-loader": "0.0.1",
|
"binary-loader": "0.0.1",
|
||||||
"del": "^3.0.0",
|
"del": "^3.0.0",
|
||||||
"es6-event-emitter": "^1.10.2",
|
|
||||||
"exports-loader": "^0.7.0",
|
"exports-loader": "^0.7.0",
|
||||||
"file-saver": "^1.3.2",
|
"file-saver": "^1.3.2",
|
||||||
|
"font-awesome": "4.7.0",
|
||||||
"gulp": "^3.9.1",
|
"gulp": "^3.9.1",
|
||||||
"gulp-banner": "^0.1.3",
|
"gulp-banner": "^0.1.3",
|
||||||
"gulp-change": "^1.0.0",
|
"gulp-change": "^1.0.0",
|
||||||
|
@ -69,7 +68,6 @@
|
||||||
"gulp-watch": "^5.0.0",
|
"gulp-watch": "^5.0.0",
|
||||||
"gulp-zip": "^4.0.0",
|
"gulp-zip": "^4.0.0",
|
||||||
"lazypipe": "^1.0.1",
|
"lazypipe": "^1.0.1",
|
||||||
"merge-stream": "^1.0.1",
|
|
||||||
"raw-loader": "^0.5.1",
|
"raw-loader": "^0.5.1",
|
||||||
"run-sequence": "^2.2.0",
|
"run-sequence": "^2.2.0",
|
||||||
"standard": "^11.0.0",
|
"standard": "^11.0.0",
|
||||||
|
|
|
@ -1,4 +1,3 @@
|
||||||
/* global chrome */
|
|
||||||
|
|
||||||
import JSZip from 'jszip'
|
import JSZip from 'jszip'
|
||||||
import escapeStringRegexp from 'escape-string-regexp'
|
import escapeStringRegexp from 'escape-string-regexp'
|
||||||
|
@ -10,7 +9,7 @@ import isNode from 'detect-node'
|
||||||
import fileType from 'file-type'
|
import fileType from 'file-type'
|
||||||
import isSvg from 'is-svg'
|
import isSvg from 'is-svg'
|
||||||
import sizeOf from 'image-size'
|
import sizeOf from 'image-size'
|
||||||
import Emitter from 'es6-event-emitter'
|
import EventEmitter from 'events'
|
||||||
|
|
||||||
import { cleanMarkup } from './cleanMarkup'
|
import { cleanMarkup } from './cleanMarkup'
|
||||||
import fetch from './fetch'
|
import fetch from './fetch'
|
||||||
|
@ -27,7 +26,7 @@ const entities = new XmlEntities()
|
||||||
|
|
||||||
const trimWhitespace = /^\s*(<br\s*\/?\s*>)+|(<br\s*\/?\s*>)+\s*$/ig
|
const trimWhitespace = /^\s*(<br\s*\/?\s*>)+|(<br\s*\/?\s*>)+\s*$/ig
|
||||||
|
|
||||||
class FimFic2Epub extends Emitter {
|
class FimFic2Epub extends EventEmitter {
|
||||||
static getStoryId (id) {
|
static getStoryId (id) {
|
||||||
if (isNaN(id)) {
|
if (isNaN(id)) {
|
||||||
let url = URL.parse(id, false, true)
|
let url = URL.parse(id, false, true)
|
||||||
|
@ -547,7 +546,7 @@ class FimFic2Epub extends Emitter {
|
||||||
// let partsize = 1 / parts
|
// let partsize = 1 / parts
|
||||||
// percent = (part / parts) + percent * partsize
|
// percent = (part / parts) + percent * partsize
|
||||||
try {
|
try {
|
||||||
this.trigger('progress', percent, status)
|
this.emit('progress', percent, status)
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(err)
|
console.error(err)
|
||||||
}
|
}
|
||||||
|
@ -608,13 +607,8 @@ class FimFic2Epub extends Emitter {
|
||||||
let glyphs = [...this.usedIcons].map((name) => {
|
let glyphs = [...this.usedIcons].map((name) => {
|
||||||
return fontAwesomeCodes[name].charCodeAt(0)
|
return fontAwesomeCodes[name].charCodeAt(0)
|
||||||
})
|
})
|
||||||
let fontPath
|
let fontFile = require('font-awesome/fonts/fontawesome-webfont.ttf')
|
||||||
if (!isNode) {
|
this.iconsFont = await subsetFont(fontFile, glyphs, {local: isNode})
|
||||||
fontPath = chrome.extension.getURL('build/fonts/fontawesome-webfont.ttf')
|
|
||||||
} else {
|
|
||||||
fontPath = require('font-awesome/fonts/fontawesome-webfont.ttf') // resolve the path, see webpack config
|
|
||||||
}
|
|
||||||
this.iconsFont = await subsetFont(fontPath, glyphs, {local: isNode})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
iconsStyle () {
|
iconsStyle () {
|
||||||
|
|
|
@ -7,13 +7,13 @@ import fileType from 'file-type'
|
||||||
|
|
||||||
async function subsetFont (fontPath, glyphs, options = {}) {
|
async function subsetFont (fontPath, glyphs, options = {}) {
|
||||||
let data
|
let data
|
||||||
if (!isNode || !options.local) {
|
let fontdata = Buffer.from(fontPath, 'binary')
|
||||||
data = await fetch(fontPath, 'arraybuffer')
|
let type = fileType(fontdata)
|
||||||
|
if (type && type.mime === 'font/ttf') {
|
||||||
|
data = fontdata
|
||||||
} else {
|
} else {
|
||||||
let fontdata = Buffer.from(fontPath, 'binary')
|
if (!isNode || !options.local) {
|
||||||
let type = fileType(fontdata)
|
data = await fetch(fontPath, 'arraybuffer')
|
||||||
if (type && type.mime === 'font/ttf') {
|
|
||||||
data = fontdata
|
|
||||||
} else {
|
} else {
|
||||||
data = await new Promise((resolve, reject) => {
|
data = await new Promise((resolve, reject) => {
|
||||||
fs.readFile(fontPath, (err, data) => {
|
fs.readFile(fontPath, (err, data) => {
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
|
|
||||||
import webpack from 'webpack'
|
|
||||||
import path from 'path'
|
import path from 'path'
|
||||||
import nodeExternals from 'webpack-node-externals'
|
import nodeExternals from 'webpack-node-externals'
|
||||||
|
|
||||||
|
@ -30,6 +29,10 @@ const bundleExtensionConfig = {
|
||||||
{
|
{
|
||||||
test: /\.styl$/,
|
test: /\.styl$/,
|
||||||
use: ['raw-loader', 'stylus-loader']
|
use: ['raw-loader', 'stylus-loader']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.ttf$/,
|
||||||
|
use: 'binary-loader'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
@ -50,7 +53,6 @@ const bundleExtensionConfig = {
|
||||||
|
|
||||||
plugins: [
|
plugins: [
|
||||||
// new (require('webpack-bundle-analyzer').BundleAnalyzerPlugin)()
|
// new (require('webpack-bundle-analyzer').BundleAnalyzerPlugin)()
|
||||||
new webpack.NormalModuleReplacementPlugin(/font-awesome\/fonts\/fontawesome-webfont\.ttf/, './false')
|
|
||||||
],
|
],
|
||||||
performance: {
|
performance: {
|
||||||
hints: false
|
hints: false
|
||||||
|
@ -92,6 +94,10 @@ const bundleNpmModuleConfig = {
|
||||||
{
|
{
|
||||||
test: /\.styl$/,
|
test: /\.styl$/,
|
||||||
use: ['raw-loader', 'stylus-loader']
|
use: ['raw-loader', 'stylus-loader']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.ttf$/,
|
||||||
|
use: 'binary-loader'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
@ -108,9 +114,7 @@ const bundleNpmModuleConfig = {
|
||||||
__dirname: false
|
__dirname: false
|
||||||
},
|
},
|
||||||
|
|
||||||
externals: [nodeExternals({whitelist: ['es6-event-emitter', /^babel-runtime/]}), {
|
externals: [nodeExternals({whitelist: [/^babel-runtime/, /fontawesome-webfont\.ttf/]})],
|
||||||
'font-awesome/fonts/fontawesome-webfont.ttf': 'require.resolve(\'font-awesome/fonts/fontawesome-webfont.ttf\')'
|
|
||||||
}],
|
|
||||||
|
|
||||||
plugins: [],
|
plugins: [],
|
||||||
performance: {
|
performance: {
|
||||||
|
@ -148,16 +152,12 @@ const bundleNpmBinaryConfig = {
|
||||||
}
|
}
|
||||||
}]]
|
}]]
|
||||||
}
|
}
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.styl$/,
|
|
||||||
use: ['raw-loader', 'stylus-loader']
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
resolve: {
|
resolve: {
|
||||||
extensions: ['.js', '.json', '.styl'],
|
extensions: ['.js', '.json'],
|
||||||
modules: [
|
modules: [
|
||||||
path.resolve('./src'),
|
path.resolve('./src'),
|
||||||
'node_modules'
|
'node_modules'
|
||||||
|
@ -170,8 +170,7 @@ const bundleNpmBinaryConfig = {
|
||||||
|
|
||||||
externals: [nodeExternals(), {
|
externals: [nodeExternals(), {
|
||||||
'./FimFic2Epub': 'require(\'../dist/fimfic2epub\')',
|
'./FimFic2Epub': 'require(\'../dist/fimfic2epub\')',
|
||||||
'../package.json': 'require(\'../package.json\')',
|
'../package.json': 'require(\'../package.json\')'
|
||||||
'font-awesome/fonts/fontawesome-webfont.ttf': 'require.resolve(\'font-awesome/fonts/fontawesome-webfont.ttf\')'
|
|
||||||
}],
|
}],
|
||||||
|
|
||||||
plugins: [],
|
plugins: [],
|
||||||
|
|
Loading…
Reference in a new issue