proscenium 0.1.0.alpha2-x86_64-linux → 0.1.0.alpha4-x86_64-linux

data/lib/proscenium/cli/utils.js

@@ -1,93 +0,0 @@
-import { join } from 'std/path/mod.ts'
-
-import CliArgumentError from './argument_error.js'
-import { builderNames } from './builders/index.js'
-
-export const isTest = () => Deno.env.get('ENVIRONMENT') === 'test'
-
-export const debug = (...args) => {
-  isTest() && console.log(...args)
-}
-
-export const setup = (pluginName, pluginFn) => {
-  return (options = {}) => ({
-    name: pluginName,
-    setup(build) {
-      const plugin = pluginFn(build)
-
-      if (plugin.onResolve) {
-        const { callback, ...onResolve } = plugin.onResolve
-
-        build.onResolve(onResolve, async params => {
-          if (params.pluginData?.isResolvingPath) return
-
-          const results = await callback(params)
-
-          options.debug && console.debug(`plugin(${pluginName}:onResolve)`, { params, results })
-
-          return results
-        })
-      }
-
-      if (plugin.onLoad) {
-        const { callback, ...onLoad } = plugin.onLoad
-
-        build.onLoad(onLoad, params => {
-          const results = callback(params)
-
-          options.debug && console.debug(`plugin(${pluginName}:onLoad)`, { params, results })
-
-          return results
-        })
-      }
-    }
-  })
-}
-
-export const parseArgs = args => {
-  let [cwd, entrypoint, builder] = args
-
-  if (!cwd) {
-    throw new CliArgumentError('cwdRequired')
-  }
-
-  if (!entrypoint) {
-    throw new CliArgumentError('entrypointRequired')
-  }
-
-  if (!builder) {
-    throw new CliArgumentError('builderRequired')
-  }
-
-  try {
-    const stat = Deno.lstatSync(cwd)
-    if (!stat.isDirectory) {
-      throw new CliArgumentError(
-        `Current working directory is required as the first argument - received ${cwd}`
-      )
-    }
-  } catch {
-    throw new CliArgumentError('cwdUnknown', { cwd })
-  }
-
-  if (/\.(jsx?)|(css)\.map$/.test(entrypoint)) {
-    entrypoint = entrypoint.replace(/\.map$/, '')
-  }
-
-  try {
-    const stat = Deno.lstatSync(join(cwd, entrypoint))
-    if (!stat.isFile) {
-      throw new CliArgumentError(
-        `Entrypoint is required as the second argument - received ${entrypoint}`
-      )
-    }
-  } catch {
-    throw new CliArgumentError('entrypointUnknown', { entrypoint })
-  }
-
-  if (!builderNames.includes(builder)) {
-    throw new CliArgumentError('builderUnknown', { builder })
-  }
-
-  return args
-}

data/lib/proscenium/middleware/parcel_css.rb

@@ -1,37 +0,0 @@
-# frozen_string_literal: true
-
-require 'oj'
-
-module Proscenium
-  class Middleware
-    class ParcelCss < Base
-      def attempt
-        benchmark :parcelcss do
-          results = build("#{cli} #{cli_options.join ' '} #{root}#{@request.path}")
-          render_response css_module? ? Oj.load(results, mode: :strict)['code'] : results
-        end
-      end
-
-      private
-
-      def cli
-        Gem.bin_path 'proscenium', 'parcel_css'
-      end
-
-      def cli_options
-        options = ['--nesting', '--custom-media', '--targets', "'>= 0.25%'"]
-
-        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/runtime/component_manager/index.js

@@ -1,27 +0,0 @@
-/* eslint-disable no-console */
-
-import renderComponent from `/proscenium-runtime/component_manager/render_component.js`
-
-document.addEventListener('DOMContentLoaded', () => {
-  const elements = document.querySelectorAll('[data-component]')
-
-  if (elements.length < 1) return
-
-  Array.from(elements, (ele) => {
-    const data = JSON.parse(ele.getAttribute('data-component'))
-
-    let isVisible = false
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (!isVisible && entry.isIntersecting) {
-          isVisible = true
-          observer.unobserve(ele)
-
-          renderComponent(ele, data)
-        }
-      })
-    })
-
-    observer.observe(ele)
-  })
-})

data/lib/proscenium/runtime/component_manager/render_component.js

@@ -1,40 +0,0 @@
-/* eslint-disable no-console */
-
-import { RAILS_ENV } from 'env'
-
-// We don't use JSX, as doing so would auto-inject React. We don't want to do this, as React is lazy
-// loaded only when needed.
-export default async function (ele, data) {
-  const { createElement, useEffect, lazy, Suspense } = await import('react')
-  const { createRoot } = await import('react-dom/client')
-
-  const component = lazy(() => import(`/app/components${data.path}.jsx`))
-  const contentLoader = data.contentLoader && ele.firstElementChild
-
-  const Fallback = ({ contentLoader }) => {
-    useEffect(() => {
-      contentLoader && contentLoader.remove()
-    }, []) // eslint-disable-line react-hooks/exhaustive-deps
-
-    if (!contentLoader) return null
-
-    return /* @__PURE__ */ createElement('div', {
-      style: { height: '100%' },
-      dangerouslySetInnerHTML: { __html: contentLoader.outerHTML }
-    })
-  }
-
-  createRoot(ele).render(
-    /* @__PURE__ */ createElement(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ createElement(Fallback, {
-          contentLoader
-        })
-      },
-      createElement(component, data.props)
-    )
-  )
-
-  RAILS_ENV === 'development' && console.debug(`[REACT]`, `Rendered ${data.path.slice(1)}`)
-}

data/lib/proscenium/runtime/import_css.js

@@ -1,46 +0,0 @@
-async function digest(value) {
-  value = new TextEncoder().encode(value)
-  const view = new DataView(await crypto.subtle.digest('SHA-1', value))
-
-  let hexCodes = ''
-  for (let index = 0; index < view.byteLength; index += 4) {
-    hexCodes += view.getUint32(index).toString(16).padStart(8, '0')
-  }
-
-  return hexCodes.slice(0, 8)
-}
-
-const proxyCache = {}
-
-export async function importCssModule(path) {
-  appendStylesheet(path)
-
-  if (Object.keys(proxyCache).includes(path)) {
-    return proxyCache[path]
-  }
-
-  const hashValue = await digest(path)
-  return (proxyCache[path] = new Proxy(
-    {},
-    {
-      get(target, prop, receiver) {
-        if (prop in target || typeof prop === 'symbol') {
-          return Reflect.get(target, prop, receiver)
-        } else {
-          return `${prop}${hashValue}`
-        }
-      }
-    }
-  ))
-}
-
-export function appendStylesheet(path) {
-  // Make sure we only load the stylesheet once.
-  if (document.head.querySelector(`link[rel=stylesheet][href='${path}']`)) return
-
-  const ele = document.createElement('link')
-  ele.setAttribute('rel', 'stylesheet')
-  ele.setAttribute('media', 'all')
-  ele.setAttribute('href', path)
-  document.head.appendChild(ele)
-}