...with mechanisms to activate JavaScript behavior on certain DOM elements. E.g. in Unpoly uses compilers for that purpose. Instead of using a framework mechanism you may use customElements.define() to register...
...browser's customElements.define() is that your new element does not not need to be compiled or activated after insertion. Attaching a to the document will automatically activate the registered behavior...
...to show statistics of bundle sizes. Generated file will automatically open in your browser. // Compile with NODE_ENV=production bin/rake assets:precompile const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; environment.plugins.append...
...BundleAnalyzer', new BundleAnalyzerPlugin({ analyzerMode: 'static' }) ) Then compile using the production environment. In a Webpacker project, this can be done with NODE_ENV=production bin/webpack An interactive graph like this will...
YJIT is Ruby's default just-in-time compiler. It is considered production-ready since Ruby 3.2 (source). To activate YJIT you need two steps: Your ruby binary needs to...
...be compiled with YJIT support. You need to enable YJIT. Getting a Ruby with YJIT support We usually install Ruby with tools like rbenv or asdf. This compiles the ruby...
...load it all up front, I would recommend to load large libraries from the compilers that need it. Compilers are also a good place to track whether the library has...
...menu items of your MovieDB. Integrate Feather for this. You might need such a compiler to "activate" the icons: import feather from 'feather-icons' up.compiler('[data-feather]', feather.replace...
...Don't touch the asset pipeline or this spec will take 30 seconds to compile assets that we don't need allow_any_instance_of(ActionView::Base).to receive(:javascript...
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS custom properties are a reactive (i.e. live) part of the...
...all descending (inheriting) classes. This is rarely what you want. Class variables are bound at compile-time Like unqualified constants, class variables are bound to your current scope when the...
...care when using Unpoly This does not play nice with Unpoly by default, since compilers are neither properly initialized nor destructed in the morphed DOM...
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...
...and using JavaScript to disable all controls inside it. This works nicely with Unpoly compilers or Angular directives. See jsbin for an example...
...file_path = "tmp/failed_specs.txt" end # Then, run "rspec --only-failures" Disassemble Some Codes RubyVM::InstructionSequence#compile can be used to compile Ruby code on the fly. It offers a #disasm method...
...the callback function, which should run only once }) Example case I had an Unpoly compiler for a tab navigation, which sets an -active class per default to the first tab...
...function fragmentInsertedCallback() { up.off('up:fragment:inserted', fragmentInsertedCallback) // check if tabLink1 is active, when the compiler starts expect(tabLink1.classList.contains('-active')).toEqual(true) expect(tabLink2.classList.contains('-active')).toEqual(false) }) up.hello(tabNavigation) // triggers the...
...FILE_LOG_CHARSET=UTF-8 java.awt.headless=true java.protocol.handler.pkgs=org.springframework.boot.loader sun.management.compiler=HotSpot 64-Bit Tiered Compilers java.runtime.version=17.0.6+10 user.name=spring path.separator=\: os.version=5.4.219-126.411.amzn2.x86_64 java.runtime.name=OpenJDK Runtime Environment
...separate terminal, and run bin/webpack-dev-server. The dev server will watch all your changes and compile everything automatically in the background. It will also auto-reload your code in the browser...
...to our JavaScript, but it will let webpack know, it has to put the compiled application.sass into our main.css. Of course, we have to tell the browser to actually load...
...to add lodash to MovieDB Use yarn add lodash, then import it in your compiler e.g. like this: import debounce from 'lodash/debounce' Can you find a way to make use...
...have an esbuild watcher running that picks up your source code in app/assets and compiles to public/assets; if not change the paths below accordingly. Basic idea We will
Say you wrap your index view in a form to apply different filters like pagination or a search query. On...
...then initialize the test environment: getTestBed().initTestEnvironment( BrowserTestingModule, platformBrowserTesting(providers?), options? ) Configure tsconfig.spec.json to compile the new main.ts file, e.g.: { // other options like "extents":, "compilerOptions":, "include": "files": [ "src/app/shared/spec/setup/main.ts" ], }
...also the shortcut element.click(). Loading elements after a delay Use custom elements or Unpoly compilers to build a element. It should afford an API like this: This will load soon...
...is to install the wkhtmltopdf package from the official Ubuntu repository. This version is compiled with libraries matching the Ubuntu release and is relatively up to date — for example, version...
...alternative release from the archived GitHub repositories: wkhtmltopdf/wkhtmltopdf wkhtmltopdf/packaging Please note: We do not compile the package ourselves on the server. Instead, we install the most recent available version of...
Has no separate build process in development. Instead the Rails server directly compiles the asset whenever it renders a javascript_tag, stylesheet_tag or image_tag.
...on click with an event listener like this is enough (implemented with an Unpoly compiler): up.compiler('[custom-dialog-abort]', (element) => { element.addEventListener('click', (event) => { event.preventDefault() window.parent.postMessage({ mceAction: 'close' }); }) }) The compiler for...
Undefined variable: "$gray". in /app/webpack/stylesheets/ .scss (line XX, column YY) : Failed to compile. You could collect the missing variables in a block at the end of _variables.scss and...