@ssgoi/svelte 0.0.1

package/README.md

@@ -0,0 +1,58 @@
+# Svelte library
+
+Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).
+
+Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```bash
+npm run package
+```
+
+To create a production version of your showcase app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```bash
+npm publish
+```

package/dist/context.d.ts

@@ -0,0 +1,3 @@
+import type { SsgoiContext } from './types.js';
+export declare function setSsgoiContext(context: SsgoiContext): void;
+export declare function getSsgoiContext(): SsgoiContext;

package/dist/context.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from 'svelte';
+const SSGOI_CONTEXT_KEY = Symbol('ssgoi');
+export function setSsgoiContext(context) {
+    setContext(SSGOI_CONTEXT_KEY, context);
+}
+export function getSsgoiContext() {
+    const context = getContext(SSGOI_CONTEXT_KEY);
+    if (!context) {
+        throw new Error('getSsgoiContext must be called within Ssgoi component');
+    }
+    return context;
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { transition } from './transition.js';
+export { default as Ssgoi } from './ssgoi.svelte';
+export { default as SsgoiTransition } from './ssgoi-transition.svelte';
+export * from './types.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { transition } from './transition.js';
+export { default as Ssgoi } from './ssgoi.svelte';
+export { default as SsgoiTransition } from './ssgoi-transition.svelte';
+export * from './types.js';

package/dist/ssgoi-transition.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { transition } from './transition';
+  import { getSsgoiContext } from './context';
+
+  interface Props {
+    id: string;
+    children: () => any;
+  }
+
+  let { id, children }: Props = $props();
+
+  const getTransition = getSsgoiContext();
+</script>
+
+<div use:transition={getTransition(id)} data-ssgoi-transition={id}>
+  {@render children()}
+</div>

package/dist/ssgoi-transition.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    id: string;
+    children: () => any;
+}
+declare const SsgoiTransition: import("svelte").Component<Props, {}, "">;
+type SsgoiTransition = ReturnType<typeof SsgoiTransition>;
+export default SsgoiTransition;

package/dist/ssgoi.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { SsgoiConfig } from '@ssgoi/core/types';
+  import { setSsgoiContext } from './context';
+  import { createSggoiTransitionContext } from '@ssgoi/core';
+
+  interface Props {
+    config: SsgoiConfig;
+    children: () => any;
+  }
+
+  let { config, children }: Props = $props();
+
+  const contextValue = createSggoiTransitionContext(config);
+  setSsgoiContext(contextValue);
+</script>
+
+{@render children()}

package/dist/ssgoi.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { SsgoiConfig } from '@ssgoi/core/types';
+interface Props {
+    config: SsgoiConfig;
+    children: () => any;
+}
+declare const Ssgoi: import("svelte").Component<Props, {}, "">;
+type Ssgoi = ReturnType<typeof Ssgoi>;
+export default Ssgoi;

package/dist/transition.d.ts

@@ -0,0 +1,9 @@
+import { type Transition, type TransitionKey } from "@ssgoi/core";
+export declare const transition: (node: HTMLElement, params: Transition & {
+    key: TransitionKey;
+}) => {
+    update(newParams: Transition & {
+        key: TransitionKey;
+    }): void;
+    destroy(): void;
+};

package/dist/transition.js

@@ -0,0 +1,22 @@
+import { transition as _transition, } from "@ssgoi/core";
+export const transition = (node, params) => {
+    let callback = _transition({
+        key: params.key,
+        in: params.in,
+        out: params.out,
+    });
+    let cleanup = callback(node);
+    return {
+        update(newParams) {
+            callback = _transition({
+                key: newParams.key,
+                in: newParams.in,
+                out: newParams.out,
+            });
+            cleanup = callback(node);
+        },
+        destroy() {
+            cleanup?.();
+        },
+    };
+};

package/dist/transitions/index.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core/transitions';

package/dist/transitions/index.js

@@ -0,0 +1 @@
+export * from '@ssgoi/core/transitions';

package/dist/types.d.ts

@@ -0,0 +1 @@
+export * from "@ssgoi/core/types";

package/dist/types.js

@@ -0,0 +1 @@
+export * from "@ssgoi/core/types";

package/dist/view-transitions/index.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core/view-transitions';

package/dist/view-transitions/index.js

@@ -0,0 +1 @@
+export * from '@ssgoi/core/view-transitions';

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@ssgoi/svelte",
+  "version": "0.0.1",
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "dependencies": {
+    "@ssgoi/core": "0.0.1"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.5",
+    "@eslint/js": "^9.18.0",
+    "@sveltejs/adapter-auto": "^6.0.0",
+    "@sveltejs/kit": "^2.16.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^3.0.0",
+    "globals": "^16.0.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "publint": "^0.3.2",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.20.0",
+    "vite": "^6.2.6"
+  },
+  "keywords": [
+    "svelte"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./transitions": {
+      "types": "./dist/transitions/index.d.ts",
+      "import": "./dist/transitions/index.js"
+    },
+    "./view-transitions": {
+      "types": "./dist/view-transitions/index.d.ts",
+      "import": "./dist/view-transitions/index.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint ."
+  }
+}