English version
8 | English version
8 |
9 |
10 | 
Versão em português
11 |
12 |
--------------------------------------------------------------------------------
/lib/worker.js:
--------------------------------------------------------------------------------
1 | /* eslint-env worker */
2 | // This worker is just a small wrapper around the Emscripten output
3 | self.addEventListener('message', runProgram)
4 |
5 | function runProgram (evt) {
6 | const input = evt.data
7 | const Module = self.Module = {}
8 | Module.arguments = input.argv.concat('file.svg')
9 |
10 | const stderr = []
11 | const stdout = []
12 | Module.printErr = e => stderr.push(e)
13 | Module.print = e => stdout.push(e)
14 |
15 | Module.preRun = () => {
16 | Module.FS_createDataFile('/', 'file.svg', input.data, true, true)
17 | }
18 |
19 | Module.onExit = status => {
20 | self.postMessage({ status, stderr, stdout })
21 | self.close()
22 | }
23 |
24 | importScripts('svg2ass.js')
25 | // eslint-disable-next-line no-undef
26 | noExitRuntime = false
27 | }
28 |
--------------------------------------------------------------------------------
/lib/main.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --pm-font-family-primary: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", sans-serif;
3 | --pm-font-family-secondary: var(--pm-font-family-primary);
4 | --pm-primary-color: #DF6300;
5 | --pm-secondary-color: #0A6DA4;
6 | --pm-app-base-font-size: 1rem;
7 | --pm-label-margin-bottom: 0;
8 | --pm-form-field-margin-bottom: 0;
9 | }
10 |
11 | .app, .pm-ground {
12 | margin: 1em 0.5em;
13 | }
14 |
15 | label {
16 | margin-left: 1em;
17 | }
18 |
19 | .split {
20 | display: grid;
21 | grid-column-gap: 1em;
22 | }
23 | .s2 { grid-template-columns: repeat(2, 1fr); }
24 | .s3 { grid-template-columns: repeat(3, 1fr); }
25 | .s4 { grid-template-columns: repeat(4, 1fr); }
26 |
27 | .pull-right {
28 | float: right;
29 | }
30 |
31 | .languages img {
32 | vertical-align: middle;
33 | }
34 |
35 | .inline-block {
36 | display: inline-block;
37 | }
38 |
39 | @media (max-width:768px) {
40 | .split {
41 | display: block
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/lib/Makefile:
--------------------------------------------------------------------------------
1 | #####################################
2 | ##
3 | ## Project: svg2ass
4 | ## File: Makefile
5 | ## Created: 2014-10-23
6 | ## Author: Urban Wallasch
7 | ## Modified to use emcc instead of gcc
8 | ##
9 |
10 | CC := emcc
11 | INCS =
12 | CFLAGS = $(INCS)
13 | CFLAGSX =
14 | LD = emcc
15 | LIBS =
16 | LDFLAGS = --closure 1 -O3 -s FORCE_FILESYSTEM=1
17 | CP = cp
18 | RM = rm -f
19 | SH = sh
20 | VERGEN = $(SH) version.sh
21 |
22 | PRJ = svg2ass
23 | SRC = $(wildcard *.c)
24 | OBJ = $(SRC:%.c=%.o)
25 | BIN = $(PRJ).js
26 | BIN_WA = $(PRJ).wasm
27 | DEP = $(PRJ).dep
28 | VER_IN = version.in
29 | VER_H = version.h
30 |
31 | .PHONY: all release debug clean gen dep
32 |
33 | all: release
34 |
35 | release: CFLAGS += -O3 -DNDEBUG
36 | release: TAG = -rls
37 | release: gen dep $(BIN)
38 |
39 | debug: CFLAGS += -O0 -DDEBUG -g3
40 | debug: TAG = -dbg
41 | debug: gen dep $(BIN)
42 |
43 | gen:
44 | -@$(CP) $(VER_IN) $(VER_H) 2> /dev/null
45 | -$(VERGEN) $(VER_IN) $(VER_H) $(TAG)
46 |
47 | dep:
48 | $(CC) -MM $(SRC) > $(DEP)
49 |
50 | -include $(DEP)
51 |
52 | $(BIN): $(OBJ)
53 | $(LD) $(OBJ) -o $(BIN) $(LDFLAGS)
54 |
55 | %.o: %.c
56 | $(CC) -c $< -o $@ $(CFLAGS) $(CFLAGSX)
57 |
58 | clean:
59 | -${RM} $(OBJ) $(BIN) $(BIN_WA) $(DEP) 2> /dev/null
60 |
61 |
62 | ## EOF
63 | #####################################
64 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # svg2ass-gui
2 |
3 | A Web GUI for [irrwahn/svg2ass](https://github.com/irrwahn/svg2ass). Check it here: [https://qgustavor.github.io/svg2ass-gui/](https://qgustavor.github.io/svg2ass-gui/)
4 |
5 | Compiled to WASM using [Emscripten](https://emscripten.org/). Uses [SVGO](https://github.com/svg/svgo) to improve compatibility and to compress results.
6 |
7 | ## Licenses
8 |
9 | This project includes code from:
10 |
11 | * [irrwahn/svg2ass](https://github.com/irrwahn/svg2ass): [BSD 3-Clause License](https://github.com/irrwahn/svg2ass/blob/53be678a5be24d690b421bce5f1e345ae960077c/LICENSE)
12 | * [Emscripten](https://emscripten.org/): [MIT/Expat Licence](https://github.com/emscripten-core/emsdk/blob/7e3c0461444bc2b3ad33b32fe89867d626e0f9f5/LICENSE)
13 | * [SVGO](https://github.com/svg/svgo/): [MIT License](https://github.com/svg/svgo/blob/59876d894ba758814a224cffe26566104018130d/LICENSE)
14 | * [Plume CSS](https://github.com/felippe-regazio/plume-css/): [GNU GENERAL PUBLIC LICENSE](https://github.com/felippe-regazio/plume-css/blob/5e34d804ca52e6dffe4a486a8442b16f9fe5022f/LICENSE)
15 |
16 | Please open a issue or send a pull request if there is any issue regarding licensing.
17 |
18 | ## Translations
19 |
20 | If you wish to translate this tool to your language then fork this repository, create a copy of index.html with your language code, translate messages, replace the language code in ``, add your language to `lib\languages.html`, then finally send a pull request.
21 |
22 | ## Privacy
23 |
24 | This tool was made with one of the goals being making it easier for companies like Crunchyroll to do proper typesetting in their works. As far as I know, it looks like this tool was been used at least once by Crunchyroll staff, but I don't have any official info on that. Anyway, here is some privacy stuff just so enterprise folks can feel more safe knowing that their precious NDA-protected data is safe with this tool:
25 |
26 | Data is converted in browser and is not send to any servers. Application data is fetched from GitHub servers which receive usual request info related to fetching any webpage.
27 |
28 | If required this project can be cloned and hosted in any web server. All source-code specific to this project is meant to be safe, respect user privacy and allow to be audited. Both `lib/svg2ass.js` and `lib/svg2ass.wasm` were compiled using Emscripten, so their code are not readable, but those can be still verified by doing the same build steps:
29 |
30 | 1. Install make (if it's not already installed);
31 | 1. Install [Emscripten](https://emscripten.org/);
32 | 1. Clone [qgustavor/svg2ass](https://github.com/qgustavor/svg2ass);
33 | 1. Replace the contents of `Makefile` with those of `lib/Makefile`;
34 | 1. Run `make`.
35 |
36 | The qgustavor's fork of svg2ass is used as it adds support to short form hex colors and alpha (colors with alpha are parsed, but, at the moment, the alpha is ignored), which fixes an issue which was reported by one user of this tool.
37 |
38 | Flags, used to identify languages, come from [catamphetamine/country-flag-icons](https://github.com/catamphetamine/country-flag-icons/) and are also loaded from GitHub servers. Those are released under [MIT License](https://github.com/catamphetamine/country-flag-icons/blob/d9bdf1180eb5c50ad5ebd6514f19c84857ba55f6/LICENSE).
39 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | A Web GUI for svg2ass.
12 |For more info about the above settings read svg2ass help.
104 |Uma interface web para o svg2ass.
12 |Para mais informações sobre as opções acima leia a ajuda do svg2ass.
104 |