├── static
    ├── .nojekyll
    ├── favicon.png
    └── .gitlab-ci.yml
├── .npmrc
├── src
    ├── routes
    │   ├── +layout.js
    │   └── +page.svelte
    ├── app.html
    └── lib
    │   ├── url.js
    │   ├── Editor.svelte
    │   ├── stores.js
    │   ├── Mindmap.svelte
    │   └── Menu.svelte
├── .svelte-kit
    ├── generated
    │   ├── client
    │   │   ├── matchers.js
    │   │   ├── nodes
    │   │   │   ├── 2.js
    │   │   │   ├── 1.js
    │   │   │   └── 0.js
    │   │   └── app.js
    │   ├── root.svelte
    │   └── server
    │   │   └── internal.js
    ├── tsconfig.json
    └── ambient.d.ts
├── myMarkmap-explications.png
├── vite.config.js
├── .github
    └── workflows
    │   └── deploy.yml
├── svelte.config.js
├── package.json
├── README.md
├── LICENSE
└── .gitignore


/static/.nojekyll:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=false
2 | 


--------------------------------------------------------------------------------
/src/routes/+layout.js:
--------------------------------------------------------------------------------
1 | export const prerender = true;


--------------------------------------------------------------------------------
/.svelte-kit/generated/client/matchers.js:
--------------------------------------------------------------------------------
1 | export const matchers = {};


--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XenocodeRCE/philomap/main/static/favicon.png


--------------------------------------------------------------------------------
/myMarkmap-explications.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XenocodeRCE/philomap/main/myMarkmap-explications.png


--------------------------------------------------------------------------------
/.svelte-kit/generated/client/nodes/2.js:
--------------------------------------------------------------------------------
1 | export { default as component } from "../../../../src/routes/+page.svelte";


--------------------------------------------------------------------------------
/.svelte-kit/generated/client/nodes/1.js:
--------------------------------------------------------------------------------
1 | export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/error.svelte";


--------------------------------------------------------------------------------
/static/.gitlab-ci.yml:
--------------------------------------------------------------------------------
 1 | pages:
 2 |   script:
 3 |     - mkdir .public
 4 |     - cp -r * .public
 5 |     - mv .public public
 6 |   artifacts:
 7 |     paths:
 8 |       - public
 9 |   only:
10 |     - gh-pages


--------------------------------------------------------------------------------
/.svelte-kit/generated/client/nodes/0.js:
--------------------------------------------------------------------------------
1 | import * as universal from "../../../../src/routes/+layout.js";
2 | export { universal };
3 | export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/layout.svelte";


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
 1 | import { sveltekit } from '@sveltejs/kit/vite';
 2 | import path from 'path'
 3 | 
 4 | const config = {
 5 | 	plugins: [sveltekit()],
 6 | 	build: {
 7 | 		outDir: path.resolve(__dirname, 'build')
 8 | 	}
 9 | };
10 | 
11 | export default config;
12 | 


--------------------------------------------------------------------------------
/.svelte-kit/generated/client/app.js:
--------------------------------------------------------------------------------
 1 | export { matchers } from './matchers.js';
 2 | 
 3 | export const nodes = [
 4 | 	() => import('./nodes/0'),
 5 | 	() => import('./nodes/1'),
 6 | 	() => import('./nodes/2')
 7 | ];
 8 | 
 9 | export const server_loads = [];
10 | 
11 | export const dictionary = {
12 | 		"/": [2]
13 | 	};
14 | 
15 | export const hooks = {
16 | 	handleError: (({ error }) => { console.error(error) }),
17 | };
18 | 
19 | export { default as root } from '../root.svelte';


--------------------------------------------------------------------------------
/src/app.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="fr">
 3 | 	<head>
 4 | 		<title>myMarkmap</title>
 5 | 		<meta charset="utf-8" />
 6 | 		<meta name="description" content="myMarkmap est un outil en ligne libre et gratuit qui permet de créer automatiquement une carte mentale à partir d'un fichier texte en markdown" />
 7 | 		<script type="module" src="https://md-block.verou.me/md-block.js"></script>
 8 | 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 9 | 		<meta name="viewport" content="width=device-width, initial-scale=1" />
10 | 		%sveltekit.head%
11 | 	</head>
12 | 	<body>
13 | 		<div style="display: contents">%sveltekit.body%</div>
14 | 	</body>
15 | </html>


--------------------------------------------------------------------------------
/.github/workflows/deploy.yml:
--------------------------------------------------------------------------------
 1 | name: Build and Deploy
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main  # Or your default branch
 7 | 
 8 | jobs:
 9 |   build-and-deploy:
10 |     runs-on: ubuntu-latest
11 | 
12 |     steps:
13 |       - uses: actions/checkout@v2
14 |       - uses: actions/setup-node@v2
15 |         with:
16 |           node-version: '14'
17 |       - run: npm install
18 |       - run: npm run build
19 |       - name: Deploy to GitHub Pages
20 |         uses: JamesIves/github-pages-deploy-action@4.1.4
21 |         with:
22 |           branch: main  # The branch the action should deploy to.
23 |           folder: build  # The folder the action should deploy.
24 | 


--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
 1 | /* import adapter from '@sveltejs/adapter-auto'; */
 2 | import adapter from '@sveltejs/adapter-static';
 3 | 
 4 | /** @type {import('@sveltejs/kit').Config} */
 5 | const config = {
 6 | 	kit: {
 7 | 		adapter: adapter(),
 8 | 		paths: {
 9 | 			base: process.env.NODE_ENV === "production" ? "/myMarkmap" : ""
10 | 			},
11 | 	}
12 | };
13 | 
14 | /* export default config;  */
15 | export default {
16 | 	kit: {
17 | 	  adapter: adapter({
18 | 		// default options are shown. On some platforms
19 | 		// these options are set automatically — see below
20 | 		pages: 'build',
21 | 		assets: 'build',
22 | 		fallback: null,
23 | 		precompress: false,
24 | 		strict: true
25 | 	  }),
26 | 	  prerender: {
27 | 		handleMissingId: 'ignore'
28 | 	}
29 | 	}
30 |   };


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mymarkmapapp",
 3 |   "version": "0.0.1",
 4 |   "homepage": "https://xenocoderce.github.io/myMarkmap/",
 5 |   "scripts": {
 6 |     "dev": "vite dev",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview",
 9 |     "deploy": "npm run build && touch build/.nojekyll && gh-pages -d build -t true"
10 |   },
11 |   "devDependencies": {
12 |     "@sveltejs/adapter-auto": "^1.0.3",
13 |     "@sveltejs/kit": "^1.30.3",
14 |     "svelte": "^3.59.2",
15 |     "vite": "^4.5.2"
16 |   },
17 |   "type": "module",
18 |   "dependencies": {
19 |     "@sveltejs/adapter-static": "^1.0.6",
20 |     "codejar": "^3.7.0",
21 |     "file-saver-es": "^2.0.5",
22 |     "gh-pages": "^5.0.0",
23 |     "highlight.js": "^11.9.0",
24 |     "js-yaml": "^4.1.0",
25 |     "markmap-common": "^0.15.6",
26 |     "markmap-lib": "^0.15.8",
27 |     "markmap-view": "^0.15.8",
28 |     "node-emoji": "^1.11.0"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # myMarkmap
 2 | 
 3 | [![Netlify Status](https://api.netlify.com/api/v1/badges/7f29bc58-ea61-4407-88b8-c1a7b08b19bf/deploy-status)](https://app.netlify.com/sites/philomap/deploys)
 4 | 
 5 | [myMarkmap](https://mymarkmap.netlify.app/) is a custom editor for [Markmap](https://github.com/gera2ld/markmap), built with [Svelte Kit](https://kit.svelte.dev/).
 6 | 
 7 | [![](https://raw.githubusercontent.com/eyssette/myMarkmap/main/myMarkmap-explications.png)](https://mymarkmap.vercel.app/#https://raw.githubusercontent.com/eyssette/mindmap/main/mindmap-default-mymarkmap.md)
 8 | 
 9 | ## TODO
10 | 
11 | [TODO](https://github.com/eyssette/myMarkmap/projects/1)
12 | 
13 | ## Developing
14 | 
15 | Install
16 | 
17 | ```bash
18 | npm install
19 | 
20 | ```
21 | 
22 | Start a development server:
23 | 
24 | ```bash
25 | npm run dev
26 | 
27 | # or start the server and open the app in a new browser tab
28 | npm run dev -- --open
29 | ```
30 | 


--------------------------------------------------------------------------------
/.svelte-kit/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"compilerOptions": {
 3 | 		"paths": {
 4 | 			"$lib": [
 5 | 				"../src/lib"
 6 | 			],
 7 | 			"$lib/*": [
 8 | 				"../src/lib/*"
 9 | 			]
10 | 		},
11 | 		"rootDirs": [
12 | 			"..",
13 | 			"./types"
14 | 		],
15 | 		"importsNotUsedAsValues": "error",
16 | 		"isolatedModules": true,
17 | 		"preserveValueImports": true,
18 | 		"lib": [
19 | 			"esnext",
20 | 			"DOM",
21 | 			"DOM.Iterable"
22 | 		],
23 | 		"moduleResolution": "node",
24 | 		"module": "esnext",
25 | 		"noEmit": true,
26 | 		"target": "esnext"
27 | 	},
28 | 	"include": [
29 | 		"ambient.d.ts",
30 | 		"./types/**/$types.d.ts",
31 | 		"../vite.config.js",
32 | 		"../vite.config.ts",
33 | 		"../src/**/*.js",
34 | 		"../src/**/*.ts",
35 | 		"../src/**/*.svelte",
36 | 		"../tests/**/*.js",
37 | 		"../tests/**/*.ts",
38 | 		"../tests/**/*.svelte"
39 | 	],
40 | 	"exclude": [
41 | 		"../node_modules/**",
42 | 		"./[!ambient.d.ts]**",
43 | 		"../src/service-worker.js",
44 | 		"../src/service-worker.ts",
45 | 		"../src/service-worker.d.ts"
46 | 	]
47 | }


--------------------------------------------------------------------------------
/src/lib/url.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/bluwy/svelte-url
 2 | // https://bjornlu.com/blog/simple-svelte-routing-with-reactive-urls
 3 | 
 4 | import {
 5 | 	derived,
 6 | 	writable
 7 | } from 'svelte/store'
 8 | 
 9 | export function createUrlStore(ssrUrl) {
10 | 	if (typeof window === 'undefined') {
11 | 		const {
12 | 			subscribe
13 | 		} = writable(ssrUrl)
14 | 		return {
15 | 			subscribe
16 | 		}
17 | 	}
18 | 
19 | 	const href = writable(window.location.href)
20 | 
21 | 	const originalPushState = history.pushState
22 | 	const originalReplaceState = history.replaceState
23 | 
24 | 	const updateHref = () => href.set(window.location.href)
25 | 
26 | 	history.pushState = function () {
27 | 		originalPushState.apply(this, arguments)
28 | 		updateHref()
29 | 	}
30 | 
31 | 	history.replaceState = function () {
32 | 		originalReplaceState.apply(this, arguments)
33 | 		updateHref()
34 | 	}
35 | 
36 | 	window.addEventListener('popstate', updateHref)
37 | 	window.addEventListener('hashchange', updateHref)
38 | 
39 | 	return {
40 | 		subscribe: derived(href, ($href) => new URL($href)).subscribe
41 | 	}
42 | }
43 | 
44 | export default createUrlStore()


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


--------------------------------------------------------------------------------
/.svelte-kit/generated/root.svelte:
--------------------------------------------------------------------------------
 1 | <!-- This file is generated by @sveltejs/kit — do not edit it! -->
 2 | 
 3 | <script>
 4 | 	import { setContext, afterUpdate, onMount, tick } from 'svelte';
 5 | 	import { browser } from '$app/environment';
 6 | 
 7 | 	// stores
 8 | 	export let stores;
 9 | 	export let page;
10 | 	
11 | 	export let constructors;
12 | 	export let components = [];
13 | 	export let form;
14 | 	export let data_0 = null;
15 | 	export let data_1 = null;
16 | 
17 | 	if (!browser) {
18 | 		setContext('__svelte__', stores);
19 | 	}
20 | 
21 | 	$: stores.page.set(page);
22 | 	afterUpdate(stores.page.notify);
23 | 
24 | 	let mounted = false;
25 | 	let navigated = false;
26 | 	let title = null;
27 | 
28 | 	onMount(() => {
29 | 		const unsubscribe = stores.page.subscribe(() => {
30 | 			if (mounted) {
31 | 				navigated = true;
32 | 				tick().then(() => {
33 | 					title = document.title || 'untitled page';
34 | 				});
35 | 			}
36 | 		});
37 | 
38 | 		mounted = true;
39 | 		return unsubscribe;
40 | 	});
41 | </script>
42 | 
43 | {#if constructors[1]}
44 | 	<svelte:component this={constructors[0]} bind:this={components[0]} data={data_0}>
45 | 		<svelte:component this={constructors[1]} bind:this={components[1]} data={data_1} {form} />
46 | 	</svelte:component>
47 | {:else}
48 | 	<svelte:component this={constructors[0]} bind:this={components[0]} data={data_0} {form} />
49 | {/if}
50 | 
51 | {#if mounted}
52 | 	<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px">
53 | 		{#if navigated}
54 | 			{title}
55 | 		{/if}
56 | 	</div>
57 | {/if}


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | .DS_Store
  2 | /.svelte-kit
  3 | /package
  4 | 
  5 | # Logs
  6 | logs
  7 | *.log
  8 | npm-debug.log*
  9 | yarn-debug.log*
 10 | yarn-error.log*
 11 | lerna-debug.log*
 12 | 
 13 | # Diagnostic reports (https://nodejs.org/api/report.html)
 14 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 15 | 
 16 | # Runtime data
 17 | pids
 18 | *.pid
 19 | *.seed
 20 | *.pid.lock
 21 | 
 22 | # Directory for instrumented libs generated by jscoverage/JSCover
 23 | lib-cov
 24 | 
 25 | # Coverage directory used by tools like istanbul
 26 | coverage
 27 | *.lcov
 28 | 
 29 | # nyc test coverage
 30 | .nyc_output
 31 | 
 32 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 33 | .grunt
 34 | 
 35 | # Bower dependency directory (https://bower.io/)
 36 | bower_components
 37 | 
 38 | # node-waf configuration
 39 | .lock-wscript
 40 | 
 41 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 42 | build/Release
 43 | 
 44 | # Dependency directories
 45 | node_modules/
 46 | jspm_packages/
 47 | 
 48 | # TypeScript v1 declaration files
 49 | typings/
 50 | 
 51 | # TypeScript cache
 52 | *.tsbuildinfo
 53 | 
 54 | # Optional npm cache directory
 55 | .npm
 56 | 
 57 | # Optional eslint cache
 58 | .eslintcache
 59 | 
 60 | # Microbundle cache
 61 | .rpt2_cache/
 62 | .rts2_cache_cjs/
 63 | .rts2_cache_es/
 64 | .rts2_cache_umd/
 65 | 
 66 | # Optional REPL history
 67 | .node_repl_history
 68 | 
 69 | # Output of 'npm pack'
 70 | *.tgz
 71 | 
 72 | # Yarn Integrity file
 73 | .yarn-integrity
 74 | 
 75 | # dotenv environment variables file
 76 | .env
 77 | .env.test
 78 | 
 79 | # parcel-bundler cache (https://parceljs.org/)
 80 | .cache
 81 | 
 82 | # Next.js build output
 83 | .next
 84 | 
 85 | # Nuxt.js build / generate output
 86 | .nuxt
 87 | dist
 88 | 
 89 | # Gatsby files
 90 | .cache/
 91 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 92 | # https://nextjs.org/blog/next-9-1#public-directory-support
 93 | # public
 94 | 
 95 | # vuepress build output
 96 | .vuepress/dist
 97 | 
 98 | # Serverless directories
 99 | .serverless/
100 | 
101 | # FuseBox cache
102 | .fusebox/
103 | 
104 | # DynamoDB Local files
105 | .dynamodb/
106 | 
107 | # TernJS port file
108 | .tern-port
109 | 
110 | todo.txt
111 | 


--------------------------------------------------------------------------------
/.svelte-kit/generated/server/internal.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import root from '../root.svelte';
 3 | import { set_building } from '__sveltekit/environment';
 4 | import { set_assets } from '__sveltekit/paths';
 5 | import { set_private_env, set_public_env } from '../../../node_modules/@sveltejs/kit/src/runtime/shared-server.js';
 6 | 
 7 | export const options = {
 8 | 	app_template_contains_nonce: false,
 9 | 	csp: {"mode":"auto","directives":{"upgrade-insecure-requests":false,"block-all-mixed-content":false},"reportOnly":{"upgrade-insecure-requests":false,"block-all-mixed-content":false}},
10 | 	csrf_check_origin: true,
11 | 	track_server_fetches: false,
12 | 	embedded: false,
13 | 	env_public_prefix: 'PUBLIC_',
14 | 	env_private_prefix: '',
15 | 	hooks: null, // added lazily, via `get_hooks`
16 | 	preload_strategy: "modulepreload",
17 | 	root,
18 | 	service_worker: false,
19 | 	templates: {
20 | 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n\t<head>\r\n\t\t<title>myMarkmap</title>\r\n\t\t<meta charset=\"utf-8\" />\r\n\t\t<meta name=\"description\" content=\"myMarkmap est un outil en ligne libre et gratuit qui permet de créer automatiquement une carte mentale à partir d'un fichier texte en markdown\" />\r\n\t\t<script type=\"module\" src=\"https://md-block.verou.me/md-block.js\"></script>\r\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\r\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\r\n\t\t" + head + "\r\n\t</head>\r\n\t<body>\r\n\t\t<div style=\"display: contents\">" + body + "</div>\r\n\t</body>\r\n</html>",
21 | 		error: ({ status, message }) => "<!doctype html>\r\n<html lang=\"en\">\r\n\t<head>\r\n\t\t<meta charset=\"utf-8\" />\r\n\t\t<title>" + message + "</title>\r\n\r\n\t\t<style>\r\n\t\t\tbody {\r\n\t\t\t\t--bg: white;\r\n\t\t\t\t--fg: #222;\r\n\t\t\t\t--divider: #ccc;\r\n\t\t\t\tbackground: var(--bg);\r\n\t\t\t\tcolor: var(--fg);\r\n\t\t\t\tfont-family:\r\n\t\t\t\t\tsystem-ui,\r\n\t\t\t\t\t-apple-system,\r\n\t\t\t\t\tBlinkMacSystemFont,\r\n\t\t\t\t\t'Segoe UI',\r\n\t\t\t\t\tRoboto,\r\n\t\t\t\t\tOxygen,\r\n\t\t\t\t\tUbuntu,\r\n\t\t\t\t\tCantarell,\r\n\t\t\t\t\t'Open Sans',\r\n\t\t\t\t\t'Helvetica Neue',\r\n\t\t\t\t\tsans-serif;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\theight: 100vh;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.error {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tmax-width: 32rem;\r\n\t\t\t\tmargin: 0 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t.status {\r\n\t\t\t\tfont-weight: 200;\r\n\t\t\t\tfont-size: 3rem;\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: -0.05rem;\r\n\t\t\t}\r\n\r\n\t\t\t.message {\r\n\t\t\t\tborder-left: 1px solid var(--divider);\r\n\t\t\t\tpadding: 0 0 0 1rem;\r\n\t\t\t\tmargin: 0 0 0 1rem;\r\n\t\t\t\tmin-height: 2.5rem;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.message h1 {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 1em;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t@media (prefers-color-scheme: dark) {\r\n\t\t\t\tbody {\r\n\t\t\t\t\t--bg: #222;\r\n\t\t\t\t\t--fg: #ddd;\r\n\t\t\t\t\t--divider: #666;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</style>\r\n\t</head>\r\n\t<body>\r\n\t\t<div class=\"error\">\r\n\t\t\t<span class=\"status\">" + status + "</span>\r\n\t\t\t<div class=\"message\">\r\n\t\t\t\t<h1>" + message + "</h1>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</body>\r\n</html>\r\n"
22 | 	},
23 | 	version_hash: "nybh0b"
24 | };
25 | 
26 | export function get_hooks() {
27 | 	return {};
28 | }
29 | 
30 | export { set_assets, set_building, set_private_env, set_public_env };
31 | 


--------------------------------------------------------------------------------
/src/lib/Editor.svelte:
--------------------------------------------------------------------------------
  1 | <script context="module">
  2 |     import hljs from "highlight.js/lib/core";
  3 |     import markdown from "highlight.js/lib/languages/markdown";
  4 |     import xml from "highlight.js/lib/languages/xml";
  5 |     import 'highlight.js/styles/github.css';
  6 | 
  7 |     hljs.registerLanguage("markdown", markdown);
  8 |     hljs.registerLanguage("xml", xml);
  9 | </script>
 10 | 
 11 | <script>
 12 | 	import {
 13 | 		onMount,
 14 | 	} from 'svelte';
 15 | 
 16 | 	import {
 17 | 		show,
 18 | 		markdownSource
 19 | 	} from './stores.js'
 20 | 	import url from './url.js';
 21 | 
 22 | 	let textArea;
 23 | 	let editor;
 24 | 
 25 | 	const my = editor => {
 26 | 		let code = editor.textContent;
 27 | 		// code = code.replace(/\n##\s/g,'\n@hash@hash ')
 28 | 		code = code.replace(/:(.*)_(.*?):/g,':$1@underscore$2:')
 29 | 		code = code.replace(/:(.*)_(.*?):/g,':$1@underscore$2:')
 30 | 		code = code.replace(/:(.*)_(.*?):/g,':$1@underscore$2:')
 31 | 		code = hljs.highlight(code, {
 32 | 			language: 'markdown',
 33 | 			ignoreUnescapedHTML: false
 34 | 		}).value;
 35 | 		code = code.replace(/\\\\/g, '<span class="language-xml"><span class="hljs-tag">\\\\</span></span>').replace(/&lt;!--(.*?)--&gt;/g,'<span class="hljs-comment">&lt;!--$1--&gt;</span>').replace(/&lt;!--(\s*?)fold(\s*?)--&gt;/g, '<span class="language-xml"><span class="hljs-special-tag">&lt;!--$1fold$2--&gt;</span></span>');
 36 | 		// .replace(/@hash@hash\s(.*?)\n/g,'<span class="hljs-section hljs-header-2">## $1</span>\n')
 37 | 		code = code.replace(/@underscore/g,'_')
 38 | 		editor.innerHTML = code;
 39 | 	};
 40 | 
 41 | 	let jar;
 42 | 
 43 | 
 44 | 	let hidden
 45 | 	$: $show ? hidden = "" : hidden = "hidden";
 46 | 
 47 | 
 48 | 	let CodeJar;
 49 | 
 50 | 	onMount(async () => {
 51 | 		({
 52 | 			CodeJar
 53 | 		} = await import("codejar"))
 54 | 		jar = await CodeJar(editor, my, {history:true});
 55 | 	})
 56 | 
 57 | 	$: if ($show == true) {		
 58 | 		setTimeout(function () {
 59 | 			textArea.firstChild.focus();
 60 | 		}, 0);
 61 | 	}
 62 |  
 63 | 	$: if(jar) {jar.onUpdate(code=>
 64 | 		{if (jar.toString() != $markdownSource) {markdownSource.update(n=>code)}}
 65 | 	)}
 66 | 
 67 | </script>
 68 | 
 69 | <div bind:this={textArea}>
 70 | 	{#await CodeJar}
 71 | 		<div>Éditeur en cours de chargement</div>
 72 | 	{:then}
 73 | 		<pre id="editor" bind:this={editor} contenteditable="true" bind:textContent={$markdownSource} class:hidden={!$show} class="editor"></pre>
 74 | 	{:catch error}
 75 | 		<textarea bind:value={$markdownSource} rows="20" cols="50" class:hidden={!$show}></textarea>
 76 | 	{/await}
 77 | </div>
 78 | 
 79 | <style>
 80 | 	textarea,
 81 | 	:global(.editor) {
 82 | 		font-size: 14px;
 83 | 		margin-top: 5em;
 84 | 		margin-left: 1em;
 85 | 		width: 420px;
 86 | 		height: 50vh;
 87 | 		position: absolute;
 88 | 		z-index: 1;
 89 | 		background-color: white;
 90 | 	}
 91 | 
 92 | 	textarea,
 93 | 	:global(.hidden) {
 94 | 		visibility: hidden;
 95 | 	}
 96 | 
 97 | 	:global(.editor) {
 98 | 		border: 1px solid rgba(0, 0, 0, 0.2);
 99 | 		border-radius: 6px;
100 | 		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
101 | 		font-family: 'Lucida Grande', 'Arial', 'Source Code Pro', monospace;
102 | 		font-size: 14px;
103 | 		letter-spacing: normal;
104 | 		line-height: 20px;
105 | 		padding: 10px;
106 | 		tab-size: 2;
107 | 		resize: both!important;
108 | 	}
109 | 
110 | 	:global(.language-xml *) {
111 | 		color: green !important;
112 | 		font-weight: 300 !important;
113 | 	}
114 | 
115 | 	:global(.hljs-strong) {
116 | 		font-size: 0.95em
117 | 	}
118 | 
119 | 
120 | 
121 | 	:global(.hljs-section .hljs-strong) {
122 | 		color:#032f62;
123 | 	}
124 | 
125 | 	:global(.hljs-link),
126 | 	:global(.hljs-string) {
127 | 		color: #032f62;
128 | 		font-style: italic;
129 | 		font-size: 0.98em;
130 | 	}
131 | 
132 | 	:global(.hljs-bullet) {
133 | 		color: #990000;
134 | 		font-weight: 700 !important;
135 | 	}
136 | 
137 | 	:global(.hljs-emphasis) {
138 | 		color: inherit;
139 | 	}
140 | 
141 | 	:global(.hljs-special-tag) {
142 | 		color:#A52A2A!important;
143 | 	}
144 | 
145 | 	:global(.hljs-code) {
146 | 		color: #333!important;
147 | 		background-color: #EDEDED;
148 | 	}
149 | 	:global(.hljs-code *) {
150 | 		color: #333!important;
151 | 	}
152 | 
153 | 	:global(.hljs-comment) {
154 | 		color: #777!important;
155 | 		font-weight:100;
156 | 		font-size:0.96em;
157 | 		
158 | 	}
159 | 
160 | 	/* :global(.hljs-header-2) {
161 | 		display:inline-block;
162 | 		width:100%;
163 | 		background-color:#F8F8FF;
164 | 	}
165 | 
166 | 	:global(.hljs-header-3) {
167 | 		display:inline-block;
168 | 		width:100%;
169 | 		background-color:#F8F8FF;
170 | 	} */
171 | 
172 | </style>


--------------------------------------------------------------------------------
/src/lib/stores.js:
--------------------------------------------------------------------------------
 1 | import {
 2 | 	writable
 3 | } from 'svelte/store';
 4 | 
 5 | export const show = writable(false);
 6 | export const markdownSource = writable(decodeURI(`---
 7 | maxWidth: 600
 8 | ---
 9 | 
10 | # myMarkmap
11 | 
12 | ## Un outil libre \\\\  et gratuit
13 | 
14 | ### [Sources](https://forge.aeif.fr/eyssette/myMarkmap/) sur la Forge des\\\\Communs Numériques Éducatifs
15 | ### _Auteur_ : [Cédric Eyssette](https://eyssette.github.io/)
16 | ### Créé à partir du \\\\  logiciel [markmap](https://markmap.js.org/)
17 | 
18 | ## Pour faire des \\\\  cartes mentales
19 | 
20 | - Clic sur ✒️ en haut à gauche pour **éditer** \\\\ sa carte mentale (_raccourci clavier : \`e\`_) \\\\ On utilise le **Markdown** pour créer des branches
21 |   - \`# Titre\`  pour le niveau 1
22 |   - \`## Sous-titre\`  pour le niveau 2
23 |   - \`### Niveau 3\`,  \`#### Niveau 4\` …
24 |   - Ou bien, on fait une liste à puces \\\\ \`- Niveau 3\` \\\\ 　\`  - Niveau 4\` \\\\ \`- Niveau 3\` \\\\ (on ajoute 2 espaces avant  \\\\ pour  passer à un autre niveau)
25 | - Clic sur 👓   pour **cacher** la fenêtre d'édition \\\\et **voir** seulement la carte mentale \\\\ (_raccourci clavier : \`Escape\`_)
26 | - **Enregistrer** et \\\\**partager** sa \\\\carte mentale
27 |   - Clic sur 💾 pour **enregistrer**  la carte au format _svg_ \\\\[image fixe]  (_raccourci clavier : \`s\`_)
28 |   - Clic sur 🌐 pour **enregistrer** au format HTML \\\\[interactivité possible] (_raccourci clavier : \`h\`_)
29 |   - Clic sur 🔗 pour copier un **lien** de **partage** \\\\de la carte mentale (_raccourci clavier : \`l\`_)
30 |   - Il est recommandé d'enregistrer le texte \\\\de sa carte mentale quelque part pour \\\\pouvoir modifier plus tard sa carte mentale
31 |     - On peut mettre son texte \\\\ **sur une forge** ou sur [CodiMD](https://codimd.apps.education.fr)  \\\\ et l'afficher avec myMarkmap <!--fold-->
32 |       - \\\\ \`https://mymarkmap.vercel.app/#URL\`
33 |       - En cas de problème : \\\\ \`https://mymarkmap.vercel.app/#https://corsproxy.io/%3FURL\`
34 |       - Sur une instance Gitlab, il faut utiliser un fichier \`.gitlab-ci.yml\` pour publier le fichier md sur une page publique et utiliser cette adresse comme URL
35 | 
36 | ## Comment naviguer \\\\dans la carte ?
37 | - \\\\\\\\Clic sur les **cercles** à l'intersection \\\\ des différentes branches pour \\\\ **afficher ou masquer la suite**
38 |   - \\\\**Alt+clic** sur un cercle pour afficher \\\\\ seulement la branche en question
39 | - **Autres raccourcis**
40 |   - **Alt+clic** sur le texte d'une branche pour la masquer
41 |   - \`m\` pour masquer ou réafficher la barre de menu
42 |   - \`r\` pour désactiver ou réactiver le redimensionnement automatique
43 | 
44 | ## Usages plus \\\\  avancés  <!--fold-->
45 | 
46 | ### Des balises pour \\\\ **contrôler l'affichage** \\\\ de la carte
47 | 
48 | #### **Markdown**  <!--fold-->
49 | 
50 | - \`**texte**\` : pour mettre en **gras**
51 | - \`_texte_\` : pour mettre en _italiques_
52 | - \`[lien](URL)\` : pour insérer un [lien](https://eyssette.github.io/)
53 | - \`![](URL)\` : pour insérer une image
54 | 	- \`![h-25](URL)\` : pour spécifier la hauteur  \\\\de l'image (de h-25, h-50 … à h-200)
55 | - \`\`\` \`code\` \`\`\` : Pour insérer du \`code\` 
56 | - \`==texte==\`: Pour surligner du ==texte==
57 | - \`++texte++\`: Pour souligner du ++texte++
58 | 
59 | #### **HTML** <!--fold-->
60 | 
61 | - \`<br>\` ou \`\\\\\` pour forcer le passage à la ligne
62 | - \`<span style="...">texte</span>\` \\\\ pour changer le style d'un élément
63 |   
64 | #### **Autres \\\\ balises** <!--fold-->
65 | 
66 | - \`<!--fold-->\` en fin de ligne pour que les \\\\ sous-branches soient cachées par défaut : \\\\ il faut cliquer sur le cercle pour afficher la suite<!-- fold-->
67 |     - Cette branche est cachée par défaut !
68 |     - Cette branche aussi !
69 | - \`:code_emoji:\` : pour insérer un code pour un emoji [:link:](https://raw.githubusercontent.com/omnidan/node-emoji/master/lib/emoji.json)
70 | - \`{{partie masquée}}\` pour masquer une partie \\\\ d'un texte :  voici par exemple un {{passage}} masqué \\\\ (cliquer dessus pour afficher / masquer à nouveau)
71 | 
72 | ### Un **en-tête** (YAML) \\\\ pour des options de \\\\configuration plus avancées <!--fold-->
73 | 
74 | - Pour spécifier la largeur \\\\ maximale d'une branche
75 | 	- \`\`\`maxWidth: 300\`\`\`
76 | - Pour empêcher le changement de \\\\couleur des sous-branches à partir \\\\d'un certain niveau
77 | 	- \`\`\`colorFreezeLevel: 2\`\`\`  \\\\ (pour que chaque branche \\\\ait sa propre couleur)
78 | - Pour ajouter des styles \\\\CSS spécifiques
79 | 	- \`\`\`style: strong{color:red}\`\`\`
80 | - Pour ajouter un titre
81 | 	- \`\`\`title: Mon titre\`\`\`
82 | - Pour masquer par défaut \\\\les sous-branches à partir\\\\ d'un certain niveau
83 | 	- \`\`\`initialExpandLevel: 1\`\`\`
84 | - Pour forcer l'ouverture des \\\\liens dans un nouvel onglet
85 |   - \`\`\`openLinksInNewTab: true\`\`\`
86 | `));
87 | export const baseURL = writable('');
88 | export const mindmapSaveAsSvg = writable(false);
89 | export const mindmapSaveAsHtml = writable(false);
90 | export const wValue = writable();
91 | export const hValue = writable();
92 | 


--------------------------------------------------------------------------------
/src/routes/+page.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	import {
  3 | 		onMount
  4 | 	} from 'svelte';
  5 | 	import emoji from 'node-emoji';
  6 | 	import url from '../lib/url.js';
  7 | 	import yaml from 'js-yaml';
  8 | 	import Menu from '../lib/Menu.svelte';
  9 | 	import Editor from '../lib/Editor.svelte';
 10 | 	import Mindmap from '../lib/Mindmap.svelte';
 11 | 	import {
 12 | 		markdownSource,
 13 | 		baseURL
 14 | 	} from '../lib/stores.js'
 15 | 	let encodageHash;
 16 | 	let yamlData;
 17 | 	let mindmapData;
 18 | 	let maxWidthFromYAML = 500;
 19 | 	let style = '';
 20 | 	let title = 'Mindmap'
 21 | 	let mindmapFromURL = false;
 22 | 	let colorFreezeLevel = 0;
 23 | 	let initialExpandLevel = -1;
 24 | 	let openLinksInNewTab = false;
 25 | 
 26 | 	onMount(async () => {
 27 | 		if ($url) {
 28 | 			encodageHash = $url.hash.slice(1);
 29 | 			baseURL.update(n => $url.protocol + '//' + $url.host);
 30 | 			baseURL.update(n => $baseURL.replace("#", ""));
 31 | 			if ($baseURL.includes('github') || $baseURL.includes('forge')) {
 32 | 				baseURL.update(n =>$baseURL + '/myMarkmap');
 33 | 			}
 34 | 		}
 35 | 		if (encodageHash.startsWith('http')) {
 36 | 			if (encodageHash.startsWith('https://github.com')) {
 37 | 				encodageHash = encodageHash.replace('https://github.com', 'https://raw.githubusercontent.com');
 38 | 				encodageHash = encodageHash.replace('/blob/', '/');
 39 | 			}
 40 | 			if (encodageHash.startsWith('https://codimd') && encodageHash.indexOf('download')=== -1 ) {
 41 | 				encodageHash = encodageHash.replace('?edit','').replace('?both','').replace('?view','').replace(/#$/,'')+'/download';
 42 | 			}
 43 | 			const response = await fetch(encodageHash);
 44 | 			mindmapData = await response.text();
 45 | 			markdownSource.update(n => mindmapData);
 46 | 			mindmapFromURL=true;
 47 | 		} else {
 48 | 			if (encodageHash != '') {
 49 | 				mindmapData = decodeURI(encodageHash);
 50 | 				markdownSource.update(n => mindmapData);
 51 | 				history.pushState(null, null, $baseURL);	
 52 | 				mindmapFromURL=true;
 53 | 			}
 54 | 		}
 55 | 	})
 56 | 
 57 | 	function replaceMarkdown(md) {
 58 | 		// Gestion du markdown dans les balises codes
 59 | 		md = md.replace(/`####/g, '`@hash@hash@hash@hash')
 60 | 		md = md.replace(/`###/g, '`@hash@hash@hash')
 61 | 		md = md.replace(/`##/g, '`@hash@hash')
 62 | 		md = md.replace(/`#/g, '`@hash')
 63 | 		// Gestion Titre niveau 3 et plus
 64 | 		md = md.replace(/\n\n###### /g, '\n\n@hash@hash@hash@hash@hash@hash <br>');
 65 | 		md = md.replace(/\n###### /g, '\n\n@hash@hash@hash@hash@hash@hash ');
 66 | 		md = md.replace(/\n\n##### /g, '\n\n@hash@hash@hash@hash@hash <br>');
 67 | 		md = md.replace(/\n##### /g, '\n\n@hash@hash@hash@hash@hash ');
 68 | 		md = md.replace(/\n\n#### /g, '\n\n@hash@hash@hash@hash <br>');
 69 | 		md = md.replace(/\n#### /g, '\n\n@hash@hash@hash@hash ');
 70 | 		md = md.replace(/\n\n### /g, '\n\n@hash@hash@hash <br>');
 71 | 		md = md.replace(/\n### /g, '\n\n@hash@hash@hash ');
 72 | 		// Gestion Titre niveau 2
 73 | 		md = md.replace(/## (.*)$/g, '@hash@hash <span style="font-weight:bold; font-size:1em; display:block; padding-bottom:0.3em">$1</span>\n');
 74 | 		md = md.replace(/## (.*)\n/g, '@hash@hash <span style="font-weight:bold; font-size:1em; display:block; padding-bottom:0.3em">$1</span>\n');
 75 | 		// Gestion Titre niveau 1
 76 | 		md = md.replace(/# (.*)$/g, '@hash <span style="font-weight:bold; font-size:1.3em; display:block; padding-bottom:0.6em">$1</span>\n');
 77 | 		md = md.replace(/# (.*)\n/g, '@hash <span style="font-weight:bold; font-size:1.3em; display:block; padding-bottom:0.6em">$1</span>\n');
 78 | 		// Gestion Listes à puces
 79 | 		md = md.replace(/\n\n- /g, '\n\n- <br>');
 80 | 		md = md.replace(/\n\n\* /g, '\n\n\* <br>');
 81 | 		// Gestion des lignes qui se terminent par une balise code
 82 | 		md = md.replace(/`\n/g, '`<span style="display:block; height:0.2em!important"><br></span>\n');
 83 | 		// Remplacement de @hash par #
 84 | 		md = md.replace(/@hash/g, '#');
 85 | 		// Raccourci \\ pour les sauts de ligne <br>
 86 | 		md = md.replace(/`\\\\`/g, '`@anti_slash@anti_slash`');
 87 | 		md = md.replace(/\\\\/g, '<br>');
 88 | 		md = md.replace(/@anti_slash/g, '\\');
 89 | 		// Fonction afficher / masquer
 90 | 		md = md.replace(/`{{/g, '`@accolade_G@accolade_G');
 91 | 		md = md.replace(/}}`/g, '@accolade_D@accolade_D`');
 92 | 		md = md.replace(/{{(.*?)}}/g, '<span class="hide">$1</span>');
 93 | 		md = md.replace(/class="hide"/g, 'class="hide" onclick="event.preventDefault(); this.classList.toggle(\'hide\');"');
 94 | 		md = md.replace(/@accolade_G/g, '{');
 95 | 		md = md.replace(/@accolade_D/g, '}');
 96 | 		// Espaces insécables
 97 | 		md = md.replace(/ /g, '&nbsp;');
 98 | 		return md;
 99 | 	}
100 | 
101 | 	$: if ($markdownSource.split("---").length > 2) {
102 | 		try {
103 | 			yamlData = yaml.load($markdownSource.split("---")[1]);
104 | 			maxWidthFromYAML = yamlData.hasOwnProperty('maxWidth') ? yamlData.maxWidth : 500;
105 | 			style = yamlData.hasOwnProperty('style') ? yamlData.style : '';
106 | 			colorFreezeLevel = yamlData.hasOwnProperty('colorFreezeLevel') ? yamlData.colorFreezeLevel : 0;
107 | 			initialExpandLevel = yamlData.hasOwnProperty('initialExpandLevel') ? yamlData.initialExpandLevel : -1;
108 | 			openLinksInNewTab = yamlData.hasOwnProperty('openLinksInNewTab') ? yamlData.openLinksInNewTab : false;
109 | 		} catch (e) {
110 | 
111 | 		}
112 | 	}
113 | 
114 | 	$: mindmapSource = replaceMarkdown(emoji.emojify($markdownSource))
115 | 
116 | </script>
117 | 
118 | 
119 | <Menu source={$markdownSource} />
120 | 
121 | <main>
122 | 
123 | 	<Editor />
124 | 
125 | 	{#if mindmapFromURL}
126 | 		<Mindmap source={mindmapSource} maxWidth={maxWidthFromYAML} style={style} title={title} colorFreezeLevel={colorFreezeLevel} initialExpandLevel={initialExpandLevel} {openLinksInNewTab} />
127 | 	{:else}
128 | 		<Mindmap source={mindmapSource} maxWidth={maxWidthFromYAML} style={style} title={title} colorFreezeLevel={colorFreezeLevel} initialExpandLevel={initialExpandLevel} {openLinksInNewTab} />
129 | 	{/if}
130 | 
131 | </main>
132 | 


--------------------------------------------------------------------------------
/.svelte-kit/ambient.d.ts:
--------------------------------------------------------------------------------
  1 | 
  2 | // this file is generated — do not edit it
  3 | 
  4 | 
  5 | /// <reference types="@sveltejs/kit" />
  6 | 
  7 | /**
  8 |  * Environment variables [loaded by Vite](https://vitejs.dev/guide/env-and-mode.html#env-files) from `.env` files and `process.env`. Like [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), this module cannot be imported into client-side code. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://kit.svelte.dev/docs/configuration#env) (if configured).
  9 |  * 
 10 |  * _Unlike_ [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), the values exported from this module are statically injected into your bundle at build time, enabling optimisations like dead code elimination.
 11 |  * 
 12 |  * ```ts
 13 |  * import { API_KEY } from '$env/static/private';
 14 |  * ```
 15 |  * 
 16 |  * Note that all environment variables referenced in your code should be declared (for example in an `.env` file), even if they don't have a value until the app is deployed:
 17 |  * 
 18 |  * ```
 19 |  * MY_FEATURE_FLAG=""
 20 |  * ```
 21 |  * 
 22 |  * You can override `.env` values from the command line like so:
 23 |  * 
 24 |  * ```bash
 25 |  * MY_FEATURE_FLAG="enabled" npm run dev
 26 |  * ```
 27 |  */
 28 | declare module '$env/static/private' {
 29 | 	export const ACSetupSvcPort: string;
 30 | 	export const ACSvcPort: string;
 31 | 	export const ALLUSERSPROFILE: string;
 32 | 	export const APPDATA: string;
 33 | 	export const ChocolateyInstall: string;
 34 | 	export const ChocolateyLastPathUpdate: string;
 35 | 	export const CLASSPATH: string;
 36 | 	export const COLOR: string;
 37 | 	export const CommonProgramFiles: string;
 38 | 	export const CommonProgramW6432: string;
 39 | 	export const COMPUTERNAME: string;
 40 | 	export const ComSpec: string;
 41 | 	export const CPLUS_INCLUDE_PATH: string;
 42 | 	export const CUDA_PATH: string;
 43 | 	export const CUDA_PATH_V11_8: string;
 44 | 	export const CUDA_PATH_V12_3: string;
 45 | 	export const C_INCLUDE_PATH: string;
 46 | 	export const DriverData: string;
 47 | 	export const EDITOR: string;
 48 | 	export const EnableLog: string;
 49 | 	export const HOME: string;
 50 | 	export const HOMEDRIVE: string;
 51 | 	export const HOMEPATH: string;
 52 | 	export const INIT_CWD: string;
 53 | 	export const LOCALAPPDATA: string;
 54 | 	export const LOGONSERVER: string;
 55 | 	export const NLTK_DATA: string;
 56 | 	export const NODE: string;
 57 | 	export const NODE_ENV: string;
 58 | 	export const NODE_EXE: string;
 59 | 	export const NPM_CLI_JS: string;
 60 | 	export const npm_command: string;
 61 | 	export const npm_config_cache: string;
 62 | 	export const npm_config_globalconfig: string;
 63 | 	export const npm_config_global_prefix: string;
 64 | 	export const npm_config_init_module: string;
 65 | 	export const npm_config_local_prefix: string;
 66 | 	export const npm_config_metrics_registry: string;
 67 | 	export const npm_config_node_gyp: string;
 68 | 	export const npm_config_noproxy: string;
 69 | 	export const npm_config_prefix: string;
 70 | 	export const npm_config_userconfig: string;
 71 | 	export const npm_config_user_agent: string;
 72 | 	export const npm_execpath: string;
 73 | 	export const npm_lifecycle_event: string;
 74 | 	export const npm_lifecycle_script: string;
 75 | 	export const npm_node_execpath: string;
 76 | 	export const npm_package_json: string;
 77 | 	export const npm_package_name: string;
 78 | 	export const npm_package_version: string;
 79 | 	export const NPM_PREFIX_NPM_CLI_JS: string;
 80 | 	export const NUMBER_OF_PROCESSORS: string;
 81 | 	export const NVTOOLSEXT_PATH: string;
 82 | 	export const OneDrive: string;
 83 | 	export const OPENAI_API_KEY: string;
 84 | 	export const openai_cookie_file: string;
 85 | 	export const OS: string;
 86 | 	export const Path: string;
 87 | 	export const PATHEXT: string;
 88 | 	export const POWERSHELL_DISTRIBUTION_CHANNEL: string;
 89 | 	export const PROCESSOR_ARCHITECTURE: string;
 90 | 	export const PROCESSOR_IDENTIFIER: string;
 91 | 	export const PROCESSOR_LEVEL: string;
 92 | 	export const PROCESSOR_REVISION: string;
 93 | 	export const ProgramData: string;
 94 | 	export const ProgramFiles: string;
 95 | 	export const ProgramW6432: string;
 96 | 	export const PROMPT: string;
 97 | 	export const PROVER9HOME: string;
 98 | 	export const PSModulePath: string;
 99 | 	export const PUBLIC: string;
100 | 	export const RlsSvcPort: string;
101 | 	export const SESSIONNAME: string;
102 | 	export const ShadowEnv: string;
103 | 	export const SystemDrive: string;
104 | 	export const SystemRoot: string;
105 | 	export const TEMP: string;
106 | 	export const TMP: string;
107 | 	export const USERDOMAIN: string;
108 | 	export const USERDOMAIN_ROAMINGPROFILE: string;
109 | 	export const USERNAME: string;
110 | 	export const USERPROFILE: string;
111 | 	export const windir: string;
112 | 	export const WSLENV: string;
113 | 	export const WT_PROFILE_ID: string;
114 | 	export const WT_SESSION: string;
115 | }
116 | 
117 | /**
118 |  * Similar to [`$env/static/private`](https://kit.svelte.dev/docs/modules#$env-static-private), except that it only includes environment variables that begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
119 |  * 
120 |  * Values are replaced statically at build time.
121 |  * 
122 |  * ```ts
123 |  * import { PUBLIC_BASE_URL } from '$env/static/public';
124 |  * ```
125 |  */
126 | declare module '$env/static/public' {
127 | 	
128 | }
129 | 
130 | /**
131 |  * This module provides access to runtime environment variables, as defined by the platform you're running on. For example if you're using [`adapter-node`](https://github.com/sveltejs/kit/tree/master/packages/adapter-node) (or running [`vite preview`](https://kit.svelte.dev/docs/cli)), this is equivalent to `process.env`. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://kit.svelte.dev/docs/configuration#env) (if configured).
132 |  * 
133 |  * This module cannot be imported into client-side code.
134 |  * 
135 |  * ```ts
136 |  * import { env } from '$env/dynamic/private';
137 |  * console.log(env.DEPLOYMENT_SPECIFIC_VARIABLE);
138 |  * ```
139 |  * 
140 |  * > In `dev`, `$env/dynamic` always includes environment variables from `.env`. In `prod`, this behavior will depend on your adapter.
141 |  */
142 | declare module '$env/dynamic/private' {
143 | 	export const env: {
144 | 		ACSetupSvcPort: string;
145 | 		ACSvcPort: string;
146 | 		ALLUSERSPROFILE: string;
147 | 		APPDATA: string;
148 | 		ChocolateyInstall: string;
149 | 		ChocolateyLastPathUpdate: string;
150 | 		CLASSPATH: string;
151 | 		COLOR: string;
152 | 		CommonProgramFiles: string;
153 | 		CommonProgramW6432: string;
154 | 		COMPUTERNAME: string;
155 | 		ComSpec: string;
156 | 		CPLUS_INCLUDE_PATH: string;
157 | 		CUDA_PATH: string;
158 | 		CUDA_PATH_V11_8: string;
159 | 		CUDA_PATH_V12_3: string;
160 | 		C_INCLUDE_PATH: string;
161 | 		DriverData: string;
162 | 		EDITOR: string;
163 | 		EnableLog: string;
164 | 		HOME: string;
165 | 		HOMEDRIVE: string;
166 | 		HOMEPATH: string;
167 | 		INIT_CWD: string;
168 | 		LOCALAPPDATA: string;
169 | 		LOGONSERVER: string;
170 | 		NLTK_DATA: string;
171 | 		NODE: string;
172 | 		NODE_ENV: string;
173 | 		NODE_EXE: string;
174 | 		NPM_CLI_JS: string;
175 | 		npm_command: string;
176 | 		npm_config_cache: string;
177 | 		npm_config_globalconfig: string;
178 | 		npm_config_global_prefix: string;
179 | 		npm_config_init_module: string;
180 | 		npm_config_local_prefix: string;
181 | 		npm_config_metrics_registry: string;
182 | 		npm_config_node_gyp: string;
183 | 		npm_config_noproxy: string;
184 | 		npm_config_prefix: string;
185 | 		npm_config_userconfig: string;
186 | 		npm_config_user_agent: string;
187 | 		npm_execpath: string;
188 | 		npm_lifecycle_event: string;
189 | 		npm_lifecycle_script: string;
190 | 		npm_node_execpath: string;
191 | 		npm_package_json: string;
192 | 		npm_package_name: string;
193 | 		npm_package_version: string;
194 | 		NPM_PREFIX_NPM_CLI_JS: string;
195 | 		NUMBER_OF_PROCESSORS: string;
196 | 		NVTOOLSEXT_PATH: string;
197 | 		OneDrive: string;
198 | 		OPENAI_API_KEY: string;
199 | 		openai_cookie_file: string;
200 | 		OS: string;
201 | 		Path: string;
202 | 		PATHEXT: string;
203 | 		POWERSHELL_DISTRIBUTION_CHANNEL: string;
204 | 		PROCESSOR_ARCHITECTURE: string;
205 | 		PROCESSOR_IDENTIFIER: string;
206 | 		PROCESSOR_LEVEL: string;
207 | 		PROCESSOR_REVISION: string;
208 | 		ProgramData: string;
209 | 		ProgramFiles: string;
210 | 		ProgramW6432: string;
211 | 		PROMPT: string;
212 | 		PROVER9HOME: string;
213 | 		PSModulePath: string;
214 | 		PUBLIC: string;
215 | 		RlsSvcPort: string;
216 | 		SESSIONNAME: string;
217 | 		ShadowEnv: string;
218 | 		SystemDrive: string;
219 | 		SystemRoot: string;
220 | 		TEMP: string;
221 | 		TMP: string;
222 | 		USERDOMAIN: string;
223 | 		USERDOMAIN_ROAMINGPROFILE: string;
224 | 		USERNAME: string;
225 | 		USERPROFILE: string;
226 | 		windir: string;
227 | 		WSLENV: string;
228 | 		WT_PROFILE_ID: string;
229 | 		WT_SESSION: string;
230 | 		[key: `PUBLIC_${string}`]: undefined;
231 | 		[key: `${string}`]: string | undefined;
232 | 	}
233 | }
234 | 
235 | /**
236 |  * Similar to [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), but only includes variables that begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
237 |  * 
238 |  * Note that public dynamic environment variables must all be sent from the server to the client, causing larger network requests — when possible, use `$env/static/public` instead.
239 |  * 
240 |  * ```ts
241 |  * import { env } from '$env/dynamic/public';
242 |  * console.log(env.PUBLIC_DEPLOYMENT_SPECIFIC_VARIABLE);
243 |  * ```
244 |  */
245 | declare module '$env/dynamic/public' {
246 | 	export const env: {
247 | 		[key: `PUBLIC_${string}`]: string | undefined;
248 | 	}
249 | }
250 | 


--------------------------------------------------------------------------------
/src/lib/Mindmap.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	import {
  3 | 		afterUpdate,
  4 | 		onMount
  5 | 	} from 'svelte';
  6 | 	export let source;
  7 | 	import {
  8 | 		Transformer
  9 | 	} from 'markmap-lib';
 10 | 	import * as markmap from 'markmap-view';
 11 | 	import {deriveOptions} from 'markmap-view';
 12 | 	import {
 13 | 		mindmapSaveAsSvg,
 14 | 		mindmapSaveAsHtml,
 15 | 		wValue,
 16 | 		hValue,
 17 | 		markdownSource,
 18 | 		show
 19 | 	} from './stores.js';
 20 | 	export let maxWidth;
 21 | 	export let style;
 22 | 	export let title;
 23 | 	export let colorFreezeLevel;
 24 | 	export let initialExpandLevel;
 25 | 	export let openLinksInNewTab;
 26 | 
 27 | 	let mindmap;
 28 | 	let w;
 29 | 	let h;
 30 | 	let widthBlockquote;
 31 | 	let marginLeftBlockquote='';
 32 | 	let nodeTitle;
 33 | 	let description;
 34 | 	$: description = $markdownSource;
 35 | 
 36 | 	let automaticResize = true;
 37 | 	let mm;
 38 | 
 39 | 	$: if (maxWidth<250) {
 40 | 		widthBlockquote = maxWidth;
 41 | 		marginLeftBlockquote='margin-left:-10px;';
 42 | 	} else {
 43 | 		widthBlockquote= 250;
 44 | 		marginLeftBlockquote='';
 45 | 	}
 46 | 	let mindmapRoot;
 47 | 
 48 | 	$: wValue.update(n => w)
 49 | 	$: hValue.update(n => h)
 50 | 
 51 | 	afterUpdate(() => {
 52 |   const transformer = new Transformer();
 53 | 
 54 |   const { root, features } = transformer.transform(source);
 55 |   const { styles, scripts } = transformer.getUsedAssets(features);
 56 |   const { Markmap, loadCSS, loadJS } = markmap;
 57 | 
 58 |   if (styles) loadCSS(styles);
 59 |   if (scripts) loadJS(scripts, {
 60 |     getMarkmap: () => markmap
 61 |   });
 62 | 
 63 |   const options = {
 64 |     duration: 0,
 65 |     maxWidth: maxWidth,
 66 |     spacingVertical: 15,
 67 |     paddingX: 20,
 68 |     autoFit: true,  // Enable autoFit to resize properly
 69 |     initialExpandLevel: initialExpandLevel,
 70 |     direction: 'LR',  // Set direction to Left to Right
 71 |   };
 72 | 
 73 |   const optionsJSON = deriveOptions({
 74 |     color: ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#8c564b", "#e377c2", "#17becf", "#bcbd22"],
 75 |     colorFreezeLevel: colorFreezeLevel,
 76 |   });
 77 | 
 78 |   const optionsFull = colorFreezeLevel > 0 ? { ...options, ...optionsJSON } : options;
 79 | 
 80 |   mindmap.innerHTML = "";
 81 |   mindmapRoot = root;
 82 |   nodeTitle = document.createElement("title");
 83 |   nodeTitle.innerHTML = title;
 84 |   mindmap.appendChild(nodeTitle);
 85 | 
 86 |   const styleCSS = `svg div { margin-top: -4px; } 
 87 |                     svg a { text-decoration: none; } 
 88 |                     svg foreignObject { overflow: visible; } 
 89 |                     svg strong { color: #333; font-size: 0.98em !important; font-weight: 500 !important; } 
 90 |                     svg .hide, svg .hide * { color: transparent !important; } 
 91 |                     svg .hide { background-color: #FFFFEC; } 
 92 |                     svg .hide img { opacity: 0; } 
 93 |                     svg img[alt=h-25] { height: 25px; } 
 94 |                     svg img[alt=h-50] { height: 50px; } 
 95 |                     svg img[alt=h-75] { height: 75px; } 
 96 |                     svg img[alt=h-100] { height: 100px; } 
 97 |                     svg img[alt=h-125] { height: 125px; } 
 98 |                     svg img[alt=h-150] { height: 150px; } 
 99 |                     svg img[alt=h-175] { height: 175px; } 
100 |                     svg img[alt=h-200] { height: 200px; } 
101 |                     svg blockquote { width: ${widthBlockquote}px !important; 
102 |                     white-space: normal; text-align: justify; font-size: 0.8em; line-height: 1em; border: 1px solid #aaa; padding: 10px; border-radius: 4px; ${marginLeftBlockquote}; } 
103 |                     svg aside { font-size: 0.8em; display: inline-block !important; font-weight: normal; vertical-align: top; } 
104 |                     svg cite { font-style: inherit; font-family: serif; font-size: 0.97em; }` + style;
105 |   
106 |   const styleElement = document.createElement("style");
107 |   styleElement.innerHTML = styleCSS;
108 |   mindmap.appendChild(styleElement);
109 | 
110 |   mm = Markmap.create('#markmap', optionsFull, root);
111 | 
112 |   if (openLinksInNewTab) {
113 |     const links = mindmap.querySelectorAll('a');
114 |     links.forEach(link => {
115 |       link.setAttribute('target', '_blank');
116 |     });
117 |   }
118 | 
119 |   // Ensure the mindmap fits the viewport
120 |   mm.fit();
121 | });
122 | 
123 | 	function handleHide(event) {
124 | 		let targetElement = event.target;
125 | 		const elementType = targetElement.tagName;
126 | 		let searchDivCount = 0;
127 | 		if (elementType == 'SVG') {
128 | 		return;
129 | 		} else {
130 | 		if (elementType =='circle' && event.altKey) {
131 | 			const parentElement = targetElement.parentElement;
132 | 			const depth = parentElement.getAttribute('data-depth');
133 | 			const unfoldedBranches = mindmap.querySelectorAll('g[data-depth="'+depth+'"]:not(.markmap-fold)');
134 | 			for (const branch of unfoldedBranches) {
135 | 			const circle = branch.querySelector('circle');
136 | 			if (circle) {
137 | 				// Appliquer une transition douce ici
138 | 				d3.select(circle)
139 | 				.transition() // Démarre une transition
140 | 				.duration(5000) // Durée de la transition en millisecondes
141 | 				.style("opacity", 0) // Exemple de style modifié pendant la transition
142 | 				.on("end", () => { // À la fin de la transition
143 | 					circle.dispatchEvent(new MouseEvent("click")); // Simule un clic
144 | 					d3.select(circle).style("opacity", 1); // Restaure l'opacité
145 | 				});
146 | 			}
147 | 			}
148 | 			return;
149 | 		}
150 | 		while (targetElement && targetElement.tagName !== 'DIV' && searchDivCount < 5) {
151 | 			targetElement = targetElement.parentElement;
152 | 			searchDivCount++;
153 | 		}
154 | 		}
155 | 		if (targetElement.tagName == 'DIV') {
156 | 		if (event.altKey) {
157 | 			targetElement.classList.toggle('hide');
158 | 		}
159 | 		else {
160 | 			targetElement.classList.remove('hide');
161 | 		}
162 | 		}
163 | 		if(automaticResize) {
164 | 		mm.fit();
165 | 		}
166 | 	}
167 | 
168 | 	function getBBox(element) {
169 | 		const {x, y, width, height} = element.getBBox();
170 | 		return {x: x, y: y, w: width, h: height};
171 | 	}
172 | 
173 | 
174 | 	function createSVG(mm) {
175 | 		const boundingBox = getBBox(mindmap)
176 | 		mm = mm.replace(/<br>/g, '<br/>')
177 | 		mm = mm.replace(/\n/g, ' ')
178 | 		mm = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg id="markmap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="' + mindmap.className['baseVal'] + '" style="width:100%; height:100%;" viewBox="' + boundingBox.x + ' ' + (boundingBox.y-5) + ' ' + (boundingBox.w) + ' ' + (boundingBox.h+30) + '">'+'<use xlink:href=""><title>'+title+'</title></use>'+'<desc>'+description.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&lt;')+'</desc>'+ mm.replace(/<title>.*<\/title>/,'') + '</svg>'
179 | 		return mm;
180 | 	}
181 | 
182 | 	function mindMapSaveAsSvgCreateFile() {
183 | 		const file = new File([createSVG(mindmap.innerHTML)], "mindmap.svg", {
184 | 			type: "text/plain;charset=utf-8"
185 | 		});
186 | 		saveAs(file);
187 | 	}
188 | 
189 | 	function mindMapSaveAsHtmlCreateFile() {
190 | 		const root = JSON.stringify(mindmapRoot);
191 | 		let templateHtml ='<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>'+title+'</title><style>*{margin:0; padding:0}#markmap{display:block; width:100vw; height:100vh}</style></head><body><svg id="markmap"><use xlink:href=""><title>'+title+'</title></use><desc>'+description.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&lt;')+'</desc></svg><script src="https://cdn.jsdelivr.net/npm/d3"><\/script><script src="https://cdn.jsdelivr.net/npm/markmap-view"><\/script><script>const root='+root+'; const{Markmap, loadCSS, loadJS}=window.markmap; const maxWidth='+maxWidth+'; const styles="div{padding-bottom:0.12em!important} a {text-decoration:none} foreignObject {overflow:visible} strong{color:#333;  font-size:0.98em} .hide, .hide *{color:transparent!important} .hide {background-color:#FFFFEC} .hide img {opacity:0} img[alt=h-25]{height:25px} img[alt=h-50]{height:50px} img[alt=h-75]{height:75px} img[alt=h-100]{height:100px} img[alt=h-125]{height:125px} img[alt=h-150]{height:150px} img[alt=h-175]{height:175px} img[alt=h-200]{height:200px} blockquote {width:'+widthBlockquote+'px!important;  white-space: normal;  text-align:justify;  font-size:0.8em;  line-height:1em;  border:1px solid #aaa;  padding:10px;  border-radius:4px; '+marginLeftBlockquote+'} aside{font-size: 0.8em;  display: inline-block!important;  font-weight:normal; vertical-align: top} cite {font-style:inherit;  font-family:serif;  font-size:0.97em}'+style.replaceAll('"','\\"')+'"; const options={duration:0, style:id=>styles, maxWidth:maxWidth, spacingVertical:8, paddingX:15, autoFit:true}; Markmap.create("#markmap", options, root); <\/script></body></html>';
192 | 		const file = new File([templateHtml], "mindmap.html", {
193 | 			type: "text/plain;charset=utf-8"
194 | 		});
195 | 		saveAs(file);
196 | 	}
197 | 
198 | 	$: if ($mindmapSaveAsSvg) {
199 | 		mindMapSaveAsSvgCreateFile();
200 | 		mindmapSaveAsSvg.update(n => false)
201 | 	}
202 | 
203 | 	$: if ($mindmapSaveAsHtml) {
204 | 		mindMapSaveAsHtmlCreateFile();
205 | 		mindmapSaveAsHtml.update(n => false)
206 | 	}
207 | 
208 | 	function handleKeydown(event) {
209 | 		if (!$show && event.key === 'r') {
210 | 			automaticResize = automaticResize ? false : true;
211 | 			if(automaticResize) {
212 | 				mm.fit();
213 | 			}
214 | 		}
215 | 	}
216 | 
217 | </script>
218 | 
219 | <svelte:window on:keydown={handleKeydown} />
220 | 
221 | <div bind:clientWidth={w} bind:clientHeight={h} style="width:98vw; height:98vh">
222 | 	<!-- svelte-ignore a11y-click-events-have-key-events -->
223 | 	<svg id="markmap" bind:this={mindmap} xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
224 | 		style="width:100%; height:100%" on:click={handleHide}>
225 | 	</svg>
226 | </div>
227 | <style>
228 | 
229 | 	svg {
230 |   z-index: 0;
231 |   position: absolute;
232 |   top: 50%;
233 |   left: 50%;
234 |   transform: translate(-50%, -50%); /* Center the SVG */
235 |   display: block;
236 |   margin: auto;
237 | }
238 | 
239 | 	@media print {
240 | 		:global(nav) {
241 | 			display: none;
242 | 		}
243 | 
244 | 		:global(main) {
245 | 			width: 31.7cm;
246 | 			height: 20cm;
247 | 		}
248 | 
249 | 		:global(main svg) {
250 | 			overflow: visible;
251 | 			zoom: 55% !important;
252 | 		}
253 | 
254 | 	}
255 | 
256 | </style>


--------------------------------------------------------------------------------
/src/lib/Menu.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	import {
  3 | 		show,
  4 | 		baseURL,
  5 | 		mindmapSaveAsSvg,
  6 | 		mindmapSaveAsHtml
  7 | 	} from './stores.js'
  8 | 	export let source;
  9 | 	import url from './url.js';
 10 | 	
 11 | 	import { fade, fly } from 'svelte/transition';
 12 | 
 13 | 	let urlToShare;
 14 | 	let encodageHash;
 15 | 	import {
 16 | 		saveAs
 17 | 	} from 'file-saver-es';
 18 | 
 19 | 	let menu;
 20 | 	let showSlideshow = false;
 21 | 	let currentSlide = 0;
 22 | 	let slides = [];
 23 | 
 24 | 	function menuEdit() {
 25 | 		showNotification = false;
 26 | 		show.update(n => true);
 27 | 	}
 28 | 
 29 | 	function menuView() {
 30 | 		show.update(n => false);
 31 | 	}
 32 | 	
 33 | 	
 34 | 	// Fonction pour récupérer le texte sélectionné
 35 | 	function getSelectedText() {
 36 | 		let text = "";
 37 | 		if (window.getSelection) {
 38 | 			text = window.getSelection().toString();
 39 | 		} else if (document.selection && document.selection.type !== "Control") {
 40 | 			text = document.selection.createRange().text;
 41 | 		}
 42 | 		return text;
 43 | 	}
 44 | 	
 45 | 	// Fonction pour remplacer le texte sélectionné
 46 | 	function replaceSelectedText(replacementText) {
 47 | 		const selection = window.getSelection();
 48 | 		if (selection.rangeCount > 0) {
 49 | 			const range = selection.getRangeAt(0);
 50 | 			range.deleteContents();
 51 | 			range.insertNode(document.createTextNode(replacementText));
 52 | 			// Ajuster la sélection pour inclure le texte inséré
 53 | 			selection.removeAllRanges();
 54 | 			selection.addRange(range);
 55 | 		}
 56 | 	}
 57 | 
 58 | 
 59 | 	async function AI(query) {
 60 | 	
 61 | 		query = "Tu es un assistant IA qui aide à générer des listes Markmap qui permettent de générer des cartes mentales personnalisées à partir de contenu Markdown. Je vais te donner une instruction et tu vas devoir me répondre le code markdown et uniquement le code markdown, ne fais pas de commentaire en dehors du code. Voici mon instruction : " + query + " Tu dois faire des phrases synthétiques. Tu dois utiliser les outils de mise en page Markdown pour rendre le contenu agréable à lire (mets les mots les plus importants de la phrase en gras avec le double **, en italique avec le simple *, utilise des emojis etc). C'est pour des enfants de 16 ans donc sois pédagogue. Tu dois répondre en Français uniquement !";
 62 | 			
 63 | 		
 64 | 	  try {
 65 | 		const response = await fetch("https://cors-anywhere.herokuapp.com/https://www.phorm.ai/api/db/generate_answer", {
 66 | 		  headers: {
 67 | 			"accept": "*/*",
 68 | 			"accept-language": "fr,fr-FR;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6,ko;q=0.5",
 69 | 			"content-type": "application/json",
 70 | 			"priority": "u=1, i",
 71 | 			"sec-ch-ua": "\"Microsoft Edge\";v=\"125\", \"Chromium\";v=\"125\", \"Not.A/Brand\";v=\"24\"",
 72 | 			"sec-ch-ua-mobile": "?0",
 73 | 			"sec-ch-ua-platform": "\"Windows\"",
 74 | 			"sec-fetch-dest": "empty",
 75 | 			"sec-fetch-mode": "cors",
 76 | 			"sec-fetch-site": "same-origin"
 77 | 		  },
 78 | 		  referrer: "https://www.phorm.ai/query?projectId=bcad2197-c0ff-4a4e-85e8-c8d4d63505b1&threadId=b9c3ec4a-5bd7-461b-bc66-54c1e9a7a469",
 79 | 		  referrerPolicy: "strict-origin-when-cross-origin",
 80 | 		  body: JSON.stringify({
 81 | 			query: query,
 82 | 			project: "bcad2197-c0ff-4a4e-85e8-c8d4d63505b1",
 83 | 			repos: ["https://github.com/xenocoderce/mymarkmap/tree/main"]
 84 | 		  }),
 85 | 		  method: "POST",
 86 | 		  mode: "cors",
 87 | 		  credentials: "omit"
 88 | 		});
 89 | 
 90 | 		if (!response.ok) {
 91 | 		  throw new Error('Network response was not ok ' + response.statusText);
 92 | 		}
 93 | 
 94 | 		const reader = response.body.getReader();
 95 | 		const decoder = new TextDecoder('utf-8');
 96 | 		let foundAnswer = false;
 97 | 		let result = '';
 98 | 
 99 | 		while (true) {
100 | 			const { done, value } = await reader.read();
101 | 			if (done) break;
102 | 
103 | 			let decodedChunk = decoder.decode(value, { stream: true });
104 | 			if (foundAnswer) {
105 | 				result += decodedChunk;
106 | 			} else if (decodedChunk.includes('"answer":')) {
107 | 				foundAnswer = true;
108 | 				result += decodedChunk.substring(decodedChunk.indexOf('"answer":') + 9);
109 | 			}
110 | 		}
111 | 
112 | 		
113 | 		result = result.replace(/[{}`]/g, '');
114 | 		result = result.replace(/```/g, '');
115 | 		result = result.replace(/\\n/g, "\n");
116 | 		result = result.slice(1, -1);
117 | 		result = result.substring(1);
118 | 
119 | 		return result;
120 | 		
121 | 	  } catch (error) {
122 | 		console.error('There has been a problem with your fetch operation:', error);
123 | 		throw error;
124 | 	  }
125 | 	}
126 | 
127 | 
128 | 
129 | 	
130 | 
131 | 	// Fonction appelée lorsque menuAI est cliqué
132 | 	function menuAI(event) {
133 | 		event.preventDefault();
134 | 		const selectedText = getSelectedText();
135 | 		console.log("Texte sélectionné :", selectedText);
136 | 		// Comment s'en servir
137 | 		const query = selectedText;		
138 | 		
139 | 
140 | 		AI(query).then(response => replaceSelectedText(response)).catch(console.error);		
141 | 		
142 | 		// Focaliser l'élément avec l'ID "editor"
143 | 		var editorElement = document.getElementById("editor");
144 | 		console.log(editorElement);
145 | 		editorElement.focus();
146 | 
147 | 		// Simuler un clic gauche
148 | 		editorElement.click();
149 | 
150 | 		// Simuler une pression sur la touche Entrée
151 | 		var event = new KeyboardEvent('keydown', {
152 | 		  'keyCode': 13,
153 | 		  'which': 13
154 | 		});
155 | 		editorElement.dispatchEvent(event);
156 | 	}
157 | 
158 | 
159 | 	function menuSaveAsSvg() {
160 | 		mindmapSaveAsSvg.update(n => true)
161 | 	}
162 | 
163 | 	function menuSaveAsHtml() {
164 | 		mindmapSaveAsHtml.update(n => true)
165 | 	}
166 | 
167 | 	function menuHide() {
168 | 		menu.style.display = menu.style.display == 'none' ? 'block' : 'none';
169 | 	}
170 | 
171 | 	function menuShare() {
172 | 		toastNotification();
173 | 		encodageHash = encodeURI(source);
174 | 		urlToShare = $baseURL + '/#' + encodageHash
175 | 		navigator.clipboard.writeText(urlToShare);
176 | 	}
177 | 
178 | 	function handleKeydown(event) {
179 | 		if (!$show) {
180 | 			if (event.key === 'e') {
181 | 				event.preventDefault();
182 | 				menu.style.display = 'block';
183 | 				menuEdit();
184 | 			}
185 | 			if (event.key === 's') {
186 | 				menu.style.display = 'block';
187 | 				menuSaveAsSvg();
188 | 			}
189 | 			if (event.key === 'h') {
190 | 				menu.style.display = 'block';
191 | 				menuSaveAsHtml();
192 | 			}
193 | 			if (event.key === 'l') {
194 | 				menu.style.display = 'block';
195 | 				menuShare();
196 | 			}
197 | 			if (event.key == 'm') {
198 | 				menuHide();
199 | 			}
200 | 			if (event.key == ' ') {
201 | 				event.preventDefault();
202 | 				currentSlide++;
203 | 				showNextSlide();
204 | 			}
205 | 			if (event.key == 'ArrowRight') {
206 | 				event.preventDefault();
207 | 				currentSlide++;
208 | 				showNextSlide();
209 | 			}
210 | 			if (event.key == 'ArrowLeft') {
211 | 				event.preventDefault();
212 | 				currentSlide--;
213 | 				showPreviousSlide();
214 | 			}
215 | 		} else {
216 | 			if (event.key === 'Escape') {
217 | 				menu.style.display = 'block';
218 | 				menuView();
219 | 			}
220 | 		}
221 | 	}
222 | 
223 | 	function beforeunload(event) {
224 | 		event.preventDefault();
225 | 		return event.returnValue = '';
226 | 	}
227 | 
228 | 	let showNotification = false;
229 | 
230 | 	function toastNotification() {
231 | 		showNotification= true
232 | 		setTimeout(function () {
233 | 			showNotification= false;
234 | 		}, 1500);
235 | 	}
236 | 
237 | 	function menuPlay() {
238 | 		showSlideshow = true;
239 | 		currentSlide = 0;
240 | 		slides = source.split('\n').filter(item => item.trim() !== '');
241 | 		showNextSlide();
242 | 	}
243 | 
244 | 	function showNextSlide() {
245 | 		if (currentSlide < slides.length) {
246 | 		} else {
247 | 			showSlideshow = false;
248 | 		}
249 | 	}
250 | 	function showPreviousSlide() {
251 | 		if (currentSlide != 0) {
252 | 		} else {
253 | 			showSlideshow = false;
254 | 		}
255 | 	}
256 | 
257 | 	function markdownToHTML(markdown) {
258 | 
259 | 		if (!markdown.includes("iframe")) {
260 | 			markdown = markdown.replace(/-/g, '');
261 | 		}else{
262 | 			if (markdown.startsWith("  - ")) {
263 | 				markdown = markdown.substring(1);
264 | 				markdown = markdown.substring(1);
265 | 				markdown = markdown.substring(1);
266 | 				markdown = markdown.substring(1);
267 | 			}
268 | 		}
269 | 		// Replace headers
270 | 		markdown = markdown.replace(/^(#+)(.*)$/gm, function(match, p1, p2) {
271 | 			var level = p1.length;
272 | 			return '<h' + level + '>' + p2.trim() + '</h' + level + '>';
273 | 		});
274 | 
275 | 		// Replace fenced code blocks (```)
276 |     	markdown = markdown.replace(/```(?:\r\n|\r|\n)?([^`]+?)```/g, '<pre><code>$1</code></pre>');
277 | 		
278 | 		// Replace ==highlighted text== with <mark>highlighted text</mark>
279 | 		markdown = markdown.replace(/==([^=]+)==/g, '<mark>$1</mark>');
280 | 
281 | 
282 | 		// Replace emphasis (* and _)
283 | 		markdown = markdown.replace(/(\*|_)(.*?)\1/g, '<em>$2</em>');
284 | 
285 | 		// Replace strong emphasis (** and __)
286 | 		markdown = markdown.replace(/(\*\*|__)(.*?)\1/g, '<strong>$2</strong>');
287 | 
288 | 		// Replace inline code (`)
289 | 		markdown = markdown.replace(/`(.+?)`/g, '<code>$1</code>');
290 | 
291 | 		// Replace links ([...](...))
292 | 		markdown = markdown.replace(/\[([^\]]+)]\(([^)]+)\)/g, '<a href="$2">$1</a>');
293 | 
294 | 
295 | 		// Replace paragraphs
296 | 		markdown = '<p>' + markdown.replace(/(?:\r\n|\r|\n){2,}/g, '</p><p>') + '</p>';
297 | 
298 | 		 // Replace double backslashes with <br>
299 |    	     markdown = markdown.replace(/\\\\/g, '<br>');
300 | 
301 | 		return markdown;
302 | 	}
303 | 
304 | 
305 | </script>
306 | 
307 | <svelte:window on:keydown={handleKeydown} on:beforeunload={beforeunload} />
308 | 
309 | 
310 | 
311 | {#if showSlideshow}
312 | 	<div class="slideshow" style="font-family: system-ui;font-size: 2.5em;">
313 | 		{#if slides[currentSlide]}
314 | 			<div>{@html markdownToHTML(slides[currentSlide])}</div>
315 | 		{/if}
316 | 	</div>
317 | {:else}
318 | 	<nav id="menu" bind:this={menu}>
319 | 		{#if $show}
320 | 			<a href="#edit" on:click|preventDefault={menuView}>👓</a>
321 | 			<a href="#edit" on:click|preventDefault={menuAI}>🪄</a>
322 | 		{:else}
323 | 			<a href="#edit" on:click|preventDefault={menuEdit}>✒️</a>
324 | 		{/if}
325 | 		<a href="#saveHTML" on:click|preventDefault={menuSaveAsHtml}>🌐</a>
326 | 		<a href="#saveSVG" on:click|preventDefault={menuSaveAsSvg}>💾</a>
327 | 		<a href="#share" on:click|preventDefault={menuShare}>🔗</a>
328 | 		{#if showNotification}
329 | 			<div id="shareNotification" in:fly="{{ y: 50, duration: 1000 }}" out:fade>Lien copié dans le presse-papier !</div>
330 | 		{/if}
331 | 		<a href="{$baseURL}" target="_blank" rel="noreferrer">❓</a>
332 | 		<a href="#play" on:click|preventDefault={menuPlay}>▶️</a>
333 | 	</nav>
334 | {/if}
335 | 
336 | <style>
337 | 	#menu {
338 | 		z-index: 1;
339 | 		margin: 1em;
340 | 		position: absolute;
341 | 		font-size: 1.4em;
342 | 	}
343 | 
344 | 	#menu a {
345 | 		margin-left: 0em;
346 | 		text-decoration: none;
347 | 	}
348 | 
349 | 	#shareNotification {
350 | 		position:absolute;
351 | 		width:160px;
352 | 		margin-top:1em;
353 | 		margin-left:2em;
354 | 		background-color: #5cb85c;
355 | 		color:white;
356 | 		font-size:16px;
357 | 		text-align:center;
358 | 		padding:10px 2px!important;
359 | 		display:table-cell;
360 | 		font-family: 'Roboto', 'sans-serif';
361 | 		border-radius:5px;
362 | 	}
363 | 
364 | 	.slideshow {
365 | 		display: flex;
366 | 		justify-content: center;
367 | 		align-items: center;
368 | 		height: 100vh;
369 | 		background-color: white;
370 | 		color: black;
371 | 		font-size: 2em;
372 | 		text-align: center;
373 | 	}
374 | </style>
375 | 


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