devtools/index.html at main · jhk1m/devtools · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
    <!-- VIPS -->
    <script src="./src/vips/vips.js"></script>
    <script type="module">
      window.vips = await Vips({
        print: (stdout) => console.log(stdout.replace(/\033\[[0-9;]*m/g, "")),
        preRun: (module) => {
          return;
          module.ENV.VIPS_INFO = "1";
          // FIXME: not require preload
          // module.FS.createPreloadedFile(
          //   "/",
          //   "owl.jpg",
          //   "/owl.jpg",
          //   true,
          //   false
          // );
        },
        postRun: (module) => {
          return;
          const pad = 30;
          const have = (name) =>
            module.Utils.typeFind("VipsOperation", name) !== 0;

          console.log("vips version:".padEnd(pad), module.version());
          console.log(
            "Emscripten version:".padEnd(pad),
            module.emscriptenVersion()
          );
          //console.log(module.config());
          console.log("Concurrency:".padEnd(pad), module.concurrency());

          console.log("Cache max mem:".padEnd(pad), module.Cache.maxMem());
          console.log("Cache max operations:".padEnd(pad), module.Cache.max());
          console.log(
            "Cache current operations:".padEnd(pad),
            module.Cache.size()
          );
          console.log(
            "Cache max open files:".padEnd(pad),
            module.Cache.maxFiles()
          );

          console.log(
            "Memory allocations:".padEnd(pad),
            module.Stats.allocations()
          );
          console.log(
            "Memory currently allocated:".padEnd(pad),
            module.Stats.mem()
          );
          console.log(
            "Memory high water:".padEnd(pad),
            module.Stats.memHighwater()
          );
          console.log("Open files:".padEnd(pad), module.Stats.files());

          console.log(
            "JPEG support:".padEnd(pad),
            have("jpegload") ? "yes" : "no"
          );
          console.log(
            "PNG support:".padEnd(pad),
            have("pngload") ? "yes" : "no"
          );
          console.log(
            "TIFF support:".padEnd(pad),
            have("tiffload") ? "yes" : "no"
          );
          console.log(
            "WebP support:".padEnd(pad),
            have("webpload") ? "yes" : "no"
          );
          console.log(
            "GIF support:".padEnd(pad),
            have("gifload") ? "yes" : "no"
          );

          console.log("SVG load:".padEnd(pad), have("svgload") ? "yes" : "no");

          console.log(
            "Text rendering support:".padEnd(pad),
            have("text") ? "yes" : "no"
          );

          window.parent.postMessage("vipsInitialized", "*");
        },
      });
    </script>
    <!-- React-editor -->
    <script>
      const global = globalThis;
    </script>
    <!-- Stop printing app -->
    <script>
      window.onkeydown = function (e) {
        if (e.code === "KeyP" && e.ctrlKey) {
          return false;
        }
        if (e.code === "F3") return false;
      };
    </script>
    <style>
      @media print {
        html,
        body {
          display: none; /* hide whole page */
        }
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script>
      document.addEventListener("contextmenu", (event) =>
        event.preventDefault()
      );
    </script>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>