@egjs/svelte-infinitegrid 3.2.5 → 4.0.1-beta.1

package/src/grids/MasonryInfiniteGrid.js

@@ -0,0 +1,17 @@
+import InfiniteGrid from "../InfiniteGrid.svelte";
+import { MasonryInfiniteGrid as GridClass } from "@egjs/infinitegrid";
+
+
+let MasonryInfiniteGrid;
+
+if (typeof InfiniteGrid === "object") {
+  MasonryInfiniteGrid = InfiniteGrid;
+} else {
+  MasonryInfiniteGrid = class MasonryInfiniteGrid extends InfiniteGrid {
+    constructor(options) {
+      options.props.GridClass = GridClass;
+      super(options);
+    }
+  }
+}
+export { MasonryInfiniteGrid };

package/src/grids/PackingInfiniteGrid.js

@@ -0,0 +1,17 @@
+import InfiniteGrid from "../InfiniteGrid.svelte";
+import { PackingInfiniteGrid as GridClass } from "@egjs/infinitegrid";
+
+
+let PackingInfiniteGrid;
+
+if (typeof InfiniteGrid === "object") {
+  PackingInfiniteGrid = InfiniteGrid;
+} else {
+  PackingInfiniteGrid = class PackingInfiniteGrid extends InfiniteGrid {
+    constructor(options) {
+      options.props.GridClass = GridClass;
+      super(options);
+    }
+  }
+}
+export { PackingInfiniteGrid };

package/src/index.d.ts

@@ -1,33 +1,20 @@
-import InfiniteGrid, { InfiniteGridMethods } from "@egjs/infinitegrid";
+import VanillaGrid, {
+  FrameGridOptions, GridMethods, GridOptions, JustifiedGridOptions,
+  MasonryGridOptions, PackingGridOptions,
+} from "@egjs/grid";
+import { SvelteComponentDev } from "svelte/internal";
 
 
-interface ComponentOptions {
-    target: HTMLElement;
-    anchor?: HTMLElement | null;
-    props?: {};
-    hydrate?: boolean;
-    intro?: boolean;
+export default abstract class Grid<T extends GridOptions> extends SvelteComponentDev {
+  $$prop_def: T;
+  getInstance(): VanillaGrid;
 }
 
-interface InfiniteGridComponent extends InfiniteGridMethods {
-    new(options: ComponentOptions): any;
-    // client-side methods
-    $set(props: {}): void;
-    $on(event: string, callback: (event: CustomEvent) => void): void;
-    $destroy(): void;
-    // server-side methods
-    render(props?: {}): {
-        html: string;
-        css: { code: string; map: string | null };
-        head?: string;
-    };
+export default interface Grid<T extends GridOptions> extends GridMethods<Grid<T>> {
+  // eslint-disable-next-line semi
 }
 
-
-export default InfiniteGridComponent;
-
-export interface GridLayout extends InfiniteGridComponent {}
-export interface JustifiedLayout extends InfiniteGridComponent {}
-export interface SquareLayout extends InfiniteGridComponent {}
-export interface FrameLayout extends InfiniteGridComponent {}
-export interface PackingLayout extends InfiniteGridComponent {}
+export class MasonryGrid extends Grid<MasonryGridOptions> { }
+export class JustifiedGrid extends Grid<JustifiedGridOptions> { }
+export class FrameGrid extends Grid<FrameGridOptions> { }
+export class PackingGrid extends Grid<PackingGridOptions> { }

package/src/index.js

@@ -1,15 +1,7 @@
 import InfiniteGrid from "./InfiniteGrid";
-import GridLayout from "./layouts/GridLayout";
-import JustifiedLayout from "./layouts/JustifiedLayout";
-import FrameLayout from "./layouts/FrameLayout";
-import SquareLayout from "./layouts/SquareLayout";
-import PackingLayout from "./layouts/PackingLayout";
 
-export default InfiniteGrid;
-export {
-	GridLayout,
-	JustifiedLayout,
-	FrameLayout,
-	PackingLayout,
-	SquareLayout,
-};
+export { InfiniteGrid };
+export * from "./grids/MasonryInfiniteGrid";
+export * from "./grids/JustifiedInfiniteGrid";
+export * from "./grids/FrameInfiniteGrid";
+export * from "./grids/PackingInfiniteGrid";

package/src/index.umd.js

@@ -1,8 +1,4 @@
-import InfiniteGrid, * as modules from "./index";
+import * as modules from "./index";
 
 
-for (const name in modules) {
-	InfiniteGrid[name] = modules[name];
-}
-
-export default InfiniteGrid;
+export default modules;

package/src/{demo/main.js → main.ts}

@@ -7,4 +7,4 @@ const app = new App({
 	}
 });
 
-export default app;
+export default app;

package/stories/1-MasonryInfiniteGrid/0-MasonryInfiniteGrid.stories.ts

@@ -0,0 +1,4 @@
+export default {
+  title: "Examples/MasonryInfiniteGrid",
+};
+export * from "./1-MasonryInfiniteGrid.stories";

package/stories/1-MasonryInfiniteGrid/1-MasonryInfiniteGrid.stories.ts

@@ -0,0 +1,27 @@
+import MasonryInfiniteGridApp from "./apps/SvelteMasonryInfiniteGridApp.svelte";
+// import RawMasonryInfiniteGridApp from "!!raw-loader!./apps/SvelteMasonryInfiniteGridApp.svelte";
+// import { MASONRY_GRID_CONTROLS } from "../../../../stories/templates/controls";
+// import { convertPath, convertSvelteTemplate, makeArgs } from "../../../../stories/utils";
+import "../../../../stories/templates/default.css";
+
+
+export const MasonryInfiniteGridTemplate = (props) => ({
+  Component: MasonryInfiniteGridApp,
+  props,
+});
+
+MasonryInfiniteGridTemplate.storyName = "MasonryInfiniteGrid";
+// MasonryInfiniteGridTemplate.argTypes = MASONRY_GRID_CONTROLS;
+// MasonryInfiniteGridTemplate.args = {
+//   ...makeArgs(MasonryInfiniteGridTemplate.argTypes),
+// };
+
+// MasonryInfiniteGridTemplate.parameters = {
+//   preview: [
+//     {
+//       tab: "Svelte",
+//       template: convertSvelteTemplate(convertPath(RawMasonryInfiniteGridApp, "src", "@egjs/svelte-grid")),
+//       language: "html",
+//     },
+//   ],
+// };

package/stories/1-MasonryInfiniteGrid/apps/SvelteMasonryInfiniteGridApp.svelte

@@ -0,0 +1,42 @@
+<script>
+  import { MasonryInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<MasonryInfiniteGrid
+  class="container"
+  gap={5}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    items = [...items, ...getItems(nextGroupKey, 10)];
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    <div class="item">
+      <div class="thumbnail">
+        <img
+          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+            (item.key % 33) + 1
+          }.jpg`}
+          alt="egjs"
+        />
+      </div>
+      <div class="info">{`egjs ${item.key}`}</div>
+    </div>
+  {/each}
+</MasonryInfiniteGrid>

package/stories/2-JustifiedInfiniteGrid/0-JustifiedInfiniteGrid.stories.ts

@@ -0,0 +1,5 @@
+export default {
+  title: "Examples/JustifiedInfiniteGrid",
+};
+export * from "./1-JustifiedInfiniteGrid.stories";
+

package/stories/2-JustifiedInfiniteGrid/1-JustifiedInfiniteGrid.stories.ts

@@ -0,0 +1,10 @@
+import JustifiedInfiniteGridApp from "./apps/SvelteJustifiedInfiniteGridApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const JustifiedInfiniteGridTemplate = (props) => ({
+  Component: JustifiedInfiniteGridApp,
+  props,
+});
+
+JustifiedInfiniteGridTemplate.storyName = "JustifiedInfiniteGrid";

package/stories/2-JustifiedInfiniteGrid/apps/SvelteJustifiedInfiniteGridApp.svelte

@@ -0,0 +1,43 @@
+<script>
+  import { JustifiedInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<JustifiedInfiniteGrid
+  class="container"
+  gap={5}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    items = [...items, ...getItems(nextGroupKey, 10)];
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    <div class="item">
+      <div class="thumbnail">
+        <img
+          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+            (item.key % 33) + 1
+          }.jpg`}
+          alt="egjs"
+          data-grid-maintained-target="true"
+        />
+      </div>
+      <div class="info">{`egjs ${item.key}`}</div>
+    </div>
+  {/each}
+</JustifiedInfiniteGrid>

package/stories/3-FrameInfiniteGrid/0-FrameInfiniteGrid.stories.ts

@@ -0,0 +1,5 @@
+export default {
+  title: "Examples/FrameInfiniteGrid",
+};
+export * from "./1-FrameInfiniteGrid.stories";
+

package/stories/3-FrameInfiniteGrid/1-FrameInfiniteGrid.stories.ts

@@ -0,0 +1,10 @@
+import FrameInfiniteGridApp from "./apps/SvelteFrameInfiniteGridApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const FrameInfiniteGridTemplate = (props) => ({
+  Component: FrameInfiniteGridApp,
+  props,
+});
+
+FrameInfiniteGridTemplate.storyName = "FrameInfiniteGrid";

package/stories/3-FrameInfiniteGrid/apps/SvelteFrameInfiniteGridApp.svelte

@@ -0,0 +1,44 @@
+<script>
+  import { FrameInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<FrameInfiniteGrid
+  class="container"
+  gap={5}
+  frame={[
+    [1, 1, 2, 2, 3],
+    [1, 1, 4, 5, 5],
+  ]}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    items = [...items, ...getItems(nextGroupKey, 10)];
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    <div class="item">
+      <img
+        src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+          (item.key % 33) + 1
+        }.jpg`}
+        alt="egjs"
+        style="width: 100%; height: 100%"
+      />
+    </div>
+  {/each}
+</FrameInfiniteGrid>

package/stories/4-PackingInfiniteGrid/0-PackingInfiniteGrid.stories.ts

@@ -0,0 +1,5 @@
+export default {
+  title: "Examples/PackingInfiniteGrid",
+};
+export * from "./1-PackingInfiniteGrid.stories";
+

package/stories/4-PackingInfiniteGrid/1-PackingInfiniteGrid.stories.ts

@@ -0,0 +1,10 @@
+import PackingInfiniteGridApp from "./apps/SveltePackingInfiniteGridApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const PackingInfiniteGridTemplate = (props) => ({
+  Component: PackingInfiniteGridApp,
+  props,
+});
+
+PackingInfiniteGridTemplate.storyName = "PackingInfiniteGrid";

package/stories/4-PackingInfiniteGrid/apps/SveltePackingInfiniteGridApp.svelte

@@ -0,0 +1,40 @@
+<script>
+  import { PackingInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<PackingInfiniteGrid
+  class="container"
+  gap={5}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    items = [...items, ...getItems(nextGroupKey, 10)];
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    <div class="item">
+      <img
+        src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+          (item.key % 33) + 1
+        }.jpg`}
+        alt="egjs"
+        style="width: 100%; height: 100%"
+      />
+    </div>
+  {/each}
+</PackingInfiniteGrid>

package/stories/5-DataLoading/0-DataLoading.stories.ts

@@ -0,0 +1,7 @@
+export default {
+  title: "Examples/Data Loading",
+};
+export * from "./1-WaitNReady.stories";
+export * from "./2-Placeholder.stories";
+export * from "./3-Loading.stories";
+

package/stories/5-DataLoading/1-WaitNReady.stories.ts

@@ -0,0 +1,10 @@
+import WaitNReadyApp from "./apps/SvelteWaitNReadyApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const WaitNReadyTemplate = (props) => ({
+  Component: WaitNReadyApp,
+  props,
+});
+
+WaitNReadyTemplate.storyName = "Wait & Ready";

package/stories/5-DataLoading/2-Placeholder.stories.ts

@@ -0,0 +1,10 @@
+import PlaceholderApp from "./apps/SveltePlaceholderApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const PlaceholderTemplate = (props) => ({
+  Component: PlaceholderApp,
+  props,
+});
+
+PlaceholderTemplate.storyName = "Placeholder";

package/stories/5-DataLoading/3-Loading.stories.ts

@@ -0,0 +1,10 @@
+import LoadingApp from "./apps/SvelteLoadingApp.svelte";
+import "../../../../stories/templates/default.css";
+
+
+export const LoadingTemplate = (props) => ({
+  Component: LoadingApp,
+  props,
+});
+
+LoadingTemplate.storyName = "Loading";

package/stories/5-DataLoading/apps/SvelteLoadingApp.svelte

@@ -0,0 +1,54 @@
+<script>
+  import { ITEM_TYPE } from "@egjs/infinitegrid";
+  import { MasonryInfiniteGrid } from "../../../src";
+import { LoadingTemplate } from "../3-Loading.stories";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<MasonryInfiniteGrid
+  class="container"
+  gap={5}
+  useLoading={true}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    e.wait();
+
+    setTimeout(() => {
+      e.ready();
+      items = [...items, ...getItems(nextGroupKey, 10)];
+    }, 200);
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    {#if item.type === ITEM_TYPE.NORMAL}
+      <div class="item">
+        <div class="thumbnail">
+          <img
+            src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+              (item.key % 33) + 1
+            }.jpg`}
+            alt="egjs"
+          />
+        </div>
+        <div class="info">{`egjs ${item.key}`}</div>
+      </div>
+    {:else if item.type === ITEM_TYPE.LOADING}
+      <div class="loading">Loading...</div>
+    {/if}
+  {/each}
+</MasonryInfiniteGrid>

package/stories/5-DataLoading/apps/SveltePlaceholderApp.svelte

@@ -0,0 +1,54 @@
+<script>
+  import { ITEM_TYPE } from "@egjs/infinitegrid";
+  import { MasonryInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<MasonryInfiniteGrid
+  class="container"
+  gap={5}
+  usePlaceholder={true}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    e.wait();
+    e.currentTarget.appendPlaceholders(10, nextGroupKey);
+
+    setTimeout(() => {
+      e.ready();
+      items = [...items, ...getItems(nextGroupKey, 10)];
+    }, 200);
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    {#if item.type === ITEM_TYPE.NORMAL}
+      <div class="item">
+        <div class="thumbnail">
+          <img
+            src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+              (item.key % 33) + 1
+            }.jpg`}
+            alt="egjs"
+          />
+        </div>
+        <div class="info">{`egjs ${item.key}`}</div>
+      </div>
+    {:else if item.type === ITEM_TYPE.VIRTUAL}
+      <div class="placeholder" />
+    {/if}
+  {/each}
+</MasonryInfiniteGrid>

package/stories/5-DataLoading/apps/SvelteWaitNReadyApp.svelte

@@ -0,0 +1,47 @@
+<script>
+  import { MasonryInfiniteGrid } from "../../../src";
+
+  let items = getItems(0, 10);
+
+  function getItems(nextGroupKey, count) {
+    const nextItems = [];
+
+    for (let i = 0; i < count; ++i) {
+      const nextKey = nextGroupKey * count + i;
+
+      nextItems.push({ groupKey: nextGroupKey, key: nextKey });
+    }
+    return nextItems;
+  }
+</script>
+
+<MasonryInfiniteGrid
+  class="container"
+  gap={5}
+  {items}
+  on:requestAppend={({ detail: e }) => {
+    const nextGroupKey = (+e.groupKey || 0) + 1;
+
+    e.wait();
+
+    setTimeout(() => {
+      e.ready();
+      items = [...items, ...getItems(nextGroupKey, 10)];;
+    }, 1000);
+  }}
+  let:visibleItems
+>
+  {#each visibleItems as item (item.key)}
+    <div class="item">
+      <div class="thumbnail">
+        <img
+          src={`https://naver.github.io/egjs-infinitegrid/assets/image/${
+            (item.key % 33) + 1
+          }.jpg`}
+          alt="egjs"
+        />
+      </div>
+      <div class="info">{`egjs ${item.key}`}</div>
+    </div>
+  {/each}
+</MasonryInfiniteGrid>

package/tsconfig.json

@@ -1,63 +1,6 @@
 {
-    "include": ["src/**/*"],
-    "exclude": ["node_modules/*"],
-    "compilerOptions": {
-      /* Basic Options */
-      "target": "ESNEXT",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-      "module": "ESNEXT",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-      "noImplicitAny": false,
-      // "lib": [],                             /* Specify library files to be included in the compilation. */
-      // "allowJs": true,                       /* Allow javascript files to be compiled. */
-      // "checkJs": true,                       /* Report errors in .js files. */
-      // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-      // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
-      // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
-      // "sourceMap": true,                     /* Generates corresponding '.map' file. */
-      // "outFile": "./",                       /* Concatenate and emit output to single file. */
-      // "outDir": "./",                        /* Redirect output structure to the directory. */
-      // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
-      // "composite": true,                     /* Enable project compilation */
-      // "removeComments": true,                /* Do not emit comments to output. */
-      // "noEmit": true,                        /* Do not emit outputs. */
-      // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
-      // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-      // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+  "extends": "@tsconfig/svelte/tsconfig.json",
 
-      /* Strict Type-Checking Options */
-      "strict": true,                           /* Enable all strict type-checking options. */
-      // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
-      // "strictNullChecks": true,              /* Enable strict null checks. */
-      // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
-      // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
-      // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
-      // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
-      // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
-
-      /* Additional Checks */
-      // "noUnusedLocals": true,                /* Report errors on unused locals. */
-      // "noUnusedParameters": true,            /* Report errors on unused parameters. */
-      // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
-      // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
-
-      /* Module Resolution Options */
-      "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-      // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
-      // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-      // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-      // "typeRoots": [],                       /* List of folders to include type definitions from. */
-      "types": ["svelte", "jest"],                           /* Type declaration files to be included in compilation. */
-      "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
-      "esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
-      // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
-
-      /* Source Map Options */
-      // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-      // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
-      // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
-      // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
-
-      /* Experimental Options */
-      // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
-      // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
-    }
-  }
+  "include": ["src/**/*", "./global.d.ts", "stories/**/*"],
+  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
+}