actionview-svelte-handler 0.7.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1fcb603925b52a51a8488d83da752370c24135602c464b51993f86b58fedf1af
-  data.tar.gz: 7f3e9f80901d4b567758e259ab37e5ed7a315459a3b1b867b9f2f847b1697b29
+  metadata.gz: fa87ed29fb4384fb377c10cf448128bc375891b09f4c4e5cc27e9ed61cca05f8
+  data.tar.gz: 29a5cc3725715e988248c8a34ff81828455ead0d654006ca9beced87a4654017
 SHA512:
-  metadata.gz: a4260e66a28e3006940465ef5158f3bdf9cc2559327ca14ca4f4ff7c75d405bf051abc7e95de2452e5083a6ef68d51375735735340039ea4fc54ce1f0a4eb6e8
-  data.tar.gz: 0b131aebc945768f2a7bfd0a4d16cddf80e4198a54d59dffa48a4da6b76573bfc5e439a332e5ee3c4189fc2f29bc2f5cde3e3045dc44330482244c0406a90f46
+  metadata.gz: ef8416ff83fcfb265e32508a18f6461d360312384c1b230717cce0913e646939d014683ee86df0e25e5ad48d51720192b084693d835b70eb9456d617058cb59d
+  data.tar.gz: 2c1af7eda9cfed6602c2aa7d2994efd94a535d75812a018348ec32bea9028a66474763f53bf0b0c6d249c456b6be848156dfca72b01cf8d33312eee1139139f6

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    actionview-svelte-handler (0.7.0)
+    actionview-svelte-handler (0.8.0)
       rails (~> 7.0)
       zeitwerk (~> 2)
 

data/lib/generators/svelte/install_generator.rb

@@ -1,9 +1,9 @@
 module Svelte
   class InstallGenerator < Rails::Generators::Base
     desc "This generator installs actionview-svelte-handler"
-  
+
     source_root File.expand_path("templates/install", __dir__)
-  
+
     def install
       copy_file "initializer.rb", "config/initializers/svelte.rb"
       insert_into_file "app/views/layouts/application.html.erb",
@@ -13,4 +13,4 @@ module Svelte
       `npm install`
     end
   end
-end
+end

data/lib/svelte/errors.rb

@@ -4,44 +4,45 @@ module Svelte
   module Errors
     class CompilerError < ActiveSupport::SyntaxErrorProxy # steep:ignore UnknownConstant
       attr_accessor :location, :suggestion, :template
-  
-      def initialize(message, location)
-        @location = location
-        @sugggestion = @location.dig(:suggestion) || ""
+
+      def initialize(error)
+        @file = error[:id]
+        @line = error.dig(:start, :line)
+        @sugggestion = error.dig(:suggestion) || ""
         # steep:ignore:start
-        super(message) # : self
+        super(error[:pluginCode]) # : self
         # steep:ignore:end
       end
-  
+
       def message
         to_s
       end
-  
+
       def backtrace
         if suggestion
-          ["#{Rails.root.join location[:file]}:#{location[:line]}:#{message}, #{suggestion}"] + caller
+          ["#{Rails.root.join @file}:#{@line}:#{message}, #{suggestion}"] + caller
         else
-          ["#{Rails.root.join location[:file]}:#{location[:line]}:#{message}"] + caller
+          ["#{Rails.root.join @file}:#{@line}:#{message}"] + caller
         end
       end
-  
+
       def cause
         nil
       end
-  
+
       def bindings
         [template.send(:binding)]
       end
-  
+
       def backtrace_locations
         traces = backtrace.map { |trace|
           file, line = trace.match(/^(.+?):(\d+).*$/, &:captures) || trace
           ActiveSupport::SyntaxErrorProxy::BacktraceLocation.new(file, line.to_i, trace) # steep:ignore UnknownConstant
         }
-  
+
         traces.map { |loc| ActiveSupport::SyntaxErrorProxy::BacktraceLocationProxy.new(loc, self) } # steep:ignore UnknownConstant
       end
-  
+
       def annotated_source_code
         location[:lineText].split("\n").map.with_index(1) { |line, index|
           indentation = " " * 4
@@ -49,48 +50,48 @@ module Svelte
         }
       end
     end
-  
+
     class TemplateError < StandardError
       attr_reader :cause, :template
-  
+
       SOURCE_CODE_RADIUS = 3
-  
+
       def initialize(template, error)
         raise("Did not provide cause error") unless error
         @cause = error
-  
+
         raise("Did not provide template") unless template
         @template, @sub_templates = template, nil
-  
+
         raise("Cause error is nil for TemplateError") unless @cause
         @cause.template = template
-  
+
         # steep:ignore:start
         super(@cause.message) # : self
         # steep:ignore:end
       end
-  
+
       def message
         @cause.message
       end
-  
+
       def annotated_source_code
         @cause.annotated_source_code
       end
-  
+
       # Following is copypasta-ed from ActionView::Template::Error
       def backtrace
         @cause.backtrace
       end
-  
+
       def backtrace_locations
         @cause.backtrace_locations
       end
-  
+
       def file_name
         @template.identifier
       end
-  
+
       def sub_template_message
         if @sub_templates
           "Trace of template inclusion: " +
@@ -99,27 +100,27 @@ module Svelte
           ""
         end
       end
-  
+
       def source_extract(indentation = 0)
         return [] unless (num = line_number)
         num = num.to_i
-  
+
         source_code = @template.encode!.split("\n")
-  
+
         start_on_line = [num - SOURCE_CODE_RADIUS - 1, 0].max
         end_on_line = [num + SOURCE_CODE_RADIUS - 1, source_code.length].min
-  
+
         indent = end_on_line.to_s.size + indentation
         return [] unless (source_code = source_code[start_on_line..end_on_line])
-  
+
         formatted_code_for(source_code, start_on_line, indent)
       end
-  
+
       def sub_template_of(template_path)
         @sub_templates ||= []
         @sub_templates << template_path
       end
-  
+
       def line_number
         @line_number ||=
           if file_name
@@ -127,9 +128,9 @@ module Svelte
             $1 if message =~ regexp || backtrace.find { |line| line =~ regexp }
           end
       end
-  
+
       private
-  
+
       def source_location
         if line_number
           "on line ##{line_number} of "
@@ -137,7 +138,7 @@ module Svelte
           "in "
         end + file_name
       end
-  
+
       def formatted_code_for(source_code, line_counter, indent)
         raise("line counter is nil") if line_counter.nil?
         indent_template = "%#{indent}s: %s"
@@ -149,5 +150,3 @@ module Svelte
     end
   end
 end
-
-# {:id=>"", :location=>{:column=>13, :file=>"demo/e.html.svelte", :length=>3, :line=>7, :lineText=>"<h1>{hola}, {nam}</h1>", :namespace=>"file", :suggestion=>""}, :notes=>[], :pluginName=>"esbuild-svelte", :text=>"'nam' is not defined"}

data/lib/svelte/handler.rb

@@ -35,6 +35,7 @@ module Svelte
             
           assembler.write(ERB.new(File.read('#{Svelte.gem_dir}/lib/svelte/templates/assembler.js.erb')).result_with_hash({
             path: '#{Rails.root.join template.identifier}',
+            digest: '#{digest}',
             locals: local_assigns,
             compiled_client: j(Rails.cache.read('svelte/template/client' + '#{digest}')),
             compiled_server: j(Rails.cache.read('svelte/template/server' + '#{digest}')),
@@ -46,7 +47,7 @@ module Svelte
           result = JSON.parse(`NODE_PATH=#{Rails.root.join("node_modules")} NODE_NO_WARNINGS=1 node --experimental-vm-modules \#{assembler.path}`).deep_symbolize_keys
                                       
           if result[:error]
-            e = Svelte::Errors::CompilerError.new(result.dig(:error, :text), result.dig(:error, :location))
+            e = Svelte::Errors::CompilerError.new(result.dig(:error))
             raise Svelte::Errors::TemplateError.new(template, e)
           end
           

data/lib/svelte/helpers.rb

@@ -4,9 +4,6 @@ module Svelte
     def svelte_tags
       js = <<-JS
         import "https://esm.sh/@11ty/is-land";
-        import { readable } from "https://esm.sh/svelte/store"
-
-        window.props = readable(JSON.parse("#{j(Svelte.props.to_json)}"))
       JS
 
       ((content_for(:head).presence || "") + "\n" + tag.script(js.html_safe, type: "module")).html_safe # steep:ignore RequiredBlockMissing

data/lib/svelte/js/builder.js

@@ -4,10 +4,8 @@
   DO NOT MODIFY.
 */
 
-import { readable } from "svelte/store";
 import { importFromStringSync } from "module-from-string";
 import { sveltePreprocess } from "svelte-preprocess";
-import * as recast from "recast";
 import { rollup } from "rollup";
 import svelte from "rollup-plugin-svelte";
 import alias from "@rollup/plugin-alias";
@@ -26,10 +24,11 @@ class Builder {
   preprocess;
   pathAliases;
   root;
-  constructor(path2, root, props, locals, client, server, ssr, workingDir, preprocess, pathAliases) {
+  digest;
+  constructor(path2, root, props, locals, client, server, ssr, workingDir, preprocess, pathAliases, digest) {
     this.path = path2;
     this.root = root;
-    this.props = readable(Object.assign(props, locals, props));
+    this.props = Object.assign(props, props, locals);
     this.locals = locals;
     this.compiled = {
       client,
@@ -39,8 +38,38 @@ class Builder {
     this.workingDir = workingDir;
     this.preprocess = preprocess;
     this.pathAliases = pathAliases;
+    this.digest = digest;
   }
   async bundle(generate) {
+    let entry = null;
+    if (generate == "ssr") {
+      entry = `
+        import App from "${this.path}"; 
+        import { render } from "svelte/server";
+                
+        const rendered = render(App, {
+          props: JSON.parse('${JSON.stringify(this.props)}')
+        })
+        
+        export default rendered;
+      `;
+    } else {
+      entry = `
+        import App from "${this.path}"; 
+        import { hydrate } from "svelte";
+        
+        function hydrateApp() {
+          const app = hydrate(App, {
+            target: document.getElementById("hydratee-${this.digest}"),
+            props: JSON.parse('${JSON.stringify(this.props)}')
+          })
+          
+          app.flushSync();
+        }
+        
+        export default hydrateApp;
+      `;
+    }
     const bundle = (await (await rollup({
       input: "entry",
       output: {
@@ -53,7 +82,7 @@ class Builder {
       plugins: [
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
         virtual({
-          entry: `import App from '${this.path}'; export default App`
+          entry
         }),
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
         svelte({
@@ -64,9 +93,8 @@ class Builder {
           },
           emitCss: false,
           preprocess: sveltePreprocess(this.preprocess),
-          onwarn: (warning, handler) => {
-            if (warning.code === "missing-declaration" && warning.message.includes("'props'")) return;
-            throw new Error(warning.message);
+          onwarn: (warning) => {
+            throw warning;
           }
         }),
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
@@ -108,36 +136,33 @@ class Builder {
 ${bundle[0].code}`.trim();
   }
   async client() {
-    return this.compiled?.client || this.standardizeClient(await this.bundle("dom"));
-  }
-  standardizeClient(code) {
-    const ast = recast.parse(code);
-    let name;
-    recast.visit(ast, {
-      visitExportNamedDeclaration: (path2) => {
-        const stagingName = path2.node?.specifiers?.[0].local?.name;
-        name = typeof stagingName !== "string" ? "" : stagingName;
-        path2.prune();
-        return false;
-      }
-    });
-    recast.visit(ast, {
-      visitIdentifier: (path2) => {
-        if (path2.node.name === name) {
-          path2.node.name = "App";
-        }
-        return false;
-      }
-    });
-    return recast.print(ast).code;
+    return this.compiled?.client || await this.bundle("dom");
   }
+  // standardizeClient (code: string): string {
+  //   const ast = recast.parse(code)
+  //   let name: string | undefined
+  //   recast.visit(ast, {
+  //     visitExportNamedDeclaration: (path) => {
+  //       const stagingName: any = path.node?.specifiers?.[0].local?.name
+  //       name = typeof stagingName !== 'string' ? '' : stagingName
+  //       path.prune()
+  //       return false
+  //     }
+  //   })
+  //   recast.visit(ast, {
+  //     visitIdentifier: (path) => {
+  //       if (path.node.name === name) {
+  //         path.node.name = 'App'
+  //       }
+  //       return false
+  //     }
+  //   })
+  //   return recast.print(ast).code
+  // }s
   async server() {
     const output = this.compiled?.server || await this.bundle("ssr");
-    const Component = importFromStringSync(output, {
-      globals: { props: this.props }
-    }).default;
-    const { html, css, head } = await Component.render(this.locals);
-    return { output, html, head, css: css.code };
+    const { html, css, head } = importFromStringSync(output).default;
+    return { output, html, head, css: css?.code };
   }
   async build() {
     try {

data/lib/svelte/templates/assembler.js.erb

@@ -10,7 +10,8 @@ const bob = new Builder(
   <%= ssr %>,
   '<%= Rails.root %>',
   JSON.parse('<%= Svelte.preprocess.to_json || "{}" %>'),
-  JSON.parse('<%= Svelte.aliases.to_json || "{}" %>')
+  JSON.parse('<%= Svelte.aliases.to_json || "{}" %>'),
+  '<%= digest %>'
 )
 
 const built = await bob.build()

data/lib/svelte/templates/island.html.erb

@@ -7,12 +7,6 @@
     <%= result.dig(:server, :css) %>
   </style>
   <template data-island>
-<script type="module"><%= result.dig(:client).strip %>;
-new App({
-  target: document.getElementById("hydratee-<%= digest %>"),
-  props: JSON.parse('<%= locals.to_json %>'),
-  hydrate: true
-});
-</script>
+    <script type="module">(<%= result.dig(:client).strip %>)();</script>
   </template>
 </is-land>

data/lib/svelte/version.rb

@@ -1,3 +1,3 @@
 module Svelte
-  VERSION = "0.7.0"
+  VERSION = "0.8.0"
 end

data/lib/ts/builder.ts

@@ -1,4 +1,3 @@
-import { readable, Stores } from 'svelte/store'
 import { importFromStringSync } from 'module-from-string'
 import { sveltePreprocess } from 'svelte-preprocess'
 import type { Warning } from 'svelte/types/compiler/interfaces'
@@ -11,6 +10,7 @@ import { nodeResolve } from '@rollup/plugin-node-resolve';
 import virtual from '@rollup/plugin-virtual';
 import swc from '@rollup/plugin-swc';
 import path from "node:path"
+import { render } from "svelte/server"
 
 export interface BuildSuccess {
   client: string
@@ -36,7 +36,7 @@ export type BuildResult = BuildSuccess | BuildError
  */
 class Builder {
   path: string
-  props: Stores
+  props: object
   locals: object
   compiled: {
     client: string | null
@@ -48,6 +48,7 @@ class Builder {
   preprocess: object
   pathAliases?: object
   root: string
+  digest: string
 
   constructor (
     path: string,
@@ -59,11 +60,12 @@ class Builder {
     ssr: boolean,
     workingDir: string,
     preprocess: object,
-    pathAliases: object
+    pathAliases: object,
+    digest: string
   ) {
     this.path = path
     this.root = root
-    this.props = readable(Object.assign(props, locals, props))
+    this.props = Object.assign(props, props, locals)
     this.locals = locals
     this.compiled = {
       client,
@@ -73,9 +75,41 @@ class Builder {
     this.workingDir = workingDir
     this.preprocess = preprocess
     this.pathAliases = pathAliases
+    this.digest = digest
   }
 
   async bundle (generate: 'ssr' | 'dom'): Promise<string> {
+    let entry = null
+    
+    if(generate == 'ssr') {
+      entry = `
+        import App from "${this.path}"; 
+        import { render } from "svelte/server";
+                
+        const rendered = render(App, {
+          props: JSON.parse('${JSON.stringify(this.props)}')
+        })
+        
+        export default rendered;
+      `
+    } else {
+      entry = `
+        import App from "${this.path}"; 
+        import { hydrate } from "svelte";
+        
+        function hydrateApp() {
+          const app = hydrate(App, {
+            target: document.getElementById("hydratee-${this.digest}"),
+            props: JSON.parse('${JSON.stringify(this.props)}')
+          })
+          
+          app.flushSync();
+        }
+        
+        export default hydrateApp;
+      `
+    }
+    
     const bundle = (await (await rollup({
       input: 'entry',
       output: {
@@ -88,7 +122,7 @@ class Builder {
       plugins: [
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
         virtual({
-          entry: `import App from '${this.path}'; export default App`
+          entry: entry
         }),
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
         svelte({
@@ -99,13 +133,8 @@ class Builder {
           },
           emitCss: false,
           preprocess: sveltePreprocess(this.preprocess),
-          onwarn: (warning: Warning, handler: Function) => {
-            if (
-              warning.code === 'missing-declaration' &&
-              warning.message.includes("'props'")
-            ) return
-
-            throw new Error(warning.message);
+          onwarn: (warning: Warning) => {
+            throw warning;
           }
         }),
         // @ts-expect-error see https://github.com/rollup/plugins/issues/1662
@@ -147,46 +176,42 @@ class Builder {
 
   async client (): Promise<string> {
     return (
-      this.compiled?.client || this.standardizeClient(await this.bundle("dom")) // eslint-disable-line
+      this.compiled?.client || (await this.bundle("dom")) // eslint-disable-line
     )
   }
 
-  standardizeClient (code: string): string {
-    const ast = recast.parse(code)
-
-    let name: string | undefined
-
-    recast.visit(ast, {
-      visitExportNamedDeclaration: (path) => {
-        const stagingName: any = path.node?.specifiers?.[0].local?.name
-        name = typeof stagingName !== 'string' ? '' : stagingName
-        path.prune()
-        return false
-      }
-    })
-
-    recast.visit(ast, {
-      visitIdentifier: (path) => {
-        if (path.node.name === name) {
-          path.node.name = 'App'
-        }
-        return false
-      }
-    })
+  // standardizeClient (code: string): string {
+  //   const ast = recast.parse(code)
+
+  //   let name: string | undefined
+
+  //   recast.visit(ast, {
+  //     visitExportNamedDeclaration: (path) => {
+  //       const stagingName: any = path.node?.specifiers?.[0].local?.name
+  //       name = typeof stagingName !== 'string' ? '' : stagingName
+  //       path.prune()
+  //       return false
+  //     }
+  //   })
+
+  //   recast.visit(ast, {
+  //     visitIdentifier: (path) => {
+  //       if (path.node.name === name) {
+  //         path.node.name = 'App'
+  //       }
+  //       return false
+  //     }
+  //   })
     
-    return recast.print(ast).code
-  }
+  //   return recast.print(ast).code
+  // }s
 
   async server (): Promise<{ output: string, html: string, css: string, head: string }> {
     const output = this.compiled?.server || (await this.bundle('ssr')) // eslint-disable-line
 
-    const Component = importFromStringSync(output, {
-      globals: { props: this.props }
-    }).default
-
-    const { html, css, head } = await Component.render(this.locals)
+    const { html, css, head } = importFromStringSync(output).default
 
-    return { output, html, head, css: css.code }
+    return { output, html, head, css: css?.code }
   }
 
   async build (): Promise<BuildResult> {

data/lib/ts/types/builder.d.ts

@@ -1,4 +1,3 @@
-import { Stores } from 'svelte/store';
 export interface BuildSuccess {
     client: string;
     server: {
@@ -20,7 +19,7 @@ export type BuildResult = BuildSuccess | BuildError;
  */
 declare class Builder {
     path: string;
-    props: Stores;
+    props: object;
     locals: object;
     compiled: {
         client: string | null;
@@ -31,10 +30,10 @@ declare class Builder {
     preprocess: object;
     pathAliases?: object;
     root: string;
-    constructor(path: string, root: string, props: object, locals: object, client: string | null, server: string | null, ssr: boolean, workingDir: string, preprocess: object, pathAliases: object);
+    digest: string;
+    constructor(path: string, root: string, props: object, locals: object, client: string | null, server: string | null, ssr: boolean, workingDir: string, preprocess: object, pathAliases: object, digest: string);
     bundle(generate: 'ssr' | 'dom'): Promise<string>;
     client(): Promise<string>;
-    standardizeClient(code: string): string;
     server(): Promise<{
         output: string;
         html: string;

data/package-lock.json

@@ -14,22 +14,16 @@
         "@rollup/plugin-swc": "^0.4.0",
         "@rollup/plugin-virtual": "^3.0.2",
         "@swc/core": "^1.7.26",
-        "convert-source-map": "^2.0.0",
-        "esbuild-svelte": "^0.8.1",
-        "flat": "^6.0.1",
         "inflected": "^2.1.0",
-        "lodash.merge": "^4.6.2",
         "module-from-string": "^3.3.1",
         "recast": "^0.23.9",
         "rollup": "^4.22.4",
         "rollup-plugin-svelte": "^7.2.2",
-        "rollup-sourcemap-path-transform": "^1.0.5",
-        "svelte": "^4.2.19",
-        "svelte-preprocess": "^6.0.2"
+        "svelte": "^5.0.2",
+        "svelte-preprocess": "^6.0.3"
       },
       "devDependencies": {
         "@types/convert-source-map": "^2.0.3",
-        "@types/lodash.merge": "^4.6.9",
         "surge": "^0.23.1",
         "ts-standard": "^12.0.2",
         "typescript": "^5.5.4",
@@ -3202,21 +3196,6 @@
       "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
       "dev": true
     },
-    "node_modules/@types/lodash": {
-      "version": "4.17.7",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
-      "dev": true
-    },
-    "node_modules/@types/lodash.merge": {
-      "version": "4.6.9",
-      "resolved": "https://registry.npmjs.org/@types/lodash.merge/-/lodash.merge-4.6.9.tgz",
-      "integrity": "sha512-23sHDPmzd59kUgWyKGiOMO2Qb9YtqRO/x4IhkgNUiPQ1+5MUVqi6bCZeq9nBJ17msjIMbEIO5u+XW4Kz6aGUhQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/lodash": "*"
-      }
-    },
     "node_modules/@types/markdown-it": {
       "version": "14.1.2",
       "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
@@ -3819,6 +3798,14 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/acorn-typescript": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/acorn-typescript/-/acorn-typescript-1.4.13.tgz",
+      "integrity": "sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==",
+      "peerDependencies": {
+        "acorn": ">=8.9.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -3896,11 +3883,11 @@
       "dev": true
     },
     "node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dependencies": {
-        "dequal": "^2.0.3"
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/array-buffer-byte-length": {
@@ -4419,18 +4406,6 @@
       "integrity": "sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==",
       "dev": true
     },
-    "node_modules/code-red": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
-      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15",
-        "@types/estree": "^1.0.1",
-        "acorn": "^8.10.0",
-        "estree-walker": "^3.0.3",
-        "periscopic": "^3.1.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -4530,18 +4505,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -4684,14 +4647,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -4958,21 +4913,6 @@
         "@esbuild/win32-x64": "0.23.0"
       }
     },
-    "node_modules/esbuild-svelte": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/esbuild-svelte/-/esbuild-svelte-0.8.1.tgz",
-      "integrity": "sha512-iswZSetqRxYaQoWMd38Gu6AanIL6KFsVj8/unei7qTaxjAkRDulW62/Bc5nmeogKBWekBvrPOE106wui7gYARQ==",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.19"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "esbuild": ">=0.9.6",
-        "svelte": ">=3.43.0 <6"
-      }
-    },
     "node_modules/escalade": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
@@ -5454,6 +5394,11 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esm-env": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
+      "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
+    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -5495,6 +5440,15 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/esrap": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esrap/-/esrap-1.2.2.tgz",
+      "integrity": "sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1"
+      }
+    },
     "node_modules/esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -5516,14 +5470,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -5677,17 +5623,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/flat": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/flat/-/flat-6.0.1.tgz",
-      "integrity": "sha512-/3FfIa8mbrg3xE7+wAhWeV+bd7L2Mof+xtZb5dRDKZ+wDvYJK4WDYeIOuOhre5Yv5aQObZrlbRmk3RTSiuQBtw==",
-      "bin": {
-        "flat": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/flat-cache": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
@@ -6999,7 +6934,8 @@
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
@@ -7035,11 +6971,6 @@
       "integrity": "sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==",
       "dev": true
     },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7525,16 +7456,6 @@
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
       "dev": true
     },
-    "node_modules/periscopic": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
-      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^3.0.0",
-        "is-reference": "^3.0.0"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
@@ -8116,17 +8037,6 @@
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
-    "node_modules/rollup-sourcemap-path-transform": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/rollup-sourcemap-path-transform/-/rollup-sourcemap-path-transform-1.0.5.tgz",
-      "integrity": "sha512-i7mcb8heyQcG+76oZrmdrkrtNVIpuefqhHYxdsqWO4wZO/8/BtUoBr2YKy+QyzdTYvR+EKTmoHN4Yg29LYC4Dw==",
-      "engines": {
-        "node": ">= 14.18"
-      },
-      "peerDependencies": {
-        "rollup": "^2 || ^3 || ^4"
-      }
-    },
     "node_modules/run-async": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -8362,6 +8272,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
       "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8810,33 +8721,32 @@
       "dev": true
     },
     "node_modules/svelte": {
-      "version": "4.2.19",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.19.tgz",
-      "integrity": "sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==",
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.15",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "@types/estree": "^1.0.1",
-        "acorn": "^8.9.0",
-        "aria-query": "^5.3.0",
-        "axobject-query": "^4.0.0",
-        "code-red": "^1.0.3",
-        "css-tree": "^2.3.1",
-        "estree-walker": "^3.0.3",
-        "is-reference": "^3.0.1",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.0.2.tgz",
+      "integrity": "sha512-TIqp5kjyTMa45L0McUvVfjuvlF/hyxVolyAc9APY3/FeF5aqYpt+Y1PckPQ7DlsDkthxNeq2+ystop8GlIV3kw==",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@types/estree": "^1.0.5",
+        "acorn": "^8.12.1",
+        "acorn-typescript": "^1.4.13",
+        "aria-query": "^5.3.1",
+        "axobject-query": "^4.1.0",
+        "esm-env": "^1.0.0",
+        "esrap": "^1.2.2",
+        "is-reference": "^3.0.2",
         "locate-character": "^3.0.0",
-        "magic-string": "^0.30.4",
-        "periscopic": "^3.1.0"
+        "magic-string": "^0.30.11",
+        "zimmerframe": "^1.1.2"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/svelte-preprocess": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-6.0.2.tgz",
-      "integrity": "sha512-OvDTLfaOkkhjprbDKO0SOCkjNYuHy16dbD4SpqbIi6QiabOMHxRT4km5/dzbFFkmW1L0E2INF3MFltG2pgOyKQ==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-6.0.3.tgz",
+      "integrity": "sha512-PLG2k05qHdhmRG7zR/dyo5qKvakhm8IJ+hD2eFRQmMLHp7X3eJnjeupUtvuRpbNiF31RjVw45W+abDwHEmP5OA==",
       "hasInstallScript": true,
       "engines": {
         "node": ">= 18.0.0"
@@ -10052,6 +9962,11 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zimmerframe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz",
+      "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w=="
     }
   }
 }

data/package.json

@@ -23,12 +23,13 @@
     "@rollup/plugin-swc": "^0.4.0",
     "@rollup/plugin-virtual": "^3.0.2",
     "@swc/core": "^1.7.26",
+    "inflected": "^2.1.0",
     "module-from-string": "^3.3.1",
     "recast": "^0.23.9",
     "rollup": "^4.22.4",
     "rollup-plugin-svelte": "^7.2.2",
-    "svelte": "^4.2.19",
-    "svelte-preprocess": "^6.0.2"
+    "svelte": "^5.0.2",
+    "svelte-preprocess": "^6.0.3"
   },
   "engines": {
     "node": ">=12.16.0"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: actionview-svelte-handler
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.8.0
 platform: ruby
 authors:
 - reesericci
 autorequire: svelte
 bindir: bin
 cert_chain: []
-date: 2024-09-25 00:00:00.000000000 Z
+date: 2024-10-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails