sort/index.html at master · eladkarako/sort · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html encoding="UTF-8" charset="UTF-8" dir="ltr" lang="en-US" language="English">
<head>
<meta http-equiv="X-UA-Compatible"         content="IE=edge,chrome=1"/>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type"            content="text/html"                        />
<meta name="viewport"                      content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui"/>
<meta http-equiv="Content-Script-Type"     content="text/javascript" charset="UTF-8"  />
<meta http-equiv="Content-Style-Type"      content="text/css"        charset="UTF-8"  />

<!-- enable extended features -->
<meta http-equiv="Cache-Control"           content="public,max-age=1800,max-stale,stale-while-revalidate=86400,stale-if-error=259200" rem="max-age=30minutes"   />
<meta http-equiv="Feature-Policy"          content="fullscreen *; autoplay: *; wake-lock *; screen-wake-lock: *; vibrate *; geolocation *; camera: *; microphone: *; accelerometer: *; ambient-light-sensor: *; battery: *; gamepad: *; gyroscope: *; magnetometer: *; display-capture: *; document-domain: *; encrypted-media: *; layout-animations: *; unoptimized-images: *; unsized-media: *; oversized-images: *; legacy-image-formats: *; sync-script: *; sync-xhr: *; execution-while-not-rendered: *; execution-while-out-of-viewport: *; midi: *; navigation-override: *; payment: *; picture-in-picture: *; publickey-credentials-get: *; speaker-selection: *; usb: *; web-share: *; xr-spatial-tracking: *; "  />

<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval' 'unsafe-hashes'; form-action *;"                   />
<!--
notes:
  unsafe-allow-redirects
    The source list for the Content Security Policy directive 'default-src' contains an invalid source: ''unsafe-allow-redirects''. It will be ignored.
  frame-ancestors *;
    The Content Security Policy directive 'frame-ancestors' is ignored when delivered via a <meta> element
-->


<!-- disable browser features -->
<meta http-equiv="imagetoolbar"            content="no"                               />
<meta http-equiv="cleartype"               content="on"                               />
<meta name="HandheldFriendly"              content="True"                             />
<meta name="MSThemeCompatible"             content="no"                               />
<meta http-equiv="X-XSS-Protection"        content="0"                                />
<meta name="referrer"                      content="unsafe-url"                       />
<meta http-equiv="Referrer-Policy"         content="unsafe-url"                       />
<meta http-equiv="X-Content-Type-Options"  content="nosniff"                          />
<meta name="format-detection"              content="telephone=no,date=no,address=no,email=no,url=no"/>
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">

<meta name="author"                        content="Elad Karako"                      />
<title>Sort&Unique</title>

<link rel="stylesheet"                     href="index.css"   type="text/css" charset="UTF-8" media="all" crossorigin="anonymous" />
<link rel="icon"                           href="favicon.ico" type="image/x-icon"     />
<link rel="shortcut icon"                  href="favicon.ico" type="image/x-icon"     />

<!-- hidden from BODY, but still in DOM ... --->
<input id="opener"     charset="UTF-8" type="file" accept="*" />
<a     id="downloader" charset="UTF-8" type="application/octet-stream" href="" download="t1_20221108_182911.txt">💾︎ </a>
</head>
<body>
<textarea autofocus="true" spellcheck="true" autocomplete="on" placeholder="
👉 main functionality:
־־־־־־־־־־־־־־־־־־־־־־־־־־־־־
1. ALT+ENTER  - 📃⬇ sort and unique text based on lines(legacy key).
2. CTRL+ENTER - same (legacy key).

3. ALT+\      - sort each line based on ',' splitter.

3. ALT+J      - beautify JSON (as is).
4. ALT+K      - JSON deep sort + beautify (note: null, [], {}, if any - will be placed last).

5. ALT+L      - clear textarea.
6. ALT+W      - toggle wrap-lines ON/OFF (default ON, lines all fit page without scrolling sideway).

*️⃣ addition functionality:
־־־־־־־־־־־־־־־־־־־־־־־־־־־־־
7. ALT+O      - 📂 open single file as text, to textarea.
8. ALT+S      - 💾 save textarea to text-file.

🎯 stuff you can access from console
־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־־
- (function) self.natural_compare
- (object)   self.textarea
- (object)   self.opener     (hidden input element used to read files).
- (object)   self.downloader (hidden anchor element used to generate and download a text files).

" ></textarea>
<script src="index.js" async="async" type="text/javascript" charset="UTF-8" loading="eager" lazyload="off" crossorigin="anonymous"></script>
</body>
</html>