Compare commits
	
		
			8 Commits
		
	
	
		
			aakansha-h
			...
			minimap-po
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
|   | 232412d7bc | ||
|   | 6a8680f500 | ||
|   | 3b0aff0ac6 | ||
|   | 93d0a56bdb | ||
|   | 0a3675e1b9 | ||
|   | cf35caaf23 | ||
|   | 4e3bf7e8d2 | ||
|   | 4c3544df4a | 
| @@ -1,43 +0,0 @@ | ||||
| { | ||||
|   // These tasks will run in order when initializing your CodeSandbox project. | ||||
|   "setupTasks": [ | ||||
|     { | ||||
|       "name": "Install Dependencies", | ||||
|       "command": "yarn install" | ||||
|     } | ||||
|   ], | ||||
|  | ||||
|   // These tasks can be run from CodeSandbox. Running one will open a log in the app. | ||||
|   "tasks": { | ||||
|     "build": { | ||||
|       "name": "Build", | ||||
|       "command": "yarn build", | ||||
|       "runAtStart": false | ||||
|     }, | ||||
|     "fix": { | ||||
|       "name": "Fix", | ||||
|       "command": "yarn fix", | ||||
|       "runAtStart": false | ||||
|     }, | ||||
|     "prettier": { | ||||
|       "name": "Prettify", | ||||
|       "command": "yarn prettier", | ||||
|       "runAtStart": false | ||||
|     }, | ||||
|     "start": { | ||||
|       "name": "Start Excalidraw", | ||||
|       "command": "yarn start", | ||||
|       "runAtStart": true | ||||
|     }, | ||||
|     "test": { | ||||
|       "name": "Run Tests", | ||||
|       "command": "yarn test", | ||||
|       "runAtStart": false | ||||
|     }, | ||||
|     "install-deps": { | ||||
|       "name": "Install Dependencies", | ||||
|       "command": "yarn install", | ||||
|       "restartOn": { "files": ["yarn.lock"] } | ||||
|     } | ||||
|   } | ||||
| } | ||||
| @@ -1,10 +1,10 @@ | ||||
| * | ||||
| !.env | ||||
| !.eslintrc.json | ||||
| !.npmrc | ||||
| !.prettierrc | ||||
| !package.json | ||||
| !public/ | ||||
| !src/ | ||||
| !.npmrc | ||||
| !.eslintrc.json | ||||
| !.prettierrc | ||||
| !package-lock.json | ||||
| !package.json | ||||
| !tsconfig.json | ||||
| !yarn.lock | ||||
| !.env | ||||
|   | ||||
							
								
								
									
										5
									
								
								.env
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,5 @@ | ||||
| REACT_APP_BACKEND_V1_GET_URL=https://json.excalidraw.com/api/v1/ | ||||
| REACT_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/ | ||||
| REACT_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/ | ||||
| REACT_APP_SOCKET_SERVER_URL=https://portal.excalidraw.com | ||||
| REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}' | ||||
| @@ -1,22 +0,0 @@ | ||||
| REACT_APP_BACKEND_V2_GET_URL=https://json-dev.excalidraw.com/api/v2/ | ||||
| REACT_APP_BACKEND_V2_POST_URL=https://json-dev.excalidraw.com/api/v2/post/ | ||||
|  | ||||
| REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com | ||||
| REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries | ||||
|  | ||||
| # collaboration WebSocket server (https://github.com/excalidraw/excalidraw-room) | ||||
| REACT_APP_WS_SERVER_URL=http://localhost:3002 | ||||
|  | ||||
| # set this only if using the collaboration workflow we use on excalidraw.com | ||||
| REACT_APP_PORTAL_URL= | ||||
|  | ||||
| REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}' | ||||
|  | ||||
| # put these in your .env.local, or make sure you don't commit! | ||||
| # must be lowercase `true` when turned on | ||||
| # | ||||
| # whether to enable Service Workers in development | ||||
| REACT_APP_DEV_ENABLE_SW= | ||||
| # whether to disable live reload / HMR. Usuaully what you want to do when | ||||
| # debugging Service Workers. | ||||
| REACT_APP_DEV_DISABLE_LIVE_RELOAD= | ||||
| @@ -1,17 +1 @@ | ||||
| REACT_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/ | ||||
| REACT_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/ | ||||
|  | ||||
| REACT_APP_LIBRARY_URL=https://libraries.excalidraw.com | ||||
| REACT_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries | ||||
|  | ||||
| REACT_APP_PORTAL_URL=https://portal.excalidraw.com | ||||
| # Fill to set socket server URL used for collaboration. | ||||
| # Meant for forks only: excalidraw.com uses custom REACT_APP_PORTAL_URL flow | ||||
| REACT_APP_WS_SERVER_URL= | ||||
|  | ||||
| REACT_APP_FIREBASE_CONFIG='{"apiKey":"AIzaSyAd15pYlMci_xIp9ko6wkEsDzAAA0Dn0RU","authDomain":"excalidraw-room-persistence.firebaseapp.com","databaseURL":"https://excalidraw-room-persistence.firebaseio.com","projectId":"excalidraw-room-persistence","storageBucket":"excalidraw-room-persistence.appspot.com","messagingSenderId":"654800341332","appId":"1:654800341332:web:4a692de832b55bd57ce0c1"}' | ||||
|  | ||||
| # production-only vars | ||||
| REACT_APP_GOOGLE_ANALYTICS_ID=UA-387204-13 | ||||
|  | ||||
| REACT_APP_PLUS_APP=https://app.excalidraw.com | ||||
|   | ||||
| @@ -4,5 +4,3 @@ package-lock.json | ||||
| .vscode/ | ||||
| firebase/ | ||||
| dist/ | ||||
| public/workbox | ||||
| src/packages/excalidraw/types | ||||
|   | ||||
| @@ -1,7 +1,40 @@ | ||||
| { | ||||
|   "extends": ["@excalidraw/eslint-config", "react-app"], | ||||
|   "extends": ["prettier", "react-app"], | ||||
|   "plugins": ["prettier"], | ||||
|   "rules": { | ||||
|     "@typescript-eslint/no-unused-vars": "warn", | ||||
|     "curly": "warn", | ||||
|     "dot-notation": "warn", | ||||
|     "import/no-anonymous-default-export": "off", | ||||
|     "no-restricted-globals": "off" | ||||
|     "no-console": [ | ||||
|       "warn", | ||||
|       { | ||||
|         "allow": ["warn", "error", "info"] | ||||
|       } | ||||
|     ], | ||||
|     "no-else-return": "warn", | ||||
|     "no-lonely-if": "warn", | ||||
|     "no-restricted-syntax": [ | ||||
|       "warn", | ||||
|       { | ||||
|         "message": "Use 't(...)' instead of literal text in JSX", | ||||
|         "selector": "JSXText[value=/\\w/]" | ||||
|       } | ||||
|     ], | ||||
|     "no-unneeded-ternary": "warn", | ||||
|     "no-unused-expressions": "warn", | ||||
|     "no-useless-return": "warn", | ||||
|     "no-var": "warn", | ||||
|     "object-shorthand": "warn", | ||||
|     "one-var": ["warn", "never"], | ||||
|     "prefer-arrow-callback": "warn", | ||||
|     "prefer-const": [ | ||||
|       "warn", | ||||
|       { | ||||
|         "destructuring": "all" | ||||
|       } | ||||
|     ], | ||||
|     "prefer-template": "warn", | ||||
|     "prettier/prettier": "warn" | ||||
|   } | ||||
| } | ||||
|   | ||||
							
								
								
									
										6
									
								
								.github/assets/crowdin.svg
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,6 +0,0 @@ | ||||
| <svg height="50" viewBox="0 0 257 50" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"> | ||||
| 	<path fill="#fff" d="M-7.977-9.253h288.95v78.13H-7.977z" /> | ||||
| 	<path d="M67.626 32.315c-1.34 0-2.207 0-2.207-1.025 0-.236.079-.551.236-.946l4.02-8.907h12.929c1.34 0 2.128-.08 2.128.946 0 .315-.078.63-.236.946l-.788 1.734h5.439l1.104-2.444c.157-.394.157-.71.157-1.025 0-2.207-2.365-3.31-4.257-3.31H65.655l-5.754 12.691c-.158.394-.158.71-.158 1.025 0 2.365 1.97 3.547 4.73 3.547h20.26l1.26-3.232H67.627zm42.727-14.11H95.059l-6.937 17.342h5.518l5.519-14.032h8.435c1.34 0 2.05-.157 2.05.868 0 .315-.08.63-.237.946l-.789 1.734h5.518l1.104-2.444c.158-.394.158-.71.158-1.025 0-1.025-.552-1.892-1.734-2.522-.946-.473-2.208-.868-3.311-.868zm30.35 0h-21.285l-5.754 12.691c-.158.316-.158.63-.158 1.025 0 1.97 1.419 3.547 3.232 3.547h21.52l5.834-13.007c.158-.394.158-.71.158-1.024 0-2.05-1.734-3.233-3.547-3.233zm-6.701 14.19h-12.85c-1.34 0-1.97-.159-1.97-1.183 0-.316.079-.631.236-.946l4.178-8.908h12.929c1.26 0 1.891-.08 1.891.946 0 .315-.078.63-.236 1.025l-4.178 9.065zm13.953 3.152h28.695l7.41-17.264h-5.676l-6.149 14.032h-9.223l6.149-14.11h-5.676l-6.386 14.031h-6.306c-1.34 0-2.05-.157-2.05-1.182 0-.315.08-.63.237-.946l5.282-11.982h-5.519l-5.518 12.455c-1.103 3.39 2.207 4.966 4.73 4.966zm67.874-23.649l-5.913 1.577-1.97 4.73h-14.584c-3.548 0-6.7 1.576-8.278 4.73l-3.941 9.46c-.788 1.576.63 3.152 3.31 3.152h21.128l10.248-23.649zm-27.591 20.496c-1.183 0-1.735-.788-1.577-1.577l3.469-7.567c.788-1.813 2.68-1.892 4.414-1.892h11.825l-4.73 11.036h-13.401zm26.802 3.153l7.49-17.737-6.307 1.183-7.095 16.554h5.912zm8.435-19.944l1.656-3.705-6.228 1.261-1.577 3.705 6.15-1.26zm22.23 2.601h-20.417l-7.094 17.343h5.518l5.518-14.19h13.48c1.34 0 2.05-.078 2.05 1.026 0 .315-.08.63-.237.946l-5.518 12.297h5.518l5.834-13.007c.157-.315.157-.63.157-1.025 0-1.025-.552-1.892-1.734-2.522-.867-.473-1.892-.868-3.074-.868zm-192.82.868c-8.672-1.025-16.476.71-17.58 6.148 0 .237-.157 1.262-.157 1.42l1.419.157v2.207l-1.34-.157c.551 5.597 3.626 7.252 6.858 7.331h.236c1.42.079 2.917-.237 4.178-.788.08 0 .08-.08.08-.08v-.157c0-.079-.08-.079-.08-.157-.078 0-.078-.08-.157-.08-2.996.395-5.755-2.049-5.755-7.015 0-6.228 4.888-8.514 12.298-8.514.236.158.315-.237 0-.315zM36.803 30.344c.788 0 1.498.158 2.207.237.237 1.655 1.025 3.232 2.208 4.336-1.183-.158-2.208-.71-3.075-1.498a6.051 6.051 0 01-1.34-3.075zm2.68-5.439c0 .237-.157.552-.236.946h-1.025c-.552 0-1.025-.079-1.576-.158v-.157c.63-3.39 4.02-4.73 7.252-5.36a7.997 7.997 0 00-2.76 1.812c-.787.868-1.34 1.813-1.655 2.917z" fill="#2e3340" fill-rule="nonzero" /> | ||||
| 	<path d="M56.274 14.105c-6.543-1.813-34.055-4.02-34.055 11.273.946.158 1.577.315 2.05.394-.079 1.183 0 2.444 0 3.626l-2.444-.394c0 8.83 6.464 11.667 11.588 11.667.868 0 1.656-.078 2.523-.157 2.128-.237 4.178-.867 5.991-1.892.079 0 .079-.08.079-.08v-.157c0-.079-.079-.079-.079-.157-.079 0-.079-.08-.157-.08-4.336.868-10.17-.315-10.17-10.563 0-13.637 19.156-12.77 24.753-13.007.08 0 .08-.079.08-.079v-.157c0-.08 0-.08-.08-.158 0-.079 0-.079-.079-.079zM33.414 39.41a9.362 9.362 0 01-6.78-2.286c-1.892-1.656-3.074-3.942-3.31-6.385 1.655.236 3.704.394 5.438.473a9.43 9.43 0 001.577 4.808c.946 1.42 2.207 2.602 3.705 3.39h-.63zM28.92 24.984l-2.601-.237-2.602-.315c0-7.962 12.77-11.036 18.683-10.484-5.912 1.34-13.086 4.099-13.48 11.036z" fill="#2e3340" fill-rule="nonzero" /> | ||||
| 	<path d="M59.664 9.533c-7.962-2.68-17.027-4.02-25.462-3.941-12.22 0-27.67 3.626-28.064 16.081l3.31.788c-.393 1.577-.393 4.81-.393 4.81s-1.892-.553-2.917-.79c0 14.821 8.671 18.526 17.027 18.526 3.39 0 6.701-.552 9.854-1.734.08 0 .08-.08.08-.08v-.157c0-.079-.08-.079-.08-.157h-.157c-2.602 0-4.651.867-8.75-2.05-7.963-5.597-7.017-20.102 2.128-26.408 9.46-6.701 29.798-4.573 33.267-4.415h.157s.079 0 .079-.079v-.236l-.079-.158zm-36.42 34.292c-9.932 0-14.978-5.36-15.45-15.609 2.68.71 5.202 1.34 7.961 1.734-.157 4.02 1.262 7.962 4.02 11.037a12.488 12.488 0 005.046 2.916l-1.577-.078zM45.632 7.956c-12.06 0-26.014 1.42-28.773 14.584 0 0-7.41-1.182-9.066-1.576C9.843 4.409 38.38 5.67 49.89 7.956h-4.257z" fill="#2e3340" fill-rule="nonzero" /> | ||||
| </svg> | ||||
| Before Width: | Height: | Size: 4.1 KiB | 
							
								
								
									
										9
									
								
								.github/assets/sentry.svg
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,9 +0,0 @@ | ||||
| <svg class="__sntry__ css-15xgryy e10nushx5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 222 66" height="50" style="background-color: rgb(255, 255, 255);"> | ||||
| 	<defs> | ||||
| 		<style type="text/css"> | ||||
| 			@media (prefers-color-scheme: dark) {svg.__sntry__ { background-color: #584674 !important; }path.__sntry__ { fill: #ffffff !important; }} | ||||
| 		</style> | ||||
| 	</defs> | ||||
| 	<path d="M29,2.26a4.67,4.67,0,0,0-8,0L14.42,13.53A32.21,32.21,0,0,1,32.17,40.19H27.55A27.68,27.68,0,0,0,12.09,17.47L6,28a15.92,15.92,0,0,1,9.23,12.17H4.62A.76.76,0,0,1,4,39.06l2.94-5a10.74,10.74,0,0,0-3.36-1.9l-2.91,5a4.54,4.54,0,0,0,1.69,6.24A4.66,4.66,0,0,0,4.62,44H19.15a19.4,19.4,0,0,0-8-17.31l2.31-4A23.87,23.87,0,0,1,23.76,44H36.07a35.88,35.88,0,0,0-16.41-31.8l4.67-8a.77.77,0,0,1,1.05-.27c.53.29,20.29,34.77,20.66,35.17a.76.76,0,0,1-.68,1.13H40.6q.09,1.91,0,3.81h4.78A4.59,4.59,0,0,0,50,39.43a4.49,4.49,0,0,0-.62-2.28Z M124.32,28.28,109.56,9.22h-3.68V34.77h3.73V15.19l15.18,19.58h3.26V9.22h-3.73ZM87.15,23.54h13.23V20.22H87.14V12.53h14.93V9.21H83.34V34.77h18.92V31.45H87.14ZM71.59,20.3h0C66.44,19.06,65,18.08,65,15.7c0-2.14,1.89-3.59,4.71-3.59a12.06,12.06,0,0,1,7.07,2.55l2-2.83a14.1,14.1,0,0,0-9-3c-5.06,0-8.59,3-8.59,7.27,0,4.6,3,6.19,8.46,7.52C74.51,24.74,76,25.78,76,28.11s-2,3.77-5.09,3.77a12.34,12.34,0,0,1-8.3-3.26l-2.25,2.69a15.94,15.94,0,0,0,10.42,3.85c5.48,0,9-2.95,9-7.51C79.75,23.79,77.47,21.72,71.59,20.3ZM195.7,9.22l-7.69,12-7.64-12h-4.46L186,24.67V34.78h3.84V24.55L200,9.22Zm-64.63,3.46h8.37v22.1h3.84V12.68h8.37V9.22H131.08ZM169.41,24.8c3.86-1.07,6-3.77,6-7.63,0-4.91-3.59-8-9.38-8H154.67V34.76h3.8V25.58h6.45l6.48,9.2h4.44l-7-9.82Zm-10.95-2.5V12.6h7.17c3.74,0,5.88,1.77,5.88,4.84s-2.29,4.86-5.84,4.86Z" transform="translate(11, 11)" fill="#362d59" class="__sntry__"> | ||||
| 	</path> | ||||
| </svg> | ||||
| Before Width: | Height: | Size: 1.7 KiB | 
							
								
								
									
										3
									
								
								.github/assets/vercel.svg
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,3 +0,0 @@ | ||||
| <svg height="50" viewBox="0 0 164 50" xmlns="http://www.w3.org/2000/svg" style="background:#fff" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"> | ||||
| 	<path d="M78.21 15.587c-5.672 0-9.762 3.864-9.762 9.661s4.604 9.66 10.276 9.66c3.427 0 6.448-1.416 8.319-3.805l-3.931-2.372c-1.038 1.186-2.615 1.879-4.388 1.879-2.461 0-4.552-1.342-5.328-3.489h14.397c.113-.601.18-1.223.18-1.879 0-5.79-4.09-9.655-9.763-9.655zm-4.86 7.783c.642-2.142 2.399-3.489 4.855-3.489 2.461 0 4.219 1.347 4.855 3.489h-9.71zm60.187-7.783c-5.673 0-9.763 3.864-9.763 9.661s4.604 9.66 10.276 9.66c3.427 0 6.449-1.416 8.319-3.805l-3.931-2.372c-1.038 1.186-2.615 1.879-4.388 1.879-2.461 0-4.552-1.342-5.328-3.489h14.397c.113-.601.18-1.223.18-1.879 0-5.79-4.09-9.655-9.762-9.655zm-4.856 7.783c.642-2.142 2.4-3.489 4.856-3.489 2.46 0 4.218 1.347 4.855 3.489h-9.711zm-20.054 1.878c0 3.22 2.015 5.367 5.139 5.367 2.116 0 3.704-1.003 4.52-2.64l3.947 2.378c-1.634 2.843-4.696 4.556-8.467 4.556-5.678 0-9.763-3.864-9.763-9.661s4.09-9.66 9.763-9.66c3.77 0 6.828 1.712 8.467 4.556l-3.946 2.377c-.817-1.637-2.405-2.64-4.521-2.64-3.12 0-5.139 2.147-5.139 5.367zm42.378-15.565v24.69h-4.624V9.682h4.624zM24.73 7l18.985 34.35H5.744L24.73 7zm47.465 2.683L57.956 35.446 43.72 9.683h5.338l8.9 16.102 8.898-16.102h5.339zm30.268 6.44v5.202a5.634 5.634 0 00-1.644-.263c-2.985 0-5.138 2.147-5.138 5.367v7.943h-4.624V16.124h4.624v4.938c0-2.727 3.036-4.938 6.782-4.938z" fill-rule="nonzero" /> | ||||
| </svg> | ||||
| Before Width: | Height: | Size: 1.4 KiB | 
							
								
								
									
										37
									
								
								.github/dependabot.yml
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,37 @@ | ||||
| version: 2 | ||||
| updates: | ||||
|   - package-ecosystem: npm | ||||
|     directory: "/" | ||||
|     schedule: | ||||
|       interval: weekly | ||||
|       day: sunday | ||||
|       time: "01:00" | ||||
|     open-pull-requests-limit: 99 | ||||
|     reviewers: | ||||
|       - lipis | ||||
|     assignees: | ||||
|       - lipis | ||||
|  | ||||
|   - package-ecosystem: npm | ||||
|     directory: "/src/packages/excalidraw/" | ||||
|     schedule: | ||||
|       interval: weekly | ||||
|       day: sunday | ||||
|       time: "01:00" | ||||
|     open-pull-requests-limit: 99 | ||||
|     reviewers: | ||||
|       - ad1992 | ||||
|     assignees: | ||||
|       - ad1992 | ||||
|  | ||||
|   - package-ecosystem: npm | ||||
|     directory: "/src/packages/utils/" | ||||
|     schedule: | ||||
|       interval: weekly | ||||
|       day: sunday | ||||
|       time: "01:00" | ||||
|     open-pull-requests-limit: 99 | ||||
|     reviewers: | ||||
|       - ad1992 | ||||
|     assignees: | ||||
|       - ad1992 | ||||
							
								
								
									
										27
									
								
								.github/workflows/autorelease-excalidraw.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,27 +0,0 @@ | ||||
| name: Auto release excalidraw next | ||||
| on: | ||||
|   push: | ||||
|     branches: | ||||
|       - master | ||||
|  | ||||
| jobs: | ||||
|   Auto-release-excalidraw-next: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v2 | ||||
|         with: | ||||
|           fetch-depth: 2 | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|       - name: Set up publish access | ||||
|         run: | | ||||
|           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN} | ||||
|         env: | ||||
|           NPM_TOKEN: ${{ secrets.NPM_TOKEN }} | ||||
|       - name: Auto release | ||||
|         run: | | ||||
|           yarn add @actions/core | ||||
|           yarn autorelease | ||||
							
								
								
									
										55
									
								
								.github/workflows/autorelease-preview.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,55 +0,0 @@ | ||||
| name: Auto release excalidraw preview | ||||
| on: | ||||
|   issue_comment: | ||||
|     types: [created, edited] | ||||
|  | ||||
| jobs: | ||||
|   Auto-release-excalidraw-preview: | ||||
|     name: Auto release preview | ||||
|     if: github.event.comment.body == '@excalibot trigger release' && github.event.issue.pull_request | ||||
|     runs-on: ubuntu-latest | ||||
|     steps: | ||||
|       - name: React to release comment | ||||
|         uses: peter-evans/create-or-update-comment@v1 | ||||
|         with: | ||||
|           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }} | ||||
|           comment-id: ${{ github.event.comment.id }} | ||||
|           reactions: "+1" | ||||
|       - name: Get PR SHA | ||||
|         id: sha | ||||
|         uses: actions/github-script@v4 | ||||
|         with: | ||||
|           result-encoding: string | ||||
|           script: | | ||||
|             const { owner, repo, number } = context.issue; | ||||
|             const pr = await github.pulls.get({ | ||||
|               owner, | ||||
|               repo, | ||||
|               pull_number: number, | ||||
|             }); | ||||
|             return pr.data.head.sha | ||||
|       - uses: actions/checkout@v2 | ||||
|         with: | ||||
|           ref: ${{ steps.sha.outputs.result }} | ||||
|           fetch-depth: 2 | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|       - name: Set up publish access | ||||
|         run: | | ||||
|           npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN} | ||||
|         env: | ||||
|           NPM_TOKEN: ${{ secrets.NPM_TOKEN }} | ||||
|       - name: Auto release preview | ||||
|         id: "autorelease" | ||||
|         run: | | ||||
|           yarn add @actions/core | ||||
|           yarn autorelease preview ${{ github.event.issue.number }} | ||||
|       - name: Post comment post release | ||||
|         if: always() | ||||
|         uses: peter-evans/create-or-update-comment@v1 | ||||
|         with: | ||||
|           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }} | ||||
|           issue-number: ${{ github.event.issue.number }} | ||||
|           body: "@${{ github.event.comment.user.login }} ${{ steps.autorelease.outputs.result }}" | ||||
							
								
								
									
										5
									
								
								.github/workflows/build-docker.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -6,8 +6,9 @@ on: | ||||
|       - master | ||||
|  | ||||
| jobs: | ||||
|   build-docker: | ||||
|   build: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v2 | ||||
|       - uses: actions/checkout@v1 | ||||
|       - run: docker build -t excalidraw . | ||||
|   | ||||
							
								
								
									
										33
									
								
								.github/workflows/build-packages.yml
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,33 @@ | ||||
| name: Build packages | ||||
|  | ||||
| on: | ||||
|   push: | ||||
|     branches: | ||||
|       - master | ||||
|   pull_request: | ||||
|  | ||||
| jobs: | ||||
|   build: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v1 | ||||
|  | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v1 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|  | ||||
|       - name: Install dependencies | ||||
|         run: | | ||||
|           npm ci | ||||
|           npm ci --prefix src/packages/excalidraw | ||||
|           npm ci --prefix src/packages/utils | ||||
|  | ||||
|       - name: Build @excalidraw/excalidraw | ||||
|         run: | | ||||
|           npm run pack --prefix src/packages/excalidraw | ||||
|  | ||||
|       - name: Build @excalidraw/utils | ||||
|         run: | | ||||
|           npm run pack --prefix src/packages/utils | ||||
							
								
								
									
										1
									
								
								.github/workflows/cancel.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -9,6 +9,7 @@ on: | ||||
| jobs: | ||||
|   cancel: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     timeout-minutes: 3 | ||||
|     steps: | ||||
|       - uses: styfle/cancel-workflow-action@0.6.0 | ||||
|   | ||||
							
								
								
									
										12
									
								
								.github/workflows/lint.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -7,16 +7,16 @@ jobs: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v2 | ||||
|       - uses: actions/checkout@v1 | ||||
|  | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         uses: actions/setup-node@v1 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|  | ||||
|       - name: Install and lint | ||||
|         run: | | ||||
|           yarn --frozen-lockfile | ||||
|           yarn test:other | ||||
|           yarn test:code | ||||
|           yarn test:typecheck | ||||
|           npm ci | ||||
|           npm run test:other | ||||
|           npm run test:code | ||||
|           npm run test:typecheck | ||||
|   | ||||
							
								
								
									
										6
									
								
								.github/workflows/locales-coverage.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -3,7 +3,7 @@ name: Build locales coverage | ||||
| on: | ||||
|   push: | ||||
|     branches: | ||||
|       - l10n_master | ||||
|       - "l10n_master" | ||||
|  | ||||
| jobs: | ||||
|   locales: | ||||
| @@ -15,13 +15,13 @@ jobs: | ||||
|           token: ${{ secrets.PUSH_TRANSLATIONS_COVERAGE_PAT }} | ||||
|  | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         uses: actions/setup-node@v1 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|  | ||||
|       - name: Create report file | ||||
|         run: | | ||||
|           yarn locales-coverage | ||||
|           npm run locales-coverage | ||||
|           FILE_CHANGED=$(git diff src/locales/percentages.json) | ||||
|           if [ ! -z "${FILE_CHANGED}" ]; then | ||||
|             git config --global user.name 'Excalidraw Bot' | ||||
|   | ||||
							
								
								
									
										15
									
								
								.github/workflows/publish-docker.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -10,16 +10,11 @@ jobs: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - name: Checkout repository | ||||
|         uses: actions/checkout@v3 | ||||
|       - name: Login to DockerHub | ||||
|         uses: docker/login-action@v2 | ||||
|       - uses: actions/checkout@v2 | ||||
|       - uses: docker/build-push-action@v1 | ||||
|         with: | ||||
|           username: ${{ secrets.DOCKER_USERNAME }} | ||||
|           password: ${{ secrets.DOCKER_PASSWORD }} | ||||
|       - name: Build and push | ||||
|         uses: docker/build-push-action@v3 | ||||
|         with: | ||||
|           context: . | ||||
|           push: true | ||||
|           tags: excalidraw/excalidraw:latest | ||||
|           repository: excalidraw/excalidraw | ||||
|           tag_with_ref: true | ||||
|           tag_with_sha: true | ||||
|   | ||||
							
								
								
									
										5
									
								
								.github/workflows/semantic-pr-title.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,4 +1,4 @@ | ||||
| name: Semantic PR title | ||||
| name: "Semantic PR title" | ||||
|  | ||||
| on: | ||||
|   pull_request_target: | ||||
| @@ -8,8 +8,9 @@ on: | ||||
|       - synchronize | ||||
|  | ||||
| jobs: | ||||
|   semantic: | ||||
|   main: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: amannn/action-semantic-pull-request@v3.0.0 | ||||
|         env: | ||||
|   | ||||
							
								
								
									
										17
									
								
								.github/workflows/sentry-production.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,4 +1,4 @@ | ||||
| name: New Sentry production release | ||||
| name: New Sentry Production Release | ||||
|  | ||||
| on: | ||||
|   push: | ||||
| @@ -6,23 +6,28 @@ on: | ||||
|       - master | ||||
|  | ||||
| jobs: | ||||
|   sentry: | ||||
|   release: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v2 | ||||
|       - uses: actions/checkout@v1.0.0 | ||||
|  | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         uses: actions/setup-node@v1 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|  | ||||
|       - name: Install and build | ||||
|         run: | | ||||
|           yarn --frozen-lockfile | ||||
|           yarn build:app | ||||
|           npm ci | ||||
|           npm run build:app | ||||
|         env: | ||||
|           CI: true | ||||
|  | ||||
|       - name: Install Sentry | ||||
|         run: | | ||||
|           curl -sL https://sentry.io/get-cli/ | bash | ||||
|  | ||||
|       - name: Create new Sentry release | ||||
|         run: | | ||||
|           export SENTRY_RELEASE=$(sentry-cli releases propose-version) | ||||
|   | ||||
							
								
								
									
										11
									
								
								.github/workflows/test.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -5,13 +5,16 @@ on: pull_request | ||||
| jobs: | ||||
|   test: | ||||
|     runs-on: ubuntu-latest | ||||
|  | ||||
|     steps: | ||||
|       - uses: actions/checkout@v2 | ||||
|       - uses: actions/checkout@v1 | ||||
|  | ||||
|       - name: Setup Node.js 14.x | ||||
|         uses: actions/setup-node@v2 | ||||
|         uses: actions/setup-node@v1 | ||||
|         with: | ||||
|           node-version: 14.x | ||||
|  | ||||
|       - name: Install and test | ||||
|         run: | | ||||
|           yarn --frozen-lockfile | ||||
|           yarn test:app | ||||
|           npm ci | ||||
|           npm run test:app | ||||
|   | ||||
							
								
								
									
										10
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -5,11 +5,9 @@ | ||||
| .env.test.local | ||||
| .envrc | ||||
| .eslintcache | ||||
| .history | ||||
| .idea | ||||
| .vercel | ||||
| .vscode | ||||
| .yarn | ||||
| *.log | ||||
| *.tgz | ||||
| build | ||||
| @@ -18,11 +16,7 @@ firebase | ||||
| logs | ||||
| node_modules | ||||
| npm-debug.log* | ||||
| package-lock.json | ||||
| static | ||||
| yarn-debug.log* | ||||
| yarn-error.log* | ||||
| src/packages/excalidraw/types | ||||
| src/packages/excalidraw/example/public/bundle.js | ||||
| src/packages/excalidraw/example/public/excalidraw-assets-dev | ||||
| src/packages/excalidraw/example/public/excalidraw.development.js | ||||
|  | ||||
| yarn.lock | ||||
|   | ||||
| @@ -1,2 +0,0 @@ | ||||
| #!/bin/sh | ||||
| yarn lint-staged | ||||
							
								
								
									
										4
									
								
								.prettierrc
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,4 @@ | ||||
| { | ||||
|   "proseWrap": "never", | ||||
|   "trailingComma": "all" | ||||
| } | ||||
| @@ -5,7 +5,7 @@ | ||||
| ### Option 1 - Manual | ||||
|  | ||||
| 1. Fork and clone the repo | ||||
| 1. Run `yarn` to install dependencies | ||||
| 1. Run `npm install` to install dependencies | ||||
| 1. Create a branch for your PR with `git checkout -b your-branch-name` | ||||
|  | ||||
| > To keep `master` branch pointing to remote repository and make pull requests from branches on your fork. To do this, run: | ||||
|   | ||||
| @@ -2,15 +2,15 @@ FROM node:14-alpine AS build | ||||
|  | ||||
| WORKDIR /opt/node_app | ||||
|  | ||||
| COPY package.json yarn.lock ./ | ||||
| RUN yarn --ignore-optional | ||||
| COPY package.json package-lock.json ./ | ||||
| RUN npm i --no-optional | ||||
|  | ||||
| ARG NODE_ENV=production | ||||
|  | ||||
| COPY . . | ||||
| RUN yarn build:app:docker | ||||
| RUN npm run build:app:docker | ||||
|  | ||||
| FROM nginx:1.21-alpine | ||||
| FROM nginx:1.17-alpine | ||||
|  | ||||
| COPY --from=build /opt/node_app/build /usr/share/nginx/html | ||||
|  | ||||
|   | ||||
							
								
								
									
										79
									
								
								README.md
									
									
									
									
									
								
							
							
						
						| @@ -28,14 +28,6 @@ If you like the project, you can become a sponsor at [Open Collective](https://o | ||||
|  | ||||
| <a href="https://opencollective.com/excalidraw#category-CONTRIBUTE" target="_blank"><img src="https://opencollective.com/excalidraw/tiers/backers.svg?avatarHeight=32"/></a> | ||||
|  | ||||
| Last but not least, we're thankful to these companies for offering their services for free: | ||||
|  | ||||
| [](https://vercel.com) [](https://sentry.io) [](https://crowdin.com) | ||||
|  | ||||
| ## Who's integrating Excalidraw | ||||
|  | ||||
| [Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/) • | ||||
|  | ||||
| ## Documentation | ||||
|  | ||||
| ### Shortcuts | ||||
| @@ -74,8 +66,6 @@ The first set of digits is the room. This is visible from the server that’s go | ||||
|  | ||||
| The second set of digits is the encryption key. The Excalidraw server doesn’t know about it. This is what all the participants use to encrypt/decrypt the messages. | ||||
|  | ||||
| > Note: Please ensure that the encryption key is 22 characters long. | ||||
|  | ||||
| ## Shape libraries | ||||
|  | ||||
| Find a growing list of libraries containing assets for your drawings at [libraries.excalidraw.com](https://libraries.excalidraw.com). | ||||
| @@ -88,7 +78,7 @@ Try out [`@excalidraw/excalidraw`](https://www.npmjs.com/package/@excalidraw/exc | ||||
|  | ||||
| ### Code Sandbox | ||||
|  | ||||
| - Go to https://codesandbox.io/p/github/excalidraw/excalidraw | ||||
| - Go to https://codesandbox.io/s/github/excalidraw/excalidraw | ||||
|   - You may need to sign in with GitHub and reload the page | ||||
| - You can start coding instantly, and even send PRs from there! | ||||
|  | ||||
| @@ -96,73 +86,22 @@ Try out [`@excalidraw/excalidraw`](https://www.npmjs.com/package/@excalidraw/exc | ||||
|  | ||||
| These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. | ||||
|  | ||||
| #### Requirements | ||||
|  | ||||
| - [Node.js](https://nodejs.org/en/) | ||||
| - [Yarn](https://yarnpkg.com/getting-started/install) (v1 or v2.4.2+) | ||||
| - [Git](https://git-scm.com/downloads) | ||||
|  | ||||
| #### Clone the repo | ||||
|  | ||||
| ```bash | ||||
| git clone https://github.com/excalidraw/excalidraw.git | ||||
| ``` | ||||
|  | ||||
| #### Install the dependencies | ||||
|  | ||||
| ```bash | ||||
| yarn | ||||
| ``` | ||||
|  | ||||
| #### Start the server | ||||
|  | ||||
| ```bash | ||||
| yarn start | ||||
| ``` | ||||
|  | ||||
| Now you can open [http://localhost:3000](http://localhost:3000) and start coding in your favorite code editor. | ||||
|  | ||||
| #### Collaboration | ||||
|  | ||||
| For collaboration, you will need to set up [collab server](https://github.com/excalidraw/excalidraw-room) in local. | ||||
|  | ||||
| #### Commands | ||||
|  | ||||
| ##### Install the dependencies | ||||
|  | ||||
| ``` | ||||
| yarn | ||||
| ``` | ||||
|  | ||||
| ##### Run the project | ||||
|  | ||||
| ``` | ||||
| yarn start | ||||
| ``` | ||||
|  | ||||
| ##### Reformat all files with Prettier | ||||
|  | ||||
| ``` | ||||
| yarn fix | ||||
| ``` | ||||
|  | ||||
| ##### Run tests | ||||
|  | ||||
| ``` | ||||
| yarn test | ||||
| ``` | ||||
|  | ||||
| ##### Update test snapshots | ||||
|  | ||||
| ``` | ||||
| yarn test:update | ||||
| ``` | ||||
|  | ||||
| ##### Test for formatting with Prettier | ||||
|  | ||||
| ``` | ||||
| yarn test:code | ||||
| ``` | ||||
| | Command               | Description                       | | ||||
| | --------------------- | --------------------------------- | | ||||
| | `npm install`         | Install the dependencies          | | ||||
| | `npm start`           | Run the project                   | | ||||
| | `npm run fix`         | Reformat all files with Prettier  | | ||||
| | `npm test`            | Run tests                         | | ||||
| | `npm run test:update` | Update test snapshots             | | ||||
| | `npm run test:code`   | Test for formatting with Prettier | | ||||
|  | ||||
| #### Docker Compose | ||||
|  | ||||
|   | ||||
							
								
								
									
										20
									
								
								dev-docs/.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,20 +0,0 @@ | ||||
| # Dependencies | ||||
| /node_modules | ||||
|  | ||||
| # Production | ||||
| /build | ||||
|  | ||||
| # Generated files | ||||
| .docusaurus | ||||
| .cache-loader | ||||
|  | ||||
| # Misc | ||||
| .DS_Store | ||||
| .env.local | ||||
| .env.development.local | ||||
| .env.test.local | ||||
| .env.production.local | ||||
|  | ||||
| npm-debug.log* | ||||
| yarn-debug.log* | ||||
| yarn-error.log* | ||||
| @@ -1,41 +0,0 @@ | ||||
| # Website | ||||
|  | ||||
| This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator. | ||||
|  | ||||
| ### Installation | ||||
|  | ||||
| ``` | ||||
| $ yarn | ||||
| ``` | ||||
|  | ||||
| ### Local Development | ||||
|  | ||||
| ``` | ||||
| $ yarn start | ||||
| ``` | ||||
|  | ||||
| This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server. | ||||
|  | ||||
| ### Build | ||||
|  | ||||
| ``` | ||||
| $ yarn build | ||||
| ``` | ||||
|  | ||||
| This command generates static content into the `build` directory and can be served using any static contents hosting service. | ||||
|  | ||||
| ### Deployment | ||||
|  | ||||
| Using SSH: | ||||
|  | ||||
| ``` | ||||
| $ USE_SSH=true yarn deploy | ||||
| ``` | ||||
|  | ||||
| Not using SSH: | ||||
|  | ||||
| ``` | ||||
| $ GIT_USER=<Your GitHub username> yarn deploy | ||||
| ``` | ||||
|  | ||||
| If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch. | ||||
| @@ -1,3 +0,0 @@ | ||||
| module.exports = { | ||||
|   presets: [require.resolve("@docusaurus/core/lib/babel/preset")], | ||||
| }; | ||||
| @@ -1,6 +0,0 @@ | ||||
| --- | ||||
| sidebar_position: 1 | ||||
| title: Overview | ||||
| --- | ||||
|  | ||||
| In development. For now, refer to [excalidraw Readme](https://github.com/excalidraw/excalidraw/blob/master/README.md). | ||||
| @@ -1,8 +0,0 @@ | ||||
| --- | ||||
| sidebar_position: 1 | ||||
| title: Introduction | ||||
| --- | ||||
|  | ||||
| Want to integrate Excalidraw into your app? Head over to the [package docs](/docs/package/overview). | ||||
|  | ||||
| If you're looking into the Excalidraw codebase itself, start [here](/docs/codebase/overview). | ||||
| @@ -1,6 +0,0 @@ | ||||
| --- | ||||
| sidebar_position: 1 | ||||
| title: Overview | ||||
| --- | ||||
|  | ||||
| In development. For now, refer to [excalidraw package readme](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md). | ||||
| @@ -1,121 +0,0 @@ | ||||
| // @ts-check | ||||
| // Note: type annotations allow type checking and IDEs autocompletion | ||||
|  | ||||
| const lightCodeTheme = require("prism-react-renderer/themes/github"); | ||||
| const darkCodeTheme = require("prism-react-renderer/themes/dracula"); | ||||
|  | ||||
| /** @type {import('@docusaurus/types').Config} */ | ||||
| const config = { | ||||
|   title: "Excalidraw developer docs", | ||||
|   tagline: | ||||
|     "For Excalidraw contributors or those integrating the Excalidraw editor", | ||||
|   url: "https://docs.excalidraw.com.com", | ||||
|   baseUrl: "/", | ||||
|   onBrokenLinks: "throw", | ||||
|   onBrokenMarkdownLinks: "warn", | ||||
|   favicon: "img/favicon.ico", | ||||
|   organizationName: "Excalidraw", // Usually your GitHub org/user name. | ||||
|   projectName: "excalidraw", // Usually your repo name. | ||||
|  | ||||
|   // Even if you don't use internalization, you can use this field to set useful | ||||
|   // metadata like html lang. For example, if your site is Chinese, you may want | ||||
|   // to replace "en" with "zh-Hans". | ||||
|   i18n: { | ||||
|     defaultLocale: "en", | ||||
|     locales: ["en"], | ||||
|   }, | ||||
|  | ||||
|   presets: [ | ||||
|     [ | ||||
|       "classic", | ||||
|       /** @type {import('@docusaurus/preset-classic').Options} */ | ||||
|       ({ | ||||
|         docs: { | ||||
|           sidebarPath: require.resolve("./sidebars.js"), | ||||
|           // Please change this to your repo. | ||||
|           editUrl: "https://github.com/excalidraw/docs/tree/master/", | ||||
|         }, | ||||
|         theme: { | ||||
|           customCss: require.resolve("./src/css/custom.css"), | ||||
|         }, | ||||
|       }), | ||||
|     ], | ||||
|   ], | ||||
|  | ||||
|   themeConfig: | ||||
|     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ | ||||
|     ({ | ||||
|       navbar: { | ||||
|         title: "Excalidraw Docs", | ||||
|         logo: { | ||||
|           alt: "Excalidraw Logo", | ||||
|           src: "img/logo.svg", | ||||
|         }, | ||||
|         items: [ | ||||
|           { | ||||
|             type: "doc", | ||||
|             docId: "get-started", | ||||
|             position: "left", | ||||
|             label: "Get started", | ||||
|           }, | ||||
|           { | ||||
|             to: "https://blog.excalidraw.com", | ||||
|             label: "Blog", | ||||
|             position: "left", | ||||
|           }, | ||||
|           { | ||||
|             to: "https://github.com/excalidraw/excalidraw", | ||||
|             label: "GitHub", | ||||
|             position: "right", | ||||
|           }, | ||||
|         ], | ||||
|       }, | ||||
|       footer: { | ||||
|         style: "dark", | ||||
|         links: [ | ||||
|           { | ||||
|             title: "Docs", | ||||
|             items: [ | ||||
|               { | ||||
|                 label: "Get Started", | ||||
|                 to: "/docs/get-started", | ||||
|               }, | ||||
|             ], | ||||
|           }, | ||||
|           { | ||||
|             title: "Community", | ||||
|             items: [ | ||||
|               { | ||||
|                 label: "Discord", | ||||
|                 href: "https://discord.gg/UexuTaE", | ||||
|               }, | ||||
|               { | ||||
|                 label: "Twitter", | ||||
|                 href: "https://twitter.com/excalidraw", | ||||
|               }, | ||||
|             ], | ||||
|           }, | ||||
|           { | ||||
|             title: "More", | ||||
|             items: [ | ||||
|               { | ||||
|                 label: "Blog", | ||||
|                 to: "https://blog.excalidraw.com", | ||||
|               }, | ||||
|               { | ||||
|                 label: "GitHub", | ||||
|                 to: "https://github.com/excalidraw/excalidraw", | ||||
|               }, | ||||
|             ], | ||||
|           }, | ||||
|         ], | ||||
|         copyright: `Made with ❤️ Built with Docusaurus`, | ||||
|       }, | ||||
|       prism: { | ||||
|         theme: lightCodeTheme, | ||||
|         darkTheme: darkCodeTheme, | ||||
|       }, | ||||
|     }), | ||||
| }; | ||||
|  | ||||
| module.exports = config; | ||||
| @@ -1,46 +0,0 @@ | ||||
| { | ||||
|   "name": "docs", | ||||
|   "version": "0.0.0", | ||||
|   "private": true, | ||||
|   "scripts": { | ||||
|     "docusaurus": "docusaurus", | ||||
|     "start": "docusaurus start --port 3003", | ||||
|     "build": "docusaurus build", | ||||
|     "swizzle": "docusaurus swizzle", | ||||
|     "deploy": "docusaurus deploy", | ||||
|     "clear": "docusaurus clear", | ||||
|     "serve": "docusaurus serve", | ||||
|     "write-translations": "docusaurus write-translations", | ||||
|     "write-heading-ids": "docusaurus write-heading-ids", | ||||
|     "typecheck": "tsc" | ||||
|   }, | ||||
|   "dependencies": { | ||||
|     "@docusaurus/core": "2.0.0-rc.1", | ||||
|     "@docusaurus/preset-classic": "2.0.0-rc.1", | ||||
|     "@mdx-js/react": "^1.6.22", | ||||
|     "clsx": "^1.2.1", | ||||
|     "prism-react-renderer": "^1.3.5", | ||||
|     "react": "^17.0.2", | ||||
|     "react-dom": "^17.0.2" | ||||
|   }, | ||||
|   "devDependencies": { | ||||
|     "@docusaurus/module-type-aliases": "2.0.0-rc.1", | ||||
|     "@tsconfig/docusaurus": "^1.0.5", | ||||
|     "typescript": "^4.7.4" | ||||
|   }, | ||||
|   "browserslist": { | ||||
|     "production": [ | ||||
|       ">0.5%", | ||||
|       "not dead", | ||||
|       "not op_mini all" | ||||
|     ], | ||||
|     "development": [ | ||||
|       "last 1 chrome version", | ||||
|       "last 1 firefox version", | ||||
|       "last 1 safari version" | ||||
|     ] | ||||
|   }, | ||||
|   "engines": { | ||||
|     "node": ">=16.14" | ||||
|   } | ||||
| } | ||||
| @@ -1,31 +0,0 @@ | ||||
| /** | ||||
|  * Creating a sidebar enables you to: | ||||
|  - create an ordered group of docs | ||||
|  - render a sidebar for each doc of that group | ||||
|  - provide next/previous navigation | ||||
|  | ||||
|  The sidebars can be generated from the filesystem, or explicitly defined here. | ||||
|  | ||||
|  Create as many sidebars as you want. | ||||
|  */ | ||||
|  | ||||
| // @ts-check | ||||
|  | ||||
| /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */ | ||||
| const sidebars = { | ||||
|   // By default, Docusaurus generates a sidebar from the docs folder structure | ||||
|   tutorialSidebar: [{ type: "autogenerated", dirName: "." }], | ||||
|  | ||||
|   // But you can create a sidebar manually | ||||
|   /* | ||||
|   tutorialSidebar: [ | ||||
|     { | ||||
|       type: 'category', | ||||
|       label: 'Tutorial', | ||||
|       items: ['hello'], | ||||
|     }, | ||||
|   ], | ||||
|    */ | ||||
| }; | ||||
|  | ||||
| module.exports = sidebars; | ||||
| @@ -1,62 +0,0 @@ | ||||
| import React from "react"; | ||||
| import clsx from "clsx"; | ||||
| import styles from "./styles.module.css"; | ||||
|  | ||||
| const FeatureList = [ | ||||
|   { | ||||
|     title: "Learn how Excalidraw works", | ||||
|     Svg: require("@site/static/img/undraw_innovative.svg").default, | ||||
|     description: ( | ||||
|       <>Want to contribute to Excalidraw but got lost in the codebase?</> | ||||
|     ), | ||||
|   }, | ||||
|   { | ||||
|     title: "Integrate Excalidraw", | ||||
|     Svg: require("@site/static/img/undraw_blank_canvas.svg").default, | ||||
|     description: ( | ||||
|       <> | ||||
|         Want to build your own app powered by Excalidraw by don't know where to | ||||
|         start? | ||||
|       </> | ||||
|     ), | ||||
|   }, | ||||
|   { | ||||
|     title: "Help us improve", | ||||
|     Svg: require("@site/static/img/undraw_add_files.svg").default, | ||||
|     description: ( | ||||
|       <> | ||||
|         Are the docs missing something? Anything you had trouble understanding | ||||
|         or needs an explanation? Come contribute to the docs to make them even | ||||
|         better! | ||||
|       </> | ||||
|     ), | ||||
|   }, | ||||
| ]; | ||||
|  | ||||
| function Feature({ Svg, title, description }) { | ||||
|   return ( | ||||
|     <div className={clsx("col col--4")}> | ||||
|       <div className="text--center"> | ||||
|         <Svg className={styles.featureSvg} role="img" /> | ||||
|       </div> | ||||
|       <div className="text--center padding-horiz--md"> | ||||
|         <h3>{title}</h3> | ||||
|         <p>{description}</p> | ||||
|       </div> | ||||
|     </div> | ||||
|   ); | ||||
| } | ||||
|  | ||||
| export default function HomepageFeatures() { | ||||
|   return ( | ||||
|     <section className={styles.features}> | ||||
|       <div className="container"> | ||||
|         <div className="row"> | ||||
|           {FeatureList.map((props, idx) => ( | ||||
|             <Feature key={idx} {...props} /> | ||||
|           ))} | ||||
|         </div> | ||||
|       </div> | ||||
|     </section> | ||||
|   ); | ||||
| } | ||||
| @@ -1,70 +0,0 @@ | ||||
| import React from "react"; | ||||
| import clsx from "clsx"; | ||||
| import styles from "./styles.module.css"; | ||||
|  | ||||
| type FeatureItem = { | ||||
|   title: string; | ||||
|   Svg: React.ComponentType<React.ComponentProps<"svg">>; | ||||
|   description: JSX.Element; | ||||
| }; | ||||
|  | ||||
| const FeatureList: FeatureItem[] = [ | ||||
|   { | ||||
|     title: "Easy to Use", | ||||
|     Svg: require("@site/static/img/undraw_docusaurus_mountain.svg").default, | ||||
|     description: ( | ||||
|       <> | ||||
|         Docusaurus was designed from the ground up to be easily installed and | ||||
|         used to get your website up and running quickly. | ||||
|       </> | ||||
|     ), | ||||
|   }, | ||||
|   { | ||||
|     title: "Focus on What Matters", | ||||
|     Svg: require("@site/static/img/undraw_docusaurus_tree.svg").default, | ||||
|     description: ( | ||||
|       <> | ||||
|         Docusaurus lets you focus on your docs, and we'll do the chores. Go | ||||
|         ahead and move your docs into the <code>docs</code> directory. | ||||
|       </> | ||||
|     ), | ||||
|   }, | ||||
|   { | ||||
|     title: "Powered by React", | ||||
|     Svg: require("@site/static/img/undraw_docusaurus_react.svg").default, | ||||
|     description: ( | ||||
|       <> | ||||
|         Extend or customize your website layout by reusing React. Docusaurus can | ||||
|         be extended while reusing the same header and footer. | ||||
|       </> | ||||
|     ), | ||||
|   }, | ||||
| ]; | ||||
|  | ||||
| function Feature({ title, Svg, description }: FeatureItem) { | ||||
|   return ( | ||||
|     <div className={clsx("col col--4")}> | ||||
|       <div className="text--center"> | ||||
|         <Svg className={styles.featureSvg} role="img" /> | ||||
|       </div> | ||||
|       <div className="text--center padding-horiz--md"> | ||||
|         <h3>{title}</h3> | ||||
|         <p>{description}</p> | ||||
|       </div> | ||||
|     </div> | ||||
|   ); | ||||
| } | ||||
|  | ||||
| export default function HomepageFeatures(): JSX.Element { | ||||
|   return ( | ||||
|     <section className={styles.features}> | ||||
|       <div className="container"> | ||||
|         <div className="row"> | ||||
|           {FeatureList.map((props, idx) => ( | ||||
|             <Feature key={idx} {...props} /> | ||||
|           ))} | ||||
|         </div> | ||||
|       </div> | ||||
|     </section> | ||||
|   ); | ||||
| } | ||||
| @@ -1,11 +0,0 @@ | ||||
| .features { | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   padding: 2rem 0; | ||||
|   width: 100%; | ||||
| } | ||||
|  | ||||
| .featureSvg { | ||||
|   height: 200px; | ||||
|   width: 200px; | ||||
| } | ||||
| @@ -1,43 +0,0 @@ | ||||
| /** | ||||
|  * Any CSS included here will be global. The classic template | ||||
|  * bundles Infima by default. Infima is a CSS framework designed to | ||||
|  * work well for content-centric websites. | ||||
|  */ | ||||
|  | ||||
| /* You can override the default Infima variables here. */ | ||||
| :root { | ||||
|   --ifm-color-primary: #6965db; | ||||
|   --ifm-color-primary-dark: #5b57d1; | ||||
|   --ifm-color-primary-darker: #5b57d1; | ||||
|   --ifm-color-primary-darkest: #4a47b1; | ||||
|   --ifm-color-primary-light: #5b57d1; | ||||
|   --ifm-color-primary-lighter: #5b57d1; | ||||
|   --ifm-color-primary-lightest: #5b57d1; | ||||
|   --ifm-code-font-size: 95%; | ||||
| } | ||||
|  | ||||
| /* For readability concerns, you should choose a lighter palette in dark mode. */ | ||||
| [data-theme="dark"] { | ||||
|   --ifm-color-primary: #5650f0; | ||||
|   --ifm-color-primary-dark: #4b46d8; | ||||
|   --ifm-color-primary-darker: #4b46d8; | ||||
|   --ifm-color-primary-darkest: #3e39be; | ||||
|   --ifm-color-primary-light: #3f3d64; | ||||
|   --ifm-color-primary-lighter: #3f3d64; | ||||
|   --ifm-color-primary-lightest: #3f3d64; | ||||
| } | ||||
|  | ||||
| .docusaurus-highlight-code-line { | ||||
|   background-color: rgba(0, 0, 0, 0.1); | ||||
|   display: block; | ||||
|   margin: 0 calc(-1 * var(--ifm-pre-padding)); | ||||
|   padding: 0 var(--ifm-pre-padding); | ||||
| } | ||||
|  | ||||
| [data-theme="dark"] .docusaurus-highlight-code-line { | ||||
|   background-color: rgba(0, 0, 0, 0.3); | ||||
| } | ||||
|  | ||||
| [data-theme="dark"] .navbar__logo { | ||||
|   filter: invert(93%) hue-rotate(180deg); | ||||
| } | ||||
| @@ -1,42 +0,0 @@ | ||||
| import React from "react"; | ||||
| import clsx from "clsx"; | ||||
| import Layout from "@theme/Layout"; | ||||
| import Link from "@docusaurus/Link"; | ||||
| import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; | ||||
| import styles from "./index.module.css"; | ||||
| import HomepageFeatures from "@site/src/components/Homepage"; | ||||
|  | ||||
| function HomepageHeader() { | ||||
|   const { siteConfig } = useDocusaurusContext(); | ||||
|   return ( | ||||
|     <header className={clsx("hero hero--primary", styles.heroBanner)}> | ||||
|       <div className="container"> | ||||
|         <h1 className="hero__title">{siteConfig.title}</h1> | ||||
|         <p className="hero__subtitle">{siteConfig.tagline}</p> | ||||
|         <div className={styles.buttons}> | ||||
|           <Link | ||||
|             className="button button--secondary button--lg" | ||||
|             to="/docs/get-started" | ||||
|           > | ||||
|             Get started | ||||
|           </Link> | ||||
|         </div> | ||||
|       </div> | ||||
|     </header> | ||||
|   ); | ||||
| } | ||||
|  | ||||
| export default function Home() { | ||||
|   const { siteConfig } = useDocusaurusContext(); | ||||
|   return ( | ||||
|     <Layout | ||||
|       title={`Hello from ${siteConfig.title}`} | ||||
|       description="Description will go into a meta tag in <head />" | ||||
|     > | ||||
|       <HomepageHeader /> | ||||
|       <main> | ||||
|         <HomepageFeatures /> | ||||
|       </main> | ||||
|     </Layout> | ||||
|   ); | ||||
| } | ||||
| @@ -1,27 +0,0 @@ | ||||
| /** | ||||
|  * CSS files with the .module.css suffix will be treated as CSS modules | ||||
|  * and scoped locally. | ||||
|  */ | ||||
|  | ||||
| .heroBanner { | ||||
|   padding: 4rem 0; | ||||
|   text-align: center; | ||||
|   position: relative; | ||||
|   overflow: hidden; | ||||
| } | ||||
|  | ||||
| [data-theme="dark"] .heroBanner { | ||||
|   color: #fff; | ||||
| } | ||||
|  | ||||
| @media screen and (max-width: 996px) { | ||||
|   .heroBanner { | ||||
|     padding: 2rem; | ||||
|   } | ||||
| } | ||||
|  | ||||
| .buttons { | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   justify-content: center; | ||||
| } | ||||
| @@ -1,42 +0,0 @@ | ||||
| import React from "react"; | ||||
| import clsx from "clsx"; | ||||
| import Layout from "@theme/Layout"; | ||||
| import Link from "@docusaurus/Link"; | ||||
| import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; | ||||
| import styles from "./index.module.css"; | ||||
| import HomepageFeatures from "@site/src/components/Homepage"; | ||||
|  | ||||
| function HomepageHeader() { | ||||
|   const { siteConfig } = useDocusaurusContext(); | ||||
|   return ( | ||||
|     <header className={clsx("hero hero--primary", styles.heroBanner)}> | ||||
|       <div className="container"> | ||||
|         <h1 className="hero__title">{siteConfig.title}</h1> | ||||
|         <p className="hero__subtitle">{siteConfig.tagline}</p> | ||||
|         <div className={styles.buttons}> | ||||
|           <Link | ||||
|             className="button button--secondary button--lg" | ||||
|             to="/docs/get-started" | ||||
|           > | ||||
|             Get started | ||||
|           </Link> | ||||
|         </div> | ||||
|       </div> | ||||
|     </header> | ||||
|   ); | ||||
| } | ||||
|  | ||||
| export default function Home() { | ||||
|   const { siteConfig } = useDocusaurusContext(); | ||||
|   return ( | ||||
|     <Layout | ||||
|       title={`Hello from ${siteConfig.title}`} | ||||
|       description="Description will go into a meta tag in <head />" | ||||
|     > | ||||
|       <HomepageHeader /> | ||||
|       <main> | ||||
|         <HomepageFeatures /> | ||||
|       </main> | ||||
|     </Layout> | ||||
|   ); | ||||
| } | ||||
| @@ -1,7 +0,0 @@ | ||||
| --- | ||||
| title: Markdown page example | ||||
| --- | ||||
|  | ||||
| # Markdown page example | ||||
|  | ||||
| You don't need React to write simple standalone pages. | ||||
| Before Width: | Height: | Size: 5.0 KiB | 
| Before Width: | Height: | Size: 26 KiB | 
| @@ -1,4 +0,0 @@ | ||||
| <svg viewBox="0 0 80 180" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"> | ||||
| 	<path d="M22.197 150.382c-4.179-3.359-10.618-9.051-15.702-13.946l-4.01-3.813.734-5.009c.396-2.732 1.13-8.083 1.582-11.839.508-3.757 1.017-7.286 1.186-7.798.226-.683 0-1.025-.621-1.025-1.073 0-1.13.285 1.807-9.107a617.602 617.602 0 0 1 2.203-7.229c.113-.398.565-.569 1.073-.398.508.227.791.683.621 1.081-.169.455.113.911.565 1.082.621.227.565.683-.395 2.333-1.525 2.562-5.422 24.419-5.648 31.477-.17 5.009-.17 5.066 1.92 7.912 2.033 2.789 6.721 7.001 13.951 12.351 2.033 1.537 4.067 3.245 4.631 3.814.848 1.024 1.243.74 8.36-6.887 4.123-4.383 8.698-8.88 10.166-10.018l2.711-2.049-2.089-4.44c-1.13-2.391-5.705-11.612-10.223-20.377-9.433-18.442-7.513-16.678-18.47-16.849l-7.117-.056-2.372-2.733c-2.485-2.903-2.824-3.984-1.638-5.805.452-.627.791-1.651.791-2.277 0-1.025.395-1.196 2.655-1.309 1.412-.057 2.711-.228 2.88-.399.17-.171.396-3.7.565-7.855l.226-7.513-3.784-8.197C2.485 39.844 0 33.583 0 31.533c0-1.081.226-1.992.452-1.992.565 0 .565.057 23.553 48.382 10.675 22.426 20.785 43.544 22.479 47.016 1.695 3.472 3.22 6.659 3.333 7.115.113.512-3.785 4.439-9.998 9.961-5.591 5.008-10.505 9.562-10.957 10.074-1.299 1.594-3.219 1.082-6.665-1.707Zm1.921-65.458c-2.599-5.066-2.712-5.123-9.828-5.464-6.27-.342-6.383-.285-6.383.911 0 .683-.226 1.593-.508 2.049-.339.512-.113 1.423.678 2.675l1.242 1.935h5.649c3.106.057 6.664.285 7.907.512 1.243.228 2.316.342 2.429.285.113-.057-.452-1.366-1.186-2.903Zm-4.745-9.107c-.452-1.195-1.638-3.7-2.598-5.578-1.581-3.188-1.751-3.301-2.146-1.992-.226.797-.396 3.13-.452 5.236-.057 4.155-.17 4.098 4.575 4.383l1.525.057-.904-2.106Z" style="fill-rule:nonzero;stroke:#000;stroke-width:2px" transform="matrix(1.01351 0 0 -1 9.088 166.517)" /> | ||||
| 	<path d="M23.892 136.835c-1.017-.74-1.299-1.48-1.299-3.358 0-2.22.169-2.562 1.694-3.188 1.525-.626 1.92-.569 3.671.626 2.316 1.594 2.373 1.992.678 4.554-1.468 2.22-2.937 2.618-4.744 1.366Zm3.219-2.049c.904-1.594.339-2.789-1.355-2.789-1.525 0-2.203 1.536-1.356 3.073.678 1.253 1.977 1.139 2.711-.284ZM59.306 124.028c0-.285-.339-.569-.735-.569-.339 0-1.299-1.594-2.033-3.529-2.259-5.92-24.852-50.943-24.908-49.52 0 .74-.339 1.252-.904 1.252-.791 0-.904-.456-.565-2.675.339-2.562.113-3.131-7.907-18.841-4.519-8.936-9.376-18.271-10.788-20.775-1.469-2.619-2.598-5.465-2.711-6.66-.17-2.049.056-2.334 4.97-6.603 2.824-2.504 6.439-5.635 8.02-7.058C28.862 2.504 32.194-.114 33.098.057c1.356.228 22.31 22.369 22.367 23.622 0 .569-1.017 9.221-2.259 19.238-2.147 17.076-4.18 37.055-3.954 38.99.169 1.196-.678 7.229-1.299 9.847-.509 2.05-.283 2.903 3.784 12.238 2.372 5.521 5.479 12.295 6.834 15.027 1.299 2.732 2.429 5.123 2.429 5.294 0 .17-.395.284-.847.284-.452 0-.847-.228-.847-.569ZM46.315 81.509c.621-3.984 1.864-13.547 2.767-21.231 1.751-14.116 3.785-29.769 4.349-33.753.339-1.993.113-2.391-3.558-6.489-6.382-7.229-13.16-14.344-15.476-16.165l-2.146-1.708-11.014 10.359C11.07 21.971 10.223 22.939 10.844 24.077c.339.626 3.22 5.92 6.383 11.725 3.163 5.806 7.342 13.547 9.263 17.19 1.977 3.7 3.784 6.887 4.123 7.058.395.228.508-5.521.395-17.759-.226-18.271-.169-18.328 1.638-17.929.226 0 .396 9.221.396 20.434v20.377l5.93 11.953c3.276 6.603 5.987 11.896 6.1 11.84.113-.058.678-3.416 1.243-7.457Z" style="fill-rule:nonzero;stroke:#000;stroke-width:2px" transform="matrix(1.01351 0 0 -1 9.088 166.517)" /> | ||||
| </svg> | ||||
| Before Width: | Height: | Size: 3.4 KiB | 
| Before Width: | Height: | Size: 5.7 KiB | 
| Before Width: | Height: | Size: 12 KiB | 
| Before Width: | Height: | Size: 5.4 KiB | 
| @@ -1,7 +0,0 @@ | ||||
| { | ||||
|   // This file is not used in compilation. It is here just for a nice editor experience. | ||||
|   "extends": "@tsconfig/docusaurus/tsconfig.json", | ||||
|   "compilerOptions": { | ||||
|     "baseUrl": "." | ||||
|   } | ||||
| } | ||||
							
								
								
									
										7489
									
								
								dev-docs/yarn.lock
									
									
									
									
									
								
							
							
						
						| @@ -18,7 +18,7 @@ services: | ||||
|     volumes: | ||||
|       - ./:/opt/node_app/app:delegated | ||||
|       - ./package.json:/opt/node_app/package.json | ||||
|       - ./yarn.lock:/opt/node_app/yarn.lock | ||||
|       - ./package-lock.json:/opt/node_app/package-lock.json | ||||
|       - notused:/opt/node_app/app/node_modules | ||||
|  | ||||
| volumes: | ||||
|   | ||||
| @@ -2,8 +2,5 @@ | ||||
|   "firestore": { | ||||
|     "rules": "firestore.rules", | ||||
|     "indexes": "firestore.indexes.json" | ||||
|   }, | ||||
|   "storage": { | ||||
|     "rules": "storage.rules" | ||||
|   } | ||||
| } | ||||
|   | ||||
| @@ -1,11 +0,0 @@ | ||||
| rules_version = '2'; | ||||
| service firebase.storage { | ||||
|   match /b/{bucket}/o { | ||||
|     match /{files}/rooms/{room}/{file} { | ||||
|     	allow get, write: if true; | ||||
|     } | ||||
|     match /{files}/shareLinks/{shareLink}/{file} { | ||||
|     	allow get, write: if true; | ||||
|     } | ||||
|   } | ||||
| } | ||||
							
								
								
									
										51482
									
								
								package-lock.json
									
									
									
										generated
									
									
									
										Normal file
									
								
							
							
						
						
							
								
								
									
										108
									
								
								package.json
									
									
									
									
									
								
							
							
						
						| @@ -19,103 +19,91 @@ | ||||
|     ] | ||||
|   }, | ||||
|   "dependencies": { | ||||
|     "@sentry/browser": "6.2.5", | ||||
|     "@sentry/integrations": "6.2.5", | ||||
|     "@testing-library/jest-dom": "5.16.2", | ||||
|     "@testing-library/react": "12.1.5", | ||||
|     "@tldraw/vec": "1.7.1", | ||||
|     "@types/jest": "27.4.0", | ||||
|     "@types/pica": "5.1.3", | ||||
|     "@types/react": "18.0.15", | ||||
|     "@types/react-dom": "18.0.6", | ||||
|     "@types/socket.io-client": "1.4.36", | ||||
|     "browser-fs-access": "0.29.1", | ||||
|     "@sentry/browser": "6.1.0", | ||||
|     "@sentry/integrations": "6.1.0", | ||||
|     "@testing-library/jest-dom": "5.11.9", | ||||
|     "@testing-library/react": "11.2.5", | ||||
|     "@types/jest": "26.0.20", | ||||
|     "@types/react": "17.0.2", | ||||
|     "@types/react-dom": "17.0.1", | ||||
|     "@types/socket.io-client": "1.4.35", | ||||
|     "browser-fs-access": "0.13.1", | ||||
|     "clsx": "1.1.1", | ||||
|     "fake-indexeddb": "3.1.7", | ||||
|     "firebase": "8.3.3", | ||||
|     "i18next-browser-languagedetector": "6.1.4", | ||||
|     "idb-keyval": "6.0.3", | ||||
|     "image-blob-reduce": "3.0.1", | ||||
|     "jotai": "1.6.4", | ||||
|     "firebase": "8.2.7", | ||||
|     "i18next-browser-languagedetector": "6.0.1", | ||||
|     "lodash.throttle": "4.1.1", | ||||
|     "nanoid": "3.3.3", | ||||
|     "open-color": "1.9.1", | ||||
|     "nanoid": "3.1.20", | ||||
|     "node-sass": "4.14.1", | ||||
|     "open-color": "1.8.0", | ||||
|     "pako": "1.0.11", | ||||
|     "perfect-freehand": "1.0.16", | ||||
|     "pica": "7.1.1", | ||||
|     "png-chunk-text": "1.0.0", | ||||
|     "png-chunks-encode": "1.0.0", | ||||
|     "png-chunks-extract": "1.0.0", | ||||
|     "points-on-curve": "0.2.0", | ||||
|     "pwacompat": "2.0.17", | ||||
|     "react": "18.2.0", | ||||
|     "react-dom": "18.2.0", | ||||
|     "react-scripts": "4.0.3", | ||||
|     "roughjs": "4.5.2", | ||||
|     "sass": "1.51.0", | ||||
|     "react": "17.0.1", | ||||
|     "react-dom": "17.0.1", | ||||
|     "react-scripts": "4.0.2", | ||||
|     "roughjs": "4.3.1", | ||||
|     "socket.io-client": "2.3.1", | ||||
|     "typescript": "4.5.5" | ||||
|     "typescript": "4.1.5" | ||||
|   }, | ||||
|   "devDependencies": { | ||||
|     "@excalidraw/eslint-config": "1.0.0", | ||||
|     "@excalidraw/prettier-config": "1.0.2", | ||||
|     "@types/chai": "4.3.0", | ||||
|     "@types/lodash.throttle": "4.1.7", | ||||
|     "@types/pako": "1.0.3", | ||||
|     "@types/resize-observer-browser": "0.1.7", | ||||
|     "chai": "4.3.6", | ||||
|     "dotenv": "16.0.1", | ||||
|     "eslint-config-prettier": "8.5.0", | ||||
|     "@types/lodash.throttle": "4.1.6", | ||||
|     "@types/pako": "1.0.1", | ||||
|     "@types/resize-observer-browser": "0.1.5", | ||||
|     "eslint-config-prettier": "7.2.0", | ||||
|     "eslint-plugin-prettier": "3.3.1", | ||||
|     "husky": "7.0.4", | ||||
|     "jest-canvas-mock": "2.4.0", | ||||
|     "lint-staged": "12.3.7", | ||||
|     "firebase-tools": "9.3.0", | ||||
|     "husky": "4.3.8", | ||||
|     "jest-canvas-mock": "2.3.1", | ||||
|     "lint-staged": "10.5.4", | ||||
|     "pepjs": "0.5.3", | ||||
|     "prettier": "2.6.2", | ||||
|     "rewire": "6.0.0" | ||||
|   }, | ||||
|   "resolutions": { | ||||
|     "@typescript-eslint/typescript-estree": "5.10.2" | ||||
|     "prettier": "2.2.1", | ||||
|     "rewire": "5.0.0", | ||||
|     "worker-loader": "3.0.8" | ||||
|   }, | ||||
|   "engines": { | ||||
|     "node": ">=14.0.0" | ||||
|     "node": ">=12.0.0" | ||||
|   }, | ||||
|   "homepage": ".", | ||||
|   "husky": { | ||||
|     "hooks": { | ||||
|       "pre-commit": "lint-staged" | ||||
|     } | ||||
|   }, | ||||
|   "jest": { | ||||
|     "transformIgnorePatterns": [ | ||||
|       "node_modules/(?!(roughjs|points-on-curve|path-data-parser|points-on-path|browser-fs-access)/)" | ||||
|     ], | ||||
|     "moduleNameMapper": { | ||||
|       "^worker-loader!.+": "<rootDir>/src/__mocks__/worker-mock.js" | ||||
|     }, | ||||
|     "resetMocks": false | ||||
|   }, | ||||
|   "name": "excalidraw", | ||||
|   "prettier": "@excalidraw/prettier-config", | ||||
|   "private": true, | ||||
|   "scripts": { | ||||
|     "build-node": "node ./scripts/build-node.js", | ||||
|     "build:app:docker": "REACT_APP_DISABLE_SENTRY=true react-scripts build", | ||||
|     "build:app": "REACT_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA react-scripts build", | ||||
|     "build:version": "node ./scripts/build-version.js", | ||||
|     "build:prebuild": "node ./scripts/prebuild.js", | ||||
|     "build": "yarn build:prebuild && yarn build:app && yarn build:version", | ||||
|     "build": "npm run build:app && npm run build:version", | ||||
|     "eject": "react-scripts eject", | ||||
|     "fix:code": "yarn test:code --fix", | ||||
|     "fix:other": "yarn prettier --write", | ||||
|     "fix": "yarn fix:other && yarn fix:code", | ||||
|     "fix:code": "npm run test:code -- --fix", | ||||
|     "fix:other": "npm run prettier -- --write", | ||||
|     "fix": "npm run fix:other && npm run fix:code", | ||||
|     "locales-coverage": "node scripts/build-locales-coverage.js", | ||||
|     "locales-coverage:description": "node scripts/locales-coverage-description.js", | ||||
|     "prepare": "husky install", | ||||
|     "prettier": "prettier \"**/*.{css,scss,json,md,html,yml}\" --ignore-path=.eslintignore", | ||||
|     "start": "react-scripts start", | ||||
|     "test:all": "yarn test:typecheck && yarn test:code && yarn test:other && yarn test:app --watchAll=false", | ||||
|     "test:all": "npm run test:typecheck && npm run test:code && npm run test:other && npm run test:app -- --watchAll=false", | ||||
|     "test:app": "react-scripts test --passWithNoTests", | ||||
|     "test:code": "eslint --max-warnings=0 --ext .js,.ts,.tsx .", | ||||
|     "test:code": "eslint --max-warnings=0 --ignore-path .gitignore --ext .js,.ts,.tsx .", | ||||
|     "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache", | ||||
|     "test:other": "yarn prettier --list-different", | ||||
|     "test:other": "npm run prettier -- --list-different", | ||||
|     "test:typecheck": "tsc", | ||||
|     "test:update": "yarn test:app --updateSnapshot --watchAll=false", | ||||
|     "test": "yarn test:app", | ||||
|     "autorelease": "node scripts/autorelease.js", | ||||
|     "prerelease": "node scripts/prerelease.js", | ||||
|     "release": "node scripts/release.js" | ||||
|     "test:update": "npm run test:app -- --updateSnapshot --watchAll=false", | ||||
|     "test": "npm run test:app" | ||||
|   } | ||||
| } | ||||
|   | ||||
							
								
								
									
										
											BIN
										
									
								
								public/FG_Virgil.otf
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @@ -1,7 +1,7 @@ | ||||
| /* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */ | ||||
| @font-face { | ||||
|   font-family: "Virgil"; | ||||
|   src: url("Virgil.woff2"); | ||||
|   src: url("FG_Virgil.woff2"); | ||||
|   font-display: swap; | ||||
| } | ||||
|  | ||||
|   | ||||
| @@ -51,26 +51,8 @@ | ||||
|       name="twitter:description" | ||||
|       content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them." | ||||
|     /> | ||||
|  | ||||
|     <script> | ||||
|       // Redirect Excalidraw+ users which have auto-redirect enabled. | ||||
|       // | ||||
|       // Redirect only the bare root path, so link/room/library urls are not | ||||
|       // redirected. | ||||
|       // | ||||
|       // Putting into index.html for best performance (can't redirect on server | ||||
|       // due to location.hash checks). | ||||
|       if ( | ||||
|         window.location.pathname === "/" && | ||||
|         !window.location.hash && | ||||
|         !window.location.search && | ||||
|         // if its present redirect | ||||
|         document.cookie.includes("excplus-autoredirect=true") | ||||
|       ) { | ||||
|         window.location.href = "https://app.excalidraw.com"; | ||||
|       } | ||||
|     </script> | ||||
|  | ||||
|     <!-- OG tags require absolute url for images --> | ||||
|     <meta name="twitter:image" content="https://excalidraw.com/og-image.png" /> | ||||
|     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> | ||||
|  | ||||
|     <!-- Excalidraw version --> | ||||
| @@ -78,7 +60,7 @@ | ||||
|  | ||||
|     <link | ||||
|       rel="preload" | ||||
|       href="Virgil.woff2" | ||||
|       href="FG_Virgil.woff2" | ||||
|       as="font" | ||||
|       type="font/woff2" | ||||
|       crossorigin="anonymous" | ||||
| @@ -91,6 +73,12 @@ | ||||
|       crossorigin="anonymous" | ||||
|     /> | ||||
|  | ||||
|     <link | ||||
|       href="%REACT_APP_SOCKET_SERVER_URL%/socket.io" | ||||
|       rel="preconnect" | ||||
|       crossorigin="anonymous" | ||||
|     /> | ||||
|  | ||||
|     <link | ||||
|       rel="manifest" | ||||
|       href="manifest.json" | ||||
| @@ -98,27 +86,7 @@ | ||||
|     /> | ||||
|  | ||||
|     <link rel="stylesheet" href="fonts.css" type="text/css" /> | ||||
|     <% if (process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD === "true") { %> | ||||
|     <script> | ||||
|       { | ||||
|         const _WebSocket = window.WebSocket; | ||||
|         window.WebSocket = function (url) { | ||||
|           if (/ws:\/\/localhost:.+?\/sockjs-node/.test(url)) { | ||||
|             console.info( | ||||
|               "[!!!] Live reload is disabled via process.env.REACT_APP_DEV_DISABLE_LIVE_RELOAD [!!!]", | ||||
|             ); | ||||
|           } else { | ||||
|             return new _WebSocket(url); | ||||
|           } | ||||
|         }; | ||||
|       } | ||||
|     </script> | ||||
|     <% } %> | ||||
|     <script> | ||||
|       window.EXCALIDRAW_ASSET_PATH = "/"; | ||||
|       // setting this so that libraries installation reuses this window tab. | ||||
|       window.name = "_excalidraw"; | ||||
|     </script> | ||||
|  | ||||
|     <% if (process.env.REACT_APP_GOOGLE_ANALYTICS_ID) { %> | ||||
|     <script | ||||
|       async | ||||
| @@ -136,17 +104,16 @@ | ||||
|  | ||||
|     <!-- FIXME: remove this when we update CRA (fix SW caching) --> | ||||
|     <style> | ||||
|       body, | ||||
|       html { | ||||
|       body { | ||||
|         margin: 0; | ||||
|         --ui-font: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, | ||||
|           Roboto, Helvetica, Arial, sans-serif; | ||||
|         font-family: var(--ui-font); | ||||
|         -webkit-text-size-adjust: 100%; | ||||
|  | ||||
|         width: 100%; | ||||
|         height: 100%; | ||||
|         overflow: hidden; | ||||
|         -webkit-user-select: none; | ||||
|         user-select: none; | ||||
|         width: 100vw; | ||||
|         height: 100vh; | ||||
|       } | ||||
|  | ||||
|       .visually-hidden { | ||||
| @@ -156,28 +123,27 @@ | ||||
|         overflow: hidden; | ||||
|         clip: rect(1px, 1px, 1px, 1px); | ||||
|         white-space: nowrap; /* added line */ | ||||
|         user-select: none; | ||||
|       } | ||||
|  | ||||
|       #root { | ||||
|         height: 100%; | ||||
|         -webkit-touch-callout: none; | ||||
|         -webkit-user-select: none; | ||||
|         -khtml-user-select: none; | ||||
|         -moz-user-select: none; | ||||
|         -ms-user-select: none; | ||||
|         user-select: none; | ||||
|       .LoadingMessage { | ||||
|         position: absolute; | ||||
|         top: 0; | ||||
|         right: 0; | ||||
|         bottom: 0; | ||||
|         left: 0; | ||||
|         z-index: 999; | ||||
|         display: flex; | ||||
|         align-items: center; | ||||
|         justify-content: center; | ||||
|         pointer-events: none; | ||||
|       } | ||||
|  | ||||
|       @media screen and (min-width: 1200px) { | ||||
|         #root { | ||||
|           -webkit-touch-callout: default; | ||||
|           -webkit-user-select: auto; | ||||
|           -khtml-user-select: auto; | ||||
|           -moz-user-select: auto; | ||||
|           -ms-user-select: auto; | ||||
|           user-select: auto; | ||||
|         } | ||||
|       .LoadingMessage span { | ||||
|         background-color: var(--button-gray-1); | ||||
|         border-radius: 5px; | ||||
|         padding: 0.8em 1.2em; | ||||
|         color: var(--popup-text-color); | ||||
|         font-size: 1.3em; | ||||
|       } | ||||
|     </style> | ||||
|   </head> | ||||
| @@ -187,6 +153,10 @@ | ||||
|     <header> | ||||
|       <h1 class="visually-hidden">Excalidraw</h1> | ||||
|     </header> | ||||
|     <div id="root"></div> | ||||
|     <div id="root"> | ||||
|       <div class="LoadingMessage"> | ||||
|         <span>Loading scene...</span> | ||||
|       </div> | ||||
|     </div> | ||||
|   </body> | ||||
| </html> | ||||
|   | ||||
| @@ -26,49 +26,5 @@ | ||||
|       } | ||||
|     } | ||||
|   ], | ||||
|   "share_target": { | ||||
|     "action": "/web-share-target", | ||||
|     "method": "POST", | ||||
|     "enctype": "multipart/form-data", | ||||
|     "params": { | ||||
|       "files": [ | ||||
|         { | ||||
|           "name": "file", | ||||
|           "accept": ["application/vnd.excalidraw+json", "application/json", ".excalidraw"] | ||||
|         } | ||||
|       ] | ||||
|     } | ||||
|   }, | ||||
|   "screenshots": [ | ||||
|     { | ||||
|       "src": "/screenshots/virtual-whiteboard.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     }, | ||||
|     { | ||||
|       "src": "/screenshots/wireframe.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     }, | ||||
|     { | ||||
|       "src": "/screenshots/illustration.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     }, | ||||
|     { | ||||
|       "src": "/screenshots/shapes.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     }, | ||||
|     { | ||||
|       "src": "/screenshots/collaboration.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     }, | ||||
|     { | ||||
|       "src": "/screenshots/export.png", | ||||
|       "type": "image/png", | ||||
|       "sizes": "462x945" | ||||
|     } | ||||
|   ] | ||||
|   "capture_links": "new_client" | ||||
| } | ||||
|   | ||||
| Before Width: | Height: | Size: 28 KiB | 
| Before Width: | Height: | Size: 25 KiB | 
| Before Width: | Height: | Size: 47 KiB | 
| Before Width: | Height: | Size: 25 KiB | 
| Before Width: | Height: | Size: 27 KiB | 
| Before Width: | Height: | Size: 27 KiB | 
| @@ -1,81 +0,0 @@ | ||||
| // eslint-disable-next-line no-restricted-globals | ||||
| // eslint-disable-next-line no-unused-expressions | ||||
|  | ||||
| /* eslint-disable no-restricted-globals */ | ||||
| /* global importScripts, workbox */ | ||||
|  | ||||
| /** | ||||
|  * Welcome to your Workbox-powered service worker! | ||||
|  * | ||||
|  * You'll need to register this file in your web app and you should | ||||
|  * disable HTTP caching for this file too. | ||||
|  * See https://goo.gl/nhQhGp | ||||
|  * | ||||
|  * The rest of the code is auto-generated. Please don't update this file | ||||
|  * directly; instead, make changes to your Workbox build configuration | ||||
|  * and re-run your build process. | ||||
|  * See https://goo.gl/2aRDsh | ||||
|  */ | ||||
|  | ||||
| // in dev, `process` is undefined because this file is not compiled until build | ||||
| const IS_DEVELOPMENT = | ||||
|   typeof process === "undefined" || process.env.NODE_ENV !== "production"; | ||||
|  | ||||
| if (IS_DEVELOPMENT) { | ||||
|   importScripts( | ||||
|     "https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js", | ||||
|   ); | ||||
|   workbox.setConfig({ | ||||
|     debug: true, | ||||
|   }); | ||||
| } else { | ||||
|   importScripts("/workbox/workbox-sw.js"); | ||||
|   workbox.setConfig({ | ||||
|     modulePathPrefix: "/workbox/", | ||||
|   }); | ||||
| } | ||||
|  | ||||
| self.addEventListener("message", (event) => { | ||||
|   if (event.data && event.data.type === "SKIP_WAITING") { | ||||
|     self.skipWaiting(); | ||||
|   } | ||||
| }); | ||||
|  | ||||
| workbox.core.clientsClaim(); | ||||
|  | ||||
| if (!IS_DEVELOPMENT) { | ||||
|   workbox.precaching.precacheAndRoute(self.__WB_MANIFEST); | ||||
|  | ||||
|   workbox.routing.registerNavigationRoute( | ||||
|     workbox.precaching.getCacheKeyForURL("./index.html"), | ||||
|     { | ||||
|       blacklist: [/^\/_/, /\/[^/?]+\.[^/]+$/], | ||||
|     }, | ||||
|   ); | ||||
| } | ||||
|  | ||||
| // Cache relevant font files | ||||
| workbox.routing.registerRoute( | ||||
|   new RegExp("/(fonts.css|.+.(ttf|woff2|otf))"), | ||||
|   new workbox.strategies.StaleWhileRevalidate({ | ||||
|     cacheName: "fonts", | ||||
|     plugins: [new workbox.expiration.Plugin({ maxEntries: 10 })], | ||||
|   }), | ||||
| ); | ||||
|  | ||||
| self.addEventListener("fetch", (event) => { | ||||
|   if ( | ||||
|     event.request.method === "POST" && | ||||
|     event.request.url.endsWith("/web-share-target") | ||||
|   ) { | ||||
|     return event.respondWith( | ||||
|       (async () => { | ||||
|         const formData = await event.request.formData(); | ||||
|         const file = formData.get("file"); | ||||
|         const webShareTargetCache = await caches.open("web-share-target"); | ||||
|         await webShareTargetCache.put("shared-file", new Response(file)); | ||||
|         return Response.redirect("/?web-share-target", 303); | ||||
|       })(), | ||||
|     ); | ||||
|   } | ||||
| }); | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.backgroundSync=function(t,e,s){"use strict";try{self["workbox:background-sync:4.3.1"]&&_()}catch(t){}const i=3,n="workbox-background-sync",a="requests",r="queueName";class c{constructor(t){this.t=t,this.s=new s.DBWrapper(n,i,{onupgradeneeded:this.i})}async pushEntry(t){delete t.id,t.queueName=this.t,await this.s.add(a,t)}async unshiftEntry(t){const[e]=await this.s.getAllMatching(a,{count:1});e?t.id=e.id-1:delete t.id,t.queueName=this.t,await this.s.add(a,t)}async popEntry(){return this.h({direction:"prev"})}async shiftEntry(){return this.h({direction:"next"})}async getAll(){return await this.s.getAllMatching(a,{index:r,query:IDBKeyRange.only(this.t)})}async deleteEntry(t){await this.s.delete(a,t)}async h({direction:t}){const[e]=await this.s.getAllMatching(a,{direction:t,index:r,query:IDBKeyRange.only(this.t),count:1});if(e)return await this.deleteEntry(e.id),e}i(t){const e=t.target.result;t.oldVersion>0&&t.oldVersion<i&&e.objectStoreNames.contains(a)&&e.deleteObjectStore(a),e.createObjectStore(a,{autoIncrement:!0,keyPath:"id"}).createIndex(r,r,{unique:!1})}}const h=["method","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive"];class o{static async fromRequest(t){const e={url:t.url,headers:{}};"GET"!==t.method&&(e.body=await t.clone().arrayBuffer());for(const[s,i]of t.headers.entries())e.headers[s]=i;for(const s of h)void 0!==t[s]&&(e[s]=t[s]);return new o(e)}constructor(t){"navigate"===t.mode&&(t.mode="same-origin"),this.o=t}toObject(){const t=Object.assign({},this.o);return t.headers=Object.assign({},this.o.headers),t.body&&(t.body=t.body.slice(0)),t}toRequest(){return new Request(this.o.url,this.o)}clone(){return new o(this.toObject())}}const u="workbox-background-sync",y=10080,w=new Set;class d{constructor(t,{onSync:s,maxRetentionTime:i}={}){if(w.has(t))throw new e.WorkboxError("duplicate-queue-name",{name:t});w.add(t),this.u=t,this.l=s||this.replayRequests,this.q=i||y,this.m=new c(this.u),this.p()}get name(){return this.u}async pushRequest(t){await this.g(t,"push")}async unshiftRequest(t){await this.g(t,"unshift")}async popRequest(){return this.R("pop")}async shiftRequest(){return this.R("shift")}async getAll(){const t=await this.m.getAll(),e=Date.now(),s=[];for(const i of t){const t=60*this.q*1e3;e-i.timestamp>t?await this.m.deleteEntry(i.id):s.push(f(i))}return s}async g({request:t,metadata:e,timestamp:s=Date.now()},i){const n={requestData:(await o.fromRequest(t.clone())).toObject(),timestamp:s};e&&(n.metadata=e),await this.m[`${i}Entry`](n),this.k?this.D=!0:await this.registerSync()}async R(t){const e=Date.now(),s=await this.m[`${t}Entry`]();if(s){const i=60*this.q*1e3;return e-s.timestamp>i?this.R(t):f(s)}}async replayRequests(){let t;for(;t=await this.shiftRequest();)try{await fetch(t.request.clone())}catch(s){throw await this.unshiftRequest(t),new e.WorkboxError("queue-replay-failed",{name:this.u})}}async registerSync(){if("sync"in registration)try{await registration.sync.register(`${u}:${this.u}`)}catch(t){}}p(){"sync"in registration?self.addEventListener("sync",t=>{if(t.tag===`${u}:${this.u}`){const e=async()=>{let e;this.k=!0;try{await this.l({queue:this})}catch(t){throw e=t}finally{!this.D||e&&!t.lastChance||await this.registerSync(),this.k=!1,this.D=!1}};t.waitUntil(e())}}):this.l({queue:this})}static get _(){return w}}const f=t=>{const e={request:new o(t.requestData).toRequest(),timestamp:t.timestamp};return t.metadata&&(e.metadata=t.metadata),e};return t.Queue=d,t.Plugin=class{constructor(...t){this.v=new d(...t),this.fetchDidFail=this.fetchDidFail.bind(this)}async fetchDidFail({request:t}){await this.v.pushRequest({request:t})}},t}({},workbox.core._private,workbox.core._private); | ||||
| //# sourceMappingURL=workbox-background-sync.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.broadcastUpdate=function(e,t){"use strict";try{self["workbox:broadcast-update:4.3.1"]&&_()}catch(e){}const s=(e,t,s)=>{return!s.some(s=>e.headers.has(s)&&t.headers.has(s))||s.every(s=>{const n=e.headers.has(s)===t.headers.has(s),a=e.headers.get(s)===t.headers.get(s);return n&&a})},n="workbox",a=1e4,i=["content-length","etag","last-modified"],o=async({channel:e,cacheName:t,url:s})=>{const n={type:"CACHE_UPDATED",meta:"workbox-broadcast-update",payload:{cacheName:t,updatedURL:s}};if(e)e.postMessage(n);else{const e=await clients.matchAll({type:"window"});for(const t of e)t.postMessage(n)}};class c{constructor({headersToCheck:e,channelName:t,deferNoticationTimeout:s}={}){this.t=e||i,this.s=t||n,this.i=s||a,this.o()}notifyIfUpdated({oldResponse:e,newResponse:t,url:n,cacheName:a,event:i}){if(!s(e,t,this.t)){const e=(async()=>{i&&i.request&&"navigate"===i.request.mode&&await this.h(i),await this.l({channel:this.u(),cacheName:a,url:n})})();if(i)try{i.waitUntil(e)}catch(e){}return e}}async l(e){await o(e)}u(){return"BroadcastChannel"in self&&!this.p&&(this.p=new BroadcastChannel(this.s)),this.p}h(e){if(!this.m.has(e)){const s=new t.Deferred;this.m.set(e,s);const n=setTimeout(()=>{s.resolve()},this.i);s.promise.then(()=>clearTimeout(n))}return this.m.get(e).promise}o(){this.m=new Map,self.addEventListener("message",e=>{if("WINDOW_READY"===e.data.type&&"workbox-window"===e.data.meta&&this.m.size>0){for(const e of this.m.values())e.resolve();this.m.clear()}})}}return e.BroadcastCacheUpdate=c,e.Plugin=class{constructor(e){this.l=new c(e)}cacheDidUpdate({cacheName:e,oldResponse:t,newResponse:s,request:n,event:a}){t&&this.l.notifyIfUpdated({cacheName:e,oldResponse:t,newResponse:s,event:a,url:n.url})}},e.broadcastUpdate=o,e.responsesAreSame=s,e}({},workbox.core._private); | ||||
| //# sourceMappingURL=workbox-broadcast-update.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.cacheableResponse=function(t){"use strict";try{self["workbox:cacheable-response:4.3.1"]&&_()}catch(t){}class s{constructor(t={}){this.t=t.statuses,this.s=t.headers}isResponseCacheable(t){let s=!0;return this.t&&(s=this.t.includes(t.status)),this.s&&s&&(s=Object.keys(this.s).some(s=>t.headers.get(s)===this.s[s])),s}}return t.CacheableResponse=s,t.Plugin=class{constructor(t){this.i=new s(t)}cacheWillUpdate({response:t}){return this.i.isResponseCacheable(t)?t:null}},t}({}); | ||||
| //# sourceMappingURL=workbox-cacheable-response.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.expiration=function(t,e,s,i,a,n){"use strict";try{self["workbox:expiration:4.3.1"]&&_()}catch(t){}const h="workbox-expiration",c="cache-entries",r=t=>{const e=new URL(t,location);return e.hash="",e.href};class o{constructor(t){this.t=t,this.s=new e.DBWrapper(h,1,{onupgradeneeded:t=>this.i(t)})}i(t){const e=t.target.result.createObjectStore(c,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1}),s.deleteDatabase(this.t)}async setTimestamp(t,e){t=r(t),await this.s.put(c,{url:t,timestamp:e,cacheName:this.t,id:this.h(t)})}async getTimestamp(t){return(await this.s.get(c,this.h(t))).timestamp}async expireEntries(t,e){const s=await this.s.transaction(c,"readwrite",(s,i)=>{const a=s.objectStore(c),n=[];let h=0;a.index("timestamp").openCursor(null,"prev").onsuccess=(({target:s})=>{const a=s.result;if(a){const s=a.value;s.cacheName===this.t&&(t&&s.timestamp<t||e&&h>=e?n.push(a.value):h++),a.continue()}else i(n)})}),i=[];for(const t of s)await this.s.delete(c,t.id),i.push(t.url);return i}h(t){return this.t+"|"+r(t)}}class u{constructor(t,e={}){this.o=!1,this.u=!1,this.l=e.maxEntries,this.p=e.maxAgeSeconds,this.t=t,this.m=new o(t)}async expireEntries(){if(this.o)return void(this.u=!0);this.o=!0;const t=this.p?Date.now()-1e3*this.p:void 0,e=await this.m.expireEntries(t,this.l),s=await caches.open(this.t);for(const t of e)await s.delete(t);this.o=!1,this.u&&(this.u=!1,this.expireEntries())}async updateTimestamp(t){await this.m.setTimestamp(t,Date.now())}async isURLExpired(t){return await this.m.getTimestamp(t)<Date.now()-1e3*this.p}async delete(){this.u=!1,await this.m.expireEntries(1/0)}}return t.CacheExpiration=u,t.Plugin=class{constructor(t={}){this.D=t,this.p=t.maxAgeSeconds,this.g=new Map,t.purgeOnQuotaError&&n.registerQuotaErrorCallback(()=>this.deleteCacheAndMetadata())}k(t){if(t===a.cacheNames.getRuntimeName())throw new i.WorkboxError("expire-custom-caches-only");let e=this.g.get(t);return e||(e=new u(t,this.D),this.g.set(t,e)),e}cachedResponseWillBeUsed({event:t,request:e,cacheName:s,cachedResponse:i}){if(!i)return null;let a=this.N(i);const n=this.k(s);n.expireEntries();const h=n.updateTimestamp(e.url);if(t)try{t.waitUntil(h)}catch(t){}return a?i:null}N(t){if(!this.p)return!0;const e=this._(t);return null===e||e>=Date.now()-1e3*this.p}_(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async cacheDidUpdate({cacheName:t,request:e}){const s=this.k(t);await s.updateTimestamp(e.url),await s.expireEntries()}async deleteCacheAndMetadata(){for(const[t,e]of this.g)await caches.delete(t),await e.delete();this.g=new Map}},t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private,workbox.core); | ||||
| //# sourceMappingURL=workbox-expiration.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.navigationPreload=function(t){"use strict";try{self["workbox:navigation-preload:4.3.1"]&&_()}catch(t){}function e(){return Boolean(self.registration&&self.registration.navigationPreload)}return t.disable=function(){e()&&self.addEventListener("activate",t=>{t.waitUntil(self.registration.navigationPreload.disable().then(()=>{}))})},t.enable=function(t){e()&&self.addEventListener("activate",e=>{e.waitUntil(self.registration.navigationPreload.enable().then(()=>{t&&self.registration.navigationPreload.setHeaderValue(t)}))})},t.isSupported=e,t}({}); | ||||
| //# sourceMappingURL=workbox-navigation-preload.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.googleAnalytics=function(e,t,o,n,a,c,w){"use strict";try{self["workbox:google-analytics:4.3.1"]&&_()}catch(e){}const r=/^\/(\w+\/)?collect/,s=e=>async({queue:t})=>{let o;for(;o=await t.shiftRequest();){const{request:n,timestamp:a}=o,c=new URL(n.url);try{const w="POST"===n.method?new URLSearchParams(await n.clone().text()):c.searchParams,r=a-(Number(w.get("qt"))||0),s=Date.now()-r;if(w.set("qt",s),e.parameterOverrides)for(const t of Object.keys(e.parameterOverrides)){const o=e.parameterOverrides[t];w.set(t,o)}"function"==typeof e.hitFilter&&e.hitFilter.call(null,w),await fetch(new Request(c.origin+c.pathname,{body:w.toString(),method:"POST",mode:"cors",credentials:"omit",headers:{"Content-Type":"text/plain"}}))}catch(e){throw await t.unshiftRequest(o),e}}},i=e=>{const t=({url:e})=>"www.google-analytics.com"===e.hostname&&r.test(e.pathname),o=new w.NetworkOnly({plugins:[e]});return[new n.Route(t,o,"GET"),new n.Route(t,o,"POST")]},l=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.google-analytics.com"===e.hostname&&"/analytics.js"===e.pathname,t,"GET")},m=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtag/js"===e.pathname,t,"GET")},u=e=>{const t=new c.NetworkFirst({cacheName:e});return new n.Route(({url:e})=>"www.googletagmanager.com"===e.hostname&&"/gtm.js"===e.pathname,t,"GET")};return e.initialize=((e={})=>{const n=o.cacheNames.getGoogleAnalyticsName(e.cacheName),c=new t.Plugin("workbox-google-analytics",{maxRetentionTime:2880,onSync:s(e)}),w=[u(n),l(n),m(n),...i(c)],r=new a.Router;for(const e of w)r.registerRoute(e);r.addFetchListener()}),e}({},workbox.backgroundSync,workbox.core._private,workbox.routing,workbox.routing,workbox.strategies,workbox.strategies); | ||||
| //# sourceMappingURL=workbox-offline-ga.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.precaching=function(t,e,n,s,c){"use strict";try{self["workbox:precaching:4.3.1"]&&_()}catch(t){}const o=[],i={get:()=>o,add(t){o.push(...t)}};const a="__WB_REVISION__";function r(t){if(!t)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new c.WorkboxError("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location);return{cacheKey:t.href,url:t.href}}const s=new URL(n,location),o=new URL(n,location);return o.searchParams.set(a,e),{cacheKey:o.href,url:s.href}}class l{constructor(t){this.t=e.cacheNames.getPrecacheName(t),this.s=new Map}addToCacheList(t){for(const e of t){const{cacheKey:t,url:n}=r(e);if(this.s.has(n)&&this.s.get(n)!==t)throw new c.WorkboxError("add-to-cache-list-conflicting-entries",{firstEntry:this.s.get(n),secondEntry:t});this.s.set(n,t)}}async install({event:t,plugins:e}={}){const n=[],s=[],c=await caches.open(this.t),o=await c.keys(),i=new Set(o.map(t=>t.url));for(const t of this.s.values())i.has(t)?s.push(t):n.push(t);const a=n.map(n=>this.o({event:t,plugins:e,url:n}));return await Promise.all(a),{updatedURLs:n,notUpdatedURLs:s}}async activate(){const t=await caches.open(this.t),e=await t.keys(),n=new Set(this.s.values()),s=[];for(const c of e)n.has(c.url)||(await t.delete(c),s.push(c.url));return{deletedURLs:s}}async o({url:t,event:e,plugins:o}){const i=new Request(t,{credentials:"same-origin"});let a,r=await s.fetchWrapper.fetch({event:e,plugins:o,request:i});for(const t of o||[])"cacheWillUpdate"in t&&(a=t.cacheWillUpdate.bind(t));if(!(a?a({event:e,request:i,response:r}):r.status<400))throw new c.WorkboxError("bad-precaching-response",{url:t,status:r.status});r.redirected&&(r=await async function(t){const e=t.clone(),n="body"in e?Promise.resolve(e.body):e.blob(),s=await n;return new Response(s,{headers:e.headers,status:e.status,statusText:e.statusText})}(r)),await n.cacheWrapper.put({event:e,plugins:o,request:i,response:r,cacheName:this.t,matchOptions:{ignoreSearch:!0}})}getURLsToCacheKeys(){return this.s}getCachedURLs(){return[...this.s.keys()]}getCacheKeyForURL(t){const e=new URL(t,location);return this.s.get(e.href)}}let u;const h=()=>(u||(u=new l),u);const d=(t,e)=>{const n=h().getURLsToCacheKeys();for(const s of function*(t,{ignoreURLParametersMatching:e,directoryIndex:n,cleanURLs:s,urlManipulation:c}={}){const o=new URL(t,location);o.hash="",yield o.href;const i=function(t,e){for(const n of[...t.searchParams.keys()])e.some(t=>t.test(n))&&t.searchParams.delete(n);return t}(o,e);if(yield i.href,n&&i.pathname.endsWith("/")){const t=new URL(i);t.pathname+=n,yield t.href}if(s){const t=new URL(i);t.pathname+=".html",yield t.href}if(c){const t=c({url:o});for(const e of t)yield e.href}}(t,e)){const t=n.get(s);if(t)return t}};let w=!1;const f=t=>{w||((({ignoreURLParametersMatching:t=[/^utm_/],directoryIndex:n="index.html",cleanURLs:s=!0,urlManipulation:c=null}={})=>{const o=e.cacheNames.getPrecacheName();addEventListener("fetch",e=>{const i=d(e.request.url,{cleanURLs:s,directoryIndex:n,ignoreURLParametersMatching:t,urlManipulation:c});if(!i)return;let a=caches.open(o).then(t=>t.match(i)).then(t=>t||fetch(i));e.respondWith(a)})})(t),w=!0)},y=t=>{const e=h(),n=i.get();t.waitUntil(e.install({event:t,plugins:n}).catch(t=>{throw t}))},p=t=>{const e=h(),n=i.get();t.waitUntil(e.activate({event:t,plugins:n}))},L=t=>{h().addToCacheList(t),t.length>0&&(addEventListener("install",y),addEventListener("activate",p))};return t.addPlugins=(t=>{i.add(t)}),t.addRoute=f,t.cleanupOutdatedCaches=(()=>{addEventListener("activate",t=>{const n=e.cacheNames.getPrecacheName();t.waitUntil((async(t,e="-precache-")=>{const n=(await caches.keys()).filter(n=>n.includes(e)&&n.includes(self.registration.scope)&&n!==t);return await Promise.all(n.map(t=>caches.delete(t))),n})(n).then(t=>{}))})}),t.getCacheKeyForURL=(t=>{return h().getCacheKeyForURL(t)}),t.precache=L,t.precacheAndRoute=((t,e)=>{L(t),f(e)}),t.PrecacheController=l,t}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private); | ||||
| //# sourceMappingURL=workbox-precaching.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.rangeRequests=function(e,n){"use strict";try{self["workbox:range-requests:4.3.1"]&&_()}catch(e){}async function t(e,t){try{if(206===t.status)return t;const s=e.headers.get("range");if(!s)throw new n.WorkboxError("no-range-header");const a=function(e){const t=e.trim().toLowerCase();if(!t.startsWith("bytes="))throw new n.WorkboxError("unit-must-be-bytes",{normalizedRangeHeader:t});if(t.includes(","))throw new n.WorkboxError("single-range-only",{normalizedRangeHeader:t});const s=/(\d*)-(\d*)/.exec(t);if(null===s||!s[1]&&!s[2])throw new n.WorkboxError("invalid-range-values",{normalizedRangeHeader:t});return{start:""===s[1]?null:Number(s[1]),end:""===s[2]?null:Number(s[2])}}(s),r=await t.blob(),i=function(e,t,s){const a=e.size;if(s>a||t<0)throw new n.WorkboxError("range-not-satisfiable",{size:a,end:s,start:t});let r,i;return null===t?(r=a-s,i=a):null===s?(r=t,i=a):(r=t,i=s+1),{start:r,end:i}}(r,a.start,a.end),o=r.slice(i.start,i.end),u=o.size,l=new Response(o,{status:206,statusText:"Partial Content",headers:t.headers});return l.headers.set("Content-Length",u),l.headers.set("Content-Range",`bytes ${i.start}-${i.end-1}/`+r.size),l}catch(e){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}return e.createPartialResponse=t,e.Plugin=class{async cachedResponseWillBeUsed({request:e,cachedResponse:n}){return n&&e.headers.has("range")?await t(e,n):n}},e}({},workbox.core._private); | ||||
| //# sourceMappingURL=workbox-range-requests.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.routing=function(t,e,r){"use strict";try{self["workbox:routing:4.3.1"]&&_()}catch(t){}const s="GET",n=t=>t&&"object"==typeof t?t:{handle:t};class o{constructor(t,e,r){this.handler=n(e),this.match=t,this.method=r||s}}class i extends o{constructor(t,{whitelist:e=[/./],blacklist:r=[]}={}){super(t=>this.t(t),t),this.s=e,this.o=r}t({url:t,request:e}){if("navigate"!==e.mode)return!1;const r=t.pathname+t.search;for(const t of this.o)if(t.test(r))return!1;return!!this.s.some(t=>t.test(r))}}class u extends o{constructor(t,e,r){super(({url:e})=>{const r=t.exec(e.href);return r?e.origin!==location.origin&&0!==r.index?null:r.slice(1):null},e,r)}}class c{constructor(){this.i=new Map}get routes(){return this.i}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,r=this.handleRequest({request:e,event:t});r&&t.respondWith(r)})}addCacheListener(){self.addEventListener("message",async t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,r=Promise.all(e.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);const e=new Request(...t);return this.handleRequest({request:e})}));t.waitUntil(r),t.ports&&t.ports[0]&&(await r,t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const r=new URL(t.url,location);if(!r.protocol.startsWith("http"))return;let s,{params:n,route:o}=this.findMatchingRoute({url:r,request:t,event:e}),i=o&&o.handler;if(!i&&this.u&&(i=this.u),i){try{s=i.handle({url:r,request:t,event:e,params:n})}catch(t){s=Promise.reject(t)}return s&&this.h&&(s=s.catch(t=>this.h.handle({url:r,event:e,err:t}))),s}}findMatchingRoute({url:t,request:e,event:r}){const s=this.i.get(e.method)||[];for(const n of s){let s,o=n.match({url:t,request:e,event:r});if(o)return Array.isArray(o)&&o.length>0?s=o:o.constructor===Object&&Object.keys(o).length>0&&(s=o),{route:n,params:s}}return{}}setDefaultHandler(t){this.u=n(t)}setCatchHandler(t){this.h=n(t)}registerRoute(t){this.i.has(t.method)||this.i.set(t.method,[]),this.i.get(t.method).push(t)}unregisterRoute(t){if(!this.i.has(t.method))throw new r.WorkboxError("unregister-route-but-not-found-with-method",{method:t.method});const e=this.i.get(t.method).indexOf(t);if(!(e>-1))throw new r.WorkboxError("unregister-route-route-not-registered");this.i.get(t.method).splice(e,1)}}let a;const h=()=>(a||((a=new c).addFetchListener(),a.addCacheListener()),a);return t.NavigationRoute=i,t.RegExpRoute=u,t.registerNavigationRoute=((t,r={})=>{const s=e.cacheNames.getPrecacheName(r.cacheName),n=new i(async()=>{try{const e=await caches.match(t,{cacheName:s});if(e)return e;throw new Error(`The cache ${s} did not have an entry for `+`${t}.`)}catch(e){return fetch(t)}},{whitelist:r.whitelist,blacklist:r.blacklist});return h().registerRoute(n),n}),t.registerRoute=((t,e,s="GET")=>{let n;if("string"==typeof t){const r=new URL(t,location);n=new o(({url:t})=>t.href===r.href,e,s)}else if(t instanceof RegExp)n=new u(t,e,s);else if("function"==typeof t)n=new o(t,e,s);else{if(!(t instanceof o))throw new r.WorkboxError("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});n=t}return h().registerRoute(n),n}),t.Route=o,t.Router=c,t.setCatchHandler=(t=>{h().setCatchHandler(t)}),t.setDefaultHandler=(t=>{h().setDefaultHandler(t)}),t}({},workbox.core._private,workbox.core._private); | ||||
| //# sourceMappingURL=workbox-routing.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.strategies=function(e,t,s,n,r){"use strict";try{self["workbox:strategies:4.3.1"]&&_()}catch(e){}class i{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));let n,i=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!i)try{i=await this.u(t,e)}catch(e){n=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:n});return i}async u(e,t){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=r.clone(),h=s.cacheWrapper.put({cacheName:this.t,request:e,response:i,event:t,plugins:this.s});if(t)try{t.waitUntil(h)}catch(e){}return r}}class h{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(!n)throw new r.WorkboxError("no-response",{url:t.url});return n}}const u={cacheWillUpdate:({response:e})=>200===e.status||0===e.status?e:null};class a{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.o=e.networkTimeoutSeconds,this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){const s=[];"string"==typeof t&&(t=new Request(t));const n=[];let i;if(this.o){const{id:r,promise:h}=this.l({request:t,event:e,logs:s});i=r,n.push(h)}const h=this.q({timeoutId:i,request:t,event:e,logs:s});n.push(h);let u=await Promise.race(n);if(u||(u=await h),!u)throw new r.WorkboxError("no-response",{url:t.url});return u}l({request:e,logs:t,event:s}){let n;return{promise:new Promise(t=>{n=setTimeout(async()=>{t(await this.p({request:e,event:s}))},1e3*this.o)}),id:n}}async q({timeoutId:e,request:t,logs:r,event:i}){let h,u;try{u=await n.fetchWrapper.fetch({request:t,event:i,fetchOptions:this.i,plugins:this.s})}catch(e){h=e}if(e&&clearTimeout(e),h||!u)u=await this.p({request:t,event:i});else{const e=u.clone(),n=s.cacheWrapper.put({cacheName:this.t,request:t,response:e,event:i,plugins:this.s});if(i)try{i.waitUntil(n)}catch(e){}}return u}p({event:e,request:t}){return s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s})}}class c{constructor(e={}){this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],this.i=e.fetchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){let s,i;"string"==typeof t&&(t=new Request(t));try{i=await n.fetchWrapper.fetch({request:t,event:e,fetchOptions:this.i,plugins:this.s})}catch(e){s=e}if(!i)throw new r.WorkboxError("no-response",{url:t.url,error:s});return i}}class o{constructor(e={}){if(this.t=t.cacheNames.getRuntimeName(e.cacheName),this.s=e.plugins||[],e.plugins){let t=e.plugins.some(e=>!!e.cacheWillUpdate);this.s=t?e.plugins:[u,...e.plugins]}else this.s=[u];this.i=e.fetchOptions||null,this.h=e.matchOptions||null}async handle({event:e,request:t}){return this.makeRequest({event:e,request:t||e.request})}async makeRequest({event:e,request:t}){"string"==typeof t&&(t=new Request(t));const n=this.u({request:t,event:e});let i,h=await s.cacheWrapper.match({cacheName:this.t,request:t,event:e,matchOptions:this.h,plugins:this.s});if(h){if(e)try{e.waitUntil(n)}catch(i){}}else try{h=await n}catch(e){i=e}if(!h)throw new r.WorkboxError("no-response",{url:t.url,error:i});return h}async u({request:e,event:t}){const r=await n.fetchWrapper.fetch({request:e,event:t,fetchOptions:this.i,plugins:this.s}),i=s.cacheWrapper.put({cacheName:this.t,request:e,response:r.clone(),event:t,plugins:this.s});if(t)try{t.waitUntil(i)}catch(e){}return r}}const l={cacheFirst:i,cacheOnly:h,networkFirst:a,networkOnly:c,staleWhileRevalidate:o},q=e=>{const t=l[e];return e=>new t(e)},w=q("cacheFirst"),p=q("cacheOnly"),v=q("networkFirst"),y=q("networkOnly"),m=q("staleWhileRevalidate");return e.CacheFirst=i,e.CacheOnly=h,e.NetworkFirst=a,e.NetworkOnly=c,e.StaleWhileRevalidate=o,e.cacheFirst=w,e.cacheOnly=p,e.networkFirst=v,e.networkOnly=y,e.staleWhileRevalidate=m,e}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private); | ||||
| //# sourceMappingURL=workbox-strategies.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| this.workbox=this.workbox||{},this.workbox.streams=function(e){"use strict";try{self["workbox:streams:4.3.1"]&&_()}catch(e){}function n(e){const n=e.map(e=>Promise.resolve(e).then(e=>(function(e){return e.body&&e.body.getReader?e.body.getReader():e.getReader?e.getReader():new Response(e).body.getReader()})(e)));let t,r;const s=new Promise((e,n)=>{t=e,r=n});let o=0;return{done:s,stream:new ReadableStream({pull(e){return n[o].then(e=>e.read()).then(r=>{if(r.done)return++o>=n.length?(e.close(),void t()):this.pull(e);e.enqueue(r.value)}).catch(e=>{throw r(e),e})},cancel(){t()}})}}function t(e={}){const n=new Headers(e);return n.has("content-type")||n.set("content-type","text/html"),n}function r(e,r){const{done:s,stream:o}=n(e),a=t(r);return{done:s,response:new Response(o,{headers:a})}}let s=void 0;function o(){if(void 0===s)try{new ReadableStream({start(){}}),s=!0}catch(e){s=!1}return s}return e.concatenate=n,e.concatenateToResponse=r,e.isSupported=o,e.strategy=function(e,n){return async({event:s,url:a,params:c})=>{if(o()){const{done:t,response:o}=r(e.map(e=>e({event:s,url:a,params:c})),n);return s.waitUntil(t),o}const i=await Promise.all(e.map(e=>e({event:s,url:a,params:c})).map(async e=>{const n=await e;return n instanceof Response?n.blob():n})),u=t(n);return new Response(new Blob(i),{headers:u})}},e}({}); | ||||
| //# sourceMappingURL=workbox-streams.prod.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| !function(){"use strict";try{self["workbox:sw:4.3.1"]&&_()}catch(t){}const t="https://storage.googleapis.com/workbox-cdn/releases/4.3.1",e={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(t,s){if(t[s])return t[s];const o=e[s];return o&&t.loadModule(`workbox-${o}`),t[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(e){if(this.t.modulePathCb)return this.t.modulePathCb(e,this.t.debug);let s=[t];const o=`${e}.${this.s}.js`,r=this.t.modulePathPrefix;return r&&""===(s=r.split("/"))[s.length-1]&&s.splice(s.length-1,1),s.push(o),s.join("/")}}}(); | ||||
| //# sourceMappingURL=workbox-sw.js.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| try{self["workbox:window:4.3.1"]&&_()}catch(n){}var n=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function t(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function i(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var e=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},r=function(n,t){return new URL(n,location).href===new URL(t,location).href},o=function(n,t){Object.assign(this,t,{type:n})};function u(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function s(){}var c=function(c){var f,h;function v(n,t){var r;return void 0===t&&(t={}),(r=c.call(this)||this).t=n,r.i=t,r.o=0,r.u=new e,r.s=new e,r.h=new e,r.v=r.v.bind(i(i(r))),r.l=r.l.bind(i(i(r))),r.g=r.g.bind(i(i(r))),r.m=r.m.bind(i(i(r))),r}h=c,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,g,d=v.prototype;return d.register=u(function(n){var t,i,e=this,u=(void 0===n?{}:n).immediate,c=void 0!==u&&u;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.R(),a(e.k(),function(n){e.B=n,e.P&&(e.O=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.j(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.B.waiting;return t&&r(t.scriptURL,e.t)&&(e.O=t,Promise.resolve().then(function(){e.dispatchEvent(new o("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e.O&&e.u.resolve(e.O),e.B.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.C=new BroadcastChannel("workbox"),e.C.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.B})},(i=function(){if(!c&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(s):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),d.getSW=u(function(){return this.O||this.u.promise}),d.messageSW=u(function(t){return a(this.getSW(),function(i){return n(i,t)})}),d.R=function(){var n=navigator.serviceWorker.controller;if(n&&r(n.scriptURL,this.t))return n},d.k=u(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.L=performance.now(),t})},function(n){throw n})}),d.j=function(t){n(t,{type:"WINDOW_READY",meta:"workbox-window"})},d.g=function(){var n=this.B.installing;this.o>0||!r(n.scriptURL,this.t)||performance.now()>this.L+6e4?(this.W=n,this.B.removeEventListener("updatefound",this.g)):(this.O=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},d.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.W,u=r?"external":"",a={sw:i,originalEvent:n};!r&&this.p&&(a.isUpdate=!0),this.dispatchEvent(new o(u+e,a)),"installed"===e?this._=setTimeout(function(){"installed"===e&&t.B.waiting===i&&t.dispatchEvent(new o(u+"waiting",a))},200):"activating"===e&&(clearTimeout(this._),r||this.s.resolve(i))},d.m=function(n){var t=this.O;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new o("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},d.v=function(n){var t=n.data;this.dispatchEvent(new o("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&t(l.prototype,w),g&&t(l,g),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.T(n).add(t)},t.removeEventListener=function(n,t){this.T(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.T(n.type).forEach(function(t){return t(n)})},t.T=function(n){return this.D[n]=this.D[n]||new Set},n}());export{c as Workbox,n as messageSW}; | ||||
| //# sourceMappingURL=workbox-window.prod.es5.mjs.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| try{self["workbox:window:4.3.1"]&&_()}catch(t){}const t=(t,s)=>new Promise(i=>{let e=new MessageChannel;e.port1.onmessage=(t=>i(t.data)),t.postMessage(s,[e.port2])});try{self["workbox:core:4.3.1"]&&_()}catch(t){}class s{constructor(){this.promise=new Promise((t,s)=>{this.resolve=t,this.reject=s})}}class i{constructor(){this.t={}}addEventListener(t,s){this.s(t).add(s)}removeEventListener(t,s){this.s(t).delete(s)}dispatchEvent(t){t.target=this,this.s(t.type).forEach(s=>s(t))}s(t){return this.t[t]=this.t[t]||new Set}}const e=(t,s)=>new URL(t,location).href===new URL(s,location).href;class n{constructor(t,s){Object.assign(this,s,{type:t})}}const h=200,a=6e4;class o extends i{constructor(t,i={}){super(),this.i=t,this.h=i,this.o=0,this.l=new s,this.g=new s,this.u=new s,this.m=this.m.bind(this),this.v=this.v.bind(this),this.p=this.p.bind(this),this._=this._.bind(this)}async register({immediate:t=!1}={}){t||"complete"===document.readyState||await new Promise(t=>addEventListener("load",t)),this.C=Boolean(navigator.serviceWorker.controller),this.W=this.L(),this.S=await this.B(),this.W&&(this.R=this.W,this.g.resolve(this.W),this.u.resolve(this.W),this.P(this.W),this.W.addEventListener("statechange",this.v,{once:!0}));const s=this.S.waiting;return s&&e(s.scriptURL,this.i)&&(this.R=s,Promise.resolve().then(()=>{this.dispatchEvent(new n("waiting",{sw:s,wasWaitingBeforeRegister:!0}))})),this.R&&this.l.resolve(this.R),this.S.addEventListener("updatefound",this.p),navigator.serviceWorker.addEventListener("controllerchange",this._,{once:!0}),"BroadcastChannel"in self&&(this.T=new BroadcastChannel("workbox"),this.T.addEventListener("message",this.m)),navigator.serviceWorker.addEventListener("message",this.m),this.S}get active(){return this.g.promise}get controlling(){return this.u.promise}async getSW(){return this.R||this.l.promise}async messageSW(s){const i=await this.getSW();return t(i,s)}L(){const t=navigator.serviceWorker.controller;if(t&&e(t.scriptURL,this.i))return t}async B(){try{const t=await navigator.serviceWorker.register(this.i,this.h);return this.U=performance.now(),t}catch(t){throw t}}P(s){t(s,{type:"WINDOW_READY",meta:"workbox-window"})}p(){const t=this.S.installing;this.o>0||!e(t.scriptURL,this.i)||performance.now()>this.U+a?(this.k=t,this.S.removeEventListener("updatefound",this.p)):(this.R=t,this.l.resolve(t)),++this.o,t.addEventListener("statechange",this.v)}v(t){const s=t.target,{state:i}=s,e=s===this.k,a=e?"external":"",o={sw:s,originalEvent:t};!e&&this.C&&(o.isUpdate=!0),this.dispatchEvent(new n(a+i,o)),"installed"===i?this.D=setTimeout(()=>{"installed"===i&&this.S.waiting===s&&this.dispatchEvent(new n(a+"waiting",o))},h):"activating"===i&&(clearTimeout(this.D),e||this.g.resolve(s))}_(t){const s=this.R;s===navigator.serviceWorker.controller&&(this.dispatchEvent(new n("controlling",{sw:s,originalEvent:t})),this.u.resolve(s))}m(t){const{data:s}=t;this.dispatchEvent(new n("message",{data:s,originalEvent:t}))}}export{o as Workbox,t as messageSW}; | ||||
| //# sourceMappingURL=workbox-window.prod.mjs.map | ||||
| @@ -1,2 +0,0 @@ | ||||
| !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).workbox={})}(this,function(n){"use strict";try{self["workbox:window:4.3.1"]&&_()}catch(n){}var t=function(n,t){return new Promise(function(i){var e=new MessageChannel;e.port1.onmessage=function(n){return i(n.data)},n.postMessage(t,[e.port2])})};function i(n,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(n,e.key,e)}}function e(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}try{self["workbox:core:4.3.1"]&&_()}catch(n){}var r=function(){var n=this;this.promise=new Promise(function(t,i){n.resolve=t,n.reject=i})},o=function(n,t){return new URL(n,location).href===new URL(t,location).href},u=function(n,t){Object.assign(this,t,{type:n})};function s(n){return function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function a(n,t,i){return i?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function c(){}var f=function(n){var f,h;function v(t,i){var o;return void 0===i&&(i={}),(o=n.call(this)||this).t=t,o.i=i,o.o=0,o.u=new r,o.s=new r,o.h=new r,o.v=o.v.bind(e(e(o))),o.l=o.l.bind(e(e(o))),o.g=o.g.bind(e(e(o))),o.m=o.m.bind(e(e(o))),o}h=n,(f=v).prototype=Object.create(h.prototype),f.prototype.constructor=f,f.__proto__=h;var l,w,d,g=v.prototype;return g.register=s(function(n){var t,i,e=this,r=(void 0===n?{}:n).immediate,s=void 0!==r&&r;return t=function(){return e.p=Boolean(navigator.serviceWorker.controller),e.P=e.j(),a(e.O(),function(n){e.R=n,e.P&&(e._=e.P,e.s.resolve(e.P),e.h.resolve(e.P),e.k(e.P),e.P.addEventListener("statechange",e.l,{once:!0}));var t=e.R.waiting;return t&&o(t.scriptURL,e.t)&&(e._=t,Promise.resolve().then(function(){e.dispatchEvent(new u("waiting",{sw:t,wasWaitingBeforeRegister:!0}))})),e._&&e.u.resolve(e._),e.R.addEventListener("updatefound",e.g),navigator.serviceWorker.addEventListener("controllerchange",e.m,{once:!0}),"BroadcastChannel"in self&&(e.B=new BroadcastChannel("workbox"),e.B.addEventListener("message",e.v)),navigator.serviceWorker.addEventListener("message",e.v),e.R})},(i=function(){if(!s&&"complete"!==document.readyState)return function(n,t){if(!t)return n&&n.then?n.then(c):Promise.resolve()}(new Promise(function(n){return addEventListener("load",n)}))}())&&i.then?i.then(t):t(i)}),g.getSW=s(function(){return this._||this.u.promise}),g.messageSW=s(function(n){return a(this.getSW(),function(i){return t(i,n)})}),g.j=function(){var n=navigator.serviceWorker.controller;if(n&&o(n.scriptURL,this.t))return n},g.O=s(function(){var n=this;return function(n,t){try{var i=n()}catch(n){return t(n)}return i&&i.then?i.then(void 0,t):i}(function(){return a(navigator.serviceWorker.register(n.t,n.i),function(t){return n.C=performance.now(),t})},function(n){throw n})}),g.k=function(n){t(n,{type:"WINDOW_READY",meta:"workbox-window"})},g.g=function(){var n=this.R.installing;this.o>0||!o(n.scriptURL,this.t)||performance.now()>this.C+6e4?(this.L=n,this.R.removeEventListener("updatefound",this.g)):(this._=n,this.u.resolve(n)),++this.o,n.addEventListener("statechange",this.l)},g.l=function(n){var t=this,i=n.target,e=i.state,r=i===this.L,o=r?"external":"",s={sw:i,originalEvent:n};!r&&this.p&&(s.isUpdate=!0),this.dispatchEvent(new u(o+e,s)),"installed"===e?this.W=setTimeout(function(){"installed"===e&&t.R.waiting===i&&t.dispatchEvent(new u(o+"waiting",s))},200):"activating"===e&&(clearTimeout(this.W),r||this.s.resolve(i))},g.m=function(n){var t=this._;t===navigator.serviceWorker.controller&&(this.dispatchEvent(new u("controlling",{sw:t,originalEvent:n})),this.h.resolve(t))},g.v=function(n){var t=n.data;this.dispatchEvent(new u("message",{data:t,originalEvent:n}))},l=v,(w=[{key:"active",get:function(){return this.s.promise}},{key:"controlling",get:function(){return this.h.promise}}])&&i(l.prototype,w),d&&i(l,d),v}(function(){function n(){this.D={}}var t=n.prototype;return t.addEventListener=function(n,t){this.M(n).add(t)},t.removeEventListener=function(n,t){this.M(n).delete(t)},t.dispatchEvent=function(n){n.target=this,this.M(n.type).forEach(function(t){return t(n)})},t.M=function(n){return this.D[n]=this.D[n]||new Set},n}());n.Workbox=f,n.messageSW=t,Object.defineProperty(n,"__esModule",{value:!0})}); | ||||
| //# sourceMappingURL=workbox-window.prod.umd.js.map | ||||
| @@ -1,72 +0,0 @@ | ||||
| const fs = require("fs"); | ||||
| const { exec, execSync } = require("child_process"); | ||||
| const core = require("@actions/core"); | ||||
|  | ||||
| const excalidrawDir = `${__dirname}/../src/packages/excalidraw`; | ||||
| const excalidrawPackage = `${excalidrawDir}/package.json`; | ||||
| const pkg = require(excalidrawPackage); | ||||
| const isPreview = process.argv.slice(2)[0] === "preview"; | ||||
|  | ||||
| const getShortCommitHash = () => { | ||||
|   return execSync("git rev-parse --short HEAD").toString().trim(); | ||||
| }; | ||||
|  | ||||
| const publish = () => { | ||||
|   const tag = isPreview ? "preview" : "next"; | ||||
|  | ||||
|   try { | ||||
|     execSync(`yarn  --frozen-lockfile`); | ||||
|     execSync(`yarn --frozen-lockfile`, { cwd: excalidrawDir }); | ||||
|     execSync(`yarn run build:umd`, { cwd: excalidrawDir }); | ||||
|     execSync(`yarn --cwd ${excalidrawDir} publish --tag ${tag}`); | ||||
|     console.info(`Published ${pkg.name}@${tag}🎉`); | ||||
|     core.setOutput( | ||||
|       "result", | ||||
|       `**Preview version has been shipped** :rocket: | ||||
|     You can use [@excalidraw/excalidraw@${pkg.version}](https://www.npmjs.com/package/@excalidraw/excalidraw/v/${pkg.version}) for testing!`, | ||||
|     ); | ||||
|   } catch (error) { | ||||
|     core.setOutput("result", "package couldn't be published :warning:!"); | ||||
|     console.error(error); | ||||
|     process.exit(1); | ||||
|   } | ||||
| }; | ||||
| // get files changed between prev and head commit | ||||
| exec(`git diff --name-only HEAD^ HEAD`, async (error, stdout, stderr) => { | ||||
|   if (error || stderr) { | ||||
|     console.error(error); | ||||
|     core.setOutput("result", ":warning: Package couldn't be published!"); | ||||
|     process.exit(1); | ||||
|   } | ||||
|   const changedFiles = stdout.trim().split("\n"); | ||||
|   const filesToIgnoreRegex = /src\/excalidraw-app|packages\/utils/; | ||||
|  | ||||
|   const excalidrawPackageFiles = changedFiles.filter((file) => { | ||||
|     return ( | ||||
|       (file.indexOf("src") >= 0 || file.indexOf("package.json")) >= 0 && | ||||
|       !filesToIgnoreRegex.test(file) | ||||
|     ); | ||||
|   }); | ||||
|   if (!excalidrawPackageFiles.length) { | ||||
|     console.info("Skipping release as no valid diff found"); | ||||
|     core.setOutput("result", "Skipping release as no valid diff found"); | ||||
|     process.exit(0); | ||||
|   } | ||||
|  | ||||
|   // update package.json | ||||
|   let version = `${pkg.version}-${getShortCommitHash()}`; | ||||
|  | ||||
|   // update readme | ||||
|  | ||||
|   if (isPreview) { | ||||
|     // use pullNumber-commithash as the version for preview | ||||
|     const pullRequestNumber = process.argv.slice(3)[0]; | ||||
|     version = `${pkg.version}-${pullRequestNumber}-${getShortCommitHash()}`; | ||||
|   } | ||||
|   pkg.version = version; | ||||
|  | ||||
|   fs.writeFileSync(excalidrawPackage, JSON.stringify(pkg, null, 2), "utf8"); | ||||
|  | ||||
|   console.info("Publish in progress..."); | ||||
|   publish(); | ||||
| }); | ||||
| @@ -1,16 +1,11 @@ | ||||
| const { readdirSync, writeFileSync } = require("fs"); | ||||
| const files = readdirSync(`${__dirname}/../src/locales`); | ||||
|  | ||||
| const flatten = (object = {}, result = {}, extraKey = "") => { | ||||
|   for (const key in object) { | ||||
|     if (typeof object[key] !== "object") { | ||||
|       result[extraKey + key] = object[key]; | ||||
|     } else { | ||||
|       flatten(object[key], result, `${extraKey}${key}.`); | ||||
|     } | ||||
|   } | ||||
|   return result; | ||||
| }; | ||||
| const flatten = (object) => | ||||
|   Object.keys(object).reduce( | ||||
|     (initial, current) => ({ ...initial, ...object[current] }), | ||||
|     {}, | ||||
|   ); | ||||
|  | ||||
| const locales = files.filter( | ||||
|   (file) => file !== "README.md" && file !== "percentages.json", | ||||
| @@ -24,8 +19,10 @@ for (let index = 0; index < locales.length; index++) { | ||||
|  | ||||
|   const allKeys = Object.keys(data); | ||||
|   const translatedKeys = allKeys.filter((item) => data[item] !== ""); | ||||
|   const percentage = Math.floor((100 * translatedKeys.length) / allKeys.length); | ||||
|   percentages[currentLocale.replace(".json", "")] = percentage; | ||||
|  | ||||
|   const percentage = (100 * translatedKeys.length) / allKeys.length; | ||||
|  | ||||
|   percentages[currentLocale.replace(".json", "")] = parseInt(percentage); | ||||
| } | ||||
|  | ||||
| writeFileSync( | ||||
|   | ||||
| @@ -5,7 +5,7 @@ | ||||
|  | ||||
| // In order to run: | ||||
| //   npm install canvas # please do not check it in | ||||
| //   yarn build-node | ||||
| //   npm run build-node | ||||
| //   node build/static/js/build-node.js | ||||
| //   open test.png | ||||
|  | ||||
|   | ||||
| @@ -1,21 +0,0 @@ | ||||
| const { exec } = require("child_process"); | ||||
|  | ||||
| // get files changed between prev and head commit | ||||
| exec(`git diff --name-only HEAD^ HEAD`, async (error, stdout, stderr) => { | ||||
|   if (error || stderr) { | ||||
|     console.error(error); | ||||
|     process.exit(1); | ||||
|   } | ||||
|   const changedFiles = stdout.trim().split("\n"); | ||||
|  | ||||
|   const docFiles = changedFiles.filter((file) => { | ||||
|     return file.indexOf("docs") >= 0; | ||||
|   }); | ||||
|  | ||||
|   if (!docFiles.length) { | ||||
|     console.info("Skipping building docs as no valid diff found"); | ||||
|     process.exit(0); | ||||
|   } | ||||
|   // Exit code 1 to build the docs in ignoredBuildStep | ||||
|   process.exit(1); | ||||
| }); | ||||
| @@ -5,13 +5,10 @@ const THRESSHOLD = 85; | ||||
| const crowdinMap = { | ||||
|   "ar-SA": "en-ar", | ||||
|   "bg-BG": "en-bg", | ||||
|   "bn-BD": "en-bn", | ||||
|   "ca-ES": "en-ca", | ||||
|   "da-DK": "en-da", | ||||
|   "de-DE": "en-de", | ||||
|   "el-GR": "en-el", | ||||
|   "es-ES": "en-es", | ||||
|   "eu-ES": "en-eu", | ||||
|   "fa-IR": "en-fa", | ||||
|   "fi-FI": "en-fi", | ||||
|   "fr-FR": "en-fr", | ||||
| @@ -27,38 +24,24 @@ const crowdinMap = { | ||||
|   "nb-NO": "en-nb", | ||||
|   "nl-NL": "en-nl", | ||||
|   "nn-NO": "en-nnno", | ||||
|   "oc-FR": "en-oc", | ||||
|   "pa-IN": "en-pain", | ||||
|   "pl-PL": "en-pl", | ||||
|   "pt-BR": "en-ptbr", | ||||
|   "pt-PT": "en-pt", | ||||
|   "ro-RO": "en-ro", | ||||
|   "ru-RU": "en-ru", | ||||
|   "si-LK": "en-silk", | ||||
|   "sk-SK": "en-sk", | ||||
|   "sl-SI": "en-sl", | ||||
|   "sv-SE": "en-sv", | ||||
|   "ta-IN": "en-ta", | ||||
|   "tr-TR": "en-tr", | ||||
|   "uk-UA": "en-uk", | ||||
|   "zh-CN": "en-zhcn", | ||||
|   "zh-HK": "en-zhhk", | ||||
|   "zh-TW": "en-zhtw", | ||||
|   "lt-LT": "en-lt", | ||||
|   "lv-LV": "en-lv", | ||||
|   "cs-CZ": "en-cs", | ||||
|   "kk-KZ": "en-kk", | ||||
|   "vi-vn": "en-vi", | ||||
|   "mr-in": "en-mr", | ||||
| }; | ||||
|  | ||||
| const flags = { | ||||
|   "ar-SA": "🇸🇦", | ||||
|   "bg-BG": "🇧🇬", | ||||
|   "bn-BD": "🇧🇩", | ||||
|   "ca-ES": "🏳", | ||||
|   "cs-CZ": "🇨🇿", | ||||
|   "da-DK": "🇩🇰", | ||||
|   "de-DE": "🇩🇪", | ||||
|   "el-GR": "🇬🇷", | ||||
|   "es-ES": "🇪🇸", | ||||
| @@ -72,47 +55,32 @@ const flags = { | ||||
|   "it-IT": "🇮🇹", | ||||
|   "ja-JP": "🇯🇵", | ||||
|   "kab-KAB": "🏳", | ||||
|   "kk-KZ": "🇰🇿", | ||||
|   "ko-KR": "🇰🇷", | ||||
|   "lt-LT": "🇱🇹", | ||||
|   "lv-LV": "🇱🇻", | ||||
|   "my-MM": "🇲🇲", | ||||
|   "nb-NO": "🇳🇴", | ||||
|   "nl-NL": "🇳🇱", | ||||
|   "nn-NO": "🇳🇴", | ||||
|   "oc-FR": "🏳", | ||||
|   "pa-IN": "🇮🇳", | ||||
|   "pl-PL": "🇵🇱", | ||||
|   "pt-BR": "🇧🇷", | ||||
|   "pt-PT": "🇵🇹", | ||||
|   "ro-RO": "🇷🇴", | ||||
|   "ru-RU": "🇷🇺", | ||||
|   "si-LK": "🇱🇰", | ||||
|   "sk-SK": "🇸🇰", | ||||
|   "sl-SI": "🇸🇮", | ||||
|   "sv-SE": "🇸🇪", | ||||
|   "ta-IN": "🇮🇳", | ||||
|   "tr-TR": "🇹🇷", | ||||
|   "uk-UA": "🇺🇦", | ||||
|   "zh-CN": "🇨🇳", | ||||
|   "zh-HK": "🇭🇰", | ||||
|   "zh-TW": "🇹🇼", | ||||
|   "eu-ES": "🇪🇦", | ||||
|   "vi-VN": "🇻🇳", | ||||
|   "mr-IN": "🇮🇳", | ||||
| }; | ||||
|  | ||||
| const languages = { | ||||
|   "ar-SA": "العربية", | ||||
|   "bg-BG": "Български", | ||||
|   "bn-BD": "Bengali", | ||||
|   "ca-ES": "Català", | ||||
|   "cs-CZ": "Česky", | ||||
|   "da-DK": "Dansk", | ||||
|   "de-DE": "Deutsch", | ||||
|   "el-GR": "Ελληνικά", | ||||
|   "es-ES": "Español", | ||||
|   "eu-ES": "Euskara", | ||||
|   "fa-IR": "فارسی", | ||||
|   "fi-FI": "Suomi", | ||||
|   "fr-FR": "Français", | ||||
| @@ -123,33 +91,23 @@ const languages = { | ||||
|   "it-IT": "Italiano", | ||||
|   "ja-JP": "日本語", | ||||
|   "kab-KAB": "Taqbaylit", | ||||
|   "kk-KZ": "Қазақ тілі", | ||||
|   "ko-KR": "한국어", | ||||
|   "lt-LT": "Lietuvių", | ||||
|   "lv-LV": "Latviešu", | ||||
|   "my-MM": "Burmese", | ||||
|   "nb-NO": "Norsk bokmål", | ||||
|   "nl-NL": "Nederlands", | ||||
|   "nn-NO": "Norsk nynorsk", | ||||
|   "oc-FR": "Occitan", | ||||
|   "pa-IN": "ਪੰਜਾਬੀ", | ||||
|   "pl-PL": "Polski", | ||||
|   "pt-BR": "Português Brasileiro", | ||||
|   "pt-PT": "Português", | ||||
|   "ro-RO": "Română", | ||||
|   "ru-RU": "Русский", | ||||
|   "si-LK": "සිංහල", | ||||
|   "sk-SK": "Slovenčina", | ||||
|   "sl-SI": "Slovenščina", | ||||
|   "sv-SE": "Svenska", | ||||
|   "ta-IN": "Tamil", | ||||
|   "tr-TR": "Türkçe", | ||||
|   "uk-UA": "Українська", | ||||
|   "zh-CN": "简体中文", | ||||
|   "zh-HK": "繁體中文 (香港)", | ||||
|   "zh-TW": "繁體中文", | ||||
|   "vi-VN": "Tiếng Việt", | ||||
|   "mr-IN": "मराठी", | ||||
| }; | ||||
|  | ||||
| const percentages = fs.readFileSync( | ||||
|   | ||||
| @@ -1,21 +0,0 @@ | ||||
| const fs = require("fs"); | ||||
| const path = require("path"); | ||||
|  | ||||
| // for development purposes we want to have the service-worker.js file | ||||
| // accessible from the public folder. On build though, we need to compile it | ||||
| // and CRA expects that file to be in src/ folder. | ||||
| const moveServiceWorkerScript = () => { | ||||
|   const oldPath = path.resolve(__dirname, "../public/service-worker.js"); | ||||
|   const newPath = path.resolve(__dirname, "../src/service-worker.js"); | ||||
|  | ||||
|   fs.rename(oldPath, newPath, (error) => { | ||||
|     if (error) { | ||||
|       throw error; | ||||
|     } | ||||
|     console.info("public/service-worker.js moved to src/"); | ||||
|   }); | ||||
| }; | ||||
|  | ||||
| // ----------------------------------------------------------------------------- | ||||
|  | ||||
| moveServiceWorkerScript(); | ||||
| @@ -1,37 +0,0 @@ | ||||
| const fs = require("fs"); | ||||
| const util = require("util"); | ||||
| const exec = util.promisify(require("child_process").exec); | ||||
| const updateChangelog = require("./updateChangelog"); | ||||
|  | ||||
| const excalidrawDir = `${__dirname}/../src/packages/excalidraw`; | ||||
| const excalidrawPackage = `${excalidrawDir}/package.json`; | ||||
|  | ||||
| const updatePackageVersion = (nextVersion) => { | ||||
|   const pkg = require(excalidrawPackage); | ||||
|   pkg.version = nextVersion; | ||||
|   const content = `${JSON.stringify(pkg, null, 2)}\n`; | ||||
|   fs.writeFileSync(excalidrawPackage, content, "utf-8"); | ||||
| }; | ||||
|  | ||||
| const prerelease = async (nextVersion) => { | ||||
|   try { | ||||
|     await updateChangelog(nextVersion); | ||||
|     updatePackageVersion(nextVersion); | ||||
|     await exec(`git add -u`); | ||||
|     await exec( | ||||
|       `git commit -m "docs: release @excalidraw/excalidraw@${nextVersion}  🎉"`, | ||||
|     ); | ||||
|  | ||||
|     console.info("Done!"); | ||||
|   } catch (error) { | ||||
|     console.error(error); | ||||
|     process.exit(1); | ||||
|   } | ||||
| }; | ||||
|  | ||||
| const nextVersion = process.argv.slice(2)[0]; | ||||
| if (!nextVersion) { | ||||
|   console.error("Pass the next version to release!"); | ||||
|   process.exit(1); | ||||
| } | ||||
| prerelease(nextVersion); | ||||
| @@ -1,44 +0,0 @@ | ||||
| const fs = require("fs"); | ||||
| const { execSync } = require("child_process"); | ||||
|  | ||||
| const excalidrawDir = `${__dirname}/../src/packages/excalidraw`; | ||||
| const excalidrawPackage = `${excalidrawDir}/package.json`; | ||||
| const pkg = require(excalidrawPackage); | ||||
|  | ||||
| const originalReadMe = fs.readFileSync(`${excalidrawDir}/README.md`, "utf8"); | ||||
|  | ||||
| const updateReadme = () => { | ||||
|   const excalidrawIndex = originalReadMe.indexOf("### Excalidraw"); | ||||
|  | ||||
|   // remove note for stable readme | ||||
|   const data = originalReadMe.slice(excalidrawIndex); | ||||
|  | ||||
|   // update readme | ||||
|   fs.writeFileSync(`${excalidrawDir}/README.md`, data, "utf8"); | ||||
| }; | ||||
|  | ||||
| const publish = () => { | ||||
|   try { | ||||
|     execSync(`yarn  --frozen-lockfile`); | ||||
|     execSync(`yarn --frozen-lockfile`, { cwd: excalidrawDir }); | ||||
|     execSync(`yarn run build:umd`, { cwd: excalidrawDir }); | ||||
|     execSync(`yarn --cwd ${excalidrawDir} publish`); | ||||
|   } catch (error) { | ||||
|     console.error(error); | ||||
|     process.exit(1); | ||||
|   } | ||||
| }; | ||||
|  | ||||
| const release = () => { | ||||
|   updateReadme(); | ||||
|   console.info("Note for stable readme removed"); | ||||
|  | ||||
|   publish(); | ||||
|   console.info(`Published ${pkg.version}!`); | ||||
|  | ||||
|   // revert readme after release | ||||
|   fs.writeFileSync(`${excalidrawDir}/README.md`, originalReadMe, "utf8"); | ||||
|   console.info("Readme reverted"); | ||||
| }; | ||||
|  | ||||
| release(); | ||||
| @@ -1,104 +0,0 @@ | ||||
| const fs = require("fs"); | ||||
| const util = require("util"); | ||||
| const exec = util.promisify(require("child_process").exec); | ||||
|  | ||||
| const excalidrawDir = `${__dirname}/../src/packages/excalidraw`; | ||||
| const excalidrawPackage = `${excalidrawDir}/package.json`; | ||||
| const pkg = require(excalidrawPackage); | ||||
| const lastVersion = pkg.version; | ||||
| const existingChangeLog = fs.readFileSync( | ||||
|   `${excalidrawDir}/CHANGELOG.md`, | ||||
|   "utf8", | ||||
| ); | ||||
|  | ||||
| const supportedTypes = ["feat", "fix", "style", "refactor", "perf", "build"]; | ||||
| const headerForType = { | ||||
|   feat: "Features", | ||||
|   fix: "Fixes", | ||||
|   style: "Styles", | ||||
|   refactor: " Refactor", | ||||
|   perf: "Performance", | ||||
|   build: "Build", | ||||
| }; | ||||
| const badCommits = []; | ||||
| const getCommitHashForLastVersion = async () => { | ||||
|   try { | ||||
|     const commitMessage = `"release @excalidraw/excalidraw@${lastVersion}"`; | ||||
|     const { stdout } = await exec( | ||||
|       `git log --format=format:"%H" --grep=${commitMessage}`, | ||||
|     ); | ||||
|     return stdout; | ||||
|   } catch (error) { | ||||
|     console.error(error); | ||||
|   } | ||||
| }; | ||||
|  | ||||
| const getLibraryCommitsSinceLastRelease = async () => { | ||||
|   const commitHash = await getCommitHashForLastVersion(); | ||||
|   const { stdout } = await exec( | ||||
|     `git log --pretty=format:%s ${commitHash}...master`, | ||||
|   ); | ||||
|   const commitsSinceLastRelease = stdout.split("\n"); | ||||
|   const commitList = {}; | ||||
|   supportedTypes.forEach((type) => { | ||||
|     commitList[type] = []; | ||||
|   }); | ||||
|  | ||||
|   commitsSinceLastRelease.forEach((commit) => { | ||||
|     const indexOfColon = commit.indexOf(":"); | ||||
|     const type = commit.slice(0, indexOfColon); | ||||
|     if (!supportedTypes.includes(type)) { | ||||
|       return; | ||||
|     } | ||||
|     const messageWithoutType = commit.slice(indexOfColon + 1).trim(); | ||||
|     const messageWithCapitalizeFirst = | ||||
|       messageWithoutType.charAt(0).toUpperCase() + messageWithoutType.slice(1); | ||||
|     const prMatch = commit.match(/\(#([0-9]*)\)/); | ||||
|     if (prMatch) { | ||||
|       const prNumber = prMatch[1]; | ||||
|  | ||||
|       // return if the changelog already contains the pr number which would happen for package updates | ||||
|       if (existingChangeLog.includes(prNumber)) { | ||||
|         return; | ||||
|       } | ||||
|       const prMarkdown = `[#${prNumber}](https://github.com/excalidraw/excalidraw/pull/${prNumber})`; | ||||
|       const messageWithPRLink = messageWithCapitalizeFirst.replace( | ||||
|         /\(#[0-9]*\)/, | ||||
|         prMarkdown, | ||||
|       ); | ||||
|       commitList[type].push(messageWithPRLink); | ||||
|     } else { | ||||
|       badCommits.push(commit); | ||||
|       commitList[type].push(messageWithCapitalizeFirst); | ||||
|     } | ||||
|   }); | ||||
|   console.info("Bad commits:", badCommits); | ||||
|   return commitList; | ||||
| }; | ||||
|  | ||||
| const updateChangelog = async (nextVersion) => { | ||||
|   const commitList = await getLibraryCommitsSinceLastRelease(); | ||||
|   let changelogForLibrary = | ||||
|     "## Excalidraw Library\n\n**_This section lists the updates made to the excalidraw library and will not affect the integration._**\n\n"; | ||||
|   supportedTypes.forEach((type) => { | ||||
|     if (commitList[type].length) { | ||||
|       changelogForLibrary += `### ${headerForType[type]}\n\n`; | ||||
|       const commits = commitList[type]; | ||||
|       commits.forEach((commit) => { | ||||
|         changelogForLibrary += `- ${commit}\n\n`; | ||||
|       }); | ||||
|     } | ||||
|   }); | ||||
|   changelogForLibrary += "---\n"; | ||||
|   const lastVersionIndex = existingChangeLog.indexOf(`## ${lastVersion}`); | ||||
|   let updatedContent = | ||||
|     existingChangeLog.slice(0, lastVersionIndex) + | ||||
|     changelogForLibrary + | ||||
|     existingChangeLog.slice(lastVersionIndex); | ||||
|   const currentDate = new Date().toISOString().slice(0, 10); | ||||
|   const newVersion = `## ${nextVersion} (${currentDate})`; | ||||
|   updatedContent = updatedContent.replace(`## Unreleased`, newVersion); | ||||
|   fs.writeFileSync(`${excalidrawDir}/CHANGELOG.md`, updatedContent, "utf8"); | ||||
| }; | ||||
|  | ||||
| module.exports = updateChangelog; | ||||
							
								
								
									
										4
									
								
								src/__mocks__/worker-mock.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,4 @@ | ||||
| module.exports = class { | ||||
|   postMessage() {} | ||||
|   terminate() {} | ||||
| }; | ||||
| @@ -2,59 +2,20 @@ import { register } from "./register"; | ||||
| import { getSelectedElements } from "../scene"; | ||||
| import { getNonDeletedElements } from "../element"; | ||||
| import { deepCopyElement } from "../element/newElement"; | ||||
| import { randomId } from "../random"; | ||||
| import { t } from "../i18n"; | ||||
| import { Library } from "../data/library"; | ||||
|  | ||||
| export const actionAddToLibrary = register({ | ||||
|   name: "addToLibrary", | ||||
|   trackEvent: { category: "element" }, | ||||
|   perform: (elements, appState, _, app) => { | ||||
|   perform: (elements, appState) => { | ||||
|     const selectedElements = getSelectedElements( | ||||
|       getNonDeletedElements(elements), | ||||
|       appState, | ||||
|       true, | ||||
|     ); | ||||
|     if (selectedElements.some((element) => element.type === "image")) { | ||||
|       return { | ||||
|         commitToHistory: false, | ||||
|         appState: { | ||||
|           ...appState, | ||||
|           errorMessage: "Support for adding images to the library coming soon!", | ||||
|         }, | ||||
|       }; | ||||
|     } | ||||
|  | ||||
|     return app.library | ||||
|       .getLatestLibrary() | ||||
|       .then((items) => { | ||||
|         return app.library.setLibrary([ | ||||
|           { | ||||
|             id: randomId(), | ||||
|             status: "unpublished", | ||||
|             elements: selectedElements.map(deepCopyElement), | ||||
|             created: Date.now(), | ||||
|           }, | ||||
|           ...items, | ||||
|         ]); | ||||
|       }) | ||||
|       .then(() => { | ||||
|         return { | ||||
|           commitToHistory: false, | ||||
|           appState: { | ||||
|             ...appState, | ||||
|             toast: { message: t("toast.addedToLibrary") }, | ||||
|           }, | ||||
|         }; | ||||
|       }) | ||||
|       .catch((error) => { | ||||
|         return { | ||||
|           commitToHistory: false, | ||||
|           appState: { | ||||
|             ...appState, | ||||
|             errorMessage: error.message, | ||||
|           }, | ||||
|         }; | ||||
|     Library.loadLibrary().then((items) => { | ||||
|       Library.saveLibrary([...items, selectedElements.map(deepCopyElement)]); | ||||
|     }); | ||||
|     return false; | ||||
|   }, | ||||
|   contextItemLabel: "labels.addToLibrary", | ||||
| }); | ||||
|   | ||||
| @@ -1,3 +1,4 @@ | ||||
| import React from "react"; | ||||
| import { alignElements, Alignment } from "../align"; | ||||
| import { | ||||
|   AlignBottomIcon, | ||||
| @@ -8,13 +9,13 @@ import { | ||||
|   CenterVerticallyIcon, | ||||
| } from "../components/icons"; | ||||
| import { ToolButton } from "../components/ToolButton"; | ||||
| import { getNonDeletedElements } from "../element"; | ||||
| import { getElementMap, getNonDeletedElements } from "../element"; | ||||
| import { ExcalidrawElement } from "../element/types"; | ||||
| import { t } from "../i18n"; | ||||
| import { KEYS } from "../keys"; | ||||
| import { getSelectedElements, isSomeElementSelected } from "../scene"; | ||||
| import { AppState } from "../types"; | ||||
| import { arrayToMap, getShortcutKey } from "../utils"; | ||||
| import { getShortcutKey } from "../utils"; | ||||
| import { register } from "./register"; | ||||
|  | ||||
| const enableActionGroup = ( | ||||
| @@ -34,16 +35,13 @@ const alignSelectedElements = ( | ||||
|  | ||||
|   const updatedElements = alignElements(selectedElements, alignment); | ||||
|  | ||||
|   const updatedElementsMap = arrayToMap(updatedElements); | ||||
|   const updatedElementsMap = getElementMap(updatedElements); | ||||
|  | ||||
|   return elements.map( | ||||
|     (element) => updatedElementsMap.get(element.id) || element, | ||||
|   ); | ||||
|   return elements.map((element) => updatedElementsMap[element.id] || element); | ||||
| }; | ||||
|  | ||||
| export const actionAlignTop = register({ | ||||
|   name: "alignTop", | ||||
|   trackEvent: { category: "element" }, | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -60,7 +58,7 @@ export const actionAlignTop = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<AlignTopIcon theme={appState.theme} />} | ||||
|       icon={<AlignTopIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={`${t("labels.alignTop")} — ${getShortcutKey( | ||||
|         "CtrlOrCmd+Shift+Up", | ||||
| @@ -73,7 +71,6 @@ export const actionAlignTop = register({ | ||||
|  | ||||
| export const actionAlignBottom = register({ | ||||
|   name: "alignBottom", | ||||
|   trackEvent: { category: "element" }, | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -90,7 +87,7 @@ export const actionAlignBottom = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<AlignBottomIcon theme={appState.theme} />} | ||||
|       icon={<AlignBottomIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={`${t("labels.alignBottom")} — ${getShortcutKey( | ||||
|         "CtrlOrCmd+Shift+Down", | ||||
| @@ -103,7 +100,6 @@ export const actionAlignBottom = register({ | ||||
|  | ||||
| export const actionAlignLeft = register({ | ||||
|   name: "alignLeft", | ||||
|   trackEvent: { category: "element" }, | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -120,7 +116,7 @@ export const actionAlignLeft = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<AlignLeftIcon theme={appState.theme} />} | ||||
|       icon={<AlignLeftIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={`${t("labels.alignLeft")} — ${getShortcutKey( | ||||
|         "CtrlOrCmd+Shift+Left", | ||||
| @@ -133,8 +129,6 @@ export const actionAlignLeft = register({ | ||||
|  | ||||
| export const actionAlignRight = register({ | ||||
|   name: "alignRight", | ||||
|   trackEvent: { category: "element" }, | ||||
|  | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -151,7 +145,7 @@ export const actionAlignRight = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<AlignRightIcon theme={appState.theme} />} | ||||
|       icon={<AlignRightIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={`${t("labels.alignRight")} — ${getShortcutKey( | ||||
|         "CtrlOrCmd+Shift+Right", | ||||
| @@ -164,8 +158,6 @@ export const actionAlignRight = register({ | ||||
|  | ||||
| export const actionAlignVerticallyCentered = register({ | ||||
|   name: "alignVerticallyCentered", | ||||
|   trackEvent: { category: "element" }, | ||||
|  | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -180,7 +172,7 @@ export const actionAlignVerticallyCentered = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<CenterVerticallyIcon theme={appState.theme} />} | ||||
|       icon={<CenterVerticallyIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={t("labels.centerVertically")} | ||||
|       aria-label={t("labels.centerVertically")} | ||||
| @@ -191,7 +183,6 @@ export const actionAlignVerticallyCentered = register({ | ||||
|  | ||||
| export const actionAlignHorizontallyCentered = register({ | ||||
|   name: "alignHorizontallyCentered", | ||||
|   trackEvent: { category: "element" }, | ||||
|   perform: (elements, appState) => { | ||||
|     return { | ||||
|       appState, | ||||
| @@ -206,7 +197,7 @@ export const actionAlignHorizontallyCentered = register({ | ||||
|     <ToolButton | ||||
|       hidden={!enableActionGroup(elements, appState)} | ||||
|       type="button" | ||||
|       icon={<CenterHorizontallyIcon theme={appState.theme} />} | ||||
|       icon={<CenterHorizontallyIcon appearance={appState.appearance} />} | ||||
|       onClick={() => updateData(null)} | ||||
|       title={t("labels.centerHorizontally")} | ||||
|       aria-label={t("labels.centerHorizontally")} | ||||
|   | ||||