@devvit/shared-types 0.10.23-next-2024-06-24-3b95d192f.0 → 0.10.23-next-2024-06-25-2d3ae1206.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/shared-types",
-  "version": "0.10.23-next-2024-06-24-3b95d192f.0",
+  "version": "0.10.23-next-2024-06-25-2d3ae1206.0",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -23,12 +23,12 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/protos": "0.10.23-next-2024-06-24-3b95d192f.0"
+    "@devvit/protos": "0.10.23-next-2024-06-25-2d3ae1206.0"
   },
   "devDependencies": {
     "@devvit/eslint-config": "0.10.22",
     "@devvit/repo-tools": "0.10.22",
-    "@devvit/tsconfig": "0.10.23-next-2024-06-24-3b95d192f.0",
+    "@devvit/tsconfig": "0.10.23-next-2024-06-25-2d3ae1206.0",
     "@types/redis-mock": "0.17.1",
     "eslint": "8.9.0",
     "lit": "2.2.8",
@@ -41,5 +41,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "500d9e5f1ce21d9249f33b5bea8f3197d25c16c5"
+  "gitHead": "1c77da0a8e5ff2a2e1e58740f0bd95ec131d9984"
 }

package/useForm.d.ts

@@ -0,0 +1,4 @@
+/** A unique key generated by `Devvit.createForm` or the `useForm` hook. */
+export type FormKey = `form.${number}` | `form.hook.${string}.${number}`;
+export declare function formKeyToHookId(formKey: string | FormKey): string | undefined;
+//# sourceMappingURL=useForm.d.ts.map

package/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../src/useForm.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,MAAM,OAAO,GAAG,QAAQ,MAAM,EAAE,GAAG,aAAa,MAAM,IAAI,MAAM,EAAE,CAAC;AAEzE,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAqB7E"}

package/useForm.js

@@ -0,0 +1,18 @@
+export function formKeyToHookId(formKey) {
+    // extract the hook id from the form key with a regex
+    const match = formKey.match(/form\.hook\.(.+)\.0/);
+    console.log('formKey', formKey, 'match', match);
+    /**
+     * It's tempting to throw here, but it will be RenderPost. All events for RenderPost flow to RenderPostContent
+     * lands in `Devvit.ts`. That means form ids flow through here and in the new world we've changed what a hook ID looks
+     * like. For now, we warn until the migration is complete and can later on turn this into a throw.
+     */
+    if (!match?.[1]) {
+        // This shows on every form submit in RenderPost so just going to leave it out
+        // console.warn(
+        //   `Could not parse a hook ref from form key '${formKey}'. Please make sure you are passing in a string that starts with 'form.hook.' and ends with '0'. If you are seeing this warning using RenderPost, it is safe to ignore.`
+        // );
+        return;
+    }
+    return match[1];
+}