@malloy-publisher/sdk 0.0.1

package/src/components/styles.ts

@@ -0,0 +1,21 @@
+import { styled, Card, CardContent, CardMedia } from "@mui/material";
+
+export const StyledCard = styled(Card)({
+   display: "flex",
+   flexDirection: "column",
+   height: "100%",
+});
+
+export const StyledCardContent = styled(CardContent)({
+   display: "flex",
+   flexDirection: "column",
+   padding: "0px 10px 10px 10px",
+   flexGrow: 1,
+   "&:last-child": {
+      paddingBottom: 0,
+   },
+});
+
+export const StyledCardMedia = styled(CardMedia)({
+   padding: "0px 10px 0px 10px",
+});

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./components";

package/src/react-app-env.d.ts

@@ -0,0 +1,73 @@
+/* eslint-disable @typescript-eslint/triple-slash-reference */
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="react-dom" />
+/// <reference types="vite-plugin-svgr/client" />
+
+declare namespace NodeJS {
+   interface ProcessEnv {
+      readonly NODE_ENV: "development" | "production" | "test";
+      readonly PUBLIC_URL: string;
+   }
+}
+
+declare module "*.avif" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.bmp" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.gif" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.jpg" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.jpeg" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.png" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.webp" {
+   const src: string;
+   export default src;
+}
+
+declare module "*.svg" {
+   import * as React from "react";
+
+   export const ReactComponent: React.FunctionComponent<
+      React.SVGProps<SVGSVGElement> & { title?: string }
+   >;
+
+   const src: string;
+   export default src;
+}
+
+declare module "*.module.css" {
+   const classes: { readonly [key: string]: string };
+   export default classes;
+}
+
+declare module "*.module.scss" {
+   const classes: { readonly [key: string]: string };
+   export default classes;
+}
+
+declare module "*.module.sass" {
+   const classes: { readonly [key: string]: string };
+   export default classes;
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+    "compilerOptions": {
+      "target": "ESNext", // Specifies the JavaScript version to target when transpiling code.
+      "lib": ["ESNext", "DOM", "DOM.Iterable"], // Specifies the libraries available for the code.
+      "module": "ESNext", // Defines the module system to use for code generation.
+      "skipLibCheck": true, // Skips type checking of declaration files.
+      "useDefineForClassFields": true, // Enables the use of 'define' for class fields.
+  
+      /* Bundler mode */
+      "moduleResolution": "bundler", // Specifies how modules are resolved when bundling.
+      "allowImportingTsExtensions": true, // Allows importing TypeScript files with extensions.
+      "resolveJsonModule": true, // Enables importing JSON modules.
+      "isolatedModules": true, // Ensures each file is treated as a separate module.
+      "noEmit": true, // Prevents TypeScript from emitting output files.
+      "jsx": "react-jsx", // Configures JSX support for React.
+      "esModuleInterop": false,
+  
+      /* Linting */
+      // Can not set strict due to malloy renderer. Fix Malloy rendered or get rid of dep.
+      "strict": false, // Enables strict type checking.
+      "allowJs": false,
+      "allowSyntheticDefaultImports": true,
+      // Can not set no unused locals due to openapi client.
+      "noUnusedLocals": false, // Flags unused local variables.
+      "noUnusedParameters": true, // Flags unused function parameters.
+      "noFallthroughCasesInSwitch": true, // Requires handling all cases in a switch statement.
+      "declaration": true, // Generates declaration files for TypeScript.
+      "forceConsistentCasingInFileNames": true,
+    },
+    "include": ["src"], // Specifies the directory to include when searching for TypeScript files.
+    "exclude": [
+      "src/**/__docs__","src/**/__test__"
+    ]
+  }

package/vite.config.ts

@@ -0,0 +1,31 @@
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+import { peerDependencies } from "./package.json";
+import svgr from "vite-plugin-svgr";
+import react from "@vitejs/plugin-react";
+
+export default ({ mode }) => {
+   return defineConfig({
+      build: {
+         minify: mode === "production",
+         lib: {
+            entry: "./src/index.ts", // Specifies the entry point for building the library.
+            name: "@malloy-publisher/sdk", // Sets the name of the generated library.
+            fileName: (format) => `index.${format}.js`, // Generates the output file name based on the format.
+            formats: ["cjs", "es"], // Specifies the output formats (CommonJS and ES modules).
+         },
+         rollupOptions: {
+            onwarn(warning, warn) {
+               if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
+                  return;
+               }
+               warn(warning);
+            },
+            external: [...Object.keys(peerDependencies)], // Defines external dependencies for Rollup bundling.
+         },
+         sourcemap: true, // Generates source maps for debugging.
+         emptyOutDir: true, // Clears the output directory before building.
+      },
+      plugins: [dts(), svgr(), react()],
+   });
+};