├── .prettierrc.yaml ├── .gitignore ├── public ├── favicon.png ├── index.html └── global.css ├── src ├── types.ts ├── main.ts ├── Tabs.svelte ├── App.svelte ├── Output.svelte ├── Input.svelte └── worker.ts ├── tsconfig.json ├── package.json ├── LICENSE ├── rollup.config.js ├── README.md └── pnpm-lock.yaml /.prettierrc.yaml: -------------------------------------------------------------------------------- 1 | useTabs: true 2 | svelteSortOrder: scripts-markup-styles 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /public/build/ 3 | 4 | .DS_Store 5 | .vscode 6 | -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pngwn/REPLicant/HEAD/public/favicon.png -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | export interface Tab { 2 | id: number; 3 | name: string; 4 | type: string; 5 | } 6 | 7 | export interface Component extends Tab { 8 | source: string; 9 | } 10 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import App from './App.svelte'; 2 | 3 | const app = new App({ 4 | target: document.body, 5 | props: { 6 | name: 'world' 7 | } 8 | }); 9 | 10 | export default app; -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "isolatedModules": false, 5 | "lib": [ 6 | "webworker", 7 | "DOM", 8 | "ES6" 9 | ] 10 | }, 11 | "include": ["src/**/*"], 12 | "exclude": ["node_modules/*", "__sapper__/*", "public/*"], 13 | } -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Svelte app 8 | 9 | 10 | 11 | 12 | 13 | 14 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /src/Tabs.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 | 20 | 21 | 27 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "svelte-app", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "build": "rollup -c", 6 | "dev": "rollup -c -w", 7 | "start": "sirv public", 8 | "validate": "svelte-check" 9 | }, 10 | "devDependencies": { 11 | "@rollup/plugin-commonjs": "^14.0.0", 12 | "@rollup/plugin-node-resolve": "^8.0.0", 13 | "rollup": "^2.3.4", 14 | "rollup-plugin-livereload": "^2.0.0", 15 | "rollup-plugin-svelte": "^6.0.0", 16 | "rollup-plugin-terser": "^7.0.0", 17 | "svelte": "^3.0.0", 18 | "svelte-check": "^1.0.0", 19 | "svelte-preprocess": "^4.0.0", 20 | "@rollup/plugin-typescript": "^6.0.0", 21 | "typescript": "^3.9.3", 22 | "tslib": "^2.0.0", 23 | "@tsconfig/svelte": "^1.0.0" 24 | }, 25 | "dependencies": { 26 | "sirv-cli": "^1.0.0" 27 | } 28 | } -------------------------------------------------------------------------------- /src/App.svelte: -------------------------------------------------------------------------------- 1 | 42 | 43 |
44 | 45 | 46 |
47 | -------------------------------------------------------------------------------- /src/Output.svelte: -------------------------------------------------------------------------------- 1 | 41 | 42 |