@devvit/cli 0.11.2 → 0.11.3-next-2024-10-31-9ef830d31.0

package/dist/templates/webviews/tsconfig.json

@@ -0,0 +1,3 @@
+{
+    "extends": "@devvit/public-api/devvit.tsconfig.json"
+}

package/dist/templates/webviews/webroot/page.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta charset="UTF-8" />
+    <title>Webview Example</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <button>Ping</button>
+    <pre id="stateOutput"></pre>
+    <script type="application/javascript" src="script.js"></script>
+  </body>
+</html>

package/dist/templates/webviews/webroot/script.js

@@ -0,0 +1,24 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-nocheck
+
+class App {
+  constructor() {
+    this.state = {};
+
+    const output = document.querySelector('#stateOutput');
+    window.addEventListener('message', (ev) => {
+      const { type, data } = ev.data;
+
+      if (type === 'stateUpdate') {
+        output.replaceChildren(JSON.stringify(data, undefined, 2));
+      }
+    });
+
+    const pingButton = document.querySelector('button');
+    pingButton.addEventListener('click', () => {
+      window.parent?.postMessage({ type: 'ping' }, '*');
+    });
+  }
+}
+
+new App();

package/dist/templates/webviews/webroot/style.css

@@ -0,0 +1,20 @@
+body {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px;
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0;
+    box-sizing: border-box;
+  }
+  
+  #stateOutput {
+    border: 1px solid black;
+    overflow-y: auto;
+    flex-grow: 1;
+  }
+  
+  pre {
+    padding: 4px;
+  }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/cli",
-  "version": "0.11.2",
+  "version": "0.11.3-next-2024-10-31-9ef830d31.0",
   "description": "Reddit's Dev Platform CLI Tool",
   "license": "BSD-3-Clause",
   "author": "@reddit/dev-platform",
@@ -42,11 +42,11 @@
   },
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@devvit/build-pack": "0.11.2",
+    "@devvit/build-pack": "0.11.3-next-2024-10-31-9ef830d31.0",
     "@devvit/play": "0.0.43",
-    "@devvit/protos": "0.11.2",
-    "@devvit/public-api": "0.11.2",
-    "@devvit/shared-types": "0.11.2",
+    "@devvit/protos": "0.11.3-next-2024-10-31-9ef830d31.0",
+    "@devvit/public-api": "0.11.3-next-2024-10-31-9ef830d31.0",
+    "@devvit/shared-types": "0.11.3-next-2024-10-31-9ef830d31.0",
     "@improbable-eng/grpc-web": "0.15.0",
     "@improbable-eng/grpc-web-node-http-transport": "0.15.0",
     "@oclif/core": "2.9.4",
@@ -78,8 +78,8 @@
     "ws": "8.18.0"
   },
   "devDependencies": {
-    "@devvit/repo-tools": "0.11.2",
-    "@devvit/tsconfig": "0.11.2",
+    "@devvit/repo-tools": "0.11.3-next-2024-10-31-9ef830d31.0",
+    "@devvit/tsconfig": "0.11.3-next-2024-10-31-9ef830d31.0",
     "@types/file-type": "10.9.1",
     "@types/inquirer": "9.0.3",
     "@types/js-yaml": "4.0.5",
@@ -120,5 +120,5 @@
       ]
     }
   },
-  "gitHead": "9dbed838554fc960b6ce0211b33fcfca12d4df6f"
+  "gitHead": "322d47235e5fa4276f9c4d51d280acb6504c63cb"
 }