@plaidev/karte-action-sdk 1.1.99 → 1.1.100-27899110.44bc6d7c

package/dist/templates.d.ts

@@ -0,0 +1,4 @@
+declare function createAppScript(script?: string): string;
+declare function createIndexTsx(script?: string): string;
+declare function createCustomScript(script?: string): string;
+export { createAppScript, createIndexTsx, createCustomScript };

package/dist/templates.js

@@ -0,0 +1,107 @@
+function createAppScript(script = '') {
+    return `\
+<script lang="ts">
+// SDK generated imports: DON'T TOUCH THIS
+// @ts-ignore
+import type { ActionProps, CustomVariables } from "@plaidev/karte-action-sdk";
+import type { Data, Props, Variables } from './gen';
+import { onMount } from 'svelte';
+import { writable } from 'svelte/store';
+import {
+  // functions
+  // opened,
+  state,
+  customVariables,
+
+  // Layout
+  State,
+  StateItem,
+  Modal,
+  Grid,
+  GridItem,
+  List,
+  ListItem,
+
+  // Elements
+  TextElement,
+  ImageElement,
+  TextButtonElement,
+  EmbedElement,
+
+  // svelte-ignore unused-export-let @ts-ignore
+} from '@plaidev/karte-action-sdk';
+// svelte-ignore unused-export-let @ts-ignore
+
+export let send: (event_name: string, values?: any) => void;
+let data_: Data;
+export { data_ as data };
+let data = writable<Data & CustomVariables>({ ...data_ });
+export let close: () => void;
+export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
+export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
+${script}
+onMount(() => {
+  onShow({ send, data: $data });
+});
+
+// $: {
+//   if (!$opened) {
+//     close();
+//   }
+// }
+
+$: {
+  if ($state) {
+    onChangeState({ send, data: $data }, $state);
+  }
+}
+
+$: {
+  data.update(current => {
+    return { ...current, ...$customVariables };
+  });
+}
+</script>`;
+}
+function createIndexTsx(script = '') {
+    return `\
+import type { KarteAction, Send, Props, Variables } from "./gen";
+
+import "https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver";
+import { initialize, finalize, create } from "@plaidev/karte-action-sdk";
+
+import { props } from "./gen";
+import App from "./App.svelte";
+import onCreate from "./customScript";
+${script}
+const action = (options: { send: Send; props: Props; variables: Variables }): KarteAction => {
+  initialize({ send: options.send });
+
+  return create(App, {
+    props,
+    send: options.send,
+    variables: options.variables,
+    onCreate,
+    onClose: () => finalize(),
+  });
+};
+
+export default action;`;
+}
+function createCustomScript(script = '') {
+    return `\
+/**
+ * アクションをカスタマイズするスクリプト
+ */
+// ここでSDKをインポートしてください
+//import jQuery from "jquery";
+//import { onShow, onClose, onChangeState, onDestroy, customVariables } from "@plaidev/karte-action-sdk";
+${script}
+const onCreate = ({ send, data }) => {
+  // ここでアクションが作成される時のスクリプトを書いてください
+};
+
+export default onCreate;`;
+}
+
+export { createAppScript, createCustomScript, createIndexTsx };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.99",
+  "version": "1.1.100-27899110.44bc6d7c",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -17,9 +17,26 @@
       "import": "./dist/hydrate/index.es.js",
       "types": "./dist/hydrate/index.es.d.ts"
     },
+    "./templates": {
+      "import": "./dist/templates.js",
+      "types": "./dist/templates.d.ts"
+    },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
+  "typesVersions": {
+    "*": {
+      "hydrate": [
+        "./dist/hydrate/index.es.d.ts"
+      ],
+      "templates": [
+        "./dist/templates.d.ts"
+      ],
+      "*": [
+        "./dist/index.es.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist",
     "index.mjs",
@@ -37,8 +54,10 @@
     "@sveltejs/vite-plugin-svelte": "1.0.0-next.37",
     "@testing-library/svelte": "^3.1.3",
     "@tsconfig/svelte": "^2.0.1",
+    "@types/brotli": "^1.3.1",
     "@types/serve-static": "^1.13.10",
     "@vitest/ui": "latest",
+    "brotli": "^1.3.3",
     "c8": "^7.12.0",
     "happy-dom": "^6.0.3",
     "isomorphic-fetch": "3.0.0",
@@ -74,8 +93,8 @@
     "setup:concat": "jiti ./scripts/concat.ts",
     "setup:compile": "jiti ./scripts/compile.ts",
     "prepare": "npm run setup:default && npm run setup:template && npm run setup:concat",
-    "build": "rollup -c",
-    "build:watch": "rollup -c -w",
+    "build": "rollup --config rollup.config.ts --configPlugin rollup-plugin-ts",
+    "build:watch": "rollup --config rollup.config.ts --configPlugin rollup-plugin-ts -w",
     "check:svelte": "svelte-check --tsconfig ./tsconfig.json",
     "check:type": "tsc --noEmit",
     "test": "vitest run test",