vite_rails 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 89b280f3a27da1896e3036c387874f6f2c5c0033aa3cb9f77cac84fecba57be3
-  data.tar.gz: 70e6f39a6f35af3e7a95cbd92cf7a2b9d2b4c0429335611ebf3cbab60386c775
+  metadata.gz: a21a899a4c8bb0f107bdb5947e73654aa4ff4f5c8096655fca6afbf3230bca07
+  data.tar.gz: c58dac4d02a4d63b65e0b520b5b124b2b6e4e0d02324fe1a99f6d76b24639778
 SHA512:
-  metadata.gz: 7b97f37e3822e99622b2a668cd957a27aeb1a00b98efe3e750c90169f4ae8dc2312a4c7460de6b4582a8414a92b704b668c880190314fd1d3632002b3f77c587
-  data.tar.gz: 76cce62bdedfc515e62e1777746a7a39ebe500a0e8afbd5b7c9255372a984a1042747d7e8dc52d4992d03370649c677c7c603cab75d3a6b5c9af2c0c447ef0a9
+  metadata.gz: 3c15259b8704298bdf8ac0a63d93960c75d1f977de62645e9e855d644cb29d1de270e0e1a1357edfe468c816264c9136af3cab1226b13eb3ef2e9aea83f89b8e
+  data.tar.gz: 1ba34b6164b4d0321f402fb3a96df166fa36f98539f3403aa1add892bdc1c056e836456970758349dc8db0189f13e96413bbbf1dd7f88fa6d116b232efe18710

data/lib/install/bin/vite

@@ -0,0 +1,17 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+ENV['RAILS_ENV'] ||= ENV['RACK_ENV'] || 'development'
+ENV['NODE_ENV']  ||= ENV['RAILS_ENV'] == 'development' ? 'development' : 'production'
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', Pathname.new(__FILE__).realpath)
+
+require 'bundler/setup'
+
+require 'vite_rails'
+
+APP_ROOT = File.expand_path('..', __dir__)
+Dir.chdir(APP_ROOT) do
+  ViteRails.run(ARGV)
+end

data/lib/install/config/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import VuePlugin from '@vitejs/plugin-vue'
+import RubyPlugin from 'vite-plugin-ruby'
+
+export default defineConfig({
+  plugins: [
+    VuePlugin(),
+    RubyPlugin(),
+  ],
+  optimizeDeps: {
+    exclude: [/webpack/, /vite-plugin-ruby/],
+  },
+})

data/lib/install/config/vite.json

@@ -0,0 +1,14 @@
+{
+  "all": {
+    "watchAdditionalPaths": []
+  },
+  "development": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-dev",
+    "port": 3036
+  },
+  "test": {
+    "autoBuild": true,
+    "publicOutputDir": "vite-test"
+  }
+}

data/lib/install/javascript/App.vue

@@ -0,0 +1,27 @@
+<script>
+import { defineComponent } from 'vue'
+import HelloWorld from '~/components/HelloWorld.vue'
+
+export default defineComponent({
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+})
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+<template>
+  <img alt="Vue logo" src="../assets/logo.png" />
+  <HelloWorld class="strange" msg="Hello Vue 3 + Vite" />
+</template>

data/lib/install/javascript/channels/consumer.js

@@ -0,0 +1,4 @@
+// Action Cable provides the framework to deal with WebSockets in Rails.
+// You can generate new channels where WebSocket features live using the `rails generate channel` command.
+import { createConsumer } from "@rails/actioncable"
+export default createConsumer()

data/lib/install/javascript/channels/index.js

@@ -0,0 +1,3 @@
+// Load all the channels within this directory and all subdirectories.
+// Channel files must be named *_channel.js.
+import.meta.globEager('./**/*_channel.js')

data/lib/install/javascript/components/HelloWorld.vue

@@ -0,0 +1,53 @@
+<script>
+import { ref, defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'HelloWorld',
+  props: {
+    msg: { type: String, required: true }
+  },
+  setup: () => {
+    const count = ref(0)
+    return { count }
+  }
+})
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+</style>
+
+<template>
+  <h1 v-bind="$attrs">{{ msg }}</h1>
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">Vite Documentation</a> |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
+  </p>
+
+  <p>
+    Recommended setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a
+      href="https://marketplace.visualstudio.com/items?itemName=octref.vetur"
+      target="_blank"
+    >Vetur</a>
+    +
+    <a
+      href="https://marketplace.visualstudio.com/items?itemName=znck.vue-language-features"
+      target="_blank"
+    >Vue DX</a>
+  </p>
+  <p>
+    Make sure to use workspace version of TypeScript to get improved support via
+    <a
+      href="https://github.com/znck/vue-developer-experience"
+      target="_blank"
+    >@vuedx</a>.
+    <br />Note @vuedx is still experimental and this setup is provided for early feedback.
+  </p>
+  <button name="Counter" @click="count++">count is: {{ count }}</button>
+  <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
+</template>

data/lib/install/javascript/entrypoints/application.js

@@ -0,0 +1,16 @@
+import '@rails/ujs'
+import Turbolinks from 'turbolinks'
+import ActiveStorage from '@rails/activestorage'
+import { createApp } from 'vue'
+
+import App from '~/App.vue'
+import '~/channels'
+import '../../stylesheets/index.css'
+
+Turbolinks.start()
+ActiveStorage.start()
+
+console.log('Vite ⚡️ Rails')
+
+createApp(App).mount('#app')
+

data/lib/install/javascript/stylesheets/index.css

@@ -0,0 +1,3 @@
+body {
+  background: red;
+}

data/lib/vite_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 class ViteRails
-  VERSION = '1.0.1'
+  VERSION = '1.0.2'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vite_rails
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Máximo Mussini
@@ -119,7 +119,17 @@ files:
 - CONTRIBUTING.md
 - LICENSE.txt
 - README.md
+- lib/install/bin/vite
 - lib/install/binstubs.rb
+- lib/install/config/vite.config.ts
+- lib/install/config/vite.json
+- lib/install/javascript/App.vue
+- lib/install/javascript/assets/logo.png
+- lib/install/javascript/channels/consumer.js
+- lib/install/javascript/channels/index.js
+- lib/install/javascript/components/HelloWorld.vue
+- lib/install/javascript/entrypoints/application.js
+- lib/install/javascript/stylesheets/index.css
 - lib/install/template.rb
 - lib/tasks/vite/binstubs.rake
 - lib/tasks/vite/build.rake
@@ -182,8 +192,8 @@ homepage: https://github.com/ElMassimo/vite_rails
 licenses:
 - MIT
 metadata:
-  source_code_uri: https://github.com/ElMassimo/vite_rails/tree/v1.0.1
-  changelog_uri: https://github.com/ElMassimo/vite_rails/blob/v1.0.1/CHANGELOG.md
+  source_code_uri: https://github.com/ElMassimo/vite_rails/tree/v1.0.2
+  changelog_uri: https://github.com/ElMassimo/vite_rails/blob/v1.0.2/CHANGELOG.md
 post_install_message:
 rdoc_options: []
 require_paths: