├── .eslintrc
├── .gitignore
├── demo
    ├── .browserslistrc
    ├── public
    │   ├── robots.txt
    │   ├── favicon.ico
    │   ├── img
    │   │   └── icons
    │   │   │   ├── favicon-16x16.png
    │   │   │   ├── favicon-32x32.png
    │   │   │   ├── mstile-150x150.png
    │   │   │   ├── apple-touch-icon.png
    │   │   │   ├── android-chrome-192x192.png
    │   │   │   ├── android-chrome-512x512.png
    │   │   │   ├── apple-touch-icon-120x120.png
    │   │   │   ├── apple-touch-icon-152x152.png
    │   │   │   ├── apple-touch-icon-180x180.png
    │   │   │   ├── apple-touch-icon-60x60.png
    │   │   │   ├── apple-touch-icon-76x76.png
    │   │   │   ├── msapplication-icon-144x144.png
    │   │   │   └── safari-pinned-tab.svg
    │   ├── manifest.json
    │   └── index.html
    ├── babel.config.js
    ├── postcss.config.js
    ├── src
    │   ├── shims-vue.d.ts
    │   ├── assets
    │   │   └── demo-print.png
    │   ├── store.ts
    │   ├── router.ts
    │   ├── main.ts
    │   ├── shims-tsx.d.ts
    │   ├── components
    │   │   ├── Editor.vue
    │   │   └── Presets.vue
    │   ├── App.vue
    │   ├── registerServiceWorker.ts
    │   ├── utils
    │   │   └── presets.ts
    │   └── views
    │   │   └── Home.vue
    ├── vue.config.js
    ├── .editorconfig
    ├── .gitignore
    ├── .eslintrc.js
    ├── README.md
    ├── tsconfig.json
    └── package.json
├── src
    ├── index.ts
    ├── SvelteComponent.ts
    ├── Compiler.ts
    └── TemplateCompiler.ts
├── test
    ├── output
    │   ├── static.svelte
    │   └── simple.svelte
    └── index.spec.ts
├── jest.config.js
├── tsconfig.json
├── tslint.json
├── release-it.json
├── webpack.config.js
├── LICENSE
├── .circleci
    └── config.yml
├── package.json
└── README.md


/.eslintrc:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist/*
3 | 


--------------------------------------------------------------------------------
/demo/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | 


--------------------------------------------------------------------------------
/demo/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | export { ComponentCompiler as default } from './Compiler'
2 | 


--------------------------------------------------------------------------------
/test/output/static.svelte:
--------------------------------------------------------------------------------
1 | <script></script><mark>I am just 
2 | <h2>STATIC</h2></mark>


--------------------------------------------------------------------------------
/demo/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   preset: 'ts-jest',
3 |   testEnvironment: 'node',
4 | };


--------------------------------------------------------------------------------
/demo/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     autoprefixer: {}
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/demo/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/favicon.ico


--------------------------------------------------------------------------------
/demo/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.vue' {
2 |   import Vue from 'vue'
3 |   export default Vue
4 | }
5 | 


--------------------------------------------------------------------------------
/demo/src/assets/demo-print.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/src/assets/demo-print.png


--------------------------------------------------------------------------------
/demo/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   configureWebpack: {
3 |     node: {
4 |       module: 'empty'
5 |     }
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/demo/public/img/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/favicon-16x16.png


--------------------------------------------------------------------------------
/demo/public/img/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/favicon-32x32.png


--------------------------------------------------------------------------------
/demo/public/img/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/mstile-150x150.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon.png


--------------------------------------------------------------------------------
/demo/public/img/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/android-chrome-192x192.png


--------------------------------------------------------------------------------
/demo/public/img/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/android-chrome-512x512.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon-120x120.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon-152x152.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon-180x180.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon-60x60.png


--------------------------------------------------------------------------------
/demo/public/img/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/apple-touch-icon-76x76.png


--------------------------------------------------------------------------------
/demo/.editorconfig:
--------------------------------------------------------------------------------
1 | [*.{js,jsx,ts,tsx,vue}]
2 | indent_style = space
3 | indent_size = 2
4 | trim_trailing_whitespace = true
5 | insert_final_newline = true
6 | 


--------------------------------------------------------------------------------
/demo/public/img/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trickstival/vue2svelte/HEAD/demo/public/img/icons/msapplication-icon-144x144.png


--------------------------------------------------------------------------------
/test/output/simple.svelte:
--------------------------------------------------------------------------------
1 | <script>export let heyProp="Im a prop";let hey="Im hey data";</script><h1>{#if heyProp==='ai'}<span>sup {heyProp}</span>{/if} plp {heyProp} {hey}</h1>


--------------------------------------------------------------------------------
/demo/src/store.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | 
 4 | Vue.use(Vuex)
 5 | 
 6 | export default new Vuex.Store({
 7 |   state: {
 8 | 
 9 |   },
10 |   mutations: {
11 | 
12 |   },
13 |   actions: {
14 | 
15 |   }
16 | })
17 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |       "outDir": "./dist/",
 4 |       "noImplicitAny": true,
 5 |       "module": "es6",
 6 |       "moduleResolution": "node",
 7 |       "target": "es5",
 8 |       "sourceMap": true,
 9 |       "declaration": true
10 |     }
11 | }


--------------------------------------------------------------------------------
/demo/src/router.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Router from 'vue-router'
 3 | import Home from './views/Home.vue'
 4 | 
 5 | Vue.use(Router)
 6 | 
 7 | export default new Router({
 8 |   routes: [
 9 |     {
10 |       path: '/',
11 |       name: 'home',
12 |       component: Home
13 |     }
14 |   ]
15 | })
16 | 


--------------------------------------------------------------------------------
/demo/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/demo/src/main.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | import store from './store'
 5 | import './registerServiceWorker'
 6 | import 'prismjs'
 7 | import 'prismjs/themes/prism.css'
 8 | 
 9 | Vue.config.productionTip = false
10 | 
11 | new Vue({
12 |   router,
13 |   store,
14 |   render: h => h(App)
15 | }).$mount('#app')
16 | 


--------------------------------------------------------------------------------
/demo/src/shims-tsx.d.ts:
--------------------------------------------------------------------------------
 1 | import Vue, { VNode } from 'vue'
 2 | 
 3 | declare global {
 4 |   namespace JSX {
 5 |     // tslint:disable no-empty-interface
 6 |     interface Element extends VNode {}
 7 |     // tslint:disable no-empty-interface
 8 |     interface ElementClass extends Vue {}
 9 |     interface IntrinsicElements {
10 |       [elem: string]: any
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "defaultSeverity": "error",
 3 |     "extends": [
 4 |         "tslint:recommended"
 5 |     ],
 6 |     "jsRules": {},
 7 |     "rules": {
 8 |         "semicolon": [true, "never"],
 9 |         "space-before-function-paren": [true, "always"],
10 |         "quotemark": [true, "single"],
11 |         "interface-name": false
12 |     },
13 |     "rulesDirectory": []
14 | }


--------------------------------------------------------------------------------
/release-it.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "src": {
 3 |       "tagName": "v%s",
 4 |       "commitMessage": "chore(release): %s"
 5 |     },
 6 |     "github": {
 7 |       "release": true,
 8 |       "releaseName": "🚀 Release %s",
 9 |       "tokenRef": "GITHUB_TOKEN"
10 |     },
11 |     "npm": {
12 |       "publish": true
13 |     },
14 |     "changelogCommand": "git log --pretty=format:'* %s (%h)' [REV_RANGE]"
15 | }


--------------------------------------------------------------------------------
/demo/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true
 5 |   },
 6 |   'extends': [
 7 |     'plugin:vue/essential',
 8 |     '@vue/standard',
 9 |     '@vue/typescript'
10 |   ],
11 |   rules: {
12 |     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
13 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
14 |   },
15 |   parserOptions: {
16 |     parser: '@typescript-eslint/parser'
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | 
 3 | module.exports = {
 4 |   entry: './src/index.ts',
 5 |   devtool: 'inline-source-map',
 6 |   module: {
 7 |     rules: [
 8 |       {
 9 |         test: /\.ts$/,
10 |         use: 'ts-loader',
11 |         exclude: /node_modules/
12 |       }
13 |     ]
14 |   },
15 |   resolve: {
16 |     extensions: [ '.ts', '.js' ]
17 |   },
18 |   output: {
19 |     filename: 'bundle.js',
20 |     path: path.resolve(__dirname, 'dist')
21 |   }
22 | }


--------------------------------------------------------------------------------
/demo/README.md:
--------------------------------------------------------------------------------
 1 | # demo
 2 | 
 3 | ## Project setup
 4 | ```
 5 | yarn install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | yarn run serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | yarn run build
16 | ```
17 | 
18 | ### Run your tests
19 | ```
20 | yarn run test
21 | ```
22 | 
23 | ### Lints and fixes files
24 | ```
25 | yarn run lint
26 | ```
27 | 
28 | ### Customize configuration
29 | See [Configuration Reference](https://cli.vuejs.org/config/).
30 | 


--------------------------------------------------------------------------------
/demo/src/components/Editor.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="editor-tab">
 3 |     <slot />
 4 |     <prism-editor v-bind="$attrs" v-on="$listeners" />
 5 |   </div>
 6 | </template>
 7 | 
 8 | <script>
 9 | import PrismEditor from 'vue-prism-editor'
10 | 
11 | export default {
12 |   model: {
13 |     prop: 'code',
14 |     event: 'change'
15 |   },
16 |   components: {
17 |     PrismEditor
18 |   }
19 | }
20 | </script>
21 | 
22 | <style lang="scss" scoped>
23 | .editor-tab {
24 |   text-align: left;
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/demo/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "demo",
 3 |   "short_name": "demo",
 4 |   "icons": [
 5 |     {
 6 |       "src": "./img/icons/android-chrome-192x192.png",
 7 |       "sizes": "192x192",
 8 |       "type": "image/png"
 9 |     },
10 |     {
11 |       "src": "./img/icons/android-chrome-512x512.png",
12 |       "sizes": "512x512",
13 |       "type": "image/png"
14 |     }
15 |   ],
16 |   "start_url": "./index.html",
17 |   "display": "standalone",
18 |   "background_color": "#000000",
19 |   "theme_color": "#4DBA87"
20 | }
21 | 


--------------------------------------------------------------------------------
/demo/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>Vue2Svelte Demo</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/demo/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <router-view/>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <style lang="scss">
 8 | body, #app {
 9 |   margin: 0;
10 |   position: absolute;
11 |   width: 100%;
12 |   height: 100%;
13 | }
14 | #app {
15 |   font-family: 'Avenir', Helvetica, Arial, sans-serif;
16 |   -webkit-font-smoothing: antialiased;
17 |   -moz-osx-font-smoothing: grayscale;
18 |   text-align: center;
19 |   color: #2c3e50;
20 | }
21 | #nav {
22 |   padding: 30px;
23 |   a {
24 |     font-weight: bold;
25 |     color: #2c3e50;
26 |     &.router-link-exact-active {
27 |       color: #42b983;
28 |     }
29 |   }
30 | }
31 | </style>
32 | 


--------------------------------------------------------------------------------
/demo/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "module": "esnext",
 5 |     "jsx": "preserve",
 6 |     "importHelpers": true,
 7 |     "moduleResolution": "node",
 8 |     "experimentalDecorators": true,
 9 |     "esModuleInterop": true,
10 |     "allowSyntheticDefaultImports": true,
11 |     "sourceMap": true,
12 |     "baseUrl": ".",
13 |     "types": [
14 |       "webpack-env"
15 |     ],
16 |     "paths": {
17 |       "@/*": [
18 |         "src/*"
19 |       ]
20 |     },
21 |     "lib": [
22 |       "esnext",
23 |       "dom",
24 |       "dom.iterable",
25 |       "scripthost"
26 |     ]
27 |   },
28 |   "include": [
29 |     "src/**/*.ts",
30 |     "src/**/*.tsx",
31 |     "src/**/*.vue",
32 |     "tests/**/*.ts",
33 |     "tests/**/*.tsx"
34 |   ],
35 |   "exclude": [
36 |     "node_modules"
37 |   ]
38 | }
39 | 


--------------------------------------------------------------------------------
/demo/src/components/Presets.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="presets">
 3 |     <h3>
 4 |       Select a Preset
 5 |     </h3>
 6 |     <ul class="preset-list">
 7 |       <li
 8 |         v-for="(preset, key) in $options.presets"
 9 |         :key="key"
10 |         class="preset"
11 |         @click="$emit('input', preset)"
12 |       >
13 |         {{ key }}
14 |       </li>
15 |     </ul>
16 |   </section>
17 | </template>
18 | 
19 | <script>
20 | import presets from '../utils/presets'
21 | export default {
22 |   presets,
23 |   created () {
24 |     this.$emit('input', presets.default)
25 |   }
26 | }
27 | </script>
28 | 
29 | <style lang="scss">
30 | .preset-list {
31 |   padding: 0;
32 | }
33 | .preset {
34 |   list-style: none;
35 |   margin-top: 10px;
36 |   border: 1px solid #CCC;
37 |   padding: 10px 0;
38 |   cursor: pointer;
39 |   border-radius: 4px;
40 | }
41 | </style>
42 | 


--------------------------------------------------------------------------------
/demo/src/registerServiceWorker.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable no-console */
 2 | 
 3 | import { register } from 'register-service-worker'
 4 | 
 5 | if (process.env.NODE_ENV === 'production') {
 6 |   register(`${process.env.BASE_URL}service-worker.js`, {
 7 |     ready () {
 8 |       console.log(
 9 |         'App is being served from cache by a service worker.\n' +
10 |         'For more details, visit https://goo.gl/AFskqB'
11 |       )
12 |     },
13 |     registered () {
14 |       console.log('Service worker has been registered.')
15 |     },
16 |     cached () {
17 |       console.log('Content has been cached for offline use.')
18 |     },
19 |     updatefound () {
20 |       console.log('New content is downloading.')
21 |     },
22 |     updated () {
23 |       console.log('New content is available; please refresh.')
24 |     },
25 |     offline () {
26 |       console.log('No internet connection found. App is running in offline mode.')
27 |     },
28 |     error (error) {
29 |       console.error('Error during service worker registration:', error)
30 |     }
31 |   })
32 | }
33 | 


--------------------------------------------------------------------------------
/demo/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "demo",
 3 |   "version": "0.1.1",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "core-js": "^2.6.5",
12 |     "prismjs": "^1.17.1",
13 |     "register-service-worker": "^1.6.2",
14 |     "vue": "^2.6.10",
15 |     "vue-class-component": "^7.0.2",
16 |     "vue-property-decorator": "^8.1.0",
17 |     "vue-router": "^3.0.3",
18 |     "vuex": "^3.0.1"
19 |   },
20 |   "devDependencies": {
21 |     "@vue/cli-plugin-babel": "^3.9.0",
22 |     "@vue/cli-plugin-eslint": "^3.9.0",
23 |     "@vue/cli-plugin-pwa": "^3.9.0",
24 |     "@vue/cli-plugin-typescript": "^3.9.0",
25 |     "@vue/cli-service": "^3.9.0",
26 |     "@vue/eslint-config-standard": "^4.0.0",
27 |     "@vue/eslint-config-typescript": "^4.0.0",
28 |     "babel-eslint": "^10.0.1",
29 |     "eslint": "^5.16.0",
30 |     "eslint-plugin-vue": "^5.0.0",
31 |     "node-sass": "^4.9.0",
32 |     "sass-loader": "^7.1.0",
33 |     "typescript": "^3.4.3",
34 |     "vue-template-compiler": "^2.6.10"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | 
 2 | The MIT License (MIT)
 3 | 
 4 | Copyright (c) 2019 Patrick Stival Chaerke
 5 | 
 6 | Permission is hereby granted, free of charge, to any person obtaining a copy
 7 | of this software and associated documentation files (the "Software"), to deal
 8 | in the Software without restriction, including without limitation the rights
 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 | 
13 | The above copyright notice and this permission notice shall be included in all
14 | copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 | SOFTWARE.


--------------------------------------------------------------------------------
/.circleci/config.yml:
--------------------------------------------------------------------------------
 1 | # Javascript Node CircleCI 2.0 configuration file
 2 | #
 3 | # Check https://circleci.com/docs/2.0/language-javascript/ for more details
 4 | #
 5 | version: 2
 6 | jobs:
 7 |   build:
 8 |     docker:
 9 |       # specify the version you desire here
10 |       - image: circleci/node:8.10
11 | 
12 |       # Specify service dependencies here if necessary
13 |       # CircleCI maintains a library of pre-built images
14 |       # documented at https://circleci.com/docs/2.0/circleci-images/
15 |       # - image: circleci/mongo:3.4.4
16 | 
17 |     working_directory: ~/repo
18 | 
19 |     steps:
20 |       - checkout
21 | 
22 |       # Download and cache dependencies
23 |       - restore_cache:
24 |           keys:
25 |             - v1-dependencies-{{ checksum "package.json" }}
26 |             # fallback to using the latest cache if no exact match is found
27 |             - v1-dependencies-
28 | 
29 |       - run: yarn install
30 | 
31 |       - save_cache:
32 |           paths:
33 |             - node_modules
34 |           key: v1-dependencies-{{ checksum "package.json" }}
35 | 
36 |       - run: yarn lint
37 |       # run tests!
38 |       - run: yarn test:unit
39 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue2svelte",
 3 |   "version": "0.0.11",
 4 |   "description": "A Vue SFC to Svelte Transpiler",
 5 |   "main": "dist/index.js",
 6 |   "author": "trickstival",
 7 |   "repository": {
 8 |     "url": "https://github.com/trickstival/vue2svelte"
 9 |   },
10 |   "license": "MIT",
11 |   "files": [
12 |     "dist"
13 |   ],
14 |   "scripts": {
15 |     "test:unit": "jest",
16 |     "lint": "tslint -c tslint.json 'src/**/*.ts'",
17 |     "dev": "jest --watchAll",
18 |     "build": "webpack --mode=production"
19 |   },
20 |   "types": "dist/src/index.d.ts",
21 |   "devDependencies": {
22 |     "@types/jest": "^24.0.15",
23 |     "jest": "^24.8.0",
24 |     "ts-jest": "^24.0.2",
25 |     "ts-loader": "^6.0.4",
26 |     "tslint": "^5.18.0",
27 |     "typescript": "^3.5.2",
28 |     "vue-template-compiler": "^2.6.10",
29 |     "webpack": "^4.35.2",
30 |     "webpack-cli": "^3.3.5"
31 |   },
32 |   "dependencies": {
33 |     "prismjs": "^1.17.1",
34 |     "svelte": "^3.6.2",
35 |     "vue": "^2.6.10",
36 |     "vue-prism-editor": "^0.2.1"
37 |   },
38 |   "keywords": [
39 |     "vue",
40 |     "svelte",
41 |     "compiler",
42 |     "transpiler",
43 |     "transform"
44 |   ]
45 | }
46 | 


--------------------------------------------------------------------------------
/src/SvelteComponent.ts:
--------------------------------------------------------------------------------
 1 | // This is an intermediary entity between vue and svelte
 2 | 
 3 | export interface SvelteProp {
 4 |     name: string
 5 |     default: any
 6 | }
 7 | 
 8 | export interface SvelteData {
 9 |     name: string,
10 |     initialValue: any,
11 | 
12 | }
13 | 
14 | export default class SvelteComponent {
15 |     private props: SvelteProp[]
16 |     private data: SvelteData[]
17 |     private template: string
18 | 
19 |     constructor () {
20 |         this.props = []
21 |         this.data = []
22 |     }
23 |     public setTemplate (template: string) {
24 |         this.template = template
25 |     }
26 |     public addProp (prop: SvelteProp) {
27 |         this.props.push(prop)
28 |     }
29 |     public addData (data: SvelteData) {
30 |         this.data.push(data)
31 |     }
32 |     public getCode () {
33 |         const propsCode = this.props
34 |             .map((prop) => `export let ${prop.name}=${JSON.stringify(prop.default)};`)
35 |             .join('\n')
36 | 
37 |         const dataCode = this.data
38 |             .map((data) => `let ${data.name}=${JSON.stringify(data.initialValue)};`)
39 |             .join('\n')
40 | 
41 |         return `<script>${propsCode}${dataCode}</script>${this.template}`
42 |     }
43 | }
44 | 


--------------------------------------------------------------------------------
/demo/src/utils/presets.ts:
--------------------------------------------------------------------------------
 1 | interface Preset {
 2 |   script: string
 3 |   template: string
 4 | }
 5 | 
 6 | const presets: Record<string, Preset> = {
 7 |   default: {
 8 |     template: `<div>
 9 |     <span title="static" v-bind:anything="prop1"></span>
10 | </div>`,
11 |     script: `{
12 |   props: {
13 |     prop1: {
14 |       default: 'yeeah Im a prop'
15 |     }
16 |   },
17 |   data() {
18 |     return {
19 |       data1: 'Just normal data'
20 |     }
21 |   }
22 | }`
23 |   },
24 |   'v-if and v-else': {
25 |     template: `<div>
26 |     <span v-if="prop1 === 'sup'">never gonna be shown</span>
27 |     <div v-else-if="data1">data1 shows</div>
28 |     <div v-else>just v-else</div>
29 | </div>`,
30 |     script: `{
31 |   props: {
32 |     prop1: {
33 |       default: 'yeeah Im a prop'
34 |     }
35 |   },
36 |   data() {
37 |     return {
38 |       data1: 'Just normal data'
39 |     }
40 |   }
41 | }`
42 |   },
43 |   'v-for': {
44 |     template: `<div>
45 |     <h2 v-for="({ name }, idx) in list">{{ idx }} {{ name }}</h2>
46 | </div>`,
47 |     script: `{
48 |   data () {
49 |     return {
50 |       list: [{ name: 'Bob' }, { name: 'Dylan' }]
51 |     }
52 |   }
53 | }`
54 |   },
55 |   'print data': {
56 |     template: `<div>
57 |     <span>Printing prop: {{ prop1 }}</span>
58 | </div>`,
59 |     script: `{
60 |       props: {
61 |         prop1: {
62 |           default: 'yeeah Im a prop'
63 |         }
64 |       }
65 |     }`
66 |   }
67 | }
68 | 
69 | export default presets
70 | 


--------------------------------------------------------------------------------
/test/index.spec.ts:
--------------------------------------------------------------------------------
 1 | import Vue, { ComponentOptions, CreateElement } from 'vue';
 2 | import { ComponentCompiler } from '../src/Compiler';
 3 | import * as fs from 'fs'
 4 | 
 5 | const getOutput = (filename: string) => fs.readFileSync(__dirname + `/output/${filename}.svelte`, 'utf-8')
 6 | const compile = (options: ComponentOptions<Vue>) => new ComponentCompiler(options).compile()
 7 | 
 8 | describe('The Compiler', () => {
 9 |     it('Static html rendering', () => {
10 |         const myComponent: ComponentOptions<Vue> = {
11 |             template: '<mark>I am just \n<h2>STATIC</h2></mark>'
12 |         }
13 | 
14 |         const result = compile(myComponent)
15 |         const expected = getOutput('static')
16 |         expect(result).toBe(expected)
17 |     })
18 |     it('Simple v-if and props compiling', () => {
19 |         const myComponent: ComponentOptions<Vue> = {
20 |             template: `<h1><span v-if="heyProp==='ai'">sup {{ heyProp }}</span> plp {{ heyProp }} {{ hey }}</h1>`,
21 |             props: {
22 |                 heyProp: {
23 |                     default: 'Im a prop'
24 |                 }
25 |             },
26 |             data () {
27 |                 return {
28 |                     
29 |                     hey: 'Im hey data'
30 |                 }
31 |             }
32 |         }
33 | 
34 |         const compiler = new ComponentCompiler(myComponent)
35 |         const result = compiler.compile()
36 |         const expected = getOutput('simple')
37 |         expect(result).toBe(expected)
38 |     })
39 | })


--------------------------------------------------------------------------------
/src/Compiler.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import { ComponentOptions } from 'vue/types/options'
 3 | import SvelteComponent, { SvelteData, SvelteProp } from './SvelteComponent'
 4 | import TemplateCompiler from './TemplateCompiler'
 5 | 
 6 | export class ComponentCompiler<T extends ComponentOptions<Vue>> {
 7 |     public vm: T
 8 |     public svelteComponent: SvelteComponent
 9 |     constructor (vm: T) {
10 |         this.vm = vm
11 |         this.svelteComponent = new SvelteComponent()
12 |     }
13 | 
14 |     public compile (): string {
15 |         this.mapProps()
16 |         this.mapData()
17 |         this.svelteComponent.setTemplate(new TemplateCompiler(this.vm).compile())
18 |         return this.svelteComponent.getCode()
19 |     }
20 | 
21 |     public mapProps () {
22 |         const props = this.vm.props || {}
23 |         for (const [vuePropKey, vueProp = {}] of Object.entries(props)) {
24 |             const svelteProp: SvelteProp = {
25 |                 default: vueProp.default,
26 |                 name: vuePropKey,
27 |             }
28 |             this.svelteComponent.addProp(svelteProp)
29 |         }
30 |     }
31 | 
32 |     public mapData () {
33 |         let data = this.vm.data || {}
34 |         data = typeof data === 'function'
35 |             ? data()
36 |             : data
37 | 
38 |         for (const [vueDataKey, vueData = {}] of Object.entries(data)) {
39 |             const svelteData: SvelteData = {
40 |                 initialValue: vueData,
41 |                 name: vueDataKey,
42 |             }
43 |             this.svelteComponent.addData(svelteData)
44 |         }
45 |     }
46 | }
47 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Vue2Svelte
 2 | 
 3 | [Demo](https://blissful-goldstine-5db493.netlify.com)
 4 | [![Demo Image](https://github.com/trickstival/vue2svelte/blob/master/demo/src/assets/demo-print.png?raw=true)](https://blissful-goldstine-5db493.netlify.com)
 5 | 
 6 | Still under development and there's still a long way to go :o
 7 | 
 8 | ## Install
 9 | 
10 | ```bash
11 | npm i vue2svelte
12 | # or
13 | yarn add vue2svelte
14 | ```
15 | 
16 | ## Main Goal
17 | 
18 | Get a Vue options object and convert it into a svelte component
19 | 
20 | Compiler Roadmap:
21 | 
22 | - [x] Simple HTML elements rendering
23 | - [x] Default props values
24 | - [x] Simple properties declaration
25 | - [x] v-if statements
26 | - [x] v-else and v-else-if statements
27 | - [x] v-for statements
28 | - [ ] v-once statements
29 | - [ ] v-model support
30 | - [x] v-bind:prop / :prop support
31 | - [ ] v-bind="obj" support
32 | - [ ] Methods
33 | - [ ] Computed properties
34 | - [ ] Mixins
35 | - [ ] Lifecycle hooks
36 | - [ ] Calls to $nextTick
37 | - [ ] Filters
38 | - [ ] Calls to $options
39 | 
40 | ...
41 | 
42 | ## Usage
43 | 
44 | ```js
45 | import Vue2Svelte from 'vue2svelte'
46 | 
47 | const VueComponent = {
48 |     template: `<div><span v-for="item in list">{{ item }}</span></div>`,
49 |     props: {
50 |         list: {
51 |             default: ['item 1', 'item 2']
52 |         }
53 |     },
54 |     data () {
55 |         return {
56 |             hello: 'world'
57 |         }
58 |     }
59 | }
60 | 
61 | const SvelteComponent = new Vue2Svelte(VueComponent)
62 | 
63 | console.log(SvelteComponent.compile())
64 | // Output: <script>export let list=["item 1","item 2"];let hello="world";</script><div>{#each list as item}<span>{item}</span>{/each}</div>
65 | 
66 | ```
67 | 
68 | Currently it can compile simple pure components with props and data.
69 | 
70 | This project is a little bit complex, so if you can help please do it!
71 | 


--------------------------------------------------------------------------------
/demo/src/views/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="home">
 3 |     <h1>Vue2Svelte demo</h1>
 4 |     <section class="editors-grid">
 5 |       <presets v-model="preset" />
 6 |       <div>
 7 |         Template
 8 |         <editor
 9 |           v-model="preset.template"
10 |           language="html"
11 |           class="editor"
12 |         />
13 |         Script
14 |         <editor
15 |           v-model="preset.script"
16 |           language="javascript"
17 |           class="editor"
18 |         />
19 |       </div>
20 |       <div class="svelte-result">
21 |         <h2>
22 |           Svelte Result
23 |         </h2>
24 |         <pre class="result-container">
25 |           {{ svelteCode }}
26 |         </pre>
27 |       </div>
28 |     </section>
29 |   </div>
30 | </template>
31 | 
32 | <script lang="ts">
33 | import { Component, Vue } from 'vue-property-decorator'
34 | import Editor from '@/components/Editor.vue'
35 | import Presets from '../components/Presets.vue'
36 | import Compiler from '../../../src'
37 | // import prettier from 'prettier/standalone'
38 | 
39 | @Component({
40 |   components: {
41 |     Editor,
42 |     Presets
43 |   }
44 |   // TODO: find a way to run prettier with svelte in the browser
45 |   // watch: {
46 |   //   svelteCode: {
47 |   //     immediate: true,
48 |   //     handler: throttle(function (code) {
49 |   //       fetch(`${process.env.VUE_APP_PROXIED_PRETTIER_SERVICE}/prettify`, {
50 |   //         headers: {
51 |   //           'Accept': 'application/json',
52 |   //           'Content-Type': 'application/json'
53 |   //         },
54 |   //         method: 'POST',
55 |   //         body: JSON.stringify({ code }),
56 | 
57 |   //       }).then(response => response.json())
58 |   //         .then(data => (this.formattedSvelteCode = data.formattedCode))
59 |   //     }, 1000)
60 |   //   }
61 |   // }
62 | })
63 | export default class Home extends Vue {
64 |   private preset = { script: '', template: '' }
65 |   // private formattedSvelteCode = ''
66 |   get svelteCode () {
67 |     if (!this.preset.script) {
68 |       return
69 |     }
70 |     // TODO: this should not affect the script code.
71 |     // I have to find a regex that only matches the json keys
72 |     const jsonString = `(${this.preset.script})`.replace(/'/g, '"')
73 | 
74 |     // eslint-disable-next-line
75 |     const component = eval(jsonString)
76 |     component.template = this.preset.template
77 | 
78 |     const compiler = new Compiler(component)
79 | 
80 |     return compiler.compile()
81 |   }
82 | }
83 | </script>
84 | <style lang="scss" scoped>
85 | pre.result-container {
86 |   white-space: pre-wrap;
87 | }
88 | .home {
89 |   height: 80%;
90 |   margin: 0 30px;
91 | }
92 | .editors-grid {
93 |   display: grid;
94 |   grid-gap: 10px;
95 |   grid-template-columns: .2fr 1fr 1fr;
96 |   height: 80%;
97 | }
98 | </style>
99 | 


--------------------------------------------------------------------------------
/src/TemplateCompiler.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentOptions } from 'vue'
 2 | import * as Compiler from 'vue-template-compiler'
 3 | import { Vue } from 'vue/types/vue'
 4 | 
 5 | const FromTypes = {
 6 |     isASTElement (T: Compiler.ASTNode): T is Compiler.ASTElement {
 7 |         return T.type === 1
 8 |     },
 9 |     isASTExpression (T: Compiler.ASTNode): T is Compiler.ASTExpression {
10 |         return T.type === 2
11 |     },
12 |     isASTText (T: Compiler.ASTNode): T is Compiler.ASTText {
13 |         return T.type === 3
14 |     },
15 | }
16 | 
17 | export default class TemplateCompiler {
18 |     private rawTemplate: string
19 |     private compiledVueTemplate: Compiler.CompiledResult<Compiler.ErrorWithRange>
20 |     constructor (options: ComponentOptions<Vue>) {
21 |         this.rawTemplate = options.template
22 |         // @ts-ignore
23 |         this.compiledVueTemplate = Compiler.compile(this.rawTemplate, options)
24 |     }
25 |     public compile (ast = this.compiledVueTemplate.ast) {
26 |         const children = ast.children.map((astChild) => this.compileNode(astChild)).join('')
27 |         return `<${ast.tag}>${children}</${ast.tag}>`
28 |     }
29 |     private compileAttrs (node: Compiler.ASTElement): string {
30 |         if (!node.attrs) {
31 |             return ''
32 |         }
33 |         return node.attrs.map((attr) => {
34 |             // "dynamic" property is not mapped by vue-template-compiler declaration files.
35 |             // maybe opening an issue is the right thing to do, but I think it's moving to ts anyway.
36 |             // @ts-ignore
37 |             if (attr.dynamic !== undefined) {
38 |                 return `${attr.name}={${attr.value}}`
39 |             }
40 |             return `${attr.name}=${attr.value}`
41 |         }).join(' ')
42 |     }
43 |     private compileSurroundings (node: Compiler.ASTElement, template: string) {
44 |         // Compile ifs and elses
45 |         if (node.if) {
46 |             const [, ...elses] = node.ifConditions
47 |             const elsesTemplate = elses.map((elseItem) => {
48 |                 const block = this.compileNode(elseItem.block)
49 |                 if (elseItem.exp) {
50 |                     return `{:else if ${elseItem.exp}} ${block}`
51 |                 }
52 |                 return `{:else} ${block}`
53 |             }).join('')
54 |             template = `{#if ${node.if}}${template}${elsesTemplate}{/if}`
55 |         }
56 |         // Compile for
57 |         if (node.for) {
58 |             // I think Svelte only supports one iterator
59 |             let alias = node.alias
60 |             if (node.iterator1) {
61 |                 alias += `, ${node.iterator1}`
62 |             }
63 |             template = `{#each ${node.for} as ${alias}}${template}{/each}`
64 |         }
65 |         return template
66 |     }
67 |     private compileNode (node: Compiler.ASTNode) {
68 |         if (FromTypes.isASTText(node)) {
69 |             return node.text
70 |         }
71 |         if (FromTypes.isASTExpression(node)) {
72 |             return node.tokens.map((token) => {
73 |                 if (typeof token === 'string') {
74 |                     return token
75 |                 }
76 |                 return `{${token['@binding']}}`
77 |             }).join('')
78 |         }
79 |         if (FromTypes.isASTElement(node)) {
80 |             const compileChildren = (): string => node.children
81 |                 .map((child) => this.compileNode(child))
82 |                 .join('\n')
83 | 
84 |             const attrs = this.compileAttrs(node)
85 | 
86 |             const trailingAttrs = attrs ? ' ' + attrs : ''
87 |             const childrenOrEmpty = node.children ? compileChildren() : ''
88 | 
89 |             let currentTemplate = `<${node.tag + trailingAttrs}>${childrenOrEmpty}</${node.tag}>`
90 | 
91 |             currentTemplate = this.compileSurroundings(node, currentTemplate)
92 | 
93 |             return currentTemplate
94 |         }
95 |     }
96 | }
97 | 


--------------------------------------------------------------------------------
/demo/public/img/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
  4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  5 |  width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
  6 |  preserveAspectRatio="xMidYMid meet">
  7 | <metadata>
  8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
  9 | </metadata>
 10 | <g transform="translate(0.000000,16.000000) scale(0.000320,-0.000320)"
 11 | fill="#000000" stroke="none">
 12 | <path d="M18 46618 c45 -75 122 -207 122 -211 0 -2 25 -45 55 -95 30 -50 55
 13 | -96 55 -102 0 -5 5 -10 10 -10 6 0 10 -4 10 -9 0 -5 73 -135 161 -288 89 -153
 14 | 173 -298 187 -323 14 -25 32 -57 41 -72 88 -149 187 -324 189 -335 2 -7 8 -13
 15 | 13 -13 5 0 9 -4 9 -10 0 -5 46 -89 103 -187 175 -302 490 -846 507 -876 8 -16
 16 | 20 -36 25 -45 28 -46 290 -498 339 -585 13 -23 74 -129 136 -236 61 -107 123
 17 | -215 137 -240 14 -25 29 -50 33 -56 5 -5 23 -37 40 -70 18 -33 38 -67 44 -75
 18 | 11 -16 21 -33 63 -109 14 -25 29 -50 33 -56 4 -5 21 -35 38 -65 55 -100 261
 19 | -455 269 -465 4 -5 14 -21 20 -35 15 -29 41 -75 103 -180 24 -41 52 -88 60
 20 | -105 9 -16 57 -100 107 -185 112 -193 362 -626 380 -660 8 -14 23 -38 33 -55
 21 | 11 -16 23 -37 27 -45 4 -8 26 -46 48 -85 23 -38 53 -90 67 -115 46 -81 64
 22 | -113 178 -310 62 -107 121 -210 132 -227 37 -67 56 -99 85 -148 16 -27 32 -57
 23 | 36 -65 4 -8 15 -27 25 -42 9 -15 53 -89 96 -165 44 -76 177 -307 296 -513 120
 24 | -206 268 -463 330 -570 131 -227 117 -203 200 -348 36 -62 73 -125 82 -140 10
 25 | -15 21 -34 25 -42 4 -8 20 -37 36 -65 17 -27 38 -65 48 -82 49 -85 64 -111 87
 26 | -153 13 -25 28 -49 32 -55 4 -5 78 -134 165 -285 87 -151 166 -288 176 -305
 27 | 10 -16 26 -43 35 -59 9 -17 125 -217 257 -445 132 -229 253 -441 270 -471 17
 28 | -30 45 -79 64 -108 18 -29 33 -54 33 -57 0 -2 20 -37 44 -77 24 -40 123 -212
 29 | 221 -383 97 -170 190 -330 205 -355 16 -25 39 -65 53 -90 13 -25 81 -144 152
 30 | -265 70 -121 137 -238 150 -260 12 -22 37 -65 55 -95 18 -30 43 -73 55 -95 12
 31 | -22 48 -85 80 -140 77 -132 163 -280 190 -330 13 -22 71 -123 130 -225 59
 32 | -102 116 -199 126 -217 10 -17 29 -50 43 -72 15 -22 26 -43 26 -45 0 -2 27
 33 | -50 60 -106 33 -56 60 -103 60 -105 0 -2 55 -98 90 -155 8 -14 182 -316 239
 34 | -414 13 -22 45 -79 72 -124 27 -46 49 -86 49 -89 0 -2 14 -24 30 -48 16 -24
 35 | 30 -46 30 -49 0 -5 74 -135 100 -176 5 -8 24 -42 43 -75 50 -88 58 -101 262
 36 | -455 104 -179 199 -345 213 -370 14 -25 28 -49 32 -55 4 -5 17 -26 28 -45 10
 37 | -19 62 -109 114 -200 114 -197 133 -230 170 -295 16 -27 33 -57 38 -65 17 -28
 38 | 96 -165 103 -180 4 -8 16 -28 26 -45 10 -16 77 -131 148 -255 72 -124 181
 39 | -313 243 -420 62 -107 121 -209 131 -227 35 -62 323 -560 392 -678 38 -66 83
 40 | -145 100 -175 16 -30 33 -59 37 -65 4 -5 17 -27 29 -47 34 -61 56 -100 90
 41 | -156 17 -29 31 -55 31 -57 0 -2 17 -32 39 -67 21 -35 134 -229 251 -433 117
 42 | -203 235 -407 261 -451 27 -45 49 -85 49 -88 0 -4 8 -19 19 -34 15 -21 200
 43 | -341 309 -533 10 -19 33 -58 51 -87 17 -29 31 -54 31 -56 0 -2 25 -44 55 -94
 44 | 30 -50 55 -95 55 -98 0 -4 6 -15 14 -23 7 -9 27 -41 43 -71 17 -30 170 -297
 45 | 342 -594 171 -296 311 -542 311 -547 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5
 46 | 22 -47 49 -92 27 -46 58 -99 68 -118 24 -43 81 -140 93 -160 5 -8 66 -114 135
 47 | -235 69 -121 130 -227 135 -235 12 -21 259 -447 283 -490 10 -19 28 -47 38
 48 | -62 11 -14 19 -29 19 -32 0 -3 37 -69 83 -148 99 -170 305 -526 337 -583 13
 49 | -22 31 -53 41 -70 11 -16 22 -37 26 -45 7 -14 82 -146 103 -180 14 -24 181
 50 | -311 205 -355 13 -22 46 -80 75 -130 29 -49 64 -110 78 -135 14 -25 51 -88 82
 51 | -140 31 -52 59 -102 63 -110 4 -8 18 -33 31 -55 205 -353 284 -489 309 -535
 52 | 17 -30 45 -78 62 -106 18 -28 36 -60 39 -72 4 -12 12 -22 17 -22 5 0 9 -4 9
 53 | -10 0 -5 109 -197 241 -427 133 -230 250 -431 259 -448 51 -90 222 -385 280
 54 | -485 37 -63 78 -135 92 -160 14 -25 67 -117 118 -205 51 -88 101 -175 111
 55 | -193 34 -58 55 -95 149 -257 51 -88 101 -173 110 -190 9 -16 76 -131 147 -255
 56 | 72 -124 140 -241 151 -260 61 -108 281 -489 355 -615 38 -66 77 -133 87 -150
 57 | 35 -63 91 -161 100 -175 14 -23 99 -169 128 -220 54 -97 135 -235 142 -245 4
 58 | -5 20 -32 35 -60 26 -48 238 -416 276 -480 10 -16 26 -46 37 -65 30 -53 382
 59 | -661 403 -695 10 -16 22 -37 26 -45 4 -8 26 -48 50 -88 24 -41 43 -75 43 -77
 60 | 0 -2 22 -40 50 -85 27 -45 50 -84 50 -86 0 -3 38 -69 83 -147 84 -142 302
 61 | -520 340 -587 10 -19 34 -60 52 -90 18 -30 44 -75 57 -100 14 -25 45 -79 70
 62 | -120 25 -41 56 -96 70 -121 14 -25 77 -133 138 -240 62 -107 122 -210 132
 63 | -229 25 -43 310 -535 337 -581 11 -19 26 -45 34 -59 17 -32 238 -414 266 -460
 64 | 11 -19 24 -41 28 -49 3 -7 75 -133 160 -278 84 -146 153 -269 153 -274 0 -5 5
 65 | -9 10 -9 6 0 10 -4 10 -10 0 -5 82 -150 181 -322 182 -314 201 -346 240 -415
 66 | 12 -21 80 -139 152 -263 71 -124 141 -245 155 -270 14 -25 28 -49 32 -55 6 -8
 67 | 145 -248 220 -380 37 -66 209 -362 229 -395 11 -19 24 -42 28 -49 4 -8 67
 68 | -118 140 -243 73 -125 133 -230 133 -233 0 -2 15 -28 33 -57 19 -29 47 -78 64
 69 | -108 17 -30 53 -93 79 -139 53 -90 82 -141 157 -272 82 -142 115 -199 381
 70 | -659 142 -245 268 -463 281 -485 12 -22 71 -125 132 -230 60 -104 172 -298
 71 | 248 -430 76 -132 146 -253 156 -270 11 -16 22 -36 26 -44 3 -8 30 -54 60 -103
 72 | 29 -49 53 -91 53 -93 0 -3 18 -34 40 -70 22 -36 40 -67 40 -69 0 -2 37 -66 81
 73 | -142 45 -77 98 -168 119 -204 20 -36 47 -81 58 -100 12 -19 27 -47 33 -62 6
 74 | -16 15 -28 20 -28 5 0 9 -4 9 -9 0 -6 63 -118 140 -251 77 -133 140 -243 140
 75 | -245 0 -2 18 -33 41 -70 22 -37 49 -83 60 -101 10 -19 29 -51 40 -71 25 -45
 76 | 109 -189 126 -218 7 -11 17 -29 22 -40 6 -11 22 -38 35 -60 14 -22 37 -62 52
 77 | -90 14 -27 35 -62 45 -77 11 -14 19 -29 19 -32 0 -3 18 -35 40 -71 22 -36 40
 78 | -67 40 -69 0 -2 19 -35 42 -72 23 -38 55 -94 72 -124 26 -47 139 -244 171
 79 | -298 6 -9 21 -36 34 -60 28 -48 37 -51 51 -19 6 12 19 36 29 52 10 17 27 46
 80 | 38 65 11 19 104 181 208 360 103 179 199 345 213 370 14 25 42 74 64 109 21
 81 | 34 38 65 38 67 0 2 18 33 40 69 22 36 40 67 40 69 0 3 177 310 199 346 16 26
 82 | 136 234 140 244 2 5 25 44 52 88 27 44 49 81 49 84 0 2 18 34 40 70 22 36 40
 83 | 67 40 69 0 2 20 36 43 77 35 58 169 289 297 513 9 17 50 86 90 155 40 69 86
 84 | 150 103 180 16 30 35 62 41 70 6 8 16 24 22 35 35 64 72 129 167 293 59 100
 85 | 116 199 127 220 11 20 30 53 41 72 43 72 1070 1850 1121 1940 14 25 65 113
 86 | 113 195 48 83 96 166 107 185 10 19 28 50 38 68 11 18 73 124 137 235 64 111
 87 | 175 303 246 427 71 124 173 299 225 390 52 91 116 202 143 248 27 45 49 85 49
 88 | 89 0 4 6 14 14 22 7 9 28 43 46 76 26 47 251 436 378 655 11 19 29 51 40 70
 89 | 11 19 101 176 201 348 99 172 181 317 181 323 0 5 5 9 10 9 6 0 10 5 10 11 0
 90 | 6 8 23 18 37 11 15 32 52 49 82 16 30 130 228 253 440 122 212 234 405 248
 91 | 430 13 25 39 70 57 100 39 65 69 117 130 225 25 44 50 87 55 95 12 19 78 134
 92 | 220 380 61 107 129 224 150 260 161 277 222 382 246 425 15 28 47 83 71 123
 93 | 24 41 43 78 43 83 0 5 4 9 8 9 4 0 13 12 19 28 7 15 23 45 36 67 66 110 277
 94 | 478 277 483 0 3 6 13 14 21 7 9 27 41 43 71 17 30 45 80 63 110 34 57 375 649
 95 | 394 685 6 11 16 27 22 35 6 8 26 42 44 75 18 33 41 74 51 90 10 17 24 41 32
 96 | 55 54 97 72 128 88 152 11 14 19 28 19 30 0 3 79 141 175 308 96 167 175 305
 97 | 175 308 0 3 6 13 14 21 7 9 26 39 41 66 33 60 276 483 338 587 24 40 46 80 50
 98 | 88 4 8 13 24 20 35 14 23 95 163 125 215 11 19 52 91 92 160 40 69 80 139 90
 99 | 155 9 17 103 179 207 360 105 182 200 346 211 365 103 181 463 802 489 845 7
100 | 11 15 27 19 35 4 8 29 51 55 95 64 110 828 1433 848 1470 9 17 24 41 33 55 9
101 | 14 29 48 45 77 15 28 52 93 82 145 30 51 62 107 71 123 17 30 231 398 400 690
102 | 51 88 103 179 115 202 12 23 26 48 32 55 6 7 24 38 40 68 17 30 61 107 98 170
103 | 37 63 84 144 103 180 19 36 41 72 48 81 8 8 14 18 14 21 0 4 27 51 59 106 32
104 | 55 72 124 89 154 16 29 71 125 122 213 51 88 104 180 118 205 13 25 28 50 32
105 | 55 4 6 17 26 28 45 11 19 45 80 77 135 31 55 66 116 77 135 11 19 88 152 171
106 | 295 401 694 620 1072 650 1125 11 19 87 152 170 295 83 143 158 273 166 288 9
107 | 16 21 36 26 45 6 9 31 52 55 96 25 43 54 94 66 115 11 20 95 164 186 321 91
108 | 157 173 299 182 315 9 17 26 46 37 65 12 19 66 114 121 210 56 96 108 186 117
109 | 200 8 14 24 40 34 59 24 45 383 664 412 713 5 9 17 29 26 45 15 28 120 210
110 | 241 419 36 61 68 117 72 125 4 8 12 23 19 34 35 57 245 420 262 453 11 20 35
111 | 61 53 90 17 29 32 54 32 56 0 3 28 51 62 108 33 57 70 119 80 138 10 19 23 42
112 | 28 50 5 8 32 53 59 100 27 47 149 258 271 470 122 212 234 405 248 430 30 53
113 | 62 108 80 135 6 11 15 27 19 35 4 8 85 150 181 315 96 165 187 323 202 350 31
114 | 56 116 202 130 225 5 8 25 42 43 75 19 33 92 159 162 280 149 257 157 271 202
115 | 350 19 33 38 67 43 75 9 14 228 392 275 475 12 22 55 96 95 165 40 69 80 139
116 | 90 155 24 42 202 350 221 383 9 15 27 47 41 72 14 25 75 131 136 236 61 106
117 | 121 210 134 232 99 172 271 470 279 482 5 8 23 40 40 70 18 30 81 141 142 245
118 | 60 105 121 210 135 235 14 25 71 124 127 220 56 96 143 247 194 335 51 88 96
119 | 167 102 175 14 24 180 311 204 355 23 43 340 590 356 615 5 8 50 87 101 175
120 | 171 301 517 898 582 1008 25 43 46 81 46 83 0 2 12 23 27 47 14 23 40 67 56
121 | 97 16 30 35 62 42 70 7 8 15 22 18 30 4 8 20 38 37 65 16 28 33 57 37 65 6 12
122 | 111 196 143 250 5 8 55 95 112 193 57 98 113 195 126 215 12 20 27 46 32 57 6
123 | 11 14 27 20 35 5 8 76 130 156 270 80 140 165 287 187 325 23 39 52 90 66 115
124 | 13 25 30 52 37 61 8 8 14 18 14 21 0 4 41 77 92 165 50 87 175 302 276 478
125 | 101 176 208 360 236 408 28 49 67 117 86 152 19 35 41 70 48 77 6 6 12 15 12
126 | 19 0 7 124 224 167 291 12 21 23 40 23 42 0 2 21 40 46 83 26 43 55 92 64 109
127 | 54 95 327 568 354 614 19 30 45 75 59 100 71 128 82 145 89 148 4 2 8 8 8 13
128 | 0 5 42 82 94 172 311 538 496 858 518 897 14 25 40 70 58 100 18 30 42 71 53
129 | 90 10 19 79 139 152 265 73 127 142 246 153 265 10 19 43 76 72 125 29 50 63
130 | 108 75 130 65 116 80 140 87 143 4 2 8 8 8 12 0 8 114 212 140 250 6 8 14 24
131 | 20 35 5 11 54 97 108 190 l100 170 -9611 3 c-5286 1 -9614 -1 -9618 -5 -5 -6
132 | -419 -719 -619 -1068 -89 -155 -267 -463 -323 -560 -38 -66 -81 -140 -95 -165
133 | -31 -56 -263 -457 -526 -910 -110 -190 -224 -388 -254 -440 -29 -52 -61 -109
134 | -71 -125 -23 -39 -243 -420 -268 -465 -11 -19 -204 -352 -428 -740 -224 -388
135 | -477 -826 -563 -975 -85 -148 -185 -322 -222 -385 -37 -63 -120 -207 -185
136 | -320 -65 -113 -177 -306 -248 -430 -72 -124 -172 -297 -222 -385 -51 -88 -142
137 | -245 -202 -350 -131 -226 -247 -427 -408 -705 -65 -113 -249 -432 -410 -710
138 | -160 -278 -388 -673 -506 -877 -118 -205 -216 -373 -219 -373 -3 0 -52 82
139 | -109 183 -58 100 -144 250 -192 332 -95 164 -402 696 -647 1120 -85 149 -228
140 | 396 -317 550 -212 365 -982 1700 -1008 1745 -10 19 -43 76 -72 125 -29 50 -64
141 | 110 -77 135 -14 25 -63 110 -110 190 -47 80 -96 165 -110 190 -14 25 -99 171
142 | -188 325 -89 154 -174 300 -188 325 -13 25 -64 113 -112 195 -48 83 -140 242
143 | -205 355 -65 113 -183 317 -263 454 -79 137 -152 264 -163 282 -50 89 -335
144 | 583 -354 614 -12 19 -34 58 -50 85 -15 28 -129 226 -253 440 -124 215 -235
145 | 408 -247 430 -12 22 -69 121 -127 220 -58 99 -226 389 -373 645 -148 256 -324
146 | 561 -392 678 -67 117 -134 232 -147 255 -13 23 -33 59 -46 80 l-22 37 -9615 0
147 | -9615 0 20 -32z"/>
148 | </g>
149 | </svg>
150 | 


--------------------------------------------------------------------------------