terrier-engine 4.13.1 → 4.13.2

package/test/dummy/app/assets/stylesheets/tt-demo.scss

@@ -0,0 +1,44 @@
+@import "terrier/tt-mixins";
+
+.tt-demo {
+	--demo-border-color: #ccc;
+	--demo-border-radius: 6px;
+	@include tt-absolute-fill;
+
+	.annotated {
+		position: relative;
+		border: 1px dashed var(--demo-border-color);
+		border-radius: var(--demo-border-radius);
+		.class {
+			position: absolute;
+			font-weight: bold;
+			font-size: 12px;
+			left: 1em;
+			top: -9px;
+			line-height: 1;
+			padding: 2px;
+			background-color: var(--tt-panel-background);
+			border-radius: var(--demo-border-radius);
+			opacity: 0.75;
+			&.right {
+				left: initial;
+				right: 1em;
+			}
+			&.center {
+				left: 50%;
+				transform: translate(-50%, 0);
+			}
+		}
+		&:hover {
+			border-style: solid;
+			.class {
+				opacity: 1;
+			}
+		}
+	}
+
+
+	.demo-content {
+		padding: var(--tt-pad);
+	}
+}

package/test/dummy/app/channels/application_cable/channel.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end

package/test/dummy/app/channels/application_cable/connection.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end

package/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,43 @@
+DUMMY_USER_ATTRS = {
+  email: 'terry@terrier.tech',
+  first_name: "Terry",
+  last_name: "Terrier",
+  extern_id: 'terry',
+  role: 'office',
+  password: 'password',
+  password_confirmation: 'password',
+  created_by_name: 'system'
+}
+
+class ApplicationController < ActionController::Base
+  include Terrier::RenderingBase
+  include Loggable
+
+  def page_title
+    @title || self.class.name.gsub('Controller', '').titleize
+  end
+
+  def home
+    @title = "Home"
+  end
+
+  def terrier_layout
+    'application'
+  end
+
+  def terrier_authenticate
+    # no authentication in dummy app
+  end
+
+  def terrier_change_user
+    # ensure there's always a dummy user
+    user = User.where(extern_id: DUMMY_USER_ATTRS[:extern_id]).first
+    unless user
+      user = User.new(DUMMY_USER_ATTRS)
+      user.save!
+    end
+    user.role = 'super'
+    user
+  end
+
+end

package/test/dummy/app/controllers/client_side_controller.rb

@@ -0,0 +1,45 @@
+class ClientSideController < ApplicationController
+  include ApplicationHelper
+
+  def modals
+    @title = 'Modals'
+  end
+
+  def slow_page
+    @title = "Slow Page"
+
+    # we make this response artificially long to demonstrate the loader
+    sleep 1.0
+
+    render layout: 'modal'
+  end
+
+  def replaced_content
+    @title = 'Replaced Content'
+    render plain: "<h2 class='text-center'>Replaced Server-Side!</h2>", layout: false
+  end
+
+  def urls
+    @title = 'URLs'
+  end
+
+  def versions
+    @title = 'Versions'
+  end
+
+  def logging
+    @title = 'Logging'
+  end
+
+  def tables
+    @title = 'Tables'
+    @select_options = %w[one two three four].map do |s|
+      [s, random_string(8)] # create a random id so that the values are not the same as the titles
+    end
+  end
+
+  def tt_styles
+    @title = "TT Styles"
+  end
+
+end

package/test/dummy/app/controllers/errors_controller.rb

@@ -0,0 +1,90 @@
+class ErrorsController < ApplicationController
+
+  def show
+    begin
+      env = request.env
+      @ex = env['action_dispatch.exception']
+      @backtrace = @ex.backtrace.map do |line|
+        line = line.gsub(Dir.home, '~') # remove the home directory
+        if line.index '/gems/' # remove the long gems path
+          line = 'gems/' + line.split('/gems/').last
+        end
+        line
+      end
+      @status = ActionDispatch::ExceptionWrapper.new(env, @ex).status_code
+
+      @details = {
+        path: env['REQUEST_PATH'],
+        method: env['REQUEST_METHOD'],
+        message: @ex.message,
+        status: @status,
+        response: ActionDispatch::ExceptionWrapper.rescue_responses[@ex.class.name],
+        params: env['action_dispatch.request.parameters'],
+        session: env['action_dispatch.request.unsigned_session_cookie'],
+        uri: env['REQUEST_URI'],
+        backtrace: @backtrace
+      }
+
+      Rails.logger.debug '------'
+      Rails.logger.ap @ex.class
+      Rails.logger.ap @ex
+      Rails.logger.ap "status: #{@status}"
+      if @ex.is_a? Errno::ENOENT
+        info "Forcing Errno::ENOENT to a 404"
+        @status = 404
+      end
+
+      @layout = if @details[:params][:modal]
+                  'modal'
+                elsif @details[:params][:side_pane]
+                  'side_pane'
+                else
+                  'application'
+                end
+
+      case @status
+      when 404
+        return file_not_found
+      else
+        # 500
+        return internal_server_error
+      end
+    rescue => new_ex
+      render_exception new_ex
+    end
+  end
+
+  def file_not_found
+    respond_to do |format|
+      info "file_not_found request.content_type: #{request.content_type}"
+      format.html do
+        @title = '404 File Not Found'
+        info "rendering html format"
+        render template: 'errors/file_not_found', layout: @layout
+      end
+      format.json do
+        render json: @details
+      end
+    end
+  end
+
+  def internal_server_error
+
+    respond_to do |format|
+      format.html do
+        @title = "#{@status} Error"
+        @title_icon = 'alert'
+        render template: 'errors/internal_server_error', layout: @layout
+      end
+      format.json do
+        @details[:http_status] = @status
+        @details[:status] = 'error'
+        render json: @details
+      end
+      format.js do
+        render template: 'errors/internal_server_error'
+      end
+    end
+  end
+
+end

package/test/dummy/app/controllers/frontend_controller.rb

@@ -0,0 +1,24 @@
+class FrontendController < ApplicationController
+  include ActionController::Live
+
+  def platform_demo
+    @title = "Platform Demo"
+    @entrypoint = 'platform-demo'
+  end
+
+  def list_viewer_demo
+    @title = "List Viewer Demo"
+    @entrypoint = "list-viewer-demo"
+  end
+
+  def streaming
+    stream_response do |stream|
+      20.times do |i|
+        stream.info "Step #{i}"
+        stream.write 'foo', {foo: i, time: Time.now}
+        sleep 0.1
+      end
+    end
+  end
+
+end

package/test/dummy/app/controllers/icons_controller.rb

@@ -0,0 +1,15 @@
+class IconsController < ApplicationController
+
+  def glyps
+    @title = 'Glyps'
+  end
+
+  def hub
+    @title = 'Hub Icons'
+  end
+
+  def badges
+    @title = 'Badges'
+  end
+
+end

package/test/dummy/app/controllers/rendering_controller.rb

@@ -0,0 +1,12 @@
+class RenderingController < ApplicationController
+  include Terrier::RenderingBase
+
+  def exception
+    begin
+      raise "This is a test exception"
+    rescue => ex
+      render_exception ex, full: true
+    end
+  end
+
+end

package/test/dummy/app/controllers/scripts_controller.rb

@@ -0,0 +1,38 @@
+class ScriptsController < ApplicationController
+  include Terrier::ScriptCrud
+
+  def index
+    @title = 'Scripts'
+    respond_to do |format|
+      format.html
+      format.json do
+        begin
+          scripts = ActiveRecord::Base.connection.execute list_query(nil)
+          render_success "Listing #{scripts.count} Scripts", scripts: scripts
+        rescue => ex
+          render_exception ex
+        end
+      end
+    end
+  end
+
+  def save_script?(script)
+    script.save_by_system?
+  end
+
+  def save_run?(run)
+    run.save_by_system?
+  end
+
+  # subclasses can implement this to override the values and options
+  def override_fields(script, values, options)
+    values['org_unit_id'] = 'two'
+    values['hidden_id'] = params[:foo]
+  end
+
+  def reports
+    @scripts = Script.where('title IS NOT NULL')
+	  @title = 'Reports'
+  end
+
+end

package/test/dummy/app/controllers/scripts_streaming_controller.rb

@@ -0,0 +1,21 @@
+require 'terrier/scripts/script_executor'
+
+class ScriptsStreamingController < ApplicationController
+  include Terrier::ScriptsStreaming
+
+
+  def get_executor
+    executor = ScriptExecutor.new @script, params: params
+    executor.me = 'Script Executor'
+    executor
+  end
+
+  def save_script?(script)
+    script.save_by_system?
+  end
+
+  def save_run?(run)
+    run.save_by_system?
+  end
+
+end

package/test/dummy/app/controllers/sql_controller.rb

@@ -0,0 +1,9 @@
+class SqlController < ApplicationController
+  include Terrier::SqlBase
+
+  def index
+    @title = 'SQL Test'
+  end
+
+
+end

package/test/dummy/app/controllers/tinytemplate_controller.rb

@@ -0,0 +1,7 @@
+class TinytemplateController < ApplicationController
+
+  def index
+    @title = 'TinyTemplate Demo'
+  end
+
+end

package/test/dummy/app/frontend/demo/db.ts

@@ -0,0 +1,9 @@
+import DbClient from "@terrier/db-client"
+import {ModelIncludesMap, PersistedModelTypeMap, UnpersistedModelTypeMap} from "../gen/models"
+
+/**
+ * DbClient specifically for the dummy database.
+ */
+class DummyDb extends DbClient<PersistedModelTypeMap, UnpersistedModelTypeMap, ModelIncludesMap> {}
+
+export default function Db() {return new DummyDb()}

package/test/dummy/app/frontend/demo/demo-app.ts

@@ -0,0 +1,58 @@
+import {TerrierApp} from "@terrier/app"
+import {MountOptions, NoState, Part, PartConstructor, PartTag} from "tuff-core/parts"
+import PagePart from "@terrier/parts/page-part"
+
+/**
+ * All demo pages should inherit from this.
+ */
+export abstract class DemoPage extends PagePart<NoState> {
+
+    async init() {
+        await super.init()
+
+        this.addBreadcrumb({
+            title: "Terrier Engine",
+            icon: 'glyp-terrier',
+            href: "/"
+        })
+    }
+}
+
+export type DemoAppState<T extends DemoPage> = {
+    part: PartConstructor<T, NoState>
+}
+
+/**
+ * Acts as the App for all demo pages.
+ * Mount pages using `DemoApp.mountPage()` in the entrypoint.
+ */
+export default class DemoApp<T extends DemoPage> extends TerrierApp<DemoAppState<T>> {
+
+    page!: T
+
+    async init() {
+        await super.init()
+
+        this.page = this.makePart(this.state.part, {})
+    }
+
+    render(parent: PartTag): any {
+        parent.div('.tt-demo.tt-typography.tt-form', container => {
+            container.part(this.page)
+        })
+        parent.part(this.overlayPart)
+    }
+
+    static mountPage<PartType extends DemoPage>(partType: PartConstructor<PartType, NoState>, mountOptions?: MountOptions) {
+        const container = document.getElementById('demo-container')
+        if (container) {
+
+            Part.mount(DemoApp, container, {part: partType}, mountOptions)
+        } else {
+            alert("No #demo-container!")
+            throw("No #demo-container!")
+        }
+    }
+}
+
+

package/test/dummy/app/frontend/demo/demo-parts.ts

@@ -0,0 +1,235 @@
+import {NoState, Part, PartTag} from "tuff-core/parts"
+import {ModalPart, modalPopKey} from "@terrier/modals"
+import Toasts from "@terrier/toasts"
+import {ActionsDropdown} from "@terrier/dropdowns"
+import {Action, ColorName} from "@terrier/theme"
+import PanelPart from "@terrier/parts/panel-part"
+import Tabs, { TabContainerPart } from "@terrier/tabs"
+import {Logger} from "tuff-core/logging"
+import Api from "@terrier/api";
+import Messages from "tuff-core/messages"
+import Strings from "tuff-core/strings"
+
+const log = new Logger("Demo Parts")
+
+const openModalKey = Messages.untypedKey()
+const toastKey = Messages.typedKey<{color: ColorName}>()
+const dropdownKey = Messages.typedKey<{message: string}>()
+const streamingKey = Messages.untypedKey()
+const sheetKey = Messages.typedKey<{type: 'confirm'}>()
+
+
+class Panel extends PanelPart<NoState> {
+
+    async init() {
+        this.setTitle("Panel Header ")
+
+        this.addAction({
+            title: 'Streaming',
+            icon: 'glyp-download',
+            click: {key: streamingKey}
+        })
+
+        this.addAction({
+            title: "Dropdown",
+            icon: 'glyp-click',
+            click: {key: dropdownKey, data: {message: "Simple Dropdown"}}
+        }, "secondary")
+
+        this.addAction({
+            title: "Toast",
+            classes: ['secondary'],
+            icon: 'glyp-announcement',
+            click: {key: toastKey, data: {color: 'secondary'}}
+        }, "secondary")
+
+        this.addAction({
+            icon: 'glyp-camera',
+            classes: ['active'],
+            tooltip: "Icon-Only"
+        }, "tertiary")
+
+        this.addAction({
+            title: "Confirm Sheet",
+            icon: 'glyp-help',
+            classes: ['active'],
+            click: {key: sheetKey, data: {type: 'confirm'}}
+        }, "tertiary")
+
+        this.onClick(toastKey, m => {
+            Toasts.show(`${m.data!!.color} toast`, {color: m.data!!.color}, this.theme)
+        })
+
+        this.onClick(sheetKey, m => {
+            log.info(`Showing ${m.data?.type} sheet`)
+            switch (m.data?.type) {
+                case 'confirm':
+                    this.app.confirm({
+                        title: "Are you sure?",
+                        icon: 'glyp-help',
+                        body: "Are you sure you want to do a thing?"
+                    }, () => {
+                        this.app.alert({
+                            title: "Success!",
+                            icon: 'glyp-complete',
+                            body: "Okay, sounds good!"
+                        })
+                    })
+            }
+        })
+
+        const dropdownActions: Array<Action> = [
+            {title: "Action 1"},
+            {title: "Action 2"},
+            {title: "Action 3"},
+            {title: "Action 4"},
+        ]
+        this.onClick(dropdownKey, m => {
+            this.toggleDropdown(ActionsDropdown, dropdownActions, m.event.target)
+        })
+
+        this.onClick(streamingKey, _ => {
+            this.app.showModal(StreamingModal, {})
+        })
+    }
+
+    protected get panelClasses(): string[] {
+        return []
+    }
+
+    renderContent(parent: PartTag) {
+        parent.div('.tt-flex.tablet-collapsible.padded', row => {
+            row.div('.stretch', col => {
+                col.p({text: "Stretch Column"})
+                    .data({tooltip: "This is a tooltip"})
+            })
+            row.div('.shrink', col => {
+                col.p({text: "Shrink Column"})
+            })
+        })
+    }
+
+}
+
+class Modal extends ModalPart<NoState> {
+
+    async init() {
+        this.setTitle("Modal Header")
+
+        this.addAction({
+            title: "Push",
+            icon: 'glyp-arrow_right',
+            click: {key: openModalKey}
+        }, "primary")
+
+        this.addAction({
+            title: "Pop",
+            icon: 'glyp-arrow_left',
+            classes: ['secondary'],
+            click: {key: modalPopKey}
+        }, "secondary")
+    }
+
+    renderContent(parent: PartTag): void {
+        parent.p({text: "Modal Content"})
+    }
+
+}
+
+
+class DummyTab extends Part<{container: DemoTabs, title: string, content: string }> {
+
+
+    get parentClasses(): Array<string> {
+        return ['tt-flex', 'gap', 'column']
+    }
+
+    render(parent: PartTag) {
+        parent.h2({text: this.state.title})
+        for (const text of this.state.content.split("\n")) {
+            parent.p({text})
+        }
+        parent.div('.tt-flex', row => {
+            row.div().text("Tab Side:")
+            for (const side of Tabs.Sides) {
+                row.label(label => {
+                    const checked = this.state.container.state.side == side
+                    label.input({type: 'radio', name: 'tab-side', value: side, checked})
+                        .emitChange(this.state.container.changeSideKey, {side})
+                    label.span().text(Strings.titleize(side))
+                })
+            }
+        })
+    }
+}
+
+class DemoTabs extends TabContainerPart {
+    async init() {
+        await super.init()
+        this.upsertTab(
+            {key: 'one', title: "Tab One", icon: 'glyp-active'},
+            DummyTab, {container: this, title: "Tab One", content: "This is the first tab."}
+        )
+        this.upsertTab(
+            {key: 'two', title: "Tab Two", icon: 'glyp-complete'},
+            DummyTab, {
+                container: this, title: "Tab Two", content: "This is the second tab.\nIt takes up more space than the first one!"}
+        )
+        this.upsertTab(
+            {key: 'three', title: "Tab Three", icon: 'glyp-pending', state: "disabled"},
+            DummyTab, {container: this, title: "Tab Three", content: "This is the third tab."}
+        )
+        this.addBeforeAction({title: "Before", icon: 'hub-arrow_left'})
+        this.addAfterAction({title: "After", icon: 'hub-arrow_right'})
+    }
+}
+
+
+type FooEvent = {
+    foo: string
+    time: string
+}
+
+class StreamingModal extends ModalPart<NoState> {
+
+    latestFoo?: FooEvent
+
+    async init() {
+        this.setTitle("Streaming")
+        this.setIcon('glyp-download')
+
+        Api.stream("/frontend/streaming")
+            .on<FooEvent>('foo', evt => {
+                this.latestFoo = evt
+                this.dirty()
+            })
+            .onLog(evt => {
+                log.info(`${evt.level} log event: ${evt.message}`)
+            })
+    }
+
+    renderContent(parent: PartTag): void {
+        parent.div('.tt-flex.column.padded.gap', col => {
+            col.h3('.text-center', h3 => {
+                if (this.latestFoo) {
+                    const foo = this.latestFoo
+                    h3.text(`foo <strong>${foo.foo}</strong> at ${foo.time}`)
+                }
+                else {
+                    h3.text("Waiting for response...")
+                }
+            })
+        })
+    }
+
+}
+
+
+const DemoParts = {
+    Panel,
+    Modal,
+    DemoTabs,
+    openModalKey
+}
+
+export default DemoParts