[0.5.x] Add svelte 5

.gitignore

@@ -1,2 +1,5 @@
 /node_modules
 /package-lock.json
+
+.idea
+pnpm-lock.yaml

package.json

@@ -7,10 +7,11 @@
         "packages/react-inertia",
         "packages/vue",
         "packages/vue-inertia",
-        "packages/alpine"
+        "packages/alpine",
+        "packages/svelte"
     ],
     "scripts": {
-        "watch": "npx concurrently \"npm run watch --workspace=packages/core\" \"npm run watch --workspace=packages/react\" \"npm run watch --workspace=packages/react-inertia\" \"npm run watch --workspace=packages/vue\" \"npm run watch --workspace=packages/vue-inertia\" \"npm run watch --workspace=packages/alpine\" --names=core,react,react-inertia,vue,vue-inertia,alpine",
+        "watch": "npx concurrently \"npm run watch --workspace=packages/core\" \"npm run watch --workspace=packages/react\" \"npm run watch --workspace=packages/react-inertia\" \"npm run watch --workspace=packages/vue\" \"npm run watch --workspace=packages/vue-inertia\" \"npm run watch --workspace=packages/alpine\" \"npm run watch --workspace=packages/svelte\" --names=core,react,react-inertia,vue,vue-inertia,alpine,svelte",
         "build": "npm run build --workspaces",
         "link": "npm link --workspaces",
         "typeCheck": "npm run typeCheck --workspaces",

packages/svelte/.gitignore

@@ -0,0 +1,24 @@
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+/dist
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+pnpm-lock.yaml

packages/svelte/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Taylor Otwell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

packages/svelte/README.md

@@ -0,0 +1,31 @@
+# Laravel Precognition
+
+<a href="https://github.com/laravel/precognition/actions"><img src="https://github.com/laravel/precognition/workflows/tests/badge.svg" alt="Test Status"></a>
+<a href="https://github.com/laravel/precognition/actions"><img src="https://github.com/laravel/precognition/workflows/build/badge.svg" alt="Build Status"></a>
+<a href="https://www.npmjs.com/package/laravel-precognition"><img src="https://img.shields.io/npm/dt/laravel-precognition" alt="Total Downloads"></a>
+<a href="https://www.npmjs.com/package/laravel-precognition"><img src="https://img.shields.io/npm/v/laravel-precognition" alt="Latest Stable Version"></a>
+<a href="https://www.npmjs.com/package/laravel-precognition"><img src="https://img.shields.io/npm/l/laravel-precognition" alt="License"></a>
+
+## Introduction
+
+Laravel Precognition allows you to anticipate the outcome of a future HTTP request. One of the primary use cases of Precognition is the ability to provide "live" validation in your frontend application.
+
+## Official Documentation
+
+Documentation for Laravel Precognition can be found on the [Laravel website](https://laravel.com/docs/precognition).
+
+## Contributing
+
+Thank you for considering contributing to Laravel Precognition! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
+
+## Code of Conduct
+
+In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
+
+## Security Vulnerabilities
+
+Please review [our security policy](https://github.com/laravel/precognition/security/policy) on how to report security vulnerabilities.
+
+## License
+
+Laravel Precognition is open-sourced software licensed under the [MIT license](LICENSE.md).

packages/svelte/package.json

@@ -0,0 +1,50 @@
+{
+    "name": "laravel-precognition-svelte",
+    "version": "0.0.1",
+    "description": "Laravel Precognition (Svelte).",
+    "keywords": [
+        "laravel",
+        "precognition",
+        "svelte"
+    ],
+    "homepage": "https://github.com/laravel/precognition",
+    "type": "module",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/laravel/precognition"
+    },
+    "license": "MIT",
+    "author": "Laravel",
+    "main": "dist/index.svelte.js",
+    "files": [
+        "dist",
+        "!dist/**/*.test.*",
+        "!dist/**/*.spec.*"
+    ],
+    "svelte": "./dist/index.svelte.js",
+    "types": "./dist/index.svelte.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.svelte.d.ts",
+            "svelte": "./dist/index.svelte.js"
+        }
+    },
+    "scripts": {
+        "watch": "rm -rf dist && tsc --watch --preserveWatchOutput",
+        "build": "rm -rf dist && tsc",
+        "typeCheck": "tsc --noEmit",
+        "prepublishOnly": "npm run build",
+        "version": "npm pkg set dependencies.laravel-precognition=$npm_package_version"
+    },
+    "peerDependencies": {
+        "svelte": "^5.0.0"
+    },
+    "dependencies": {
+        "laravel-precognition": "0.5.11",
+        "lodash-es": "^4.17.21"
+    },
+    "devDependencies": {
+        "@types/lodash-es": "^4.17.12",
+        "typescript": "^5.0.0"
+    }
+}

packages/svelte/src/index.svelte.ts

@@ -0,0 +1,214 @@
+import { Config, RequestMethod, client, createValidator, toSimpleValidationErrors, ValidationConfig, resolveUrl, resolveMethod , resolveName } from 'laravel-precognition'
+import { Form } from './types.js'
+import { get, cloneDeep, set } from 'lodash-es'
+
+export { client }
+
+export const useForm = <Data extends Record<string, unknown>>(method: RequestMethod | (() => RequestMethod), url: string | (() => string), inputs: Data, config: ValidationConfig = {}): Data & Form<Data> => {
+    /**
+     * The original data.
+     */
+    const originalData = cloneDeep(inputs)
+
+    /**
+     * The original input names.
+     */
+    const originalInputs: (keyof Data)[] = Object.keys(originalData)
+
+    /**
+     * Reactive valid state.
+     */
+    // @ts-ignore
+    let valid = $state<(keyof Data)[]>([])
+
+    /**
+     * Reactive touched state.
+     */
+    // @ts-ignore
+    let touched = $state<(keyof Partial<Data>)[]>([])
+
+    /**
+     * Reactive errors.
+     */
+    // @ts-ignore
+    let errors = $state<Record<keyof Data , any>>({})
+
+    /**
+     * Reactive hasErrors.
+     */
+    // @ts-ignore
+    const hasErrors = $derived<boolean>(Object.keys(errors).length > 0)
+
+    /**
+     * Reactive Validating.
+     */
+    // @ts-ignore
+    let validating = $state<boolean>(false)
+
+    /**
+     * Reactive Processing.
+     */
+    // @ts-ignore
+    let processing = $state<boolean>(false)
+
+    /**
+     * Reactive Data state
+     */
+    // @ts-ignore
+    const data = $state<Data>(cloneDeep(originalData))
+
+    /**
+     * The validator instance.
+     */
+    const validator = createValidator((client) => client[resolveMethod(method)](resolveUrl(url), form.data(), config), originalData)
+        .on('validatingChanged', () => {
+            validating = validator.validating()
+        })
+        .on('validatedChanged', () => {
+            valid = validator.valid()
+        })
+        .on('touchedChanged', () => {
+            touched = validator.touched()
+        })
+        .on('errorsChanged', () => {
+            errors = toSimpleValidationErrors(validator.errors()) as Record<keyof Data, any>
+            valid = validator.valid()
+        })
+
+    /**
+     * Resolve the config for a form submission.
+     */
+    const resolveSubmitConfig = (config: Config): Config => ({
+        ...config,
+        precognitive: false,
+        onStart: () => {
+            processing = true
+
+            config.onStart?.()
+        },
+        onFinish: () => {
+            processing = false
+
+            config.onFinish?.()
+        },
+        onValidationError: (response: any, error: any) => {
+            validator.setErrors(response.data.errors)
+
+            return config.onValidationError
+                ? config.onValidationError(response)
+                // @ts-ignore
+                : Promise.reject(error)
+        },
+    })
+
+    /**
+     * Create a new form instance.
+     */
+    const form: Data & Form<Data> = {
+        ...cloneDeep(originalData),
+        data() {
+            // @ts-ignore
+            return $state.snapshot(data) as Data
+        },
+        setData(newData: Record<string, unknown>) {
+            Object.keys(newData).forEach((input) => {
+                // @ts-ignore
+                data[input] = newData[input]
+            })
+            return form
+        },
+        touched(name: string) {
+            return touched.includes(name)
+        },
+        touch(name: string) {
+            validator.touch(name)
+
+            return form
+        },
+        validate(name: string | undefined, config: Config) {
+            if (typeof name === 'object' && !('target' in name)) {
+                config = name
+                name = undefined
+            }
+
+            if (typeof name === 'undefined') {
+                validator.validate(config)
+            } else {
+                name = resolveName(name)
+
+                validator.validate(name, get(data, name), config)
+            }
+
+            return form
+        },
+        get validating() {
+            return validating
+        },
+        valid(name: string) {
+            return valid.includes(resolveName(name))
+        },
+        invalid(name: string) {
+            return typeof form.errors[name] !== 'undefined'
+        },
+        get errors() {
+            return errors
+        },
+        get hasErrors() {
+            return hasErrors
+        },
+        setErrors(newErrors: any) {
+            validator.setErrors(newErrors)
+            return form
+        },
+        forgetError(name: string) {
+            validator.forgetError(name)
+
+            return form
+        },
+        reset(...names: string[]) {
+            const original = cloneDeep(originalData)
+
+            if (names.length === 0) {
+                originalInputs.forEach((name) => (data[name] = original[name]))
+            } else {
+                names.forEach((name : string) => set(data, name, get(original, name)))
+            }
+
+            validator.reset(...names)
+
+            return form
+        },
+        setValidationTimeout(duration: number) {
+            validator.setTimeout(duration)
+
+            return form
+        },
+        get processing() {
+            return processing
+        },
+        async submit(config = {}) {
+            return client[resolveMethod(method)](resolveUrl(url), form.data(), resolveSubmitConfig(config))
+        },
+        validateFiles() {
+            validator.validateFiles()
+
+            return form
+        },
+        validator() {
+            return validator
+        },
+    };
+
+    (Object.keys(data) as Array<keyof Data>).forEach((key) => {
+        Object.defineProperty(form, key, {
+            get() {
+                return data[key]
+            },
+            set(value: Data[keyof Data]) {
+                data[key] = value
+            },
+        })
+    })
+
+    return form as Data & Form<Data>
+}

packages/svelte/src/types.ts

@@ -0,0 +1,22 @@
+import { type ValidationConfig, type Config, type NamedInputEvent, type Validator } from 'laravel-precognition'
+
+export interface Form<Data extends Record<string, unknown>> {
+    processing: boolean;
+    validating: boolean;
+    touched(name: keyof Data): boolean;
+    touch(name: string | NamedInputEvent | Array<string>): Data & Form<Data>;
+    data(): Data,
+    setData(data: Record<string, unknown>): Data & Form<Data>;
+    errors: Record<keyof Data, string>;
+    hasErrors: boolean;
+    valid(name: keyof Data): boolean;
+    invalid(name: keyof Data): boolean;
+    validate(name?: (keyof Data | NamedInputEvent) | ValidationConfig, config?: ValidationConfig): Data & Form<Data>;
+    setErrors(errors: Partial<Record<keyof Data, string | string[]>>): Data & Form<Data>;
+    forgetError(string: keyof Data | NamedInputEvent): Data & Form<Data>;
+    setValidationTimeout(duration: number): Data & Form<Data>;
+    submit(config?: Config): Promise<unknown>;
+    reset(...keys: (keyof Partial<Data>)[]): Data & Form<Data>;
+    validateFiles(): Data & Form<Data>;
+    validator(): Validator;
+}