proscenium 0.5.1-x86_64-linux → 0.7.0-x86_64-linux

data/lib/proscenium/compilers/esbuild.js

@@ -1,179 +0,0 @@
-import { writeAll } from 'std/streams/mod.ts'
-import { parse as parseArgs } from 'std/flags/mod.ts'
-import { expandGlob } from 'std/fs/mod.ts'
-import { join, isGlob, resolve, dirname, fromFileUrl } from 'std/path/mod.ts'
-import { build, stop } from 'esbuild'
-
-import { readImportMap } from './esbuild/import_map.js'
-import envPlugin from './esbuild/env_plugin.js'
-import cssPlugin from './esbuild/css_plugin.js'
-import resolvePlugin from './esbuild/resolve_plugin.js'
-import ArgumentError from './esbuild/argument_error.js'
-import throwCompileError from './esbuild/compile_error.js'
-
-/**
- * Compile the given paths, outputting the result to stdout. This is designed to be called as a CLI:
- *
- * Example with Deno run (dev and test):
- *  deno run -A lib/proscenium/compilers/esbuild.js --root ./test/internal lib/foo.js
- * Example with Deno compiled binary:
- *  bin/esbuild lib/proscenium/compilers/esbuild.js --root ./test/internal lib/foo.js
- *
- * USAGE:
- *   esbuild [OPTIONS] <PATHS_ARG>...
- *
- * ARGS:
- *   <PATHS_ARG>... One or more file paths or globs to compile.
- *
- * OPTIONS:
- *   --root <PATH>
- *       Relative or absolute path to the root or current working directory when compilation will
- *       take place.
- *   --import-map <PATH>
- *       Path to an import map, relative to the <root>.
- *   --lightningcss-bin <PATH>
- *       Path to the lightningcss CLI binary.
- *   --write
- *       Write output to the filesystem according to esbuild logic.
- *   --cache-query-string <STRING>
- *       Query string to append to all imports as a cache buster. Example: `v1`.
- *   --debug
- *       Debug output,
- */
-if (import.meta.main) {
-  !Deno.env.get('RAILS_ENV') && Deno.env.set('RAILS_ENV', 'development')
-
-  const { _: paths, ...options } = parseArgs(Deno.args, {
-    string: ['root', 'import-map', 'lightningcss-bin', 'cache-query-string'],
-    boolean: ['write', 'debug'],
-    alias: {
-      'import-map': 'importMap',
-      'cache-query-string': 'cacheQueryString',
-      'lightningcss-bin': 'lightningcssBin'
-    }
-  })
-
-  let result = await main(paths, options)
-
-  // `result` is an error object, so return to stderr as JSON, and an exit code of 1.
-  if (isPlainObject(result)) {
-    result = new TextEncoder().encode(`(${throwCompileError()})(${JSON.stringify(result)})`)
-  }
-
-  await writeAll(Deno.stdout, result)
-}
-
-async function main(paths = [], options = {}) {
-  const { write, debug } = { write: false, ...options }
-
-  if (!Array.isArray(paths) || paths.length < 1) throw new ArgumentError('pathsRequired')
-  if (!options.root) throw new ArgumentError('rootRequired')
-  if (!options.lightningcssBin) throw new ArgumentError('lightningcssBinRequired')
-
-  const root = resolve(options.root)
-
-  // Make sure that `root` is a valid directory.
-  try {
-    const stat = Deno.lstatSync(root)
-    if (!stat.isDirectory) throw new ArgumentError('rootUnknown', { root })
-  } catch {
-    throw new ArgumentError('rootUnknown', { root })
-  }
-
-  const env = Deno.env.get('RAILS_ENV')
-  const isProd = env === 'production'
-  const isTest = env === 'test'
-  const entryPoints = new Set()
-
-  for (let i = 0; i < paths.length; i++) {
-    const path = paths[i]
-
-    if (isGlob(path)) {
-      for await (const file of expandGlob(path, { root })) {
-        file.isFile && entryPoints.add(file.path)
-      }
-    } else if (path.startsWith('/') || /^url:https?:\/\//.test(path)) {
-      // Path is absolute, or is prefixed with 'url:', so it must be outsideRoot, or Url. Don't
-      // prefix the root.
-      // See Proscenium::Middleware::[OutsideRoot|Url].
-      entryPoints.add(path)
-    } else {
-      entryPoints.add(join(root, path))
-    }
-  }
-
-  let importMap
-  try {
-    importMap = readImportMap(options.importMap, root)
-  } catch (error) {
-    return {
-      detail: error.stack,
-      text: `Cannot read/parse import map: ${error.message}`,
-      location: {
-        file: error.file
-      }
-    }
-  }
-
-  const runtimeDir = resolve(dirname(fromFileUrl(import.meta.url)), '../runtime')
-
-  const params = {
-    entryPoints: Array.from(entryPoints),
-    absWorkingDir: root,
-    logLevel: 'silent',
-    logLimit: 1,
-    outdir: 'public/assets',
-    outbase: './',
-    format: 'esm',
-    jsx: 'automatic',
-    jsxDev: !isTest && !isProd,
-    minify: isProd,
-    bundle: true,
-
-    // The Esbuild default places browser before module, but we're building for modern browsers
-    // which support esm. So we prioritise that. Some libraries export a "browser" build that still
-    // uses CJS.
-    mainFields: ['module', 'browser', 'main'],
-
-    plugins: [
-      envPlugin(),
-      resolvePlugin({ runtimeDir, importMap, debug, cacheQueryString: options.cacheQueryString }),
-      cssPlugin({ lightningcssBin: options.lightningcssBin, debug })
-    ],
-    metafile: write,
-    write
-  }
-
-  if (!debug) {
-    params.sourcemap = isProd || isTest ? false : 'inline'
-  }
-
-  let result
-  try {
-    result = await build(params)
-  } catch (error) {
-    if (debug) {
-      throw error
-    }
-
-    return { ...error.errors[0] }
-  } finally {
-    stop()
-  }
-
-  if (write) {
-    return new TextEncoder().encode(JSON.stringify(result))
-  } else {
-    const fileIndex = params.sourcemap === 'linked' ? 1 : 0
-    return result.outputFiles[fileIndex].contents
-  }
-}
-
-export function isPlainObject(value) {
-  if (Object.prototype.toString.call(value) !== '[object Object]') return false
-
-  const prototype = Object.getPrototypeOf(value)
-  return prototype === null || prototype === Object.prototype
-}
-
-export default main

data/lib/proscenium/link_to_helper.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  module LinkToHelper
-    # Overrides ActionView::Helpers::UrlHelper#link_to to allow passing a component instance as the
-    # URL, which will build the URL from the component path, eg. `/components/my_component`. The
-    # resulting link tag will also populate the `data` attribute with the component props.
-    #
-    # Example:
-    #   link_to 'Go to', MyComponent
-    #
-    # TODO: ummm, todo it! ;)
-  end
-
-  # Component handling for the `link_to` helper.
-  class LinkToComponentArguments
-    def initialize(options, name_argument_index, context)
-      @options = options
-      @name_argument_index = name_argument_index
-      @component = @options[@name_argument_index]
-
-      # We have to render the component, and then extract the props from the component. Rendering
-      # first ensures that we have all the correct props.
-      context.render @component
-    end
-
-    def helper_options
-      @options[@name_argument_index] = "/components#{@component.virtual_path}"
-      @options[@name_argument_index += 1] ||= {}
-      @options[@name_argument_index][:rel] = 'nofollow'
-      @options[@name_argument_index][:data] ||= {}
-      @options[@name_argument_index][:data][:component] = {
-        path: @component.virtual_path,
-        props: @component.props
-      }
-
-      @options
-    end
-  end
-end

data/lib/proscenium/middleware/lightningcss.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-require 'oj'
-
-module Proscenium
-  class Middleware
-    class Lightningcss < Base
-      def attempt
-        benchmark :lightningcss do
-          with_custom_media { |path| build path }
-        end
-      end
-
-      private
-
-      def with_custom_media
-        if custom_media?
-          Tempfile.create do |f|
-            contents = Pathname.new("#{root}#{@request.path}").read
-            f.write contents, "\n", custom_media_path.read
-            f.rewind
-
-            yield f.path
-          end
-        else
-          yield "#{root}#{@request.path}"
-        end
-      end
-
-      def build(path)
-        results = super("#{cli} #{cli_options.join ' '} #{path}")
-        render_response css_module? ? Oj.load(results, mode: :strict)['code'] : results
-      end
-
-      def custom_media?
-        @custom_media ||= custom_media_path.exist?
-      end
-
-      def custom_media_path
-        @custom_media_path ||= Rails.root.join('lib', 'custom_media_queries.css')
-      end
-
-      def cli
-        Gem.bin_path 'proscenium', 'lightningcss'
-      end
-
-      def cli_options
-        options = ['--nesting', '--targets', "'>= 0.25%'"]
-        options << '--custom-media' if custom_media?
-
-        if css_module?
-          hash = Digest::SHA1.hexdigest(@request.path)[..7]
-          options += ['--css-modules', '--css-modules-pattern', "'[local]#{hash}'"]
-        end
-
-        Rails.env.production? ? options << '-m' : options
-      end
-
-      def css_module?
-        @css_module ||= /\.module\.css$/i.match?(@request.path_info)
-      end
-    end
-  end
-end

data/lib/proscenium/middleware/outside_root.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  class Middleware
-    # Provides a way to render files outside of the Rails root during non-production. This is
-    # primarily to support linked NPM modules, for example when using `pnpm link ...`.
-    class OutsideRoot < Esbuild
-      private
-
-      # @override [Esbuild] reassigns root to '/'.
-      def renderable?
-        old_root = root
-        @root = Pathname.new('/')
-
-        super
-      ensure
-        @root = old_root
-      end
-
-      # @override [Esbuild] does not remove leading slash, ensuring it is an absolute path.
-      def path
-        @request.path
-      end
-    end
-  end
-end

data/lib/proscenium/middleware/runtime.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  class Middleware
-    class Runtime < Esbuild
-      private
-
-      def renderable?
-        old_root = root
-        old_path_info = @request.path_info
-
-        @root = Pathname.new(__dir__).join('../')
-        @request.path_info = @request.path_info.sub(%r{^/proscenium-runtime/}, 'runtime/')
-
-        super
-      ensure
-        @request.path_info = old_path_info
-        @root = old_root
-      end
-    end
-  end
-end

data/lib/proscenium/middleware/static.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  module Middleware
-    # Serves static files from disk that end with .js or .css.
-    class Static < Base
-      def attempt
-        benchmark :static do
-          Rack::File.new(root, { 'X-Proscenium-Middleware' => 'static' }).call(@request.env)
-        end
-      end
-    end
-  end
-end

data/lib/proscenium/phlex/component.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-class Proscenium::Phlex::Component < Proscenium::Phlex
-  private
-
-  def virtual_path
-    "/#{self.class.name.underscore}"
-  end
-end

data/lib/proscenium/precompile.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-require 'open3'
-
-module Proscenium
-  class Precompile
-    def self.call
-      new.call
-    end
-
-    def call
-      Rails.application.config.proscenium.glob_types.find do |type, globs|
-        cmd = "#{cli type} --root #{Rails.root} '#{globs.join "' '"}' --write"
-        _, stderr, status = Open3.capture3(cmd)
-
-        raise stderr unless status.success?
-        raise "#{type} compiliation failed -- #{stderr}" unless stderr.empty?
-      end
-    end
-
-    private
-
-    def cli(type)
-      if ENV['PROSCENIUM_TEST']
-        "deno run -q --import-map import_map.json -A lib/proscenium/compilers/#{type}.js"
-      else
-        Gem.bin_path 'proscenium', type.to_s
-      end
-    end
-  end
-end

data/lib/proscenium/runtime/auto_reload.js

@@ -1,40 +0,0 @@
-import { createConsumer } from 'https://esm.sh/v96/@rails/actioncable@7.0.4/es2022/actioncable.js'
-
-export default socketPath => {
-  const uid = (Date.now() + ((Math.random() * 100) | 0)).toString()
-  const consumer = createConsumer(`${socketPath}?uid=${uid}`)
-
-  consumer.subscriptions.create('Proscenium::ReloadChannel', {
-    received: debounce(() => {
-      console.log('[Proscenium] Files changed; reloading...')
-      location.reload()
-    }, 200, true),
-
-    connected() {
-      console.log('[Proscenium] Auto-reload websocket connected')
-    },
-
-    disconnected() {
-      console.log('[Proscenium] Auto-reload websocket disconnected')
-    }
-  })
-}
-
-function debounce(func, wait, immediate) {
-  let timeout
-
-  return function () {
-    const args = arguments
-
-    const later = () => {
-      timeout = null
-      !immediate && func.apply(this, args)
-    }
-
-    const callNow = immediate && !timeout
-    clearTimeout(timeout)
-    timeout = setTimeout(later, wait)
-
-    callNow && func.apply(this, args)
-  }
-}

data/lib/proscenium/runtime/react_shim/index.js

@@ -1 +0,0 @@
-export { createElement as reactCreateElement, Fragment as ReactFragment } from 'react'

data/lib/proscenium/runtime/react_shim/package.json

@@ -1,5 +0,0 @@
-{
-  "name": "react_shim",
-  "private": true,
-  "sideEffects": false
-}

data/lib/proscenium/utils.js

@@ -1,8 +0,0 @@
-export async function fileExists(path) {
-  try {
-    const fileInfo = await Deno.stat(path)
-    return fileInfo.isFile
-  } catch {
-    return false
-  }
-}

data/lib/tasks/assets.rake

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-namespace :proscenium do
-  desc 'Compile all your assets with Proscenium'
-  task precompile: :environment do
-    puts 'Precompiling assets with Proscenium...'
-    Proscenium::Precompile.call
-    puts 'Proscenium successfully precompiled your assets 🎉'
-  end
-end
-
-if Rake::Task.task_defined?('assets:precompile')
-  Rake::Task['assets:precompile'].enhance do
-    Rake::Task['proscenium:precompile'].invoke
-  end
-else
-  Rake::Task.define_task('assets:precompile' => ['proscenium:precompile'])
-  Rake::Task.define_task('assets:clean') # null task just so Heroku builds don't fail
-end